/* whyenv identity: "frosted sheets". Aurora mesh, glass cards, Instrument Serif, cobalt + mint, centered editorial column, sticky card stack. */
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-serif.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-italic.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/geist-mono.woff2) format('woff2')}
html[data-theme=dark] body.p-whyenv{--bg:#060a1c;--bg2:#0a1030;--surface:rgba(20,28,66,.55);--surface2:rgba(26,36,84,.6);--line:rgba(160,180,255,.12);--line2:rgba(170,190,255,.24);--text:#edf0ff;--text2:#b3bbe0;--text3:#8f99c6;--accent:#8ea4ff;--accent-fg:#9db0ff;--accent-ink:#06103a;--glow:transparent;--cob:#4a6bff;--mint:#3ff0c0;--warn:#ff7a8a;--sheet:rgba(24,34,80,.62);--sheet-b:rgba(170,190,255,.28)}
html[data-theme=light] body.p-whyenv{--bg:#eef1fb;--bg2:#e6ebfa;--surface:rgba(255,255,255,.6);--surface2:rgba(255,255,255,.75);--line:rgba(30,50,140,.12);--line2:rgba(30,50,140,.22);--text:#0c1230;--text2:#39426b;--text3:#525c8a;--accent:#2b50ff;--accent-fg:#2342d6;--accent-ink:#fff;--glow:transparent;--cob:#2b50ff;--mint:#0aa87f;--warn:#d93a52;--sheet:rgba(255,255,255,.62);--sheet-b:rgba(43,80,255,.28)}
body.p-whyenv{background:var(--bg);background-image:none;font-family:'Vazirmatn',system-ui,sans-serif;position:relative}
body.p-whyenv::before{content:'';position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(38% 34% at 22% 24%,color-mix(in srgb,var(--cob) 42%,transparent),transparent 70%),radial-gradient(34% 30% at 78% 20%,color-mix(in srgb,var(--mint) 30%,transparent),transparent 70%),radial-gradient(40% 36% at 60% 78%,color-mix(in srgb,var(--cob) 28%,transparent),transparent 70%);filter:blur(30px);animation:drift 26s ease-in-out infinite alternate;will-change:transform}
@keyframes drift{to{transform:translate3d(6%,4%,0) rotate(14deg) scale(1.08)}}
.p-whyenv .wrap{width:min(1000px,100% - 2*clamp(18px,4vw,40px))}
.p-whyenv .top{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
.p-whyenv .top .wrap{pointer-events:auto;width:min(1180px,100% - 24px);margin-top:12px;padding:0 12px 0 22px;border:1px solid var(--line2);border-radius:999px;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 8px 30px rgba(10,20,80,.18)}
.p-whyenv .brand{font-family:'Instrument Serif','Vazirmatn',serif;font-size:1.5rem;letter-spacing:0}
html[lang=fa] .p-whyenv .brand{font-family:'Vazirmatn',sans-serif;font-size:1.1rem}
.p-whyenv .nav a{font-size:.86rem}
.p-whyenv .nav{background:none;box-shadow:none}
.p-whyenv .nav a.on{background:color-mix(in srgb,var(--cob) 20%,transparent);color:var(--text)}
@media(max-width:900px){.p-whyenv .top .wrap{border-radius:22px;padding:0 10px 0 16px}.p-whyenv .nav{inset:70px 12px auto;border-radius:20px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px)}}
@media(max-width:520px){.p-whyenv .brand .fa-name{display:none}}
.p-whyenv .btn{border-radius:999px;background:var(--surface);backdrop-filter:blur(8px);border-color:var(--line2)}
.p-whyenv .btn.pri{background:linear-gradient(120deg,var(--cob),color-mix(in srgb,var(--cob) 55%,var(--mint)));color:#fff;border-color:transparent;box-shadow:0 10px 30px color-mix(in srgb,var(--cob) 45%,transparent);transition:transform .2s,box-shadow .2s}
.p-whyenv .btn.pri:hover{transform:translateY(-2px);box-shadow:0 16px 40px color-mix(in srgb,var(--cob) 55%,transparent)}
/* hero */
.p-whyenv section{border:0;background:none}
.p-whyenv .hero{padding-top:clamp(36px,6vw,80px);padding-bottom:20px;overflow-x:clip}
.p-whyenv .hero-grid{grid-template-columns:minmax(0,1fr);gap:34px;text-align:center}
.p-whyenv .hero-grid>div:first-child{max-width:820px;margin-inline:auto}
.p-whyenv .kicker{justify-content:center;font:500 .72rem 'Geist Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--text2)}
html[lang=fa] .p-whyenv .kicker{text-transform:none;font-family:inherit;letter-spacing:0;font-size:.85rem}
.p-whyenv .kicker i{background:var(--mint);box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 25%,transparent)}
.p-whyenv h1{font:400 clamp(2.9rem,1.4rem + 5.6vw,6rem)/.98 'Instrument Serif','Vazirmatn',serif;letter-spacing:-.02em;margin:.25em 0 .35em}
html[lang=fa] .p-whyenv h1{font-family:'Vazirmatn',sans-serif;font-weight:800;line-height:1.35;font-size:clamp(2.2rem,1.2rem + 4vw,4.2rem);letter-spacing:0}
.p-whyenv h1 em{font-style:italic;background:linear-gradient(100deg,var(--cob),var(--mint) 70%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline:.05em}
html[lang=fa] .p-whyenv h1 em{font-style:normal}
.p-whyenv .lede{font-size:1.06rem;color:var(--text2);margin-inline:auto;max-width:720px}
.p-whyenv .cta,.p-whyenv .badges{justify-content:center}
.p-whyenv .badges li{border-radius:999px;font-family:'Geist Mono',monospace;font-size:.7rem;background:var(--surface);backdrop-filter:blur(6px)}
/* sheet stack stage */
.stage{position:relative;margin-top:6px;perspective:1500px;min-height:560px;display:grid;justify-items:center}
.sheets{position:relative;width:min(640px,100%);height:470px;transform-style:preserve-3d;transform:rotateX(calc(14deg + var(--rx,0)*1deg)) rotateY(calc(var(--ry,0)*1deg)) rotateZ(-2deg);transition:transform .25s ease-out}
.sheet{position:absolute;inset-inline:0;top:0;height:112px;border-radius:18px;padding:14px 18px;text-align:start;background:var(--sheet);border:1px solid var(--sheet-b);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 30px 60px -20px rgba(10,20,90,.45),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .6s,border-color .4s,box-shadow .4s;transform:translate3d(0,calc(var(--i)*16px),calc(var(--i)*-46px)) scale(calc(1 - var(--i)*.03));direction:ltr;cursor:pointer;outline-offset:4px}
.sheet header{display:flex;align-items:center;gap:8px;font:600 .72rem 'Geist Mono',monospace;color:var(--text2)}
.sheet header i{width:9px;height:9px;border-radius:50%;background:var(--line2)}
.sheet header em{margin-inline-start:auto;font-style:normal;font-weight:500;color:var(--text3)}
.sheet code{display:block;margin-top:16px;font:500 .95rem/1.5 'Geist Mono',monospace;color:var(--text);word-break:break-all}
.sheet .k{color:var(--cob)}html[data-theme=dark] .sheet .k{color:#9db0ff}
.sheet .v{color:var(--mint);transition:color .3s}
.sheet .v.flash{animation:flash 1.1s}
@keyframes flash{0%,60%{background:color-mix(in srgb,var(--mint) 35%,transparent)}}
.stamp{position:absolute;inset-inline-end:16px;bottom:12px;font:700 .72rem 'Geist Mono',monospace;letter-spacing:.14em;padding:3px 9px;border:1.5px solid currentColor;border-radius:6px;opacity:0;transform:rotate(-6deg) scale(1.6);transition:opacity .4s,transform .5s cubic-bezier(.3,1.6,.5,1)}
html[lang=fa] .stamp{letter-spacing:0;font-family:inherit}
.fan .sheet{transform:translate3d(0,calc(var(--i)*134px),0)}
.fan .sheet:hover,.sheet:focus-visible{border-color:var(--cob);transform:translate3d(0,calc(var(--i)*134px - 8px),30px)}
.sheet[data-k=shell] .stamp{color:var(--mint)}.sheet[data-k=local] .stamp{color:var(--warn)}.sheet[data-k=env] .stamp{color:var(--text3)}
.verdict .sheet[data-k=shell]{border-color:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 22%,transparent),0 30px 60px -20px color-mix(in srgb,var(--mint) 45%,transparent)}
.verdict .sheet[data-k=local],.verdict .sheet[data-k=env]{opacity:.62}
.verdict .stamp{opacity:1;transform:rotate(-6deg) scale(1)}
.look .sheet[data-k=shell]{border-color:var(--cob);box-shadow:0 0 0 3px color-mix(in srgb,var(--cob) 30%,transparent);animation:look 1s ease-in-out infinite alternate}
@keyframes look{to{box-shadow:0 0 0 8px color-mix(in srgb,var(--cob) 12%,transparent)}}
.wire{position:absolute;inset-inline-end:7%;top:70px;width:3px;height:0;border-radius:3px;background:linear-gradient(var(--mint),var(--cob));transition:height 1s cubic-bezier(.3,.7,.2,1);z-index:-1;box-shadow:0 0 18px var(--mint)}
.verdict .wire{height:336px}
.appchip{position:absolute;top:404px;inset-inline:0;margin-inline:auto;width:max-content;max-width:100%;display:flex;gap:10px;align-items:center;padding:9px 16px;border-radius:999px;background:var(--sheet);border:1px solid var(--sheet-b);backdrop-filter:blur(12px);font:500 .82rem 'Geist Mono',monospace;direction:ltr;opacity:0;transform:translateY(14px);transition:opacity .5s .6s,transform .6s .6s}
.appchip b{font-weight:500;color:var(--text3)}.appchip code{color:var(--mint)}
.verdict .appchip{opacity:1;transform:none}
.cap{position:relative;margin-top:14px;min-height:3.6em;max-width:640px;margin-inline:auto;text-align:center;color:var(--text2);font-size:.95rem}
.cap p{position:absolute;inset-inline:0;top:0;margin:0;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.cap p.on{opacity:1;transform:none}
.cap-sr{position:absolute;width:1px;height:1px;overflow:hidden}
.sinfo{max-width:640px;margin:8px auto 0;padding:10px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line2);font-size:.88rem;color:var(--text2);text-align:center;min-height:3.2em;backdrop-filter:blur(8px)}
@media(max-width:640px){.sheets{height:400px}.appchip{top:344px;font-size:.72rem}.sheet{height:96px;padding:11px 13px}.fan .sheet{transform:translate3d(0,calc(var(--i)*112px),0)}.fan .sheet:hover{transform:translate3d(0,calc(var(--i)*112px - 6px),20px)}.sheet code{font-size:.8rem;margin-top:12px}.verdict .wire{height:280px}.stage{min-height:520px}}
/* sections */
.p-whyenv .label{display:inline-flex;align-items:center;gap:8px;margin:0 auto 14px;padding:5px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--surface);font:500 .7rem 'Geist Mono',monospace;color:var(--text2);backdrop-filter:blur(8px)}
.p-whyenv .label::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--mint)}
.p-whyenv section .wrap>.label{display:flex;width:max-content;max-width:100%}
.p-whyenv h2{font:400 clamp(2rem,1.2rem + 2.6vw,3.2rem)/1.08 'Instrument Serif','Vazirmatn',serif;text-align:center;letter-spacing:-.01em;max-width:780px;margin:0 auto .7em;text-wrap:balance}
html[lang=fa] .p-whyenv h2{font-family:'Vazirmatn',sans-serif;font-weight:800;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem);line-height:1.5}
.p-whyenv .sec-sub{text-align:center;max-width:720px;margin-inline:auto;color:var(--text2)}
.p-whyenv .card,.p-whyenv .claim,.p-whyenv .problem>div,.p-whyenv .limits li,.p-whyenv .kpis li,.p-whyenv .faq details,.p-whyenv .tbl,.p-whyenv .code{background:var(--surface);border:1px solid var(--line2);border-radius:20px;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 20px 40px -24px rgba(10,20,90,.4),inset 0 1px 0 rgba(255,255,255,.12)}
.p-whyenv .problem{gap:16px}
.p-whyenv .problem>div{padding:26px}
.p-whyenv .problem h3{font:400 1.7rem 'Instrument Serif','Vazirmatn',serif}html[lang=fa] .p-whyenv .problem h3{font:800 1.1rem 'Vazirmatn'}
.p-whyenv .kpis{gap:14px}
.p-whyenv .kpis li{text-align:center;padding:22px}
.p-whyenv .kpis b{font:400 3.6rem/1 'Instrument Serif','Vazirmatn',serif;background:linear-gradient(120deg,var(--cob),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
/* bento features */
.p-whyenv .grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.p-whyenv .grid .card{grid-column:span 2;padding:24px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}
.p-whyenv .grid .card:nth-child(5),.p-whyenv .grid .card:nth-child(6){grid-column:span 3}.p-whyenv .grid .card:nth-child(1){grid-column:span 4}.p-whyenv .grid .card:nth-child(4){grid-column:span 4}
.p-whyenv .grid .card::after{content:'';position:absolute;inset-inline-end:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cob) 40%,transparent),transparent 70%);opacity:.5;transition:opacity .3s,transform .5s}
.p-whyenv .grid .card:nth-child(even)::after{background:radial-gradient(circle,color-mix(in srgb,var(--mint) 40%,transparent),transparent 70%)}
.p-whyenv .grid .card:hover{transform:translateY(-4px);border-color:var(--cob)}.p-whyenv .grid .card:hover::after{opacity:1;transform:scale(1.6)}
.p-whyenv .feat .n{font:400 2.2rem/1 'Instrument Serif',serif;color:var(--cob);font-style:italic}
@media(max-width:800px){.p-whyenv .grid{grid-template-columns:minmax(0,1fr)}.p-whyenv .grid .card,.p-whyenv .grid .card:nth-child(n){grid-column:auto}}
/* sticky stacking how cards */
.p-whyenv .how{display:block;position:relative}
.p-whyenv .how .card{backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,var(--bg2) 94%,var(--cob));position:sticky;top:calc(92px + var(--k,0)*22px);margin-bottom:26px;padding:28px 30px;background:var(--surface2);min-height:150px;counter-increment:hw}
.p-whyenv .how{counter-reset:hw}
.p-whyenv .how .card::before{content:'0' counter(hw);position:absolute;inset-inline-end:26px;top:6px;font:400 5rem/1 'Instrument Serif',serif;font-style:italic;color:color-mix(in srgb,var(--cob) 28%,transparent)}
.p-whyenv .how .card:nth-child(1){--k:0}.p-whyenv .how .card:nth-child(2){--k:1}.p-whyenv .how .card:nth-child(3){--k:2}.p-whyenv .how .card:nth-child(4){--k:3}
.p-whyenv .how .card h3{font:400 1.7rem 'Instrument Serif',serif}html[lang=fa] .p-whyenv .how .card h3{font:800 1.15rem 'Vazirmatn'}
.p-whyenv .how .card p{max-width:80%}
.p-whyenv .limits li{border-inline-start:3px solid var(--warn)}
.p-whyenv .term{border-radius:20px;overflow:hidden}
.p-whyenv .tab{border-radius:999px}.p-whyenv .tab[aria-selected=true]{background:linear-gradient(120deg,var(--cob),color-mix(in srgb,var(--cob) 55%,var(--mint)));color:#fff;border-color:transparent}
.p-whyenv .tabs{justify-content:center}
.p-whyenv .steps h3::before{background:linear-gradient(120deg,var(--cob),var(--mint));color:#fff;border-radius:50%}
.p-whyenv .faq summary{font-family:'Instrument Serif','Vazirmatn',serif;font-size:1.25rem}html[lang=fa] .p-whyenv .faq summary{font-family:'Vazirmatn';font-size:1rem;font-weight:700}
.p-whyenv .tbl{overflow:hidden;border-collapse:separate}
html.js .p-whyenv .rv{opacity:0;transform:translateY(26px) scale(.98);filter:blur(6px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}
html.js .p-whyenv .rv.in{opacity:1;transform:none;filter:none}

/* a11y: AA contrast on light paper + dark terminal bar */
html[data-theme=light] .sheet .v{color:#08795a}html[data-theme=light] .term-bar b{color:#9fb0ff}