.crumb{display:flex;gap:10px;align-items:center;color:#9fb4c9;margin-bottom:28px;font-size:12px}
.crumb a:hover{color:var(--lime)}
.doc{padding:72px 0 96px;max-width:720px}
.doc .lead{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 28px}
.doc .meta{font-size:12px;color:#90a9c0;margin:0 0 36px}
.doc h1{font-size:clamp(36px,4vw,52px);letter-spacing:-2px;margin:0 0 12px}
.doc h2{font-size:22px;letter-spacing:-.4px;margin:36px 0 12px}
.doc p,.doc li{font-size:15px;line-height:1.85;color:#b3c3d5}
.doc p{margin:0 0 16px}
.doc ul{margin:0 0 20px;padding-left:18px}
.doc a{color:var(--lime)}
.doc .links{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);font-size:13px}
.product-hero{padding:72px 0 40px}
.product-hero h1{margin-bottom:18px}
.product-hero .lead{max-width:520px;font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 30px}
.product-card{margin:24px 0 48px;padding:30px;border:1px solid #25364c;border-radius:10px;background:linear-gradient(145deg,#101f33,#0a1422 80%);position:relative;max-width:720px}
.product-card::before{content:'';position:absolute;top:-1px;left:30px;width:68px;height:1px;background:#7ad9f0}
@media(max-width:720px){
  body.app-page .nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 16px}
  body.app-page .nav-optional{display:inline}
}