:root{--card-border-hover:#4a4a4a;--layer-orb:-2;--white-4:#ffffff0a;--black:#000;--accent-40:#f036;--accent-45:#ff003373;--white:#fff;--heading-pink:#ffc7cf;--white-35:#ffffff59;--white-8:#ffffff14;--accent-14:#ff003324;--accent-10:#ff00331a;--black-25:#00000040;--white-45:#ffffff73;--black-35:#00000059;--black-50:#00000080;--accent-50:#ff003380;--accent-60:#f039;--layer-skip:10;--layer-progress:9;--font-body:roboto, "Open Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--surface:#0f0f0f;--surface-raised:#212121;--surface-line:#303030;--accent:#f03;--accent-deep:#cc0029;--accent-light:#ff4e45;--boost-accent:#ffb300;--text:#f1f1f1;--text-muted:#aaa;--text-dim:#8c8c8c;--radius:8px;--radius-large:12px;--radius-extra-large:20px;--pill:999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.5rem;--spacing-6:2rem;--spacing-7:3rem;--spacing-8:4.5rem;--spacing-9:7rem;--brand:linear-gradient(135deg, var(--accent), var(--accent-deep));--shadow-1:0 1px 2px #0000004d;--shadow-2:0 12px 32px #00000059;--shadow-3:0 24px 60px #00000073;--ease:cubic-bezier(.2, .7, .2, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-medium:.3s;--duration-slow:.6s;--measure:1080px}*,:before,:after{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:var(--accent-light)}button{font:inherit}:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px;border-radius:var(--spacing-1)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.12s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--pointer-x:0;--pointer-y:0;--scroll-progress:0;--hero-orb-a:#f03;--hero-orb-b:#a8001f;--hero-orb-c:#ff4e45}body{overflow-x:hidden}.wrap{width:min(100% - 2.5rem, var(--measure));margin-inline:auto}.skip{left:var(--spacing-4);z-index:var(--layer-skip);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--pill);background:var(--surface-raised);color:var(--text);transition:transform var(--duration-medium) var(--ease);text-decoration:none;position:absolute;top:0;transform:translateY(-4rem)}.skip:focus-visible{transform:translateY(var(--spacing-4))}.progress{height:3px;z-index:var(--layer-progress);background:var(--brand);transform:scaleX(var(--scroll-progress,0));transform-origin:0;will-change:transform;position:fixed;inset:0 0 auto}.hero{isolation:isolate;min-height:min(92svh,900px);padding:var(--spacing-9) 0 var(--spacing-8);text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.orb{z-index:var(--layer-orb);filter:blur(90px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.orb-a{background:var(--hero-orb-a);width:44vw;min-width:320px;height:44vw;min-height:320px;animation:drift-a 26s var(--ease-soft) infinite alternate;top:-8vw;left:-6vw}.orb-b{background:var(--hero-orb-b);opacity:.38;width:38vw;min-width:280px;height:38vw;min-height:280px;animation:drift-b 32s var(--ease-soft) infinite alternate;top:4vw;right:-8vw}.orb-c{background:var(--hero-orb-c);opacity:.28;width:30vw;min-width:220px;height:30vw;min-height:220px;animation:drift-c 38s var(--ease-soft) infinite alternate;bottom:-12vw;left:40vw}.hero:after{content:"";z-index:-1;background:linear-gradient(to bottom, transparent, var(--surface) 92%);pointer-events:none;height:260px;position:absolute;inset:auto 0 0}.hero:before{content:"";z-index:-1;background:linear-gradient(var(--white-4) 1px, transparent 1px) 0 0 / 64px 64px, linear-gradient(90deg, var(--white-4) 1px, transparent 1px) 0 0 / 64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, var(--black) 30%, transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, var(--black) 30%, transparent 75%);transform:translate3d(calc(var(--pointer-x,0) * -14px), calc(var(--pointer-y,0) * -14px), 0);position:absolute;inset:-10%}.hero-logo{width:clamp(88px,12vw,128px);transform:translate3d(calc(var(--pointer-x,0) * 10px), calc(var(--pointer-y,0) * 10px), 0);margin-inline:auto;position:relative}.hero-logo svg{width:100%;height:auto;filter:drop-shadow(0 10px 26px var(--accent-40));display:block}.hero-logo:after{content:"";z-index:-1;background:radial-gradient(circle, var(--accent-45), transparent 68%);animation:halo 5s var(--ease-soft) infinite alternate;border-radius:50%;position:absolute;inset:-18%}.hero h1{margin:var(--spacing-5) 0 0;letter-spacing:-.02em;background:linear-gradient(180deg, var(--white) 35%, var(--heading-pink));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.05}.tagline{margin:var(--spacing-4) auto 0;max-width:42ch;color:var(--text-muted);font-size:clamp(1.05rem,2.2vw,1.3rem)}.actions{gap:var(--spacing-3);margin-top:var(--spacing-6);flex-wrap:wrap;justify-content:center;display:flex}.note{margin-top:var(--spacing-5);color:var(--text-dim);font-size:.9rem}.button{--lift:0;align-items:center;gap:var(--spacing-2);border-radius:var(--pill);transform:translateY(var(--lift));transition:transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);border:1px solid #0000;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.button:hover{--lift:-2px}.button:active{--lift:0}.button-primary{background:var(--brand);color:var(--white);box-shadow:var(--shadow-2)}.button-primary:hover{box-shadow:var(--shadow-3)}.button-primary:after{content:"";background:linear-gradient(90deg, transparent, var(--white-35), transparent);width:40%;transition:transform var(--duration-slow) var(--ease);position:absolute;inset:0 auto 0 -60%;transform:translate(0)skew(-20deg)}.button-primary:hover:after{transform:translate(450%)skew(-20deg)}.button-secondary{border-color:var(--surface-line);background:var(--white-4);color:var(--text)}.button-secondary:hover{border-color:var(--text-dim);background:var(--white-8)}main{z-index:1;position:relative}section{padding-block:var(--spacing-8)}h2{margin:0 0 var(--spacing-6);letter-spacing:-.01em;font-size:clamp(1.7rem,3.6vw,2.4rem)}h2:after{content:"";width:72px;height:3px;margin-top:var(--spacing-3);border-radius:var(--pill);background:var(--brand);transform-origin:0;transition:transform var(--duration-slow) var(--ease) .15s;display:block;transform:scaleX(0)}.in h2:after{transform:scaleX(1)}.lede{max-width:62ch;margin:calc(var(--spacing-6) * -1) 0 var(--spacing-6);color:var(--text-muted)}.grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.card{--lift:0;isolation:isolate;padding:var(--spacing-5);border:1px solid var(--surface-line);border-radius:var(--radius-large);background:var(--surface-raised);transform:translateY(var(--lift));transition:transform var(--duration-medium) var(--ease), border-color var(--duration-medium) var(--ease), box-shadow var(--duration-medium) var(--ease);position:relative;overflow:hidden}.card:hover{--lift:-4px;border-color:var(--card-border-hover);box-shadow:var(--shadow-2)}.card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), var(--accent-14), transparent 70%);transition:opacity var(--duration-medium) var(--ease);position:absolute;inset:0}.card:hover:before{opacity:1}.card:after{content:"";background:var(--brand);transform-origin:0;height:2px;transition:transform var(--duration-medium) var(--ease);position:absolute;inset:auto 0 0;transform:scaleX(0)}.card:hover:after{transform:scaleX(1)}.card h3{margin:0 0 var(--spacing-2);align-items:center;gap:var(--spacing-2);font-size:1.05rem;display:flex}footer p{margin:0 0 var(--spacing-2)}.card p{color:var(--text-muted);margin:0;font-size:.95rem}.card svg{width:20px;height:20px;color:var(--accent-light);flex:none}.highlight{gap:var(--spacing-7);padding:var(--spacing-7);border:1px solid var(--surface-line);border-radius:var(--radius-extra-large);background:radial-gradient(120% 100% at 0% 0%, var(--accent-10), transparent 60%), var(--surface-raised);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:center;display:grid}.highlight h2{margin-top:0}.highlight p{color:var(--text-muted)}.demo{padding:var(--spacing-5);border:1px solid var(--surface-line);border-radius:var(--radius-large);background:var(--black-25)}.demo-track{border-radius:var(--pill);background:var(--surface-line);height:6px;overflow:hidden}.demo-fill{border-radius:inherit;width:100%;height:100%;animation:24s linear infinite advance;overflow:hidden;transform:translate(-92%)}.demo-paint{will-change:transform;background:var(--brand);transform-origin:0;width:100%;height:100%;animation:24s linear infinite advance-paint;transform:translate(92%)scaleX(.08)}.chips{gap:var(--spacing-2);margin-top:var(--spacing-4);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--spacing-2);border:1px solid var(--surface-line);border-radius:var(--pill);background:var(--white-4);color:var(--text-muted);padding:.3rem .7rem;font-size:.8rem;display:inline-flex}.chip.host{border-color:var(--accent-deep);color:var(--text)}.dot{background:var(--accent);width:7px;height:7px;animation:beat 2s var(--ease-soft) infinite;border-radius:50%}.chip:nth-child(2) .dot{animation-delay:.4s}.chip:nth-child(3) .dot{animation-delay:.8s}.caption{margin:var(--spacing-4) 0 0;color:var(--text-dim);font-size:.85rem}.boost-demo{gap:var(--spacing-3);padding:var(--spacing-5);border:1px solid var(--surface-line);border-radius:var(--radius-large);background:var(--black-25);display:grid}.boost-scale{color:var(--text-dim);justify-content:space-between;font-size:.75rem;display:flex}.boost-track{border-radius:var(--pill);background:linear-gradient(90deg, var(--accent) 0 50%, var(--boost-accent) 50% 100%);height:8px;position:relative;overflow:hidden}.boost-fill{background:var(--surface-line);transform-origin:100%;animation:boost-sweep 7s var(--ease-soft) infinite;position:absolute;inset:0}.boost-mark{background:var(--white-45);width:2px;position:absolute;inset:-4px auto -4px 50%}footer{padding-block:var(--spacing-7) var(--spacing-8);border-top:1px solid var(--surface-line);color:var(--text-dim);font-size:.9rem}:root[data-enhanced=true] .reveal{opacity:0}:root[data-enhanced=true] .reveal[data-revealed=true]{--animation-index:0;opacity:1;animation:reveal-up var(--duration-slow) var(--ease) backwards;animation-delay:calc(var(--animation-index,0) * 70ms)}:root[data-enhanced=true] .reveal-left[data-revealed=true]{animation-name:reveal-left}:root[data-enhanced=true] .reveal-right[data-revealed=true]{animation-name:reveal-right}:root[data-enhanced=true] .reveal-scale[data-revealed=true]{animation-name:reveal-scale}@keyframes reveal-up{0%{opacity:0;transform:translateY(26px)}}@keyframes reveal-left{0%{opacity:0;transform:translate(-28px)}}@keyframes reveal-right{0%{opacity:0;transform:translate(28px)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.94)}}.rise{--animation-index:0;animation:rise .75s var(--ease) both;animation-delay:calc(var(--animation-index,0) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}@keyframes drift-a{to{transform:translate(6rem,3rem)scale(1.18)}}@keyframes drift-b{to{transform:translate(-7rem,-2rem)scale(.9)}}@keyframes drift-c{to{transform:translate(-4rem,-5rem)scale(1.12)}}@keyframes halo{0%{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.16)}}@keyframes advance{0%{transform:translate(-92%)}to{transform:translate(-4%)}}@keyframes advance-paint{0%{transform:translate(92%)scaleX(.08)}to{transform:translate(4%)scaleX(.96)}}@keyframes beat{50%{opacity:.5;transform:scale(.62)}}@keyframes boost-sweep{0%,8%{transform:scaleX(.68)}55%,70%{transform:scaleX(.15)}to{transform:scaleX(.68)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hero-inner{animation:linear both hero-out;animation-timeline:view();animation-range:exit 10% exit 90%}@keyframes hero-out{to{opacity:.15;transform:translateY(-40px)scale(.97)}}}}@media (prefers-reduced-motion:reduce){:root[data-enhanced=true] .reveal,:root[data-enhanced=true] .reveal[data-revealed=true]{opacity:1;animation:none}.orb{animation:none}.progress{display:none}.hero:before,.hero-logo{transform:none}.demo-fill,.demo-paint,.boost-fill,.dot,.hero-logo:after{animation:none}.boost-fill{transform:scaleX(.15)}}