/* Product-only layer. SovaSpace and NurViewer never load this file. */
.sovastream-site,
.sovastream-app-site {
  --ink: #092e4a;
  --ink-2: #0c3656;
  --paper: #f4f9fc;
  --paper-2: #eaf3f9;
  --white: #fff;
  --mint: #80c9e9;
  --mint-2: #b4e5fa;
  --sky: #63b5df;
  --text: #17364b;
  --muted: #506b7e;
  background: #f4f9fc;
}
.sova-header { background: rgba(6, 40, 68, .96); }
.sova-brand { color: #f5fbff; font-size: 1.27rem; }
.sova-brand img { width: 42px; height: 42px; border-radius: 12px; background: white; object-fit: contain; padding: 2px; }
.sova-header .nav-cta { color: #062c47 !important; }
.sova-intro { padding: clamp(72px, 11vw, 150px) 0 clamp(70px, 9vw, 120px); background: linear-gradient(135deg, #edf8ff 0%, #f8fbff 55%, #e5f2fa 100%); }
.sova-intro-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(310px, .88fr); align-items: center; gap: clamp(32px, 5vw, 84px); }
.sova-intro h1 { max-width: 840px; font-size: clamp(2.8rem, 6.3vw, 5.8rem); }
.sova-intro .lede { max-width: 720px; color: #47647b; }
.sova-intro .actions { margin-top: 32px; }
.sova-intro-mark { min-height: 360px; display: grid; place-items: center; padding: clamp(20px, 3vw, 42px); border: 1px solid #d9e9f2; border-radius: 28px; background: white; box-shadow: 0 28px 80px rgba(8, 54, 89, .12); }
.sova-intro-mark img { width: 100%; max-height: 470px; object-fit: contain; }
.sova-note { margin: 20px 0 0; font-size: .9rem; color: #5e7989; }
.sova-hero { background: radial-gradient(circle at 85% 25%, #205d82 0%, transparent 34%), linear-gradient(115deg, #082f4e, #0c4267); }
.sova-links { display: flex; flex-wrap: wrap; gap: 8px 18px; padding-top: 18px; border-top: 1px solid rgba(8, 56, 85, .15); }
.sova-links a { color: #145e8a; font-weight: 700; }
.sova-doc { color: #2c4659; }
.sova-doc h2 { margin-top: 1.6em; font-size: clamp(1.4rem, 3vw, 2rem); }
.sova-doc p { line-height: 1.75; }
.sova-doc .meta { color: #5f7889; }
.sova-footer { background: #082b45; }
.sovastream-app-site .sova-intro,
.sovastream-app-site .sova-hero { background: linear-gradient(115deg, #082f4e, #0c4267); }
@media (max-width: 850px) {
  .sova-intro-grid { grid-template-columns: 1fr; }
  .sova-intro-mark { min-height: 240px; }
}