:root{
  color-scheme:dark;
  --bg:#080a0d;
  --panel:#0f1318;
  --panel2:#11171d;
  --line:rgba(144,163,180,.17);
  --line2:rgba(144,163,180,.28);
  --text:#f3f6f8;
  --muted:#94a0ab;
  --soft:#c4ccd3;
  --cyan:#72d8ff;
  --green:#8bd8ad;
  --amber:#e7bd74;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(circle at 85% -10%,rgba(63,154,191,.13),transparent 30rem),
radial-gradient(circle at 0 18%,rgba(95,117,137,.08),transparent 28rem),
linear-gradient(180deg,#080a0d 0%,#0a0d11 55%,#080a0d 100%);
color:var(--text);font-family:var(--sans)}
a{color:inherit}
.shell{width:min(1240px,92vw);margin:0 auto}
.topbar{position:sticky;top:0;z-index:20;min-height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line);background:rgba(8,10,13,.88);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}
.brand-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(114,216,255,.24);background:rgba(114,216,255,.07);color:var(--cyan);font:700 .68rem var(--mono);letter-spacing:.08em}
.brand strong{display:block;font-size:.9rem;letter-spacing:-.01em}
.brand small{display:block;margin-top:.16rem;color:#6f7a84;font:.58rem var(--mono);letter-spacing:.07em;text-transform:uppercase}
.topbar nav{display:flex;align-items:center;gap:1.15rem}
.topbar nav a{text-decoration:none;color:#9ba6af;font-size:.78rem}
.topbar nav a:hover{color:#fff}
.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:5rem;align-items:center;padding:7rem 0}
.eyebrow{margin:0 0 .8rem;color:var(--cyan);font:700 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase}
.hero h1,.section h2,.final h2{margin:0;letter-spacing:-.055em;font-weight:640}
.hero h1{font-size:clamp(3.7rem,8vw,8rem);line-height:.9}
.hero h1 span{color:#8a98a5}
.deck{max-width:760px;margin:1.5rem 0 0;color:#a4afb8;font-size:1.08rem;line-height:1.7}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1rem;border-radius:10px;text-decoration:none;font-weight:700;font-size:.8rem}
.primary{background:#e7f7fd;color:#071014}
.secondary{border:1px solid var(--line2);background:rgba(255,255,255,.025);color:#c4ccd3}
.status-card{border:1px solid var(--line);border-radius:18px;padding:1.5rem;background:linear-gradient(180deg,rgba(17,23,29,.94),rgba(10,13,17,.95));box-shadow:0 26px 90px rgba(0,0,0,.25)}
.status-card>span{color:var(--muted);font:600 .65rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.status-card>strong{display:block;margin:.45rem 0 0;font-size:2rem;letter-spacing:-.04em}
.status-card>p{color:#8f9ba6;line-height:1.65;font-size:.88rem}
.status-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid rgba(144,163,180,.11);font-size:.74rem}
.status-row b{color:#79848e;font-weight:500}
.status-row span{color:#ccd3d9;text-align:right}
.section{padding:7rem 0}
.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.7fr);gap:4rem;align-items:end;margin-bottom:2.3rem}
.section-heading.narrow{grid-template-columns:1fr;max-width:760px}
.section h2,.final h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.95}
.section-heading>p{margin:0;color:#8e99a3;line-height:1.7}
.grid{display:grid;gap:1rem}
.three{grid-template-columns:repeat(3,1fr)}
.four{grid-template-columns:repeat(4,1fr)}
.grid article{min-height:230px;padding:1.35rem;border:1px solid var(--line);border-radius:16px;background:rgba(14,18,23,.72)}
.grid article>span{color:#63707a;font:700 .68rem var(--mono)}
.grid h3{margin:2.4rem 0 .6rem;font-size:1.15rem;letter-spacing:-.02em}
.grid p{margin:0;color:#88949f;line-height:1.65;font-size:.85rem}
.platform{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(11,14,18,.55)}
.platform-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:start}
.platform p:not(.eyebrow){color:#8f9aa4;line-height:1.7}
.text-link{display:inline-block;margin-top:.8rem;color:#c9edf9;text-decoration:none;font-size:.82rem}
.stack{border-top:1px solid var(--line)}
.stack>div{display:grid;grid-template-columns:120px 1fr;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.stack span{color:#74808a;font:600 .65rem var(--mono);text-transform:uppercase;letter-spacing:.07em}
.stack strong{font-size:.9rem;font-weight:560}
.final{padding:6rem 0;background:linear-gradient(180deg,rgba(114,216,255,.035),transparent)}
.final-inner{display:flex;justify-content:space-between;gap:3rem;align-items:end}
.final h2{max-width:820px;font-size:clamp(2.4rem,5vw,4.8rem)}
footer{border-top:1px solid var(--line);padding:1.2rem 0 2.5rem;color:#65717b;font-size:.72rem}
footer .shell{display:flex;justify-content:space-between;gap:1rem}
@media(max-width:900px){
  .hero,.section-heading,.platform-grid{grid-template-columns:1fr;gap:2rem}
  .hero{padding:4rem 0 5rem;min-height:auto}
  .three,.four{grid-template-columns:1fr 1fr}
  .topbar nav{display:none}
  .final-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .topbar{padding:0 1rem}
  .brand small{display:none}
  .hero h1{font-size:3.4rem}
  .three,.four{grid-template-columns:1fr}
  .section{padding:4.5rem 0}
  .grid article{min-height:190px}
  footer .shell{flex-direction:column}
}
body > .nav { display:none!important; }
.company-desk-preview { margin-top:1rem; }

.company-trust{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
}
.company-trust span{
  padding:.38rem .55rem;
  border:1px solid var(--line);
  border-radius:999px;
  color:#7f8b95;
  background:rgba(255,255,255,.02);
  font:600 .62rem var(--mono);
  letter-spacing:.03em;
}