:root{--ink:#0E1217;--band:#151B22;--line:#243039;--text:#EEF1F4;--muted:#9DA9B5;--blue:#2F80C8;--blue-deep:#1F5F99;--blue-light:#7DB8EA;--silver:#C9CED4;--silver-hi:#DDE1E5;--slab:"Rokkitt",Rockwell,"Roboto Slab",Georgia,serif;--sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);color:var(--text);font-family:var(--sans);font-weight:400;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}.hero{min-height:100svh;display:flex;flex-direction:column;padding:clamp(1rem,3vw,1.75rem) clamp(1rem,4vw,3rem) clamp(1.5rem,4vh,3rem);overflow:hidden}.top{display:flex;align-items:center}.top img{height:clamp(2.25rem,4vw,2.75rem);width:auto;display:block;border-radius:50%}.poster{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:1280px;width:100%;margin:0 auto;padding-top:clamp(.75rem,3vh,2rem)}h1{margin:0;font-weight:700}.mast{position:relative;isolation:isolate;display:block;text-align:center;font-family:var(--slab);font-size:clamp(4.5rem,min(27vw,44vh),24rem);line-height:.86;letter-spacing:-.015em;color:var(--text);padding:.06em 0 .02em}.mast::before{content:"";position:absolute;left:50%;top:50%;width:100vw;height:.34em;transform:translate(-50%,-44%);background:var(--band);border-top:2px solid var(--blue);border-bottom:2px solid var(--blue);z-index:-1}.mast .o{color:var(--blue)}.promise{display:block;text-align:center;font-family:var(--slab);font-size:clamp(1.55rem,3.6vw,2.9rem);line-height:1.1;margin-top:clamp(.6rem,2vh,1.2rem);color:var(--text)}.support{text-align:center;max-width:34rem;margin:clamp(.7rem,1.8vh,1.1rem) auto 0;color:var(--muted);font-size:clamp(1rem,1.3vw,1.125rem)}.act{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1.75rem);margin-top:clamp(1rem,3vh,2rem)}.act-col{display:flex;flex-direction:column;align-items:flex-start;max-width:17rem}.cta{display:inline-flex;align-items:center;gap:.6rem;background:var(--silver);color:var(--ink);font-family:var(--sans);font-weight:600;font-size:clamp(1rem,1.4vw,1.15rem);text-decoration:none;padding:.95em 1.35em;border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 6px 0 var(--blue-deep);transition:transform .15s ease,background-color .15s ease}.cta svg{width:1.1em;height:1.1em;flex:none}.cta:hover{background:var(--silver-hi);transform:translateY(-2px)}.cta:active{transform:translateY(2px)}.cta:focus-visible{outline:3px solid var(--blue-light);outline-offset:4px}.after-click{margin:.9rem 0 0;font-size:clamp(.85rem,1vw,.95rem);color:var(--muted);line-height:1.4}.stage{width:clamp(8.5rem,17vw,13.5rem);flex:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.stage svg{display:block;width:100%;height:auto;overflow:visible}.stage g{transform-box:fill-box;transform-origin:center}.rise{animation:rise .9s cubic-bezier(.25,1.4,.5,1) .2s both}.bob{animation:bob 3.4s ease-in-out 1.1s infinite}.glow{animation:pulse 2.4s ease-in-out infinite}.fly{animation:float 4s ease-in-out infinite}.stage.pop .jump{animation:jump .75s cubic-bezier(.3,1.5,.5,1)}.stage.pop .hop-a{animation:hop .7s cubic-bezier(.3,1.5,.5,1) .05s}.stage.pop .hop-b{animation:hop .7s cubic-bezier(.3,1.5,.5,1) .12s}.stage.pop .spin{animation:spin .8s ease-out}@keyframes rise{from{transform:translateY(46px)}to{transform:translateY(0)}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{0%,100%{opacity:.55}50%{opacity:1}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(6deg)}}@keyframes jump{0%{transform:translateY(0)}35%{transform:translateY(-20px)}100%{transform:translateY(0)}}@keyframes hop{0%{transform:translateY(0)}40%{transform:translateY(-16px)}100%{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.compare{max-width:1080px;margin:0 auto;padding:clamp(3rem,8vh,5.5rem) clamp(1rem,4vw,3rem) clamp(2.5rem,6vh,4rem)}.compare h2{font-family:var(--slab);font-weight:700;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;text-align:center;margin:0 0 clamp(1.5rem,4vh,2.5rem)}.pair{display:grid;grid-template-columns:1fr;gap:1rem}.side{border:1px solid var(--line);border-radius:18px;padding:clamp(1.25rem,2.5vw,1.9rem);background:var(--band)}.side.now{border-color:var(--blue)}.side svg{display:block;width:100%;max-width:15rem;height:auto;margin:0 0 1rem}.tag{display:inline-block;font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem}.now .tag{color:var(--blue-light)}.side h3{font-family:var(--slab);font-weight:700;font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.15;margin:0 0 .5rem}.side p{margin:0;color:var(--muted);font-size:clamp(.98rem,1.2vw,1.06rem)}.again{display:flex;justify-content:center;margin-top:clamp(1.75rem,5vh,2.75rem)}footer{border-top:1px solid var(--line);padding:1.4rem clamp(1rem,4vw,3rem);text-align:center;color:var(--muted);font-size:clamp(.85rem,1vw,.92rem)}footer strong{font-family:var(--slab);font-weight:700;color:var(--text);letter-spacing:.04em}@media(min-width:760px){.pair{grid-template-columns:1fr 1fr;gap:1.5rem}}@media(max-width:420px){.act{gap:.35rem}.cta{padding:.9em 1.05em}.act-col{max-width:12.5rem}.stage{width:7.4rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.stage{cursor:default}}html,body{max-width:100%;overflow-x:clip}