/* Layout: cinematic night-side Earth hero, then long dark editorial bands lit by city-light amber; glass only where an object needs to float. Single committed dark world. */
:root{
  --space:#04070A; --deep:#080D12; --panel:#0D141B; --panel-2:#121B24;
  --line:rgba(214,226,236,.09); --line-2:rgba(214,226,236,.16);
  --fg:#EDF0F2; --soft:#C3CCD3; --muted:#8C99A4;
  --amber:#7C9BFF; --amber-deep:#4270FF; --amber-glow:rgba(66,112,255,.18); --brand:#426CFF; --silver:#C9D1DA;
  --sky:#7DB8F0; --ok:#5FD39A;
  --serif:"Sora", "Avenir Next", system-ui, sans-serif;
  --wide:"Michroma", "Eurostile", "Arial Black", sans-serif;
  --sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --wrap:1240px;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;background:var(--space)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--space);color:var(--fg);font-family:var(--sans);font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--space)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:70;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:var(--amber);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}
h1,h2,h3{margin:0;text-wrap:balance}
p{margin:0}
.band{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:var(--wrap);margin:0 auto}
.kicker{font-family:var(--wide);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);display:inline-flex;align-items:center;gap:10px}
.kicker::before{content:"";width:22px;height:1px;background:currentColor}
.h2{font-family:var(--serif);font-weight:200;font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;letter-spacing:-.025em}
.h2 em{font-style:normal;background:linear-gradient(100deg,#FFFFFF,#AFC1FF 40%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{font-size:1.14rem;color:var(--soft);max-width:60ch;font-weight:300}
.sec{padding-block:clamp(80px,12vw,150px);position:relative}
.sec-head{display:grid;gap:20px;margin-bottom:56px;max-width:820px}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--line-2),transparent)}

/* nav */
.nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}
.nav.solid{background:rgba(4,7,10,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-color:var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px}
.brand{display:flex;align-items:center;gap:12px;color:var(--fg);text-decoration:none;font-family:var(--wide);font-size:.92rem;letter-spacing:.16em;text-transform:uppercase}
.brand img{flex:none;display:block}
.links{display:flex;gap:30px}
.links a{color:var(--soft);text-decoration:none;font-size:.9rem;letter-spacing:.01em;transition:color .2s}
.links a:hover{color:var(--fg)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;font:inherit;font-size:.93rem;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .25s,box-shadow .25s,background .25s}
.btn.gold{background:linear-gradient(180deg,#6F92FF,var(--brand) 55%,#2F56E0);color:#fff;box-shadow:0 10px 30px -10px rgba(66,112,255,.55),inset 0 1px 0 rgba(255,255,255,.45)}
.btn.gold:hover{transform:translateY(-1px);box-shadow:0 16px 40px -12px rgba(66,112,255,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.btn.glass{background:rgba(255,255,255,.04);border-color:var(--line-2);color:var(--fg);backdrop-filter:blur(8px)}
.btn.glass:hover{background:rgba(255,255,255,.08)}
.btn .arr{transition:transform .25s}
.btn:hover .arr{transform:translateX(3px)}
@media (max-width:900px){.links{display:none}.nav .btn{padding:10px 16px;font-size:.85rem}}
.brand,.btn{white-space:nowrap}
@media (max-width:480px){.brand{font-size:.7rem;letter-spacing:.12em;gap:9px}.nav .btn{padding:9px 13px;font-size:.78rem}}

/* hero */
.hero{position:relative;min-height:max(720px,100svh);display:flex;align-items:center;overflow:hidden;isolation:isolate;padding-block:120px 80px}
#globe{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block}
.hero-fallback{position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 70% at 72% 50%,rgba(125,184,240,.16),transparent 60%),radial-gradient(30% 30% at 68% 52%,rgba(66,112,255,.18),transparent 70%),var(--space)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(4,7,10,.92) 0%,rgba(4,7,10,.55) 38%,rgba(4,7,10,0) 62%),linear-gradient(0deg,var(--space) 0%,rgba(4,7,10,0) 22%)}
.hero-copy{position:relative;max-width:640px;display:grid;gap:30px}
.hero h1{font-family:var(--serif);font-weight:200;font-size:clamp(2.8rem,7vw,6rem);line-height:.98;letter-spacing:-.045em}
.hero h1 em{font-style:normal;font-weight:300;background:linear-gradient(100deg,#FFFFFF,#AFC1FF 35%,var(--amber) 60%,#4270FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lede{font-size:1.2rem}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.telemetry{position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:42px;font-family:var(--mono);font-size:.72rem;color:var(--muted);display:grid;gap:6px;text-align:right;letter-spacing:.06em}
.telemetry b{color:var(--amber);font-weight:500}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(66,112,255,.6);animation:ping 2.2s infinite;margin-right:8px;vertical-align:1px}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(66,112,255,.55)}80%,100%{box-shadow:0 0 0 10px rgba(66,112,255,0)}}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}
@media (max-width:900px){
  .hero{align-items:flex-end;padding-block:56vw 72px}
  .hero::after{background:linear-gradient(0deg,var(--space) 8%,rgba(4,7,10,.85) 45%,rgba(4,7,10,.1) 75%)}
  .telemetry{display:none}
}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:34px 26px;display:grid;gap:8px;border-left:1px solid var(--line)}
.stat:first-child{border-left:0;padding-left:0}
.stat b{font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,5vw,3.8rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.stat b sup{font-size:.4em;color:var(--amber);font-family:var(--mono);vertical-align:top;margin-left:4px;letter-spacing:0}
.stat span{color:var(--muted);font-size:.9rem}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}

/* about */
.about{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}
.about>*{min-width:0}
.story{display:grid;gap:20px;color:var(--soft);font-weight:300;font-size:1.08rem;max-width:58ch}
.story strong{color:var(--fg);font-weight:500}
.quote{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.18;letter-spacing:-.015em;padding:34px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote::before{content:"“";color:var(--amber);margin-right:4px}
.quote cite{display:block;font-family:var(--mono);font-style:normal;font-size:.72rem;letter-spacing:.14em;color:var(--muted);margin-top:18px;text-transform:uppercase}
.tenets{display:grid;gap:0;margin-top:24px}
.tenet{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.tenet dt{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);padding-top:4px}
.tenet dd{margin:0;color:var(--soft);font-weight:300}
@media (max-width:900px){.about{grid-template-columns:1fr;gap:48px}.tenet{grid-template-columns:1fr;gap:6px}}

/* portfolio */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}
.chip{background:transparent;border:1px solid var(--line-2);color:var(--soft);border-radius:999px;padding:9px 16px;font:inherit;font-size:.86rem;cursor:pointer;transition:all .2s}
.chip:hover{color:var(--fg);border-color:rgba(66,112,255,.5)}
.chip[aria-pressed="true"]{background:var(--fg);color:var(--space);border-color:var(--fg)}
.chip .n{font-family:var(--mono);font-size:.72rem;opacity:.6;margin-left:7px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
@media (max-width:1020px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid{grid-template-columns:1fr}}
.card{position:relative;background:var(--deep);padding:30px 28px 28px;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:300px;overflow:hidden;transition:background .3s}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(66,112,255,.10),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.card:hover::before{opacity:1}
.card:hover{background:var(--panel)}
.card.flag{grid-column:span 2;background:linear-gradient(135deg,#090E1C,var(--deep) 60%)}
@media (max-width:640px){.card.flag{grid-column:auto}}
.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.glyph{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line-2);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,0));color:var(--amber)}
.glyph svg{width:22px;height:22px}
.status{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.status.live{color:var(--ok);border-color:rgba(95,211,154,.35)}
.status.build{color:var(--amber);border-color:rgba(66,112,255,.35)}
.card .sector{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.card h3{font-family:var(--serif);font-weight:400;font-size:1.85rem;letter-spacing:-.02em;line-height:1.05}
.card.flag h3{font-size:2.5rem}
.card p{color:var(--soft);font-weight:300;font-size:.98rem;max-width:56ch}
.stack{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.stack span{font-family:var(--mono);font-size:.68rem;padding:4px 9px;border-radius:6px;background:rgba(255,255,255,.04);color:var(--muted)}
.card a.out{color:var(--fg);font-size:.9rem;text-decoration:none;display:inline-flex;gap:8px;align-items:center;font-weight:500}
.card a.out span{color:var(--amber);transition:transform .2s}
.card a.out:hover span{transform:translateX(3px)}

/* securelink */
.sl{background:radial-gradient(70% 60% at 85% 40%,rgba(66,112,255,.07),transparent 70%),var(--deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sl-grid{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center}
.sl-grid>*{min-width:0}
@media (max-width:1000px){.sl-grid{grid-template-columns:1fr;gap:56px}}
.triggers{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--line)}
.trig{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);background:none;border-left:0;border-right:0;border-top:0;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s}
.trig:hover{background:rgba(255,255,255,.025)}
.trig[aria-pressed="true"]{background:linear-gradient(90deg,var(--amber-glow),transparent)}
.trig .ic{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--amber)}
.trig .ic svg{width:20px;height:20px}
.trig b{display:block;font-weight:500}
.trig small{color:var(--muted);font-size:.88rem}
.trig .to{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);text-align:right}
@media (max-width:520px){.trig{grid-template-columns:40px 1fr}.trig .to{grid-column:2;text-align:left}}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.facts div{display:grid;gap:6px}
.facts h3{font-size:1rem;font-weight:500}
.facts p{color:var(--muted);font-size:.94rem;font-weight:300}
@media (max-width:560px){.facts{grid-template-columns:1fr}}

/* phone */
.phone-stage{position:relative;display:grid;place-items:center;padding:20px 0}
.phone-stage::before{content:"";position:absolute;width:80%;aspect-ratio:1;max-width:100%;border-radius:50%;background:radial-gradient(circle,rgba(66,112,255,.22),transparent 65%);filter:blur(20px)}
.phone{position:relative;width:300px;max-width:100%;aspect-ratio:300/620;border-radius:52px;padding:11px;background:linear-gradient(145deg,#4A4F55,#1B1E22 30%,#2C3036 55%,#14171A 80%,#3A3F45);box-shadow:0 60px 100px -30px rgba(0,0,0,.9),0 30px 50px -20px rgba(0,0,0,.7),inset 0 0 0 1.5px rgba(255,255,255,.12),inset 0 0 0 4px #0B0D0F;transform:perspective(1400px) rotateY(-14deg) rotateX(4deg);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.phone:hover{transform:perspective(1400px) rotateY(-6deg) rotateX(2deg)}
@media (prefers-reduced-motion:reduce){.phone{transition:none}}
.side-btn{position:absolute;width:4px;border-radius:2px;background:linear-gradient(90deg,#2A2E33,#5A6068,#2A2E33)}
.side-btn.v1{left:-3px;top:150px;height:56px}
.side-btn.v2{left:-3px;top:216px;height:56px}
.side-btn.pw{right:-3px;top:190px;height:86px}
.side-btn.hot{background:linear-gradient(90deg,#2A44A8,var(--amber),#2A44A8);box-shadow:0 0 18px rgba(66,112,255,.8)}
.screen{position:relative;height:100%;border-radius:42px;overflow:hidden;background:#05080B;display:flex;flex-direction:column}
.screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.09),transparent 28%,transparent 70%,rgba(255,255,255,.03));border-radius:inherit}
.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:28px;border-radius:20px;background:#000;z-index:3}
.sb{display:flex;justify-content:space-between;padding:14px 28px 0;font-size:.74rem;font-weight:600;color:#fff;font-family:var(--sans)}
.app-head{padding:26px 20px 8px;display:flex;justify-content:space-between;align-items:center}
.app-head b{font-family:var(--serif);font-weight:500;font-size:1.15rem}
.armed{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--ok);display:inline-flex;align-items:center;gap:6px}
.armed::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.armed.alert{color:var(--amber)}
#sosmap{width:100%;flex:1;min-height:0;display:block}
.alert-card{margin:0 12px 14px;padding:14px;border-radius:20px;background:rgba(18,27,36,.92);border:1px solid var(--line-2);display:grid;gap:4px}
.alert-card small{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.alert-card b{font-size:.98rem;font-weight:500}
.alert-card span{font-size:.78rem;color:var(--soft)}
.sample-tag{font-family:var(--mono);font-size:.6rem;color:var(--muted);text-align:center;margin-top:14px;letter-spacing:.08em}

/* veltis */
.veltis-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.veltis-grid>*{min-width:0}
@media (max-width:1000px){.veltis-grid{grid-template-columns:1fr}}
.card-stage{position:relative;aspect-ratio:1.15;max-width:100%;border-radius:28px;overflow:hidden;background:radial-gradient(80% 70% at 50% 40%,#16202A,#06090C 75%);border:1px solid var(--line);cursor:grab}
.card-stage:active{cursor:grabbing}
#cardgl{width:100%;height:100%;display:block}
.card-stage .spec{position:absolute;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;color:var(--muted);pointer-events:none;flex-wrap:wrap}
.card-fallback[hidden]{display:none}
.card-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-family:var(--mono);font-size:.8rem}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:34px 0 10px;font-family:var(--mono);font-size:.74rem;letter-spacing:.04em}
.flow span{padding:9px 13px;border:1px solid var(--line-2);border-radius:10px;background:rgba(255,255,255,.02);color:var(--soft)}
.flow i{font-style:normal;color:var(--amber)}
.guar{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:30px}
.guar div{background:var(--space);padding:22px;display:grid;gap:6px;align-content:start}
.guar h3{font-size:1rem;font-weight:500}
.guar p{color:var(--muted);font-size:.92rem;font-weight:300}
@media (max-width:560px){.guar{grid-template-columns:1fr}}

/* build */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width:960px){.pillars{grid-template-columns:1fr}}
.pillar{padding:34px 30px;border-radius:22px;background:linear-gradient(180deg,var(--panel),var(--deep));border:1px solid var(--line);display:grid;gap:14px;align-content:start}
.pillar .no{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;color:var(--amber);text-transform:uppercase}
.pillar h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;letter-spacing:-.015em}
.pillar p{color:var(--soft);font-weight:300}
.pillar ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.pillar li{display:grid;grid-template-columns:16px 1fr;gap:10px;color:var(--muted);font-size:.93rem}
.pillar li::before{content:"";width:6px;height:6px;margin-top:9px;border-radius:50%;background:var(--amber)}

/* team */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
@media (max-width:1000px){.team{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.team{grid-template-columns:1fr}}
.person{background:var(--deep);padding:30px 26px;display:grid;gap:14px;align-content:start;min-width:0}
.person.lead{grid-column:span 2;grid-template-columns:120px 1fr;gap:26px;align-items:start;background:linear-gradient(135deg,#0A0F1F,var(--deep) 65%)}
@media (max-width:540px){.person.lead{grid-column:auto;grid-template-columns:1fr}}
.mono{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:1.4rem;font-weight:400;color:var(--fg);background:radial-gradient(circle at 30% 25%,#2A3540,#0D141B 70%);box-shadow:inset 0 0 0 1px var(--line-2),0 12px 30px -12px #000}
.person.lead .mono{width:120px;height:120px;font-size:2.6rem;background:radial-gradient(circle at 30% 25%,#2A3F86,#0B1226 72%);box-shadow:inset 0 0 0 1px rgba(66,112,255,.4),0 0 0 6px rgba(66,112,255,.06),0 20px 40px -14px #000;color:#DCE4FF}
@media (max-width:540px){.person.lead .mono{width:80px;height:80px;font-size:1.8rem}}
.person h3{font-family:var(--serif);font-weight:400;font-size:1.4rem;letter-spacing:-.01em;line-height:1.15}
.person.lead h3{font-size:2rem}
.person .role{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-top:6px;display:block}
.person p{color:var(--muted);font-size:.93rem;font-weight:300;margin-top:10px}
.awards{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.awards span{font-size:.75rem;padding:5px 11px;border-radius:999px;border:1px solid rgba(66,112,255,.3);color:#DCE4FF;background:rgba(66,112,255,.06)}

/* timeline */
.tl{display:grid;grid-template-columns:160px 1fr;gap:30px;padding:26px 0;border-top:1px solid var(--line);max-width:960px}
.tl:last-child{border-bottom:1px solid var(--line)}
.tl time{font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;color:var(--amber);padding-top:7px;font-variant-numeric:tabular-nums}
.tl h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;letter-spacing:-.01em}
.tl p{color:var(--muted);font-weight:300;margin-top:6px;max-width:62ch}
@media (max-width:600px){.tl{grid-template-columns:1fr;gap:6px}}

/* contact */
.contact{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px}
.contact>*{min-width:0}
@media (max-width:960px){.contact{grid-template-columns:1fr;gap:48px}}
.channel{display:grid;gap:6px;padding:20px 0;border-top:1px solid var(--line)}
.channel small{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.channel .v{font-family:var(--serif);font-size:1.35rem;word-break:break-all;user-select:all}
.copy{justify-self:start;margin-top:6px;background:rgba(255,255,255,.04);border:1px solid var(--line-2);color:var(--fg);border-radius:999px;padding:7px 14px;font:inherit;font-size:.82rem;cursor:pointer}
form{display:grid;gap:16px;align-content:start;align-self:start;padding:34px;border-radius:24px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);box-shadow:0 40px 80px -40px #000}
label{display:grid;gap:8px;font-size:.84rem;color:var(--soft)}
input,textarea,select{font:inherit;font-size:.98rem;padding:13px 14px;border-radius:12px;border:1px solid var(--line-2);background:rgba(4,7,10,.6);color:var(--fg);width:100%;transition:border-color .2s}
input:focus,textarea:focus,select:focus{border-color:rgba(66,112,255,.6);outline:none;box-shadow:0 0 0 4px rgba(66,112,255,.12)}
textarea{min-height:140px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:540px){.row2{grid-template-columns:1fr}form{padding:24px}}
.note{font-size:.82rem;color:var(--muted)}
.ok{padding:12px 14px;border-radius:12px;background:rgba(66,112,255,.1);border:1px solid rgba(66,112,255,.3);font-size:.9rem}
.err{color:#FF9A85;font-size:.84rem}

/* footer */
footer{border-top:1px solid var(--line);padding-block:64px 44px;background:var(--deep)}
.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.foot h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:400;margin:0 0 16px}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.foot a{color:var(--soft);text-decoration:none;font-size:.92rem}
.foot a:hover{color:var(--amber)}
.legal{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}
.wordmark{font-family:var(--serif);font-weight:300;font-size:clamp(3rem,12vw,10.5rem);line-height:.85;letter-spacing:-.05em;margin-top:56px;background:linear-gradient(180deg,rgba(237,240,242,.16),rgba(237,240,242,0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;white-space:nowrap;overflow:hidden}
@media (max-width:820px){.foot{grid-template-columns:1fr 1fr}}

/* docs */
.doc{padding-block:140px 100px}
.doc .wrap{max-width:780px}
.doc h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,6vw,4.2rem);letter-spacing:-.03em;line-height:1}
.doc h2{font-family:var(--serif);font-weight:400;font-size:1.5rem;margin-top:44px;letter-spacing:-.01em}
.doc p,.doc li{color:var(--soft);font-weight:300;max-width:68ch}
.doc p+p{margin-top:12px}
.doc ul{padding-left:20px;display:grid;gap:8px;margin:14px 0 0}
.doc .meta{font-family:var(--mono);font-size:.76rem;letter-spacing:.06em;color:var(--muted);margin:16px 0 34px}
.doc .back{display:inline-block;margin-bottom:34px;text-decoration:none;font-size:.9rem}
.doc .tw{overflow-x:auto;margin-top:14px}
.doc table{width:100%;border-collapse:collapse;font-size:.93rem}
.doc th,.doc td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--soft)}
.doc th{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:400}


.tagline{font-family:var(--wide);font-size:clamp(.66rem,1.1vw,.78rem);letter-spacing:.2em;text-transform:uppercase;color:var(--silver);line-height:1.9}
.sl-logo{width:150px;height:auto;max-width:100%;border-radius:18px;margin-bottom:6px;box-shadow:0 20px 50px -20px rgba(66,108,255,.6)}
.mono.photo{object-fit:cover;object-position:50% 12%;padding:0;background:none}
.person:not(.lead) .mono.photo{width:96px;height:96px;object-position:50% 20%}
.culture{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.culture>*{min-width:0}
.culture figure{margin:0;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#fff;aspect-ratio:1;max-width:100%}
.culture img{width:100%;height:100%;object-fit:cover;display:block}
.motto{font-family:var(--serif);font-weight:200;font-size:clamp(2.6rem,6vw,5rem);line-height:1;letter-spacing:-.04em;display:grid;gap:4px;border-left:2px solid var(--brand);padding-left:28px;margin:26px 0}
.motto span:last-child{background:linear-gradient(100deg,#FFFFFF,#AFC1FF 40%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:900px){.culture{grid-template-columns:1fr;gap:40px}}
.banner{margin-top:44px;border-radius:22px;overflow:hidden;border:1px solid var(--line);position:relative;max-width:100%}
.banner img{display:block;width:100%;height:auto}
.banner figcaption{position:absolute;left:16px;bottom:12px;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;color:var(--muted)}
.pillars3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:28px}
.pillars3 div{background:var(--space);padding:20px;display:grid;gap:8px;align-content:start}
.pillars3 b{font-family:var(--wide);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:400;display:flex;align-items:center;gap:10px}
.pillars3 svg{width:18px;height:18px;color:var(--amber)}
.pillars3 span{font-size:.88rem;color:var(--muted);font-weight:300}
@media (max-width:560px){.pillars3{grid-template-columns:1fr}}

/* founder */
.founder{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(60% 80% at 25% 40%,rgba(66,108,255,.14),transparent 70%),var(--deep)}
.founder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}
.founder-grid>*{min-width:0}
.portrait{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/5;max-width:100%;box-shadow:0 60px 120px -40px #000,0 0 0 1px var(--line-2)}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block;filter:contrast(1.04) saturate(1.02)}
.portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,10,0) 55%,rgba(4,7,10,.85) 100%),linear-gradient(90deg,rgba(66,108,255,.10),transparent 40%);pointer-events:none}
.portrait .plate{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;display:grid;gap:4px}
.plate b{font-family:var(--serif);font-weight:400;font-size:1.5rem;letter-spacing:-.01em}
.plate span{font-family:var(--wide);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--silver)}
.founder blockquote{margin:0;font-family:var(--serif);font-weight:200;font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:1.15;letter-spacing:-.03em}
.founder blockquote em{font-style:normal;background:linear-gradient(100deg,#FFFFFF,#AFC1FF 45%,var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.f-body{display:grid;gap:18px;color:var(--soft);font-weight:300;font-size:1.05rem;max-width:58ch;margin-top:30px}
.creds{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:34px}
.creds div{background:var(--space);padding:18px 18px 16px;display:grid;gap:4px}
.creds b{font-family:var(--serif);font-weight:300;font-size:1.6rem;letter-spacing:-.02em}
.creds span{font-size:.82rem;color:var(--muted)}
.sig{font-family:var(--wide);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-top:26px;display:block}
@media (max-width:960px){.founder-grid{grid-template-columns:1fr;gap:44px}.portrait{max-width:460px}}
@media (max-width:560px){.creds{grid-template-columns:1fr}}

/* launch */
.launch{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.launch>*{min-width:0}
@media (max-width:960px){.launch{grid-template-columns:1fr}}
.shot{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#000;margin:0}
.shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.shot:hover img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.shot img{transition:none}.shot:hover img{transform:none}}
.shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.shot figcaption b{font-family:var(--wide);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:400}
.shot figcaption span{font-size:.82rem;color:var(--soft)}
.shot.big{aspect-ratio:1/1}
.stack3{display:grid;grid-template-rows:repeat(3,1fr);gap:20px}
.stack3 .shot{aspect-ratio:415/264}
@media (max-width:960px){.stack3{grid-template-rows:none}}

.links a[aria-current="page"]{color:var(--fg);position:relative}
.links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:var(--brand)}
.nav-end{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,.04);cursor:pointer;position:relative}
.menu-btn span{position:absolute;left:13px;right:13px;height:1.5px;background:var(--fg);transition:transform .25s,top .25s}
.menu-btn span:first-child{top:17px}.menu-btn span:last-child{top:25px}
.menu-btn[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}
.mobile-menu{display:grid;max-height:calc(100svh - 80px);overflow-y:auto;background:var(--space)!important;padding:8px max(16px,env(safe-area-inset-right,0px)) 22px max(16px,env(safe-area-inset-left,0px));background:rgba(4,7,10,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line)}
.mobile-menu a{padding:15px 2px;border-bottom:1px solid var(--line);color:var(--soft);text-decoration:none;font-family:var(--serif);font-weight:300;font-size:1.3rem}
.mobile-menu a[aria-current="page"]{color:var(--fg)}
@media (max-width:900px){.menu-btn{display:block}.nav-end .btn{display:none}}
@media (min-width:901px){.mobile-menu{display:none!important}}
.sec.first{padding-top:clamp(130px,15vw,190px)}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:760px){.tiles{grid-template-columns:1fr}}
.tile{position:relative;display:block;border-radius:24px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;max-width:100%;color:var(--fg);text-decoration:none;background:#000}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .4s}
.tile:hover img{transform:scale(1.04);opacity:.78}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,10,0) 30%,rgba(4,7,10,.92))}
.t-body{position:absolute;left:26px;right:26px;bottom:24px;z-index:1;display:grid;gap:6px}
.t-body small{font-family:var(--wide);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}
.t-body b{font-family:var(--serif);font-weight:300;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.02em;line-height:1.1}
.t-body i{font-style:normal;color:var(--soft);font-size:.92rem;font-weight:300}
@media (prefers-reduced-motion:reduce){.tile img{transition:none}.tile:hover img{transform:none}}
.cta-band{padding-block:0 clamp(80px,10vw,130px)}
.cta-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;padding:clamp(28px,5vw,56px);border-radius:28px;border:1px solid var(--line);background:radial-gradient(70% 120% at 0% 0%,rgba(66,108,255,.18),transparent 60%),var(--deep)}
.cta-inner>div:first-child{min-width:0;max-width:640px}
.next-page{padding-block:0 90px}
.next-page a{display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:end;padding:34px 0 0;border-top:1px solid var(--line);color:var(--fg);text-decoration:none}
.next-page small{grid-column:1;font-family:var(--wide);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.next-page b{grid-column:1;font-family:var(--serif);font-weight:200;font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.03em;line-height:1}
.next-page .arr{grid-column:2;grid-row:1/3;font-size:2rem;color:var(--amber);transition:transform .25s}
.next-page a:hover .arr{transform:translateX(6px)}

.reveal{transform:translateY(18px);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.reveal.in{transform:none}
@media (prefers-reduced-motion:reduce){.reveal{transform:none;transition:none}}

.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--brand);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none}.skip:focus{top:12px}
.doc{padding-block:150px 100px}
.notfound{min-height:70vh;display:grid;place-content:center;text-align:center;gap:18px;padding-block:160px 80px}