body.qs-page{padding-bottom:92px}
body.qs-page .qs-scene{position:fixed; inset:0; pointer-events:none; z-index:0; overflow:hidden}
body.qs-page .grid-overlay{
  position:fixed; inset:0; opacity:.18;
  background-image:
    linear-gradient(rgba(110,180,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(110,180,255,.05) 1px, transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.62), transparent 92%);
}
body.qs-page .bg-orb{position:fixed; border-radius:50%; filter:blur(70px); opacity:.35}
body.qs-page .orb-1{width:340px;height:340px;background:#1f6bff; top:-80px; right:-60px}
body.qs-page .orb-2{width:260px;height:260px;background:#0ca7ff; left:-90px; bottom:18%}
body.qs-page .qs-3d-grid{
  position:absolute; inset:auto -10% -22% -10%; height:52vh;
  background:
    linear-gradient(rgba(125,188,255,.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,188,255,.14) 1px, transparent 1px);
  background-size:72px 72px;
  transform:perspective(1200px) rotateX(74deg);
  transform-origin:center top;
  opacity:.28;
  filter:drop-shadow(0 0 24px rgba(58,130,246,.18));
}
body.qs-page .qs-3d-ring{position:absolute; border-radius:50%; border:1px solid rgba(133,196,255,.22); box-shadow:0 0 40px rgba(72,149,255,.12), inset 0 0 30px rgba(72,149,255,.04)}
body.qs-page .qs-3d-ring--a{width:560px; height:560px; right:-120px; top:120px; transform:rotateX(70deg) rotateZ(14deg); opacity:.34}
body.qs-page .qs-3d-ring--b{width:420px; height:420px; left:-140px; top:260px; transform:rotateX(72deg) rotateZ(-18deg); opacity:.22}
body.qs-page .qs-main{position:relative; width:min(1280px, calc(100% - 40px)); margin:34px auto 80px; z-index:1}
body.qs-page .qs-intro{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin:10px 0 26px; padding:26px 28px; background:rgba(8,12,22,.42); border:1px solid rgba(120,165,255,.18); border-radius:24px; backdrop-filter:blur(14px); box-shadow:0 22px 60px rgba(0,0,0,.35)}
body.qs-page .qs-intro__copy h1{margin:0 0 10px; font-size:clamp(28px,4.3vw,54px); line-height:1.04; letter-spacing:-.04em}
body.qs-page .qs-intro__copy p{margin:0; max-width:820px; color:#afbdd8; line-height:1.7; font-size:17px}
body.qs-page .qs-intro__crumbs{display:flex; align-items:center; gap:10px; white-space:nowrap; color:#cfe1ff; font-weight:700}
body.qs-page .qs-intro__crumbs a{color:#8ec4ff; text-decoration:none}
body.qs-page .hero{display:grid; grid-template-columns:1.15fr .85fr; gap:28px; align-items:center; min-height:72vh}
body.qs-page .eyebrow{display:inline-block; font-size:13px; letter-spacing:.16em; color:#9cc7ff; font-weight:800; margin-bottom:14px}
body.qs-page .hero-title{margin:0; font-size:clamp(42px, 6vw, 82px); line-height:1.02; letter-spacing:-.04em}
body.qs-page .hero-title span{color:transparent; background:linear-gradient(90deg,#ffffff 0%, #8cc9ff 52%, #4f90ff 100%); -webkit-background-clip:text; background-clip:text}
body.qs-page .hero-text{max-width:760px; margin:20px 0 0; color:#afbdd8; font-size:19px; line-height:1.7}
body.qs-page .hero-actions{display:flex; flex-wrap:wrap; gap:14px; margin-top:26px}
body.qs-page .hero-panel{display:flex; flex-direction:column; gap:18px}
body.qs-page .hero-screen,body.qs-page .mini-card,body.qs-page .glass-card,body.qs-page .node-card,body.qs-page .tech-card,body.qs-page .cta-card,body.qs-page .stats-band,body.qs-page .quote-strip{background:rgba(11,17,31,.78); border:1px solid rgba(120,165,255,.18); border-radius:28px; box-shadow:0 22px 60px rgba(0,0,0,.35); backdrop-filter:blur(12px)}
body.qs-page .hero-screen{padding:22px}
body.qs-page .screen-topline{display:flex; gap:10px; align-items:center; color:#d7e7ff; font-size:13px; letter-spacing:.12em; font-weight:700}
body.qs-page .status-dot{width:10px;height:10px;border-radius:50%; background:#63ffb0; box-shadow:0 0 14px rgba(99,255,176,.8)}
body.qs-page .screen-metrics{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:18px}
body.qs-page .metric{padding:16px; border-radius:20px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05)}
body.qs-page .metric small{display:block; color:#97a8c9; margin-bottom:8px}
body.qs-page .metric strong{font-size:17px}
body.qs-page .ok{color:#63ffb0}
body.qs-page .wave-bars{margin-top:18px; display:flex; align-items:flex-end; gap:8px; height:92px; padding:18px 14px 8px; border-radius:22px; background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01))}
body.qs-page .wave-bars span{display:block; width:10px; border-radius:99px; background:linear-gradient(180deg, #93d3ff, #2b7cff); animation:wave 1.35s infinite ease-in-out}
body.qs-page .wave-bars span:nth-child(odd){animation-duration:1.1s}
body.qs-page .wave-bars span:nth-child(3n){animation-duration:1.5s}
body.qs-page .wave-bars span:nth-child(1){height:28px}body.qs-page .wave-bars span:nth-child(2){height:68px}body.qs-page .wave-bars span:nth-child(3){height:44px}body.qs-page .wave-bars span:nth-child(4){height:74px}body.qs-page .wave-bars span:nth-child(5){height:54px}body.qs-page .wave-bars span:nth-child(6){height:82px}body.qs-page .wave-bars span:nth-child(7){height:36px}body.qs-page .wave-bars span:nth-child(8){height:60px}body.qs-page .wave-bars span:nth-child(9){height:48px}body.qs-page .wave-bars span:nth-child(10){height:76px}body.qs-page .wave-bars span:nth-child(11){height:58px}body.qs-page .wave-bars span:nth-child(12){height:34px}
@keyframes wave{0%,100%{transform:scaleY(.8); opacity:.75}50%{transform:scaleY(1.08); opacity:1}}
body.qs-page .mini-cards{display:grid; grid-template-columns:1fr 1fr; gap:18px}
body.qs-page .mini-card{padding:18px 20px}
body.qs-page .mini-card small{display:block; color:#96acd0; margin-bottom:10px}
body.qs-page .mini-card strong{display:block; font-size:17px; line-height:1.4}
body.qs-page .stats-band{display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:16px; padding:8px}
body.qs-page .stats-band article{text-align:center; padding:26px 16px; border-right:1px solid rgba(255,255,255,.06)}
body.qs-page .stats-band article:last-child{border-right:none}
body.qs-page .stats-band strong{display:block; font-size:36px; margin-bottom:8px; letter-spacing:-.03em}
body.qs-page .stats-band span{color:#afbdd8}
body.qs-page .section-head{margin-bottom:24px}
body.qs-page .section-head h2{margin:0; font-size:clamp(30px,4vw,56px); line-height:1.06; letter-spacing:-.04em}
body.qs-page .section-head p{max-width:800px; color:#afbdd8; font-size:18px; line-height:1.7; margin:14px 0 0}
body.qs-page .manifesto,body.qs-page .infra,body.qs-page .technology,body.qs-page .cta{padding-top:90px}
body.qs-page .manifesto-grid,body.qs-page .tech-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
body.qs-page .glass-card,body.qs-page .tech-card{padding:26px}
body.qs-page .glass-card h3,body.qs-page .tech-card h3{margin:0 0 12px; font-size:24px}
body.qs-page .glass-card p,body.qs-page .tech-card p{margin:0; color:#afbdd8; line-height:1.7}
body.qs-page .infra-groups{display:flex; flex-direction:column; gap:34px}
body.qs-page .group-title{display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.03); border:1px solid rgba(120,165,255,.18); font-weight:800; color:#d9e8ff; margin-bottom:18px}
body.qs-page .infra-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
body.qs-page .node-card{padding:22px; position:relative; overflow:hidden; background:linear-gradient(180deg, rgba(13,20,36,.95), rgba(8,13,25,.95))}
body.qs-page .node-card::after{content:""; position:absolute; inset:auto -40% -40% auto; width:180px;height:180px;border-radius:50%; background:radial-gradient(circle, rgba(73,144,255,.18), transparent 70%)}
body.qs-page .node-card h3{margin:0 0 10px; font-size:24px}
body.qs-page .node-card p{margin:0; color:#afbdd8; line-height:1.7}
body.qs-page .node-badge{display:inline-block; margin-bottom:14px; padding:7px 10px; border-radius:999px; background:rgba(99,255,176,.08); color:#63ffb0; border:1px solid rgba(99,255,176,.2); font-size:12px; font-weight:800; letter-spacing:.08em}
body.qs-page .featured{border-color:rgba(99,255,176,.28)}
body.qs-page .system-card{background:linear-gradient(180deg, rgba(15,22,38,.95), rgba(10,15,26,.95))}
body.qs-page .alert-card{border-color:rgba(255,96,96,.22)}
body.qs-page .tech-grid{grid-template-columns:repeat(4,1fr)}
body.qs-page .tech-icon{font-size:28px; margin-bottom:12px}
body.qs-page .quote-strip{margin-top:90px; padding:36px 42px; text-align:center; background:linear-gradient(180deg, rgba(16,24,42,.96), rgba(9,14,25,.96))}
body.qs-page .quote-strip blockquote{margin:0; font-size:clamp(22px, 3vw, 36px); line-height:1.4; letter-spacing:-.03em}
body.qs-page .cta-card{padding:40px; text-align:center; background:linear-gradient(180deg, rgba(17,28,49,.96), rgba(11,17,28,.96))}
body.qs-page .cta-card h2{margin:0; font-size:clamp(34px, 5vw, 64px); letter-spacing:-.04em}
body.qs-page .cta-card p{max-width:760px; margin:18px auto 0; color:#afbdd8; font-size:18px; line-height:1.7}
body.qs-page .reveal{opacity:0; transform:translateY(36px); transition:opacity .8s ease, transform .8s ease}
body.qs-page .reveal.visible{opacity:1; transform:translateY(0)}
body.qs-page .qs-pill{display:flex; align-items:center}
@media (max-width:1120px){body.qs-page .hero{grid-template-columns:1fr}body.qs-page .manifesto-grid,body.qs-page .infra-grid,body.qs-page .tech-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  body.qs-page .qs-main{width:calc(100% - 24px)}
  body.qs-page .qs-intro{flex-direction:column; align-items:flex-start; padding:22px 18px}
  body.qs-page .hero{min-height:auto; padding-top:30px}
  body.qs-page .screen-metrics,body.qs-page .mini-cards,body.qs-page .stats-band,body.qs-page .manifesto-grid,body.qs-page .infra-grid,body.qs-page .tech-grid{grid-template-columns:1fr}
  body.qs-page .stats-band article{border-right:none; border-bottom:1px solid rgba(255,255,255,.06)}
  body.qs-page .stats-band article:last-child{border-bottom:none}
  body.qs-page .hero-title{font-size:42px}
  body.qs-page .hero-text,body.qs-page .section-head p,body.qs-page .cta-card p{font-size:17px}
  body.qs-page .quote-strip{padding:30px 22px}
  body.qs-page .cta-card{padding:28px 20px}
}