*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #1a8a72;--green-dark: #136858;--green-mid: #2aaa8c;--green-light: #e8f7f4;--white: #ffffff;--off-white: #f8fbfa;--ink: #0d2b24;--muted: #5a8076;--border: rgba(26, 138, 114, .18);--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--max-w: 1200px;--section-pad: clamp(56px, 12vw, 160px)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--white);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.03;pointer-events:none;z-index:1000}.container{max-width:var(--max-w);margin:0 auto;padding:0 clamp(24px,6vw,80px)}.italic{font-style:italic}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffbf;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);transition:background .3s}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 clamp(20px,5vw,80px);height:clamp(64px,10vw,80px);display:flex;align-items:center;justify-content:space-between}.nav-logo{height:clamp(100px,15vw,220px);width:auto;transition:height .3s ease}.nav-cta{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--green);text-decoration:none;border-bottom:1.5px solid var(--green);padding-bottom:1px;transition:color .2s,border-color .2s}.nav-cta:hover{color:var(--green-dark);border-color:var(--green-dark)}.section-label{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green-mid);margin-bottom:28px}.section-headline{font-family:var(--serif);font-size:clamp(36px,5.5vw,72px);font-weight:600;line-height:1.1;color:var(--ink);letter-spacing:-.02em;margin-bottom:48px;position:relative;display:inline-block}.section-headline:after{content:"";position:absolute;bottom:-16px;left:0;width:60px;height:1.5px;background:var(--green-mid);opacity:.3}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:clamp(120px,15vw,240px);padding-bottom:var(--section-pad);background-color:var(--white);position:relative}.hero-inner{max-width:var(--max-w);margin:0 auto;padding:0 clamp(24px,6vw,80px);max-width:960px}.hero-eyebrow{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--green-mid);margin-bottom:32px;opacity:0;animation:fadeUp .7s .1s ease forwards}.hero-headline{font-family:var(--serif);font-size:clamp(38px,6vw,88px);font-weight:600;line-height:1.05;color:var(--ink);letter-spacing:-.04em;margin-bottom:36px;opacity:0;animation:fadeUp .8s .2s ease forwards}.hero-headline .italic{color:var(--green)}.hero-sub{font-family:var(--sans);font-size:clamp(17px,2vw,21px);font-weight:300;color:var(--muted);line-height:1.65;max-width:840px;margin-bottom:56px;opacity:0;animation:fadeUp .8s .35s ease forwards}.hero-form,.final-form{opacity:0;animation:fadeUp .8s .5s ease forwards;scroll-margin-top:clamp(100px,12vw,180px)}.form-row{display:flex;gap:0;max-width:680px;border:1.5px solid var(--green);border-radius:4px;overflow:hidden;background:var(--white);transition:box-shadow .25s}.form-row:focus-within{box-shadow:0 0 0 3px #1a8a7226}.email-input{flex:1;border:none;outline:none;font-family:var(--sans);font-size:15px;font-weight:400;color:var(--ink);background:transparent;padding:16px 20px}.email-input::placeholder{color:#a8c5bd}.email-input:disabled{opacity:.5}.cta-btn{background:var(--green);color:var(--white);border:none;font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.01em;cursor:pointer;padding:16px 28px;flex-shrink:0;white-space:nowrap;transition:background .2s}.cta-btn:hover:not(:disabled){background:var(--green-dark);transform:translateY(-2px);box-shadow:0 8px 24px #1a8a721f}.cta-btn:active:not(:disabled){transform:translateY(0)}.cta-btn--large{font-size:15px;padding:18px 32px}.cta-btn--success{background:var(--green-dark)!important}.form-trust{font-family:var(--sans);font-size:13px;color:var(--muted);margin-top:16px;letter-spacing:.01em}.hero-scroll-hint{position:absolute;bottom:48px;left:clamp(24px,6vw,80px);display:flex;align-items:center;gap:16px;opacity:0;animation:fadeIn 1s 1.2s ease forwards}.hero-scroll-hint span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-lr;transform:rotate(180deg)}.scroll-line{width:1px;height:60px;background:var(--border);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:1px;height:100%;background:var(--green);animation:scrollDown 2s 1.5s ease-in-out infinite}@keyframes scrollDown{0%{top:-100%}50%{top:100%}to{top:100%}}.problem{padding:var(--section-pad) 0;border-top:1px solid var(--border);background:var(--off-white)}.section-intro{font-family:var(--sans);font-size:clamp(16px,1.8vw,19px);font-weight:300;color:var(--muted);max-width:820px;margin-bottom:72px;line-height:1.65}.problem-list{display:flex;flex-direction:column;gap:0}.problem-item{display:grid;grid-template-columns:80px 1fr;gap:0 40px;padding:56px 32px;border-radius:4px;border-bottom:1px solid var(--border);opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),background .3s}.problem-item:hover{background:#1a8a7205}.problem-item:first-child{border-top:1px solid var(--border)}.problem-item.visible{opacity:1;transform:none}.problem-number{font-family:var(--serif);font-size:13px;font-weight:300;color:var(--green-mid);padding-top:6px;letter-spacing:.05em}.problem-title{font-family:var(--serif);font-size:clamp(22px,2.8vw,34px);font-weight:600;color:var(--ink);letter-spacing:-.02em;margin-bottom:12px;line-height:1.2}.problem-copy{font-family:var(--sans);font-size:clamp(15px,1.5vw,18px);font-weight:300;color:var(--muted);max-width:740px;line-height:1.7}.solution{padding:var(--section-pad) 0;border-top:1px solid var(--border);background:var(--white)}.features{display:flex;flex-direction:column;gap:0}.feature{display:grid;grid-template-columns:60px 1fr;gap:0 32px;padding:52px 0;border-bottom:1px solid var(--border);opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.feature:first-child{border-top:1px solid var(--border)}.feature.visible{opacity:1;transform:none}.feature-index{font-family:var(--serif);font-size:20px;color:var(--green-mid);padding-top:8px;letter-spacing:-.05em;opacity:.5}.feature-title{font-family:var(--serif);font-size:clamp(22px,2.8vw,38px);font-weight:600;color:var(--ink);letter-spacing:-.02em;margin-bottom:14px;line-height:1.15}.feature-copy{font-family:var(--sans);font-size:clamp(15px,1.5vw,18px);font-weight:300;color:var(--muted);max-width:760px;line-height:1.7}.promise{padding:var(--section-pad) 0;background:var(--green);border-top:1px solid var(--green)}.promise .section-label{color:#ffffff8c}.promise-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.promise-quote{font-family:var(--serif);font-size:clamp(26px,3.5vw,46px);font-weight:400;font-style:italic;color:var(--white);line-height:1.25;letter-spacing:-.02em;quotes:none;border-left:3px solid rgba(255,255,255,.3);padding-left:32px;margin-top:0;opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.promise-left.visible .promise-quote{opacity:1;transform:none}.promise-lead{font-family:var(--sans);font-size:clamp(17px,2vw,22px);font-weight:300;color:#ffffffe6;line-height:1.6;margin-bottom:40px;opacity:0;transform:translateY(24px);transition:opacity .7s .15s ease,transform .7s .15s ease}.promise-right.visible .promise-lead{opacity:1;transform:none}.promise-lead em{font-style:italic;color:var(--white)}.promise-list{list-style:none;display:flex;flex-direction:column;gap:20px}.promise-list li{font-family:var(--sans);font-size:clamp(15px,1.5vw,17px);font-weight:400;color:#fffc;padding-left:24px;position:relative;line-height:1.5}.promise-list li:before{content:"—";position:absolute;left:0;color:#fff6}.final-cta{padding:var(--section-pad) 0;border-top:1px solid var(--border);background:var(--white)}.final-headline{margin-bottom:28px}.final-copy{font-family:var(--sans);font-size:clamp(16px,1.8vw,20px);font-weight:300;color:var(--muted);max-width:780px;margin-bottom:56px;line-height:1.65}.perks{margin-bottom:72px;display:flex;flex-direction:column;gap:0;max-width:780px}.perk{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--border);align-items:flex-start;opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.perk:first-child{border-top:1px solid var(--border)}.perk.visible{opacity:1;transform:none}.perk-dash{font-family:var(--serif);font-size:22px;color:var(--green);flex-shrink:0;line-height:1.5}.perk p{font-family:var(--sans);font-size:clamp(16px,1.6vw,19px);font-weight:400;color:var(--ink);line-height:1.6}.perk p em{font-style:italic;color:var(--green)}.final-form{animation-delay:0s}.footer{background:var(--off-white);border-top:1px solid var(--border);padding:64px 0 48px}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 clamp(24px,6vw,80px);display:flex;flex-direction:column;align-items:flex-start;gap:16px}.footer-logo{height:28px;width:auto;opacity:.7}.footer-tagline{font-family:var(--serif);font-size:16px;font-style:italic;color:var(--muted);font-weight:300}.footer-copy{font-family:var(--sans);font-size:12px;color:#a0b8b2;letter-spacing:.04em}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.parallax{will-change:transform;transition:transform .1s cubic-bezier(.2,.8,.4,1)}@media(max-width:768px){.container{padding:0 24px}.promise-inner{grid-template-columns:1fr;gap:64px}.problem-item{grid-template-columns:1fr;gap:16px;padding:40px 0}.problem-number{font-size:14px;opacity:.4}.feature{grid-template-columns:1fr;gap:12px}.form-row{flex-direction:column;border:none;background:transparent;gap:12px}.email-input{border:1.5px solid var(--green);border-radius:4px;background:var(--white);width:100%;font-size:16px;padding:14px 18px}.cta-btn{border-radius:4px;width:100%;text-align:center;padding:16px 20px;font-size:15px}.hero-scroll-hint,.nav-cta{display:none}}@media(max-width:480px){:root{--section-pad: 64px}.section-headline{margin-bottom:32px}.problem-copy,.feature-copy{font-size:16px}}::selection{background:var(--green);color:var(--white)}
