/* /software: the field of orbits (assets/universe.js + universe.css), then the products in the same dark, line-drawn style. */
.sw .site-head{position:fixed;left:0;right:0;color:#e6edf7}
.sw-stage{height:100vh;height:100svh;min-height:520px;touch-action:pan-y}
.sw-stage .tz-tl{top:calc(var(--head) + 10px)}
.sw-stage .tz-tr{top:calc(var(--head) + 6px);right:var(--pad)}
.sw-stage-head{left:var(--pad);top:calc(var(--head) + 70px);max-width:480px;display:flex;flex-direction:column;gap:12px}
.sw-stage-head h1{font-size:clamp(1.8rem,3.2vw,2.8rem);color:#f2f6fc}
.sw-stage-lede{font-size:1rem;color:rgba(230,237,247,.75);max-width:380px}
.sw-skip-link{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(230,237,247,.35);padding-bottom:4px;align-self:flex-start}
.sw-skip-link:hover{border-color:#fff}
.sw-stage .swp-pre{position:absolute;left:0;right:0;bottom:clamp(64px,13%,130px);z-index:2;text-align:center;font-size:.82rem;letter-spacing:.32em;text-transform:uppercase;opacity:.8;pointer-events:none}
.sw-stage.tz-live .swp-pre{display:none}
.sw-stage-after{left:0;right:0;bottom:clamp(96px,15%,150px);display:flex;justify-content:center}
.sw-stage .tz-drag{bottom:clamp(56px,8%,80px)}
.swp-btn{font-size:.8rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#0a1a3f;background:#eef3fb;border-radius:99px;padding:15px 28px 13px;box-shadow:0 0 30px rgba(190,212,255,.25)}
.swp-btn:hover{background:#fff}

.sw-sec{padding:clamp(70px,13vh,140px) var(--pad);border-top:1px solid rgba(230,237,247,.08)}
.sw-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,90px);align-items:center}
.sw-sec:nth-of-type(odd) .sw-art{order:-1}
.sw-text>*+*{margin-top:18px}
.sw-text h2{font-size:clamp(1.9rem,3.4vw,2.9rem);letter-spacing:.06em}
.sw-text p{font-size:1.05rem;max-width:620px}
.sw-text .hud-k{font-size:.68rem}
.sw-text .price{color:var(--muted)}
.sw-art{display:flex;flex-direction:column;align-items:center;gap:28px}
.glyph{width:min(100%,280px);aspect-ratio:1;display:grid;place-items:center;position:relative}
.glyph::before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(170,198,255,.14),transparent 70%)}
.glyph svg{width:100%;height:100%;fill:none;stroke:#eef3fb;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(200,220,255,.9)) drop-shadow(0 0 12px rgba(150,185,255,.35))}
.spec{width:100%;max-width:360px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}
.spec div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:9px 0 8px;border-top:1px solid rgba(230,237,247,.14)}
.spec dt{color:rgba(230,237,247,.5)}.spec dd{color:#e6edf7;line-height:1.5}
.sw-mods{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.sw-mods a{display:flex;flex-direction:column;padding:10px 0 9px;border-top:1px solid rgba(230,237,247,.16);text-decoration:none}
.sw-mods a:hover b{text-decoration:underline}
.sw-mods b{font-weight:400;font-size:1rem;letter-spacing:.04rem}
.sw-mods span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@media (max-width:860px){
  .sw-grid{grid-template-columns:1fr}
  .sw-sec:nth-of-type(odd) .sw-art{order:0}
  .glyph{width:150px}
  .sw-stage-head{top:calc(var(--head) + 40px);right:16px}
  .sw-stage-lede{display:none}
  .sw-mods{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.glyph svg{filter:none}}