:root{--ink:#0b0c0e;--paper:#f2f1ec;--muted:#c9cbd0;--subtle:#999ea7;--rule:#2a2d33;--yellow:#ffc400;color-scheme:dark;background:var(--ink);font-family:Geist,"Helvetica Neue",Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--ink);color:var(--paper);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:color .15s ease}
a:hover{color:var(--yellow)}
a:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}
::selection{background:var(--yellow);color:var(--ink)}
.page{max-width:1352px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}
.skip-link{position:absolute;top:12px;left:20px;z-index:2;padding:12px 18px;background:var(--yellow);color:var(--ink);transform:translateY(-200%)}
.skip-link:focus{transform:none;color:var(--ink)}
.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:28px 0}
.brand{display:flex;align-items:center;gap:12px;min-height:44px;font-size:20px;font-weight:500;letter-spacing:-.03em}
nav{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px}
nav a{padding:12px 0;min-height:44px}
.hero{padding:clamp(56px,10vw,128px) 0 clamp(72px,11vw,140px);display:flex;flex-direction:column;gap:clamp(32px,4vw,48px)}
.spectrum{display:grid;grid-template-columns:47fr 24fr 21fr 9fr 86fr 80fr 39fr 14fr;height:clamp(72px,11vw,140px);position:relative}
.spectrum i{position:relative}
.spectrum i:not(:last-child)::after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:2px;background:currentColor;animation:ignite .9s cubic-bezier(.2,.7,.2,1) both}
.spectrum i:nth-of-type(1){color:#4b3bff}.spectrum i:nth-of-type(1)::after{animation-delay:.13s}
.spectrum i:nth-of-type(2){color:#0a6cff}.spectrum i:nth-of-type(2)::after{animation-delay:.20s}
.spectrum i:nth-of-type(3){color:#00c2d9}.spectrum i:nth-of-type(3)::after{animation-delay:.26s}
.spectrum i:nth-of-type(4){color:#00e57a}.spectrum i:nth-of-type(4)::after{animation-delay:.29s}
.spectrum i:nth-of-type(5){color:#ffc400}.spectrum i:nth-of-type(5)::after{animation-delay:.53s}
.spectrum i:nth-of-type(6){color:#ff3b1f}.spectrum i:nth-of-type(6)::after{animation-delay:.75s}
.spectrum i:nth-of-type(7){color:#b3001b}.spectrum i:nth-of-type(7)::after{animation-delay:.86s}
.scan{position:absolute;top:-10px;bottom:-10px;width:1px;background:var(--paper);opacity:0;animation:scan .9s linear both}
h1{margin:0;max-width:11em;font-size:clamp(44px,7.4vw,104px);font-weight:500;letter-spacing:-.04em;line-height:.98;text-wrap:balance;animation:rise .7s cubic-bezier(.2,.7,.2,1) 1s backwards}
.hero p{margin:0;max-width:34em;font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:var(--muted);animation:rise .7s cubic-bezier(.2,.7,.2,1) 1.15s backwards}
.section{padding:clamp(64px,9vw,120px) 0;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:40px}
.portfolio{border:0}
.section-heading{flex:1 1 280px;display:flex;flex-direction:column;gap:12px}
.eyebrow{font:13px "Geist Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}
h2{margin:0;font-size:36px;font-weight:500;letter-spacing:-.03em;line-height:1.2}
.section-content{flex:999 1 560px;min-width:0}
.platform{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;padding:28px 0;border-block:1px solid var(--rule)}
.platform-name{display:flex;flex-direction:column;gap:6px;border-left:3px solid #00c2d9;padding-left:18px}
.platform-title{font-size:30px;font-weight:500;letter-spacing:-.025em}
.muted{color:var(--muted)}
.platform-detail{font:14px "Geist Mono",ui-monospace,monospace;color:var(--subtle)}
.arrow{margin-left:12px;color:var(--paper)}
.founder-content{display:flex;flex-direction:column;gap:28px}
.section-copy{margin:0;max-width:30em;font-size:21px;line-height:1.5}
.button{align-self:flex-start;display:inline-flex;align-items:center;min-height:48px;padding:12px 24px;background:var(--yellow);color:var(--ink);font-size:16px;font-weight:500}
.button:hover{background:var(--paper);color:var(--ink)}
.text-link{display:inline-block;font-size:21px;border-bottom:1px solid var(--subtle);padding:0 0 4px;min-height:44px}
.footer{padding:56px 0 40px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;font-size:15px;color:var(--subtle)}
.footer-details{display:flex;flex-direction:column;gap:8px}
.footer a{color:var(--paper)}.footer a:hover{color:var(--yellow)}
.company-name{color:var(--paper);font-weight:500}
.copyright{font:13px "Geist Mono",ui-monospace,monospace;align-self:flex-end}
@keyframes ignite{0%{opacity:0;transform:scaleY(.6);box-shadow:0 0 0 0 currentColor}18%{opacity:1;transform:scaleY(1.04);box-shadow:0 0 22px 4px currentColor}100%{opacity:1;transform:scaleY(1);box-shadow:0 0 0 0 transparent}}
@keyframes scan{0%{left:0;opacity:0}6%,92%{opacity:.9}100%{left:100%;opacity:0}}
@keyframes rise{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:600px){nav{gap:8px 22px;width:100%;justify-content:space-between}.header{gap:8px}.platform-detail{padding-left:21px}.footer{flex-direction:column;gap:28px}.copyright{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scan{display:none}}