@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#143723;--paper:#e9eddd;--leaf:#52783a;--acid:#d8f448;--line:#14372335;--progress:0;--change:0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a9422f;outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:var(--acid);padding:16px}.skip:focus{top:10px}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:27px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.signature{font-size:25px;letter-spacing:-1.3px;text-decoration:none;font-weight:500}.signature span{font-size:18px;margin-left:12px}.header-label{font-size:10px;letter-spacing:1.7px}.back{font-size:12px;text-decoration:none}.stage{position:relative;overflow:hidden;padding:135px 6% 90px;isolation:isolate}.atmosphere,.product-stage,.stage-bottom,.chapter-label,.progress-track{display:none}.panels{max-width:780px;margin:auto}.panel{padding:35px 0 45px;border-bottom:1px solid var(--line)}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:0}h1{font-size:clamp(48px,6.1vw,94px)}h2{font-size:clamp(45px,5.7vw,88px)}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.panel p{max-width:385px;font-size:16px;line-height:1.65;margin:25px 0 22px}.micro,.eyebrow{font-size:10px;letter-spacing:1.6px;line-height:1.7}.panel strong{font-weight:600}.enhanced .scrolly{height:450svh;position:relative}.enhanced .stage{height:100svh;min-height:640px;position:sticky;top:0;padding:0}.enhanced .atmosphere{display:block;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 48%,#f9f4c1,transparent 56%),linear-gradient(115deg,#e6eddd,#f0eedb 75%)}.atmosphere:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.1' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.2;pointer-events:none}.halo{position:absolute;left:51%;top:14%;width:49vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 32%,#f7ffbd,#d0dca14d 56%,#597e3a10 70%);box-shadow:inset -18px -15px 70px #41652b16;transform:translateY(calc(var(--progress)*-7%)) scale(calc(1 + var(--progress)*.12))}.orbit{position:absolute;width:61vw;height:61vw;left:44%;top:2%;border:1px solid #355b2738;border-radius:50%;transform:rotate(-22deg) scaleX(.7);opacity:.6}.giant-word,.new-word{position:absolute;left:-1%;bottom:-4%;font-family:Manrope,Arial,sans-serif;font-size:clamp(145px,22vw,370px);font-weight:700;letter-spacing:-.09em;line-height:1;white-space:nowrap;color:#50723a09;pointer-events:none}.giant-word{transform:translateX(calc(var(--progress)*-12%));opacity:calc(1 - var(--change))}.new-word{left:9%;opacity:var(--change);transform:translateX(calc((1 - var(--progress))*6%));color:#50723a12}.enhanced .chapter-label{position:absolute;left:6%;top:19%;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.5px}.chapter-number{background:var(--ink);color:var(--paper);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;letter-spacing:0}.enhanced .panels{position:absolute;left:6%;top:27%;width:43%;height:65%;margin:0;z-index:3}.enhanced .panel{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(20px);padding:0;border:0;transition:opacity .42s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.enhanced .panel.active{opacity:1;transform:none;pointer-events:auto}.enhanced .panel:not(.active){visibility:hidden;transition:opacity .3s,transform .4s,visibility .4s}.enhanced .panel p{width:90%;max-width:400px}.enhanced .panel .micro{max-width:365px;display:block;font-size:9px}.enhanced .product-stage{position:absolute;display:block;right:0;top:14%;width:53%;height:76%;perspective:1200px;pointer-events:none}.pack{position:absolute;width:100%;height:100%;left:0;top:0;mix-blend-mode:multiply;transform-origin:center;will-change:transform,opacity;display:flex;align-items:center;justify-content:center}.pack img{position:absolute;width:100%;height:100%;object-fit:contain}.pack.before{opacity:calc(1 - var(--change));transform:translateX(calc(var(--progress)*-4%)) rotate(calc(-7deg + var(--progress)*10deg)) scale(calc(.88 + var(--progress)*.05))}.pack.after{opacity:var(--change);transform:translateY(calc((1 - var(--change))*20px)) rotate(calc(7deg - var(--progress)*9deg)) rotateY(-8deg) scale(.94)}.pack.after img{width:125%;height:125%;max-width:none}.product-shadow{position:absolute;left:21%;right:15%;bottom:5%;height:3%;background:#29402245;border-radius:50%;filter:blur(17px);transform:rotate(-4deg)}.pack-label{position:absolute;left:39%;bottom:1%;font-size:9px;letter-spacing:1.5px;white-space:nowrap}.benefit{position:absolute;font-size:13px;background:var(--acid);padding:10px 17px;border-radius:24px;transform:translateY(calc((1 - var(--change))*20px));opacity:var(--change);z-index:3;box-shadow:0 6px 20px #223d1512}.benefit-one{top:26%;left:3%;rotate:-6deg}.benefit-two{right:5%;bottom:25%;rotate:5deg}.enhanced .stage-bottom{position:absolute;display:flex;align-items:center;justify-content:space-between;left:6%;right:5%;bottom:27px;gap:24px;z-index:5}.read-decision{border:0;border-bottom:1px solid var(--ink);background:none;padding:10px 0;font-size:12px;text-align:left;display:flex;align-items:center;gap:25px}.read-decision>span{font-size:22px;font-weight:400}.scroll-hint{font-size:9px;letter-spacing:1px}.chapter-nav{display:flex;gap:14px}.chapter-nav button{border:0;background:none;opacity:.5;display:flex;gap:6px;align-items:center;padding:12px 0;font-size:10px}.chapter-nav button span{display:none}.chapter-nav button[aria-current]{opacity:1;border-bottom:1px solid var(--ink)}.chapter-nav button[aria-current] span{display:inline}.enhanced .progress-track{display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;background:#14372312}.progress-track div{width:calc(var(--progress)*100%);height:100%;background:var(--ink)}.evidence{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:7%;padding:100px 6%;border-top:1px solid var(--line);background:#f5f3eb}.evidence h2,.response h2{margin:22px 0}.evidence p,.response p{font-size:16px;line-height:1.8;max-width:420px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison figure{margin:0;min-width:0}.comparison img{width:100%;height:350px;object-fit:contain;mix-blend-mode:multiply}figcaption{margin-top:25px;font-size:10px;letter-spacing:1px;border-top:1px solid var(--line);padding-top:14px}figcaption span{display:block;font-size:12px;letter-spacing:0;line-height:1.5;margin-top:9px}.response{background:var(--ink);color:var(--paper);padding:90px 9%;position:relative}.response>p{max-width:610px}.response .read-decision{border-color:var(--paper);margin-top:25px}footer{padding:30px 6%;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:1px}footer a{text-decoration:none;font-size:12px;letter-spacing:0}.decision-dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(650px,100%);max-width:100%;border:0;background:#f5f3eb;color:var(--ink);padding:0;overflow:auto;box-shadow:-20px 0 100px #0a1e2340}.decision-dialog::backdrop{background:#0d281e88;backdrop-filter:blur(5px)}.close-dialog{display:block;margin:20px 25px 0 auto;padding:12px 15px;border:1px solid var(--line);border-radius:25px;background:none;font-size:12px}.dialog-content{padding:30px 10% 60px}.dialog-content h2{font-size:48px;margin:25px 0}.dialog-content h3{font-size:13px;margin:32px 0 10px}.dialog-content p{font-size:15px;line-height:1.8;margin:0 0 20px}.dialog-content .asset-note{font-size:11px;color:#526a59;border-top:1px solid var(--line);padding-top:20px;margin-top:35px}
@media(min-width:1550px){.enhanced .panels{top:29%}.panel p{font-size:18px}.product-stage{max-height:850px}.enhanced .stage{min-height:720px}}
@media(max-width:1050px){.header-label{font-size:8px}.enhanced .panel p{font-size:14px}.enhanced .panels{top:28%;width:45%}.enhanced .product-stage{right:-4%;width:56%;top:20%;height:65%}.enhanced .panel .micro{font-size:8px}.scroll-hint{display:none}.evidence{gap:5%;padding:70px 6%}.comparison img{height:280px}}
@media(max-width:680px){.site-header{padding:19px 6%}.signature{font-size:23px}.header-label{display:none}.back{font-size:11px}.enhanced .stage{min-height:690px}.enhanced .scrolly{height:470svh}.enhanced .chapter-label{top:13%;font-size:9px;gap:10px}.chapter-number{width:24px;height:24px}.enhanced .panels{left:6%;top:19%;width:88%;height:30%}h1,h2{font-size:clamp(42px,11vw,63px)}.enhanced .panel p{font-size:13px;line-height:1.55;margin:14px 0 0;width:90%;max-width:350px}.enhanced .panel .micro{display:none}.enhanced .product-stage{top:48%;right:7%;width:86%;height:38%}.halo{width:110vw;left:13%;top:39%}.orbit{width:115vw;height:115vw;left:0;top:35%}.giant-word,.new-word{font-size:32vw;bottom:12%}.pack-label{font-size:8px;left:33%;bottom:-1%}.benefit{font-size:10px;padding:8px 12px}.benefit-one{left:3%;top:16%}.benefit-two{right:1%;bottom:17%}.enhanced .stage-bottom{bottom:17px;gap:10px;align-items:center}.stage-bottom .read-decision{font-size:10px;max-width:160px;gap:12px;line-height:1.4}.chapter-nav{gap:12px}.chapter-nav button{min-height:44px;font-size:9px}.chapter-nav button[aria-current] span{display:none}.evidence{display:block;padding:55px 6%}.evidence h2{font-size:54px}.evidence p,.response p{font-size:14px}.comparison{gap:15px;margin-top:30px}.comparison img{height:210px}figcaption{font-size:9px}figcaption span{font-size:11px}.response{padding:55px 6%}.response h2{font-size:54px}footer{font-size:8px;line-height:1.5}.dialog-content h2{font-size:41px}.dialog-content p{font-size:14px}.dialog-content{padding:25px 7% 45px}.stage{padding:105px 6% 40px}.panel{padding:30px 0}.panel p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stage-bottom{display:none}}
.enhanced .product-stage{mix-blend-mode:multiply}
/* Clip the scene without creating an internally scrollable focus container. */
.stage{overflow:clip}

/* The business result is visible immediately, before scroll or animation. */
.enhanced .panel[data-step="0"].active{transition:none;opacity:1;transform:none}.enhanced .panel[data-step="0"] h1{font-size:clamp(50px,6.4vw,91px)}@media(max-width:680px){.enhanced .panel[data-step="0"] h1{font-size:clamp(38px,10.5vw,52px)}}

/* Story plays on its own: one screen tall, no scroll pinning */
.enhanced .scrolly{height:auto}
.enhanced .stage{position:relative}
.play-toggle{border:0;background:none;color:inherit;font:inherit;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:8px;padding:12px 0;min-height:44px;cursor:pointer}
.play-toggle b{font-weight:400}
.play-toggle span{font-size:9px;letter-spacing:0}
.play-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:680px){.enhanced .scrolly{height:auto}}