/* PantriX V4: marque, arguments métier et hero vivant, en préproduction */
:root{--v4-green:#0a4b30;--v4-orange:#ef8e2b;--v4-cream:#f4ebcf}
html{scroll-padding-top:95px}
.premium-mockup-v4{position:relative;isolation:isolate;overflow:visible!important}
.premium-mockup-v4>img:first-child{position:relative;z-index:1;filter:drop-shadow(0 18px 25px rgba(18,73,45,.13));animation:v4-tablet-hello 9s ease-in-out infinite}
.hero-companion{position:absolute!important;z-index:3!important;pointer-events:none;object-fit:contain;filter:drop-shadow(0 14px 9px rgba(10,75,48,.2));}
.hero-mascot{width:clamp(115px,19vw,215px)!important;height:auto!important;right:-1%!important;bottom:3%!important;animation:v4-hello 5s ease-in-out infinite}
.hero-value-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.3rem 0 .2rem}
.hero-value-pills a{font-size:.78rem;font-weight:750;border:1px solid #b7d6b6;background:#f3f8eb;color:#15583b;padding:.43rem .72rem;border-radius:50px;transition:transform .2s ease,background .2s ease}
.hero-value-pills a:hover{background:#dff1dc;transform:translateY(-2px)}
.v4-diff{background:linear-gradient(175deg,#0a4b30 0%,#10583c 53%,#0c4934 100%);color:#fffaf1;padding:clamp(65px,8vw,118px) 22px;overflow:hidden}
.v4-shell{max-width:1210px;margin:auto}
.v4-diff-lead{text-align:center;max-width:850px;margin:0 auto 3rem}
.v4-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.2em;color:#ffce90;font-size:.76rem;font-weight:800;margin-bottom:1.2rem}
.v4-diff-lead h2{font-size:clamp(2rem,4.7vw,3.8rem);font-weight:850;letter-spacing:-.055em;line-height:1.09}
.v4-diff-lead h2 em{font-style:normal;color:#ffb75d}
.v4-diff-lead p{color:#dae8db;font-size:clamp(.98rem,1.35vw,1.17rem);line-height:1.7;margin:1.4rem auto 0;max-width:620px}
.v4-diff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.v4-feature-card{display:flex;flex-direction:column;min-width:0;background:#fffbf2;color:#11402e;border:1px solid #f9e8c5;border-radius:25px;padding:26px 24px 22px;box-shadow:0 17px 30px rgba(1,22,13,.15);transition:transform .3s ease,box-shadow .3s ease}
.v4-feature-card:hover{transform:translateY(-7px);box-shadow:0 23px 40px rgba(1,22,13,.24)}
.v4-feature-index{display:flex;justify-content:space-between;align-items:center;color:#ef8e2b;font-size:1.05rem;font-weight:850;padding-bottom:1.1rem;border-bottom:1px solid #ece8d9}
.v4-feature-index span{font-size:.66rem;letter-spacing:.13em;color:#577c5e}
.v4-feature-text h3{font-weight:850;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.17;letter-spacing:-.03em;margin:1.1rem 0 .8rem;min-height:2.2em}
.v4-feature-text p{color:#5a665b;font-size:.95rem;line-height:1.62;min-height:7.5em}
.v4-feature-text strong{color:#124d32;font-weight:800}
.v4-criteria,.v4-tech-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:74px;align-content:center;padding:8px 0 16px}
.v4-criteria span,.v4-tech-tags span{background:#e9f4e7;border:1px solid #d5e8d0;border-radius:22px;color:#23583e;padding:5px 8px;font-size:.68rem;font-weight:700}
.v4-dlc-timeline{min-height:74px;margin-top:auto;padding:8px 0 15px;font-size:.75rem;color:#55665b}
.v4-dlc-timeline strong{color:#ba6326;font-size:.78rem}
.v4-dlc-track{display:flex;gap:6px;margin:6px 0}
.v4-dlc-track b{height:8px;border-radius:10px;background:#f9a64c;flex:1}
.v4-dlc-track b:nth-child(2){background:#edce70}.v4-dlc-track b:nth-child(3){background:#b9d2a4}.v4-dlc-track b:nth-child(4){background:#d3ddcb}
.v4-feature-card>img{width:100%;height:170px;object-fit:cover;object-position:center top;border:1px solid #e4dcc9;border-radius:13px;background:#f4ebcf;margin-top:auto}
.v4-feature-link{display:flex;justify-content:space-between;align-items:center;padding-top:16px;color:#0a4b30;font-weight:800;font-size:.86rem;text-decoration:none}
.v4-feature-link:hover{color:#d86e1f}
.v4-diff-foot{text-align:center;margin-top:2rem;color:#ecf1dd;font-size:.98rem;letter-spacing:.015em}
.v4-doubleoptin{font-size:.82rem;color:#25583f;font-weight:650;padding:.6rem 0 1.3rem}
.v4-store-status{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;padding:22px 26px;border:1px solid rgba(255,255,255,.24);border-radius:19px;background:rgba(255,255,255,.08);grid-column:1/-1;flex-wrap:wrap}
.v4-store-status strong{font-weight:800}.v4-store-status p{font-size:.85rem;margin-top:5px;color:#d5e2d4}
.v4-appstore-badge{display:inline-block;padding:.8rem 1.35rem;border:1px solid #fdc67a;border-radius:12px;color:#ffca86;white-space:nowrap;font-weight:750;font-size:.84rem}
.v4-appstore-badge[href]{background:#fff;color:#0a4b30;text-decoration:none;cursor:pointer}
.v4-footer-app{font-size:.88rem;color:#f4ebcf}.v4-footer-app p{color:#ffffffa6;margin:.7rem 0}.v4-footer-app a{color:#ffb75d;font-weight:800}
@keyframes v4-hello{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-8px) rotate(-2.6deg)}65%{transform:translateY(-5px) rotate(1deg)}}
@keyframes v4-tablet-hello{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:980px){.v4-diff-grid{grid-template-columns:1fr;max-width:630px;margin:auto}.v4-feature-text p,.v4-feature-text h3{min-height:0}.v4-feature-card>img{height:230px}.hero-mascot{width:20%!important;right:0!important;bottom:2%!important}}
@media(max-width:620px){.v4-diff{padding:70px 16px}.v4-feature-card{padding:20px;border-radius:19px}.v4-feature-card>img{height:165px}.hero-mascot{width:22%!important;right:-3%!important;bottom:6%!important}.hero-value-pills a{font-size:.7rem}.v4-store-status{padding:17px}}
@media(prefers-reduced-motion:reduce){.premium-mockup-v4>img:first-child,.hero-mascot{animation:none!important}.v4-feature-card:hover{transform:none}}