:root{--ink:#142019;--moss:#1c4134;--lime:#d7ee5c;--cream:#f3f3ee;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.hero{height:100svh;min-height:680px;position:relative;isolation:isolate;color:#f9faf6;overflow:hidden;background:#0d1110}.hero-image,.outcome-image{position:absolute;inset:0;background-position:center;background-size:cover}.hero-image{background-image:linear-gradient(90deg,rgba(5,10,9,.84),rgba(5,10,9,.55) 38%,rgba(5,10,9,.1) 68%),linear-gradient(0deg,rgba(5,10,9,.46),transparent 46%),url('./assets/permia-hero-v1.png');animation:slowZoom 18s ease-out both}.grain{position:absolute;z-index:-1;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.nav{height:88px;position:relative;z-index:2;max-width:1440px;margin:auto;padding:0 58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18)}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:2.4px}.brand-mark{height:23px;width:23px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font:italic 15px var(--serif);letter-spacing:0}.nav-links{display:flex;gap:35px;margin-left:auto;margin-right:38px}.nav-links a{font:500 11px var(--sans);color:rgba(255,255,255,.79);transition:color .2s}.nav-links a:hover{color:var(--lime)}.nav-cta{font:700 11px var(--sans);border:1px solid rgba(255,255,255,.5);border-radius:99px;padding:10px 14px}.nav-cta span{color:var(--lime);font-size:15px;margin-left:7px}.hero-content{position:absolute;z-index:1;left:max(58px,calc((100vw - 1324px)/2));top:50%;transform:translateY(-42%);max-width:670px}.kicker,.section-label{font:10px var(--mono);letter-spacing:1.5px}.kicker{color:#c6d1ca;margin:0 0 20px;display:flex;align-items:center;gap:10px}.kicker span{display:inline-block;width:28px;height:1px;background:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(54px,6.2vw,91px);letter-spacing:-5px;line-height:.98;margin-bottom:24px;font-weight:700}.hero h1 em,.statement h2 em,.workflow h2 em,.outcome h2 em,.proof h2 em,.final-cta h2 em{font:600 italic 1.03em var(--serif);letter-spacing:-4px}.hero-copy{max-width:465px;font-size:15px;line-height:1.65;color:#e0e6e0;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;gap:26px;border-radius:4px;padding:14px 16px;font:700 11px var(--sans);letter-spacing:.1px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:17px}.lime{background:var(--lime);color:#203126}.ghost{border:1px solid rgba(255,255,255,.7);color:white}.watch-link{font:600 11px var(--sans);display:flex;gap:8px;align-items:center}.watch-link i{font-style:normal;color:var(--lime);font-size:9px}.hero-bottom{position:absolute;z-index:2;left:max(58px,calc((100vw - 1324px)/2));right:max(58px,calc((100vw - 1324px)/2));bottom:30px;display:flex;align-items:end;justify-content:space-between}.scroll-note{font:9px var(--mono);letter-spacing:1px;color:#c5d0c8;display:flex;gap:8px;align-items:center}.scroll-note i{width:1px;height:30px;background:var(--lime);display:block}.hero-facts{display:flex;gap:34px}.hero-facts span{display:grid;gap:5px;font:9px var(--mono);letter-spacing:.8px;color:#aebdb3}.hero-facts b{font:600 18px var(--sans);letter-spacing:-.8px;color:#fff}.statement{padding:133px max(58px,calc((100vw - 1210px)/2));background:#f0f0eb}.section-label{color:#617168}.statement-grid{display:grid;grid-template-columns:1.45fr .65fr;gap:100px;margin-top:43px}.statement h2,.workflow h2,.outcome h2,.proof h2,.final-cta h2{font-size:clamp(37px,4vw,62px);letter-spacing:-3px;line-height:1.04;margin:0}.statement-grid>div{padding-top:10px}.statement-grid p{font-size:14px;line-height:1.75;color:#5a675e;margin-bottom:21px}.statement-grid p:last-child{color:#21362a;font-weight:700}.workflow{background:#193e31;color:#f3f6ef;padding:115px max(58px,calc((100vw - 1210px)/2)) 125px}.workflow header{display:grid;grid-template-columns:1.25fr .7fr;gap:80px}.workflow .section-label{grid-column:1/-1;color:#a8c0b1}.workflow header>p:last-child{font-size:13px;line-height:1.7;color:#bed0c3;align-self:end;margin:0 0 8px}.steps{margin-top:71px;border-top:1px solid rgba(255,255,255,.23)}.step{min-height:105px;display:grid;grid-template-columns:75px 1fr 30px;align-items:center;border-bottom:1px solid rgba(255,255,255,.19);gap:15px;transition:padding .25s,background .25s}.step:hover,.step.active{background:rgba(215,238,92,.1);padding-left:17px}.step>span{font:10px var(--mono);color:#a6bdb0}.step h3{font-size:20px;letter-spacing:-.6px;margin:0 0 3px}.step p{font-size:12px;color:#b4c7ba;margin:0}.step>i{font-style:normal;color:var(--lime);font-size:21px}.outcome{min-height:760px;position:relative;color:white;overflow:hidden;display:flex;align-items:center}.outcome-image{background-image:url('./assets/permia-hero-v1.png');background-position:67% center;filter:saturate(.78)}.outcome-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,12,.93),rgba(8,15,12,.76) 45%,rgba(8,15,12,.15))}.outcome-content{position:relative;z-index:1;padding:70px max(58px,calc((100vw - 1210px)/2));width:64%;max-width:825px}.outcome .section-label{color:#bed0c3;margin-bottom:20px}.outcome h2{margin-bottom:24px}.outcome-content>p:not(.section-label){max-width:475px;color:#d3ddd4;font-size:14px;line-height:1.72;margin-bottom:29px}.study-card{position:absolute;z-index:1;right:max(58px,calc((100vw - 1210px)/2));bottom:82px;width:358px;background:#f6f7f2;color:#1b2c22;padding:19px 20px 17px;box-shadow:0 22px 60px rgba(0,0,0,.26);transform:rotate(-2.4deg)}.study-card-head{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.7px;color:#68786c}.study-card-head b{color:#315d45}.study-card h3{font-size:17px;letter-spacing:-.5px;margin:18px 0}.study-line{height:1px;background:#d8dfd8}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;padding:17px 0}.study-grid span{font:8px var(--mono);line-height:1.5;color:#718075;letter-spacing:.4px}.study-grid strong{display:block;color:#223a2c;font:700 13px var(--sans);letter-spacing:-.4px;margin-top:2px}.study-card>p{border-top:1px solid #d8dfd8;padding-top:12px;margin:0;font-size:10px;color:#55675a}.study-card i{height:7px;width:7px;border-radius:50%;background:#62a078;display:inline-block;margin-right:5px}.proof{padding:123px max(58px,calc((100vw - 1210px)/2))}.proof-grid{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:114px}.proof-list{border-top:1px solid #ccd3cb}.proof-list article{display:grid;grid-template-columns:47px 1fr;padding:21px 0;border-bottom:1px solid #ccd3cb;gap:11px}.proof-list article>span{font:10px var(--mono);color:#718076}.proof-list h3{font-size:16px;margin:0 0 5px}.proof-list p{font-size:12px;line-height:1.6;color:#68766c;margin:0}.final-cta{padding:89px max(58px,calc((100vw - 1210px)/2));background:#d9ee60;display:flex;align-items:end;justify-content:space-between}.final-cta .section-label{color:#4d654c;margin-bottom:17px}.final-cta .lime{background:#1d4234;color:white;min-width:199px;justify-content:space-between}footer{background:#132d25;color:#eef2eb;min-height:138px;padding:31px max(58px,calc((100vw - 1210px)/2));display:flex;align-items:flex-start;justify-content:space-between}footer p,footer>span{font:10px var(--mono);letter-spacing:.4px;color:#a5b9ab;margin:4px 0 0}footer>span{font-size:9px}@keyframes slowZoom{from{transform:scale(1.04)}to{transform:scale(1)}}.reveal{animation:reveal .75s both}.reveal:nth-child(2){animation-delay:.1s}.reveal:nth-child(3){animation-delay:.2s}.reveal:nth-child(4){animation-delay:.3s}@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.hero{min-height:730px}.nav{height:67px;padding:0 21px}.nav-links{display:none}.nav-cta{font-size:10px;padding:8px 10px}.hero-content{left:21px;right:21px;top:47%;transform:translateY(-35%)}.hero h1{font-size:54px;letter-spacing:-3px}.hero h1 em,.statement h2 em,.workflow h2 em,.outcome h2 em,.proof h2 em,.final-cta h2 em{letter-spacing:-2px}.hero-copy{font-size:13px;max-width:370px}.hero-bottom{left:21px;right:21px}.hero-facts{gap:16px}.hero-facts span{font-size:7px}.hero-facts b{font-size:14px}.statement,.workflow,.proof{padding:82px 21px}.statement-grid,.workflow header,.proof-grid{grid-template-columns:1fr;gap:29px}.statement-grid{margin-top:31px}.workflow header>p:last-child{margin:0}.steps{margin-top:43px}.step{grid-template-columns:38px 1fr 18px}.outcome{min-height:760px;align-items:flex-start}.outcome-content{padding:80px 21px;width:100%}.outcome h2{font-size:42px}.study-card{right:21px;left:21px;bottom:36px;width:auto}.final-cta{padding:67px 21px;align-items:flex-start;gap:30px;flex-direction:column}.final-cta h2{font-size:43px}footer{padding:28px 21px;min-height:190px;flex-direction:column;gap:16px}}

/* ---- free-study capture in the closing band ------------------------------
   The old marketing page carried this form and the v3 landing did not, so
   publishing v3 quietly removed the only way to ask for a study. It posts to
   the same Netlify function as before. */
.final-cta{align-items:flex-start}
.cta-copy{max-width:46ch;margin:18px 0 0;font-size:13px;line-height:1.7;color:#3d5540}
.cta-form{display:grid;gap:10px;width:min(420px,100%)}
.cta-form input{
  font:500 13px var(--sans);padding:14px 15px;border-radius:4px;
  border:1px solid rgba(20,32,25,.28);background:rgba(255,255,255,.72);color:var(--ink);
}
.cta-form input::placeholder{color:#6b7d6d}
.cta-form input:focus{outline:2px solid #1d4234;outline-offset:1px;background:#fff}
.cta-form input.bad{border-color:#a5391f;background:#fdf1ee}
.cta-form .button{justify-content:space-between;width:100%}
.cta-form button[disabled]{opacity:.6;cursor:progress}
.cta-fine{margin:2px 0 0;font:10px var(--mono);letter-spacing:.6px;color:#4d654c}
.cta-fine.err{color:#8d2f18}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:760px){.cta-form{width:100%}}
.footer-brand{max-width:330px}
.footer-col{display:flex;flex-direction:column;gap:7px;max-width:300px}
.footer-col b{font:10px var(--mono);letter-spacing:1.4px;color:#7d948a;font-weight:400}
.footer-col a,.footer-col span{font:400 11px var(--sans);color:#cfdcd2;line-height:1.55}
.footer-col a{text-decoration:none;transition:color .2s}
.footer-col a:hover{color:var(--lime)}
.footer-col span:last-child{font-size:10px;color:#8ba396}
@media(max-width:760px){.footer-brand,.footer-col{max-width:none}}