/* 2026-10-13 calm pass (replaces the first glass pass; that version is in
   ink-glass.css.bak-glass-20261013). Owner: reference Apple, artistic, simple
   like Anthropic. So: flat warm surfaces, no shadows, no gradients, no hover
   tricks; big type and a lot of air (Apple); a few soft earth-colour tiles as
   the artistic note (Anthropic). Glass survives in ONE place: the floating
   header pill. Loads after ink-natural.css. */

html.sr-night {
  --cm-paper: #f7f6f3;
  --cm-oat: #ede7dc;
  --cm-clay: #e6cdbb;
  --cm-sage: #d6ddcc;
  --cm-mist: #dbe2e5;
  --cm-ink: #1f1e1b;
  --cm-muted: #5f5b53;
  --cm-section: clamp(72px, 8vw, 120px);
}

/* ---- Header: the one glass element -------------------------------------- */
html.sr-night .sh { background: transparent !important; border-bottom: 0 !important; padding-top: 12px !important; z-index: 80 !important; }
html.sr-night .sh-row {
  position: relative; height: 60px !important; border-radius: 999px !important;
  padding-inline: 22px 10px !important; max-width: 1180px !important;
  width: calc(100% - 32px) !important; margin-inline: auto;
  background: rgba(247,246,243,.72) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
  border: 1px solid rgba(31,30,27,.06) !important;
  box-shadow: none !important;
  transition: background-color 300ms ease;
}
html.sr-night.lg-scrolled .sh-row { background: rgba(247,246,243,.9) !important; }
html.sr-night .sh-cta { border-radius: 999px !important; }
html.sr-night .sh-menu { border-radius: 16px !important; box-shadow: 0 12px 32px -16px rgba(31,30,27,.18) !important; }

/* ---- Type and air (Apple) ----------------------------------------------- */
html.sr-night .sv.sv-home > section { padding-block: var(--cm-section) !important; border: 0 !important; }
html.sr-night .sv.sv-home > section.sv-trust,
html.sr-night .sv.sv-home > section.cro-more { padding-block: clamp(56px, 7vw, 96px) !important; }
html.sr-night .sv-home .sv-h2,
html.sr-night .sv-home .dashboard-value h2 {
  font-size: clamp(36px, 4.8vw, 64px) !important; line-height: 1.06 !important;
  letter-spacing: -.03em !important; color: var(--cm-ink); max-width: 18ch;
}
html.sr-night .sv-home .sv-head .sv-lead,
html.sr-night .sv-home .dashboard-value-intro { font-size: clamp(18px, 1.5vw, 21px) !important; color: var(--cm-muted) !important; line-height: 1.6 !important; }
html.sr-night .sv-home .sv-h3 { color: var(--cm-ink); }

/* ---- Flat objects (no glass, no shadow) --------------------------------- */
html.sr-night .sv-home :is(.sv-evidence-card, .svp-plan, .dashboard-value-compare) {
  background: var(--cm-oat) !important; border: 0 !important; box-shadow: none !important;
  border-radius: 20px !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html.sr-night .sv-home .svp-grid { border: 0 !important; border-radius: 0 !important; overflow: visible !important; gap: 20px !important; }
html.sr-night .sv-home .svp-shared { margin-top: clamp(48px, 6vw, 72px) !important; }
/* The bigger plan in ink: one confident contrast on the page. */
html.sr-night .sv-home .svp-plan:nth-child(2) { background: var(--cm-ink) !important; color: #f3efe7 !important; }
html.sr-night .sv-home .svp-plan:nth-child(2) * { color: inherit; }
html.sr-night .sv-home .svp-plan:nth-child(2) :is(h3, p, li, span, strong, s, del, .svp-price) { color: inherit !important; }
html.sr-night .sv-home .svp-plan:nth-child(2) :is(.sv-small, .svp-term, .sv-kicker, .sv-body) { color: #b9b2a5 !important; }
html.sr-night .sv-home .svp-plan:nth-child(2) :is(li, hr, ul) { border-color: rgba(243,239,231,.16) !important; }
html.sr-night .sv-home .svp-plan:nth-child(2) .sv-button { background: #f3efe7 !important; color: var(--cm-ink) !important; }
html.sr-night .sv-home .svp-plan:nth-child(2) .sv-button * { color: var(--cm-ink) !important; }

/* ---- Artistic note (Anthropic): soft earth tiles ------------------------ */
html.sr-night .sv.sv-home > section.dashboard-value { background: transparent !important; }
html.sr-night .sv-home .dashboard-value-grid { gap: 16px !important; }
html.sr-night .sv-home .dashboard-value article {
  border: 0 !important; border-radius: 20px !important;
  padding: clamp(28px, 3vw, 40px) !important; min-height: 300px;
  display: flex; flex-direction: column; justify-content: flex-end;
}
html.sr-night .sv-home .dashboard-value article:nth-child(1) { background: var(--cm-clay) !important; }
html.sr-night .sv-home .dashboard-value article:nth-child(2) { background: var(--cm-sage) !important; }
html.sr-night .sv-home .dashboard-value article:nth-child(3) { background: var(--cm-mist) !important; }
html.sr-night .sv-home .dashboard-value article p { color: #4a463f !important; }
html.sr-night .sv-home .dashboard-value article h3 { font-family: var(--font-serif), Georgia, serif !important; font-weight: 400 !important; font-size: clamp(24px, 2.2vw, 30px) !important; line-height: 1.12 !important; letter-spacing: -.02em; margin-bottom: 14px !important; }

/* The middle ask: one colour block, centred, like a poster. */
html.sr-night .sv.sv-home > section#ask { padding-block: clamp(56px, 7vw, 96px) !important; }
html.sr-night .sv.sv-home > section#ask .sva-panel { background: var(--cm-oat); border-radius: 28px; padding: clamp(56px, 8vw, 112px) clamp(24px, 5vw, 80px); }

/* Photos: soft corners, nothing else. */
html.sr-night .sv-home :is(.sph-frame, .sv-step img, .sv-evidence-card img) { border-radius: 16px !important; box-shadow: none !important; }

/* ---- Controls ----------------------------------------------------------- */
html.sr-night :is(.sv-button, .svh-primary, .srp-btn, .dashboard-value-actions a:first-child, .sf-cta) {
  border-radius: 999px !important; box-shadow: none !important;
  transition: background-color 200ms ease, transform 200ms ease !important;
}
html.sr-night :is(.sv-button, .svh-primary):active { transform: scale(.98); }
html.sr-night .svh-secondary {
  border-radius: 999px !important; padding: 12px 20px !important; min-height: 48px;
  background: transparent !important; border: 1px solid rgba(31,30,27,.18) !important;
  color: var(--cm-ink) !important; text-decoration: none !important; box-shadow: none !important;
}
/* Section nav: quiet text tabs, not a control bar. */
html.sr-night .cro-nav { border: 0 !important; background: transparent !important; padding-block: 8px; }
html.sr-night .cro-nav .sv-wrap { background: transparent !important; border: 0 !important; box-shadow: none !important; justify-content: flex-start !important; gap: 4px !important; }
html.sr-night .cro-nav a { border: 0 !important; border-radius: 999px !important; color: var(--cm-muted) !important; background: transparent !important; flex: none; }
html.sr-night .cro-nav a:hover { color: var(--cm-ink) !important; background: var(--cm-oat) !important; }
html.sr-night .cro-nav a:last-child { margin-left: auto; background: var(--cm-ink) !important; color: #fff !important; }
html.sr-night .mab { border-radius: 999px !important; }

@media (max-width: 760px) {
  html.sr-night .sh-row { height: 56px !important; width: calc(100% - 24px) !important; padding-inline: 16px 8px !important; }
  html.sr-night .cro-nav .sv-wrap { display: flex !important; flex-wrap: wrap; }
  html.sr-night .cro-nav a:last-child { margin-left: 0; }
  html.sr-night .sv-home .dashboard-value article { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) { html.sr-night .sh-row { transition: none !important; } }
html.sr-night .sv.sv-home > section#ask .sva-panel { max-width: none !important; width: 100%; }

/* Hero globe (calm plate): no tilted ring behind it, a little smaller. */
html.sr-night .hg::before { display: none !important; }
html.sr-night .hg { max-width: 560px; margin-inline: auto !important; }
html.sr-night .svh-visual { align-self: center !important; }
html.sr-night .hg-plate { opacity: 1 !important; }

/* Astra review, 13 Oct: let space, not hairlines, separate the problem and
   step items; logos without domain captions on the homepage. */
html.sr-night .sv-home :is(article.sv-value, article.sv-step) { border-top: 0 !important; padding-top: 0 !important; }
html.sr-night .sv-home .sv-client figcaption { display: none !important; }

/* Live globe: the canvas covers the static plate once it has drawn. */
html.sr-night .hg.hg-is-live .hg-plate { opacity: 0 !important; }
html.sr-night .hg-live { user-select: none; -webkit-user-select: none; }