:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;--mint:#6fffd3;--violet:#9b7bff;--pink:#ff78b7;--line:#ffffff1f;background:#06070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f5f7fb;background:#06070b;min-width:320px;margin:0;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#050609;background:var(--mint)}:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.app-shell{min-height:100vh}.skip-link{z-index:999;color:#050609;background:var(--mint);padding:.75rem 1rem;font-weight:800;text-decoration:none;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.scroll-progress{z-index:300;background:linear-gradient(90deg,var(--violet),var(--mint),var(--pink));transform-origin:0;height:2px;position:fixed;top:0;left:0;right:0}.react-nav{z-index:40;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:0 clamp(1.25rem,4.5vw,5rem);display:grid;position:absolute;top:0;left:0;right:0}.react-brand{letter-spacing:-.03em;align-items:center;gap:.7rem;font-weight:750;text-decoration:none;display:flex}.react-brand small{color:#ffffff73;letter-spacing:.08em;margin-left:.1rem;font:600 .65rem/1 ui-monospace,monospace}.brand-glyph{background:#ffffff0f;border:1px solid #ffffff52;border-radius:50%;place-items:center;width:34px;height:34px;font:800 .8rem/1 ui-monospace,monospace;display:grid;box-shadow:inset 0 0 18px #6fffd31c}.brand-glyph.small{width:25px;height:25px;font-size:.6rem}.react-nav nav{gap:2.5rem;display:flex}.react-nav nav a{color:#ffffff94;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700;text-decoration:none;transition:color .2s}.react-nav nav a:hover{color:#fff}.classic-link{justify-self:end}.magnetic-link{justify-content:space-between;align-items:center;gap:1.2rem;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s;display:inline-flex}.classic-link{color:#fffc;border:1px solid #fff3;border-radius:999px;padding:.65rem .9rem;font-size:.72rem;font-weight:700}.classic-link:hover{background:#ffffff14;border-color:#ffffff73}.react-hero{background:radial-gradient(circle at 50% 45%,#13111b 0,#090910 44%,#06070b 78%);justify-content:center;align-items:center;min-height:100svh;padding:8rem clamp(1.25rem,5vw,5.5rem) 3rem;display:flex;position:relative;overflow:hidden}.hero-particles{opacity:.95;position:absolute;inset:88px 0 0}.particles-container,.particles-container canvas{width:100%;height:100%;display:block}.hero-noise{opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.react-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0000 15%,#06070b38 52%,#06070bbf 100%);position:absolute;inset:0}.hero-topline{color:#ffffff8f;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;font:650 .65rem/1 ui-monospace,monospace;display:flex;position:absolute;top:120px;left:clamp(1.25rem,5vw,5.5rem);right:clamp(1.25rem,5vw,5.5rem)}.shiny-text{color:#0000;background:linear-gradient(110deg,#838794 32%,#fff 49%,#838794 66%) 0 0/260% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shine;display:inline-block}.availability{align-items:center;gap:.55rem;display:flex}.availability i{background:var(--mint);width:6px;height:6px;box-shadow:0 0 14px var(--mint);border-radius:50%}.hero-center{z-index:3;text-align:center;width:min(1180px,100%);position:relative}.hero-kicker{color:#ffffff9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.1em;text-transform:uppercase;background:#09091080;border:1px solid #ffffff26;border-radius:999px;width:max-content;margin:0 auto 1.8rem;padding:.55rem .8rem;font:600 .65rem/1 ui-monospace,monospace}.hero-kicker span{color:#07110e;background:#fff;border-radius:999px;margin-right:.55rem;padding:.2rem .42rem;font-weight:800}.react-title{letter-spacing:-.07em;text-transform:uppercase;text-wrap:balance;flex-wrap:wrap;justify-content:center;max-width:1150px;margin:0 auto;font-size:clamp(3.7rem,7.7vw,8.2rem);font-weight:780;line-height:.8;display:flex}.blur-word{will-change:transform,filter,opacity;display:inline-block}.react-title .blur-word:first-child,.react-title .blur-word:nth-child(5){flex-basis:100%}.react-title .blur-word:nth-child(2),.react-title .blur-word:nth-child(3){color:#0000;-webkit-text-stroke:1.4px #ffffffb8}.react-title .blur-word:nth-child(4),.react-title .blur-word:nth-child(5){background:linear-gradient(90deg,var(--mint),#d6ffef 42%,var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.react-intro{color:#ffffff9e;max-width:650px;margin:2.3rem auto 0;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.85}.hero-cta{justify-content:center;align-items:center;gap:2rem;margin-top:2.2rem;display:flex}.primary-orb{color:#07110e;background:var(--mint);border-radius:999px;width:154px;height:58px;padding:0 1.2rem;font-size:.78rem;font-weight:800;box-shadow:0 0 45px #6fffd32e}.primary-orb:hover{box-shadow:0 0 65px #6fffd357}.quiet-link{color:#ffffffb8;font-size:.78rem;font-weight:700;text-decoration:none}.quiet-link span{margin-left:.4rem;transition:transform .2s;display:inline-block}.quiet-link:hover span{transform:translate(3px,-3px)}.hero-axis{color:#ffffff4d;letter-spacing:.12em;font:600 .58rem/1 ui-monospace,monospace;position:absolute}.axis-one{bottom:11%;left:4%}.axis-two{top:48%;right:2.6%;transform:rotate(90deg)}.scroll-cue{color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.75rem;font:600 .55rem/1 ui-monospace,monospace;display:flex;position:absolute;bottom:2rem}.scroll-cue i{background:linear-gradient(#ffffffa6,#0000);width:1px;height:38px;display:block}.section-label{color:#ffffff6b;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:1rem;font:700 .65rem/1 ui-monospace,monospace;display:flex}.section-label span{color:var(--mint)}.section-label:after{content:"";background:#ffffff2b;width:70px;height:1px}.section-label.light{color:#07080d75}.section-label.light span{color:#5b20d6}.section-label.light:after{background:#07080d2e}.manifesto{border-top:1px solid var(--line);background:#090a0f;flex-direction:column;justify-content:space-between;min-height:94svh;padding:clamp(7rem,12vw,11rem) clamp(1.25rem,9vw,11rem);display:flex}.manifesto>p{letter-spacing:-.065em;text-wrap:balance;align-self:flex-end;max-width:1180px;margin:7rem 0 0;font-size:clamp(2.9rem,6.3vw,6.9rem);font-weight:670;line-height:.94}.manifesto em{color:var(--mint);font-style:normal}.principle-section{background:#090a0f;padding:clamp(6rem,10vw,10rem) clamp(1.25rem,5vw,5.5rem) clamp(8rem,12vw,12rem)}.principle-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem;display:grid}.spotlight-card{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#6fffd324;background:#ffffff09;border:1px solid #ffffff1f;border-radius:1.4rem;flex-direction:column;min-height:470px;padding:2rem;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s;display:flex;position:relative;overflow:hidden}.spotlight-card:before{content:"";background:radial-gradient(430px circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);opacity:0;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.spotlight-card:hover{border-color:#ffffff40;transform:translateY(-7px)}.spotlight-card:hover:before,.spotlight-card:focus-within:before{opacity:1}.card-index{z-index:1;font:700 .68rem/1 ui-monospace,monospace;position:relative}.card-orbit{aspect-ratio:1;border:1px solid #ffffff1f;border-radius:50%;width:150px;margin:3rem auto;position:relative}.card-orbit:before,.card-orbit:after{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute}.card-orbit:before{inset:20%}.card-orbit:after{background:color-mix(in srgb,var(--card-accent) 14%,transparent);border-color:var(--card-accent);box-shadow:0 0 35px color-mix(in srgb,var(--card-accent) 20%,transparent);inset:39%}.card-orbit i{background:var(--card-accent);width:6px;height:6px;box-shadow:0 0 10px var(--card-accent);border-radius:50%;position:absolute}.card-orbit i:first-child{top:8%;left:28%}.card-orbit i:nth-child(2){bottom:31%;right:5%}.card-orbit i:nth-child(3){bottom:8%;left:22%}.spotlight-card h2{z-index:1;letter-spacing:-.045em;margin:auto 0 .5rem;font-size:clamp(1.5rem,2.3vw,2.25rem);position:relative}.spotlight-card p{z-index:1;color:#ffffff80;max-width:330px;margin:0;font-size:.9rem;line-height:1.75;position:relative}.card-arrow{color:#fff6;font-size:1.1rem;position:absolute;bottom:2rem;right:2rem}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--mint);color:#07110e;padding:1.9rem 0;overflow:hidden}.ticker-track{align-items:center;gap:2rem;width:max-content;animation:28s linear infinite ticker;display:flex}.ticker-track span{letter-spacing:-.05em;font-size:clamp(1.7rem,3.4vw,3.6rem);font-weight:820}.ticker-track i{font-size:1.3rem;font-style:normal}.project-section{color:#f5f7fb;border-top:1px solid var(--line);background:#0b0c11;min-height:100svh;padding:clamp(7rem,11vw,11rem) clamp(1.25rem,6vw,7rem)}.project-layout{grid-template-columns:.75fr 1.25fr;align-items:center;gap:clamp(3rem,8vw,9rem);margin-top:6rem;display:grid}.project-copy>.shiny-text{letter-spacing:.13em;text-transform:uppercase;font:700 .65rem/1 ui-monospace,monospace}.project-copy h2{letter-spacing:-.07em;margin:1.7rem 0;font-size:clamp(3rem,6vw,6.5rem);line-height:.88}.project-copy h2 em{color:var(--violet);font-style:normal}.project-copy p{color:#ffffff8f;max-width:530px;font-size:1rem;line-height:1.85}.project-actions{align-items:center;gap:1.5rem;margin-top:2.4rem;display:flex}.project-button{color:#07110e;background:var(--mint);min-width:155px;padding:.9rem 1rem;font-size:.75rem;font-weight:800}.project-actions>a:last-child{color:#ffffff9e;border-bottom:1px solid #ffffff47;font-size:.75rem;font-weight:750;text-decoration:none}.interface-window{background:#11131a;border:1px solid #ffffff29;border-radius:1.3rem;padding:.7rem;box-shadow:0 35px 100px #0006}.window-chrome{align-items:center;gap:.38rem;height:42px;padding:0 .7rem;display:flex}.window-chrome i{background:#ffffff4d;border-radius:50%;width:7px;height:7px}.window-chrome span{color:#ffffff61;margin-left:auto;font:600 .55rem/1 ui-monospace,monospace}.window-body{color:#fff;background:#08090e;border:1px solid #ffffff1a;border-radius:.8rem;min-height:560px;padding:2.2rem;position:relative;overflow:hidden}.mini-nav{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.mini-nav b{border:1px solid #ffffff40;border-radius:50%;place-items:center;width:30px;height:30px;font:800 .65rem/1 ui-monospace,monospace;display:grid}.mini-nav span{color:#ffffff59;letter-spacing:.12em;font:600 .53rem/1 ui-monospace,monospace}.mini-copy{z-index:2;position:absolute;bottom:10%;left:8%}.mini-copy small{color:var(--mint);letter-spacing:.14em;font:700 .55rem/1 ui-monospace,monospace}.mini-copy strong{letter-spacing:-.08em;margin-top:1rem;font-size:clamp(3rem,6.7vw,7rem);line-height:.78;display:block}.mini-glow{aspect-ratio:1;filter:blur(25px);background:radial-gradient(circle at 45% 60%,#6fffd3ad,#9b7bff66 34%,#0000 70%);border-radius:50%;width:75%;position:absolute;top:-23%;right:-22%}.mini-grid{opacity:.18;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.contact-section{background:#08090e;flex-direction:column;justify-content:center;min-height:92svh;padding:clamp(7rem,12vw,12rem) clamp(1.25rem,8vw,10rem);display:flex;position:relative;overflow:hidden}.contact-section>.shiny-text{letter-spacing:.14em;text-transform:uppercase;font:700 .65rem/1 ui-monospace,monospace}.contact-section h2{z-index:2;letter-spacing:-.075em;margin:2.4rem 0 3.5rem;font-size:clamp(3.6rem,9vw,9.6rem);line-height:.83;position:relative}.contact-section h2 em{color:#0000;-webkit-text-stroke:1.5px #ffffffbf;font-style:normal}.mail-link{z-index:2;border-bottom:1px solid #ffffff8c;align-self:flex-start;padding-bottom:.6rem;font-size:clamp(1rem,2vw,1.4rem);font-weight:700;position:relative}.contact-halo{aspect-ratio:1;border:1px solid #6fffd32e;border-radius:50%;width:min(70vw,850px);position:absolute;top:7%;right:-14%;box-shadow:inset 0 0 120px #6fffd308}.contact-halo:before,.contact-halo:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.contact-halo:before{inset:15%}.contact-halo:after{border-color:#9b7bff73;inset:35%;box-shadow:0 0 100px #9b7bff1f}.react-footer{border-top:1px solid var(--line);color:#ffffff6b;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:110px;padding:2rem clamp(1.25rem,4.5vw,5rem);font-size:.68rem;display:grid}.react-footer>div{align-items:center;gap:.8rem;display:flex}.react-footer>div:last-child{justify-self:end;gap:1.5rem}.react-footer a{color:#ffffff94;text-decoration:none}.react-footer a:hover{color:#fff}.react-footer p{text-align:center;margin:0}@keyframes shine{0%{background-position:150% 0}70%,to{background-position:-110% 0}}@keyframes ticker{to{transform:translate(-50%)}}@media (width<=900px){.react-nav{grid-template-columns:1fr auto}.react-nav nav{display:none}.react-title{font-size:clamp(3.7rem,11.5vw,6.8rem)}.manifesto>p{margin-top:6rem}.principle-grid{grid-template-columns:1fr}.spotlight-card{min-height:360px}.card-orbit{opacity:.7;position:absolute;top:0;right:7%}.project-layout{grid-template-columns:1fr}.interface-window{margin-top:1rem}.react-footer{grid-template-columns:1fr 1fr}.react-footer p{display:none}}@media (width<=600px){.react-nav{height:72px;padding:0 1rem}.react-brand small{display:none}.classic-link{padding:.55rem .75rem}.react-hero{min-height:800px;padding:7rem 1.1rem 4rem}.hero-particles{inset:72px -35% 0}.hero-topline{top:94px;left:1.1rem;right:1.1rem}.hero-topline .availability{display:none}.hero-kicker{margin-bottom:1.35rem;font-size:.52rem}.react-title{font-size:clamp(3.1rem,15.2vw,4.35rem);line-height:.84}.react-intro br{display:none}.hero-cta{gap:1.3rem}.primary-orb{width:142px;height:54px}.axis-two{display:none}.manifesto{min-height:720px;padding:6rem 1.2rem}.manifesto>p{font-size:clamp(2.7rem,12.5vw,4.15rem)}.principle-section{padding:6rem 1rem 8rem}.principle-grid{margin-top:2.5rem}.spotlight-card{min-height:355px;padding:1.5rem}.card-orbit{width:125px}.project-section{padding:6rem 1rem}.project-layout{margin-top:4rem}.project-copy h2{font-size:3.8rem}.project-actions{flex-direction:column;align-items:flex-start}.window-body{min-height:400px;padding:1.2rem}.mini-copy strong{font-size:3.25rem}.contact-section{min-height:720px;padding:6rem 1.2rem}.contact-section h2{font-size:clamp(3.8rem,17vw,5.5rem)}.contact-halo{width:120vw;top:22%;right:-58%}.react-footer{grid-template-columns:1fr;padding:2rem 1.2rem}.react-footer>div:last-child{justify-self:start}.ticker-track{gap:1.2rem}.ticker-track span{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}