:root{--green:#2fe07a;--green-deep:#0f7a44;--glow:47, 224, 122;--bg:#0a1310;--bg-2:#0e1a15;--panel:#0c1712;--ink:#eef3f0;--muted:#8ba398;--faint:#5f7369;--hair:#eef3f01a;--hair-2:#eef3f029;--glass:#ffffff0e;--glass-2:#ffffff17;--glass-brd:#ffffff29;--glass-hi:#ffffff8c;--shadow:#0000008c;--display:"Space Grotesk", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--s--1:clamp(.72rem, .68rem + .2vw, .8rem);--s-0:clamp(.95rem, .9rem + .25vw, 1.05rem);--s-1:clamp(1.1rem, 1rem + .5vw, 1.35rem);--s-2:clamp(1.5rem, 1.25rem + 1.1vw, 2.15rem);--s-3:clamp(2rem, 1.5rem + 2.2vw, 3.4rem);--s-4:clamp(2.6rem, 1.7rem + 3.8vw, 5rem);--gutter:clamp(1.1rem, .5rem + 3vw, 3rem);--band:clamp(4rem, 2rem + 9vw, 8.5rem);--r:18px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:var(--s-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.03}p{margin:0}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0;font-family:inherit}canvas,svg{display:block}:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}.mono{font-family:var(--mono);font-size:var(--s--1);letter-spacing:.04em;color:var(--muted);font-weight:500}.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--muted)}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--glass-brd);box-shadow:inset 0 1px 0 #ffffff24, inset 0 0 22px #ffffff08, 0 24px 60px -30px var(--shadow);border-radius:var(--r);position:relative}.glass:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:.7;background:linear-gradient(135deg,#ffffff29,#0000 42%);position:absolute;inset:0}.grain{z-index:60;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.frame{z-index:55;pointer-events:none;position:fixed;inset:0}.frame__c{border:1.5px solid var(--hair-2);width:16px;height:16px;position:absolute}.frame__c--tl{border-bottom:0;border-right:0;top:14px;left:14px}.frame__c--tr{border-bottom:0;border-left:0;top:14px;right:14px}.frame__c--bl{border-top:0;border-right:0;bottom:14px;left:14px}.frame__c--br{border-top:0;border-left:0;bottom:14px;right:14px}.frame__reg{letter-spacing:.24em;color:var(--faint);writing-mode:vertical-rl;font-size:.58rem;position:fixed;top:50%}.frame__reg--l{left:7px;transform:rotate(180deg)}.frame__reg--r{right:7px}.site-header{z-index:30;padding:clamp(1rem, .6rem + 2vw, 1.9rem) var(--gutter);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.brand{align-items:center;gap:.7rem;display:inline-flex}.brand__dot{background:var(--green);width:12px;height:12px;box-shadow:0 0 14px 2px rgba(var(--glow), .8);border-radius:50%;flex:none}.brand__text{flex-direction:column;line-height:1;display:flex}.brand__word{font-family:var(--display);font-weight:700;font-size:var(--s-1);letter-spacing:-.03em}.brand__ext{color:var(--green)}.brand__tag{margin-top:.4rem}.theme{cursor:pointer;background:var(--glass);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);width:158px;height:52px;box-shadow:inset 0 1px 0 #ffffff2e, 0 12px 30px -16px var(--shadow);border-radius:100px;flex:none;padding:0;position:relative}.theme__knob{background:radial-gradient(120% 120% at 30% 25%, #ffffffe6, var(--glass-2) 60%);border:1px solid var(--glass-hi);width:42px;height:42px;box-shadow:inset 0 1px 2px #fff9, 0 6px 14px -6px var(--shadow), 0 0 18px rgba(var(--glow),.35);will-change:transform;z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;left:5px}.theme__icon{width:22px;height:22px;overflow:visible}.theme__icon path,.theme__icon line{fill:none;stroke:var(--green);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(var(--glow),.7))}.theme__ray{transform-box:fill-box;transform-origin:50%}.theme__label{font-family:var(--display);font-weight:600;font-size:var(--s-0);text-shadow:0 0 16px rgba(var(--glow), .35);position:absolute;top:50%;right:22px;transform:translateY(-50%)}.theme[data-mode=light] .theme__label{left:22px;right:auto}.hero{padding:clamp(1.5rem, 1rem + 3vw, 3.5rem) var(--gutter) var(--band);grid-template-columns:1fr;align-items:center;gap:clamp(2rem,5vw,4rem);min-height:min(88svh,820px);display:grid;position:relative}.hero__glow{aspect-ratio:1;pointer-events:none;z-index:0;background:radial-gradient(circle, rgba(var(--glow), .55), rgba(var(--glow), .12) 38%, transparent 66%);filter:blur(30px);will-change:transform;width:min(70vw,720px);position:absolute;top:46%;left:62%;transform:translate(-50%,-50%)}.hero__copy{z-index:2;max-width:42ch;position:relative}.hero__title{font-size:var(--s-4);visibility:hidden;margin-top:1rem}.hero__title .char{will-change:transform;display:inline-block}.hero__title .hw{white-space:nowrap;display:inline-block}.hero__sub{color:var(--muted);font-size:var(--s-1);max-width:46ch;margin-top:1.4rem}.hero__meta{flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:1.6rem;display:flex}.hero__meta i{color:var(--faint);margin-right:.45em;font-style:normal}.eyebrow.mono{color:var(--faint)}.hero__stage{z-index:2;touch-action:none;min-height:400px;position:relative}.hoops{position:absolute;inset:0}.hoops__board{z-index:3;width:clamp(96px,14vw,138px);position:absolute;top:15%;right:12%}.hoops__rim{border:3px solid var(--green);width:100%;height:26px;box-shadow:0 0 24px rgba(var(--glow), .7), inset 0 0 10px rgba(var(--glow), .3);z-index:2;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.hoops__net{transform-origin:top;width:84%;height:52px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.hoops__strand,.hoops__ring{fill:none;stroke:#ffffff73;stroke-width:1px;vector-effect:non-scaling-stroke}:root[data-theme=light] .hoops__strand,:root[data-theme=light] .hoops__ring{stroke:#0d151266}.hoops__ball{aspect-ratio:1;cursor:grab;touch-action:none;z-index:4;will-change:transform;-webkit-backdrop-filter:blur(4px)saturate(1.4);backdrop-filter:blur(4px)saturate(1.4);border:1px solid var(--glass-brd);width:clamp(56px,8vw,76px);box-shadow:inset 0 2px 5px #fff6, 0 20px 40px -18px var(--shadow), 0 0 42px rgba(var(--glow), .4);background:radial-gradient(130% 130% at 30% 24%,#ffffff4d,#ffffff0f 55%,#ffffff05);border-radius:50%;padding:0;position:absolute;bottom:9%;left:13%}.hoops__ball:active{cursor:grabbing}.hoops__core{pointer-events:none;background:radial-gradient(circle at 40% 38%, #b6ffd4, var(--green) 55%, var(--green-deep));box-shadow:0 0 26px rgba(var(--glow), .9);will-change:transform;border-radius:50%;position:absolute;inset:25%}.hoops__score{align-items:baseline;gap:.7rem;display:flex;position:absolute;top:8%;left:13%}.hoops__score b{font-family:var(--display);font-weight:600;font-size:var(--s-2);color:var(--ink)}.hoops__score i{color:var(--faint);font-style:normal}.hero__scroll{bottom:1.4rem;left:var(--gutter);color:var(--faint);position:absolute}@media (width>=900px){.hero{grid-template-columns:1.05fr .95fr}.hero__scroll{left:auto;right:var(--gutter)}}.band{padding:var(--band) var(--gutter);position:relative}.band__inner{max-width:1180px;margin:0 auto}.lead{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.lead__ix{color:var(--ink);letter-spacing:.14em;font-weight:700}.lead__cat{text-transform:uppercase;letter-spacing:.22em;border:1px solid var(--hair-2);border-radius:100px;padding:.2rem .6rem}.lead__title{font-size:var(--s-2)}.lead__title--sm{font-size:var(--s-1)}.lead__body{color:var(--muted);max-width:44ch;margin-top:1rem}.cap{border-top:1px solid var(--hair);color:var(--muted);word-break:break-word;margin-top:1rem;padding-top:.85rem}.scrollx{padding:0}.scrollx__pin{min-height:100svh;padding:var(--band) var(--gutter);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:var(--bg-2);grid-template-columns:1fr;align-items:center;display:grid;position:relative;overflow:hidden}.scrollx__canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.scrollx__panel{z-index:1;align-content:center;gap:1.15rem;max-width:460px;display:grid;position:relative}.scrollx__panel .cap{border-top:0;padding-top:0}.ticks{opacity:.85;background-image:repeating-linear-gradient(90deg, var(--hair-2) 0 1px, transparent 1px 9px);height:12px}@media (width>=860px){.scrollx__pin{grid-template-columns:40% 60%}.scrollx__panel{max-width:none;padding-right:2rem}}.readout{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.4rem;margin:0;display:grid}.readout>div{flex-direction:column;gap:.25rem;display:flex}.readout dt{color:var(--faint);text-transform:uppercase;letter-spacing:.2em;font-size:.6rem}.readout dd{font-family:var(--mono);font-weight:700;font-size:var(--s-1);color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.bar{background:var(--hair);border-radius:3px;max-width:460px;height:3px;overflow:hidden}.bar span{transform-origin:0;background:var(--green);width:100%;height:100%;box-shadow:0 0 12px rgba(var(--glow), .8);will-change:transform;display:block;transform:scaleX(0)}.flipnav__grid{align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.flipnav__demo{place-items:center;min-height:400px;display:grid}.app{background:linear-gradient(180deg, #2fe07a1f, var(--glass));-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);border:1px solid var(--glass-brd);box-shadow:inset 0 1px 0 #ffffff29, 0 30px 60px -28px var(--shadow), 0 0 50px rgba(var(--glow), .14);border-radius:26px;align-self:center;padding:8px;display:flex;position:relative;overflow:hidden}.app__nav{z-index:2;flex-direction:column;gap:6px;display:flex;position:relative}.app__toggle{background:var(--glass-2);border:1px solid var(--glass-brd);cursor:pointer;border-radius:50%;align-self:flex-end;place-items:center;width:30px;height:30px;margin-bottom:2px;display:grid}.app[data-state=rail] .app__toggle{align-self:center}.app__caret{width:16px;height:16px}.app__caret path{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.app[data-state=full] .app__caret{transform:rotate(180deg)}.app__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.app__item{cursor:pointer;white-space:nowrap;text-align:left;width:100%;font:inherit;color:inherit;border-radius:14px;align-items:center;gap:12px;padding:11px;display:flex;position:relative}.app__hl{background:var(--glass-2);z-index:0;box-shadow:inset 0 0 0 1px var(--glass-brd);border-radius:14px;position:absolute;inset:0}.app__ico{z-index:1;flex:none;place-items:center;width:28px;height:28px;display:grid;position:relative}.app__ico svg{width:18px;height:18px}.app__ico svg path{fill:none;stroke:var(--ink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.app__item--active .app__ico svg path{stroke:var(--green);filter:drop-shadow(0 0 5px rgba(var(--glow), .6))}.app__label{z-index:1;font-family:var(--display);font-weight:600;font-size:var(--s-0);position:relative}.app[data-state=rail] .app__label{display:none}.app__screen{background:var(--panel);border:1px solid var(--hair);border-radius:20px;width:clamp(200px,22vw,250px);margin-left:8px;padding:16px;display:none}.app[data-state=full] .app__screen{display:block}.app__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.app__title{font-size:var(--s-1)}.app__tag{border:1px solid var(--hair-2);color:var(--green);border-radius:100px;padding:.15rem .55rem}.app__rows{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.app__row{background:var(--glass);border:1px solid var(--hair);border-radius:12px;padding:10px 12px;font-size:.84rem}.app__stat{background:linear-gradient(180deg, #2fe07a1f, var(--glass));border:1px solid var(--glass-brd);border-radius:14px;justify-content:space-between;align-items:flex-end;gap:14px;padding:12px 14px;display:flex}.app__statv{flex-direction:column;gap:4px;display:flex}.app__statl{color:var(--faint);text-transform:uppercase;letter-spacing:.14em;font-size:.58rem}.app__statv b{font-family:var(--display);font-weight:600;font-size:var(--s-2)}.app__spark{align-items:flex-end;gap:4px;height:44px;display:flex}.app__spark i{background:var(--green);width:7px;box-shadow:0 0 8px rgba(var(--glow), .55);border-radius:3px}@media (width>=820px){.flipnav__grid{grid-template-columns:1fr 1fr}}.svg__grid{gap:clamp(1.4rem,3vw,2.4rem);display:grid}.svg__cell{flex-direction:column;padding:clamp(1.4rem,1rem + 2vw,2.2rem);display:flex}.svg__stage{background:radial-gradient(70% 70% at 50% 55%, rgba(var(--glow), .12), transparent 70%);border-radius:12px;place-items:center;min-height:240px;margin-bottom:1.4rem;display:grid;position:relative;overflow:hidden}.svg__cell .cap,.svg__cell .lead__title{margin-top:auto}.svg__cell .lead__title{margin-top:0}.morph{cursor:pointer;z-index:1;width:min(48%,130px);position:relative}.morph path{fill:var(--green);stroke:none;filter:drop-shadow(0 0 16px rgba(var(--glow), .6))}.morph__name{text-transform:uppercase;letter-spacing:.3em;position:absolute;bottom:12px;left:14px}.schematic{width:86%;height:auto}.schematic [data-draw]{fill:none;stroke:var(--green);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(var(--glow), .5))}.schematic .sch-ink{stroke:var(--ink);opacity:.5}.schematic .sch-dot{fill:var(--green);stroke:none;filter:drop-shadow(0 0 5px rgba(var(--glow), .8))}.schematic__scan{z-index:2;background:linear-gradient(90deg, transparent, rgba(var(--glow), .5), transparent);mix-blend-mode:screen;pointer-events:none;width:12%;position:absolute;top:10%;bottom:10%;left:0}@media (width>=720px){.svg__grid{grid-template-columns:1fr 1fr}}.text .band__inner{flex-direction:column;display:flex}.split-copy{font-family:var(--display);font-weight:600;font-size:var(--s-4);letter-spacing:-.03em;cursor:default;max-width:18ch;line-height:1.05}.split-copy .char{will-change:transform, opacity;display:inline-block}.split-copy .word{white-space:nowrap;display:inline-block}.text__foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:2.4rem;display:flex}.text__foot .cap{border:0;margin:0;padding:0}.physics__grid{align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.physics__stage{place-items:center;gap:1.6rem;min-height:400px;display:grid;position:relative}.loop{aspect-ratio:1;width:clamp(240px,32vw,320px);position:relative}.loop__track{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.loop__track circle{fill:none;stroke:var(--hair-2);stroke-width:1.4px;stroke-dasharray:2 5}.loop__car{transform-origin:50%;background:linear-gradient(180deg, #b6ffd4, var(--green) 60%, var(--green-deep));width:26px;height:16px;box-shadow:0 0 18px rgba(var(--glow), .85);will-change:transform;z-index:2;border-radius:5px;position:absolute;top:0;left:0}.loop__car:after{content:"";background:#ffffff8c;border-radius:4px 4px 0 0;height:6px;position:absolute;top:-4px;left:5px;right:5px}.pad{cursor:pointer;background:var(--glass);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:clamp(130px,18vw,172px);height:48px;box-shadow:inset 0 1px 0 #ffffff29, 0 12px 26px -14px var(--shadow);touch-action:none;border-radius:100px;place-items:center;display:grid;position:relative;overflow:hidden}.pad__fill{transform-origin:0;background:linear-gradient(90deg, rgba(var(--glow), .35), rgba(var(--glow), .65));position:absolute;inset:0;transform:scaleX(0)}.pad__label{letter-spacing:.24em;color:var(--ink);font-weight:700;position:relative}@media (width>=820px){.physics__grid{grid-template-columns:1fr 1fr}}.site-footer{padding:clamp(1.6rem, 3vw, 2.6rem) var(--gutter);border-top:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.site-footer .mono{color:var(--muted)}.site-footer__reg{color:var(--faint)}@media (prefers-reduced-motion:reduce){.hero__hint,.hero__scroll{display:none}}