:root{--bg:#4f72c3;--sun:#f7d94e;--ink:#111;--panel:#f7f1df;--orange:#ff8f3f;--red:#ff4f5f;--grass:#5bb33a}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:#10173a;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.app{z-index:1;position:relative}.stage{z-index:0;position:fixed;inset:0;overflow:hidden}.sky{will-change:opacity;position:absolute;inset:0}.sky-night{background:linear-gradient(#050a22 0%,#101a4d 55%,#21357f 100%)}.sky-dawn{background:linear-gradient(#2c2466 0%,#8a3f8f 32%,#ff6f7e 60%,#ffc15e 100%)}.sky-day{background:linear-gradient(#3f63b8 0%,#5f86dd 45%,#a9c8ff 100%)}.stars{position:absolute;inset:0}.star{background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 6px #fffc}.sun-wrap{will-change:transform;z-index:3;place-items:center;width:44vmin;height:44vmin;display:grid;position:absolute;top:50%;left:50%}.sun-img{width:100%;height:100%}.sun-img img{object-fit:contain;filter:drop-shadow(0 0 26px #ffd84ecc);width:100%;height:100%}.sun-halo{filter:blur(8px);background:radial-gradient(circle,#ffe278f2 0%,#ffad4080 35%,#ffad4000 70%);border-radius:50%;width:150%;height:150%;position:absolute}.cloud-layer{will-change:transform;position:absolute;inset:0}.cloud-layer.back{z-index:2}.cloud-layer.mid{z-index:4}.cloud-layer.front{z-index:5}.cloud-slot{position:absolute}.cloud-svg{filter:drop-shadow(4px 6px #0000002e);width:220px;height:auto;display:block}.hill{z-index:5;pointer-events:none;will-change:transform;position:absolute;inset:0}.hill-back{background:radial-gradient(120% 60% at 50% 100%,#3f8f2c 0% 40%,#0000 41%)}.ground{z-index:6;will-change:transform;height:36vh;position:absolute;bottom:0;left:0;right:0}.hill-svg{width:100%;height:100%;position:absolute;inset:0}.grass-row{position:absolute;inset:0}.blade-anchor{position:absolute;transform:translate(-50%,-100%)}.blade{border:2px solid var(--ink);transform-origin:bottom;background:#2f7d22;border-radius:50% 50% 4px 4px/70% 70% 4px 4px;width:10px;height:44px;display:block}.noise{pointer-events:none;opacity:.06;z-index:40;background-image:radial-gradient(circle,#000 .6px,#0000 .6px);background-size:4px 4px;position:fixed;inset:0}.header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:4px solid var(--ink);background:#f7f1dfd9;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem clamp(1rem,4vw,2.5rem);display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:.6rem;display:flex}.brand-logo{border:3px solid var(--ink);border-radius:12px;width:44px;height:44px;box-shadow:3px 3px #000}.brand-name{letter-spacing:.05em;font-family:Bangers,system-ui;font-size:1.8rem}.nav{text-transform:uppercase;gap:1.4rem;font-size:.85rem;font-weight:800;display:flex}.nav a{color:var(--ink);text-decoration:none;position:relative}.nav a:after{content:"";background:var(--orange);width:0;height:3px;transition:width .25s;position:absolute;bottom:-4px;left:0}.nav a:hover:after{width:100%}.ca-pill{border:3px solid var(--ink);background:var(--sun);cursor:pointer;border-radius:999px;padding:.55rem .9rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:800;transition:transform .12s,background .2s;box-shadow:3px 3px #000}.ca-pill:hover{transform:translate(-1px,-1px)}.ca-pill:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.ca-pill.copied{background:#8bd45f}.screen{z-index:10;place-items:center;min-height:100vh;padding:6rem clamp(1rem,5vw,3rem) 4rem;display:grid;position:relative}.hero{text-align:center}.hero-inner{max-width:820px}.kicker{letter-spacing:.15em;border:3px solid var(--ink);background:#fff;border-radius:999px;padding:.3rem 1rem;font-family:Bangers,system-ui;font-size:1.1rem;display:inline-block;box-shadow:3px 3px #000}.mega{color:var(--sun);letter-spacing:.02em;text-shadow:3px 3px #fff,7px 7px #000;margin:1.2rem 0 .8rem;font-family:Bangers,system-ui;font-size:clamp(3.2rem,12vw,9rem);line-height:.9}.lead{color:#fff;text-shadow:1px 2px #0000008c;max-width:32ch;margin:0 auto;font-size:clamp(1rem,2.2vw,1.4rem);font-weight:700}.cta-row{flex-wrap:wrap;gap:.9rem;margin-top:1.6rem;display:flex}.cta-row.center,.hero .cta-row{justify-content:center}.btn{letter-spacing:.04em;border:3px solid var(--ink);color:var(--ink);border-radius:14px;padding:.7rem 1.4rem;font-family:Bangers,system-ui;font-size:1.2rem;text-decoration:none;transition:transform .12s,box-shadow .12s;box-shadow:5px 5px #000}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #000}.btn:active{transform:translate(3px,3px);box-shadow:2px 2px #000}.btn-sun{background:var(--sun)}.btn-ghost{background:#fff}.scroll-hint{letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:1px 1px #000;font-size:.8rem;font-weight:800;position:absolute;bottom:1.6rem}.story-grid{grid-template-columns:repeat(3,1fr);gap:1.4rem;width:min(1100px,100%);display:grid}.panel{background:var(--panel);border:4px solid var(--ink);border-radius:20px;min-height:240px;padding:1.6rem 1.4rem;position:relative;box-shadow:8px 8px #000}.panel-num{background:var(--orange);color:#fff;border:3px solid var(--ink);border-radius:50%;place-items:center;width:44px;height:44px;font-family:Bangers,system-ui;font-size:1.4rem;display:grid;position:absolute;top:-18px;left:-14px;box-shadow:3px 3px #000}.panel h3{letter-spacing:.03em;margin:0 0 .6rem;font-family:Bangers,system-ui;font-size:2.1rem}.panel p{margin:0;font-weight:700;line-height:1.45}.compare-card{background:var(--panel);border:4px solid var(--ink);border-radius:24px;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.2rem;width:min(1000px,100%);padding:2rem;display:grid;box-shadow:10px 10px #000}.compare-col{text-align:center}.compare-col h4{letter-spacing:.04em;margin:0 0 1rem;font-family:Bangers,system-ui;font-size:1.8rem}.line{border:3px solid var(--ink);border-radius:14px;padding:1rem;font-family:Bangers,system-ui;font-size:clamp(1.1rem,2.4vw,1.8rem)}.line.down{color:var(--red);background:#ffd9dc}.line.up{color:var(--orange);background:#fff2c2}.vs{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-family:Bangers,system-ui;font-size:2.4rem;display:grid}.buy-card{text-align:center;background:var(--panel);border:4px solid var(--ink);border-radius:24px;width:min(720px,100%);padding:2.4rem;box-shadow:10px 10px #000}.buy-card h2{letter-spacing:.03em;margin:0 0 .4rem;font-family:Bangers,system-ui;font-size:clamp(2.4rem,6vw,4rem)}.buy-card p{margin:0 0 1rem;font-weight:700}.ca-full{word-break:break-all;border:3px dashed var(--ink);background:#fff;border-radius:12px;margin-bottom:1.4rem;padding:.8rem;font-weight:700;display:block}.finale{text-align:center;flex-direction:column}.finale h2{color:var(--sun);letter-spacing:.02em;text-shadow:3px 3px #fff,7px 7px #000;margin:0;font-family:Bangers,system-ui;font-size:clamp(2.6rem,9vw,6.5rem)}.finale p{color:#fff;text-shadow:1px 1px #00000080;max-width:44ch;margin:1rem auto 0;font-weight:700}.foot{letter-spacing:.1em;color:#fff;opacity:.85;margin-top:2.5rem;font-family:Bangers,system-ui}@media (width<=860px){.nav{display:none}.story-grid,.compare-card{grid-template-columns:1fr}.vs{margin:0 auto}.sun-wrap{width:64vmin;height:64vmin}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}