/* Site theme "A2 Constellation" (chosen 2026-11-10), loaded after styles.css on every page.
   To undo: remove the theme-a2.css <link> from the pages (or redeploy design-backups/current-2026-11-10/live-build). */
/* Concept A: "Midnight Precision". Dark premium, precise grid, subtle motion.
   Preview only. Loaded after styles.css; delete this file + its <link> to undo. */
:root {
  --paper: #070B14; --paper-2: #0B1120; --white: #0F1728; --mist: #0A1020; --mist-2: #16213A;
  --text: #E7ECF4; --text-2: #A8B3C5; --muted: #8F9BB0;
  --ink: #E7ECF4; --ink-2: #0F1728; --ink-3: #1B2740; --ink-deep: #05080F;
  --line: rgba(160, 190, 230, 0.12); --line-strong: rgba(160, 190, 230, 0.24);
  --gold: #D9B86A; --gold-deep: #D9B86A; --sky: #7FB2FF;
  --accent: #6FA8FF;
  --radius: 14px; --radius-lg: 18px;
  --shadow-sm: 0 0 0 1px rgba(160,190,230,.10);
  --shadow: 0 0 0 1px rgba(160,190,230,.12), 0 30px 60px -30px rgba(0,0,0,.8);
  --shadow-lg: 0 0 0 1px rgba(160,190,230,.14), 0 40px 90px -30px rgba(0,0,0,.9);
}
body {
  background-color: var(--paper);
  background-image:
    linear-gradient(rgba(120,160,220,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,160,220,.045) 1px, transparent 1px);
  background-size: 48px 48px;
}
.section, .section-warm, .section-mist { background: transparent; }
.section-warm, .section-mist { border-block: 1px solid var(--line); background: rgba(11,17,32,.6); }
h1, h2, h3, .h2 { letter-spacing: -0.02em; }
h1 em, .h2 em, h2 em { color: var(--gold); }
.eyebrow { color: var(--accent); font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .14em; }
.eyebrow::before { content: "//"; width: auto; height: auto; background: none; opacity: .8; }
.sky-band { background: radial-gradient(60% 70% at 80% 30%, rgba(111,168,255,.16), transparent 70%), radial-gradient(40% 50% at 10% 0%, rgba(217,184,106,.10), transparent 70%), #05080F; }
.sky-band::before { background: none; background-image: linear-gradient(rgba(120,160,220,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(120,160,220,.08) 1px, transparent 1px); background-size: 48px 48px; opacity: 1; animation: shsGrid 24s linear infinite; }
.sky-band::after { opacity: .35; filter: hue-rotate(180deg) saturate(.6); animation: shsSpin 120s linear infinite; }
@keyframes shsGrid { to { background-position: 48px 48px, 48px 48px; } }
@keyframes shsSpin { to { transform: translateY(-50%) rotate(360deg); } }
.site-header { background: rgba(5,8,15,.72); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.btn { border-radius: 10px; }
.btn-gold { background: linear-gradient(180deg, #E3C47A, #CFA957); color: #0A0F1A; }
.btn-ink { background: #E7ECF4; color: #070B14; }
.btn-ink:hover { background: #FFFFFF; }
.btn-outline { color: var(--text); }
.btn-outline:hover { background: rgba(255,255,255,.05); border-color: var(--accent); }
.skip { color: #0A0F1A; }
.challenge, .step, .pkg, .ind-card, .faq, .answer-box, .doc, .who-group, .value-card, .calc, .quiz, .related, .tool-card {
  background: linear-gradient(180deg, rgba(20,30,52,.85), rgba(12,19,34,.85)) !important;
  border: 1px solid var(--line) !important; box-shadow: none;
  transition: border-color .3s ease, transform .3s var(--ease), box-shadow .3s ease;
}
.challenge:hover, .pkg:hover, .ind-card:hover, .step:hover { border-color: rgba(111,168,255,.45) !important; transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(111,168,255,.15), 0 20px 50px -25px rgba(111,168,255,.45); }
.pkg-featured { background: linear-gradient(180deg, #13213D, #0B1426) !important; border-color: rgba(217,184,106,.5) !important; }
.challenge-num, .step-num, .pkg-num { font-family: ui-monospace, "SF Mono", Menlo, monospace; color: var(--accent); }
.msg-me, .chat-send, .bp-book, .bp-btn, .bp-chat-btn { background: #1E3A6B; color: #fff; }
.phone, .sms { box-shadow: 0 0 0 1px rgba(111,168,255,.25), 0 50px 100px -40px rgba(111,168,255,.35); }
.phone-screen, .sms { background: #0C1424; color: var(--text); }
.msg-ai { background: #16213A; color: var(--text); }
.chat-input { background: #0F1728; color: var(--muted); border-color: var(--line); }
input, select, textarea { background: #0C1424 !important; color: var(--text) !important; border-color: var(--line-strong) !important; }
.site-footer, footer { background: #04060C; border-top: 1px solid var(--line); }
.concept-flag { background: #6FA8FF; color: #04060C; }
@media (prefers-reduced-motion: reduce) { .sky-band::before, .sky-band::after { animation: none; } .challenge:hover, .pkg:hover, .ind-card:hover, .step:hover { transform: none; } }
.sms-bubble { background: #16213A; color: var(--text); }
.sms-icon { background: #1E3A6B; } .sms-icon svg { color: #fff; }
.sample-chip { background: transparent; color: var(--gold); border-color: rgba(217,184,106,.5); }

/* Concept A2: "Constellation". Builds on concept-a.css. Original starfield brought back,
   a constellation mesh behind the hero, frosted glass cards with real elevation.
   Preview only: delete this file + its <link> to undo. */
:root { --glass: rgba(22, 34, 60, 0.55); --glass-hi: rgba(255,255,255,0.07); }
body { background-image: radial-gradient(1200px 700px at 85% -10%, rgba(111,168,255,.10), transparent 60%), radial-gradient(900px 600px at -10% 30%, rgba(217,184,106,.06), transparent 60%); background-size: auto; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: url("/stars.svg") 0 0 / 900px 900px repeat; opacity: .55; }
.section-warm, .section-mist { background: linear-gradient(180deg, rgba(10,16,32,.0), rgba(14,24,46,.55) 30%, rgba(14,24,46,.55) 70%, rgba(10,16,32,0)); border-block: 0; }
/* Hero: three layers of depth: glow, original stars, constellation mesh drifting slowly */
.sky-band { background:
  radial-gradient(55% 65% at 78% 40%, rgba(111,168,255,.22), transparent 70%),
  radial-gradient(35% 45% at 12% 8%, rgba(217,184,106,.14), transparent 70%),
  linear-gradient(180deg, #060A14 0%, #081022 100%); }
.sky-band::before { background: url("/stars.svg") 0 0 / 900px 900px repeat, url("/constellation-v2.svg") center / 1200px 800px repeat;
  opacity: .9; animation: a2Drift 90s linear infinite; -webkit-mask-image: radial-gradient(120% 90% at 70% 40%, #000 35%, transparent 85%); mask-image: radial-gradient(120% 90% at 70% 40%, #000 35%, transparent 85%); }
.sky-band::after { opacity: .5; filter: none; animation: shsSpin 160s linear infinite; }
@keyframes a2Drift { to { background-position: 0 0, 1200px 0; } }
.hero-visual::before { content: ""; position: absolute; z-index: -1; width: 520px; height: 520px; right: 0; top: 50%; transform: translateY(-50%);
  background: radial-gradient(closest-side, rgba(111,168,255,.30), rgba(111,168,255,0)); filter: blur(10px); pointer-events: none; }
.hero-visual { isolation: isolate; }
/* Glass cards */
.challenge, .step, .pkg, .ind-card, .faq, .answer-box, .doc, .who-group, .value-card, .calc, .quiz, .related, .tool-card {
  background: linear-gradient(180deg, rgba(30,46,80,.55), rgba(14,22,40,.55)) !important;
  -webkit-backdrop-filter: blur(12px) saturate(140%); backdrop-filter: blur(12px) saturate(140%);
  border: 1px solid rgba(160,195,255,.14) !important;
  box-shadow: inset 0 1px 0 var(--glass-hi), 0 1px 2px rgba(0,0,0,.4), 0 18px 40px -18px rgba(0,0,0,.75) !important; }
.challenge:hover, .pkg:hover, .ind-card:hover, .step:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 1px rgba(111,168,255,.25), 0 28px 60px -24px rgba(111,168,255,.45) !important; }
.pkg-featured { background: linear-gradient(180deg, rgba(40,62,110,.75), rgba(16,26,48,.75)) !important; border-color: rgba(217,184,106,.55) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(217,184,106,.2), 0 40px 80px -30px rgba(217,184,106,.35) !important; }
.phone { box-shadow: 0 0 0 1px rgba(160,195,255,.25), 0 30px 60px -20px rgba(0,0,0,.8), 0 80px 140px -40px rgba(111,168,255,.45); }
.challenge-icon { box-shadow: 0 0 0 1px rgba(217,184,106,.3), 0 0 18px rgba(217,184,106,.25); }
.cta-band.sky-band::before { -webkit-mask-image: none; mask-image: none; opacity: .7; }
.concept-flag { background: linear-gradient(90deg, #6FA8FF, #9FC2FF); }
@media (max-width: 700px) { .sky-band::before { animation-duration: 140s; } .hero-visual::before { width: 340px; height: 340px; } }
@media (prefers-reduced-motion: reduce) { .sky-band::before, .sky-band::after { animation: none !important; } }

/* Contrast fixes found by Lighthouse */
.btn-ink, .doc .btn-ink { background: #E7ECF4 !important; color: #070B14 !important; }
.sample-list { background: rgba(8, 13, 26, .7); border-color: rgba(160,190,230,.25); }
.sample-tag { color: var(--gold) !important; }
/* Performance: drift by transform (composited), not background-position */
.hero.sky-band::before, .page-hero.sky-band::before { inset: 0 -1200px 0 0; animation: a2DriftT 120s linear infinite; will-change: transform;
  -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 100%); mask-image: linear-gradient(180deg, #000 55%, transparent 100%); opacity: .75; }
@keyframes a2DriftT { to { transform: translateX(-1200px); } }
.sky-band::after { will-change: transform; }


/* ===== Production adjustments to A2 (2026-11-10): gold glow removed, everything else kept ===== */
/* No gold radial washes */
body { background-image: radial-gradient(1200px 700px at 85% -10%, rgba(111,168,255,.10), transparent 60%); }
.sky-band { background: radial-gradient(55% 65% at 78% 40%, rgba(111,168,255,.22), transparent 70%), linear-gradient(180deg, #060A14 0%, #081022 100%); }
.hero.sky-band::before, .page-hero.sky-band::before, .sky-band::before { background-image: url("/stars.svg"), url("/constellation-v2.svg"); }
.sky-band::after { background-image: url("/orbits-v2.svg"); }
/* No gold glows on buttons, icons, the featured plan or mockups (plain gold colour stays) */
.btn-gold { box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 1px 2px rgba(0,0,0,.4), 0 10px 24px -12px rgba(0,0,0,.8); }
.btn-gold:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 2px 4px rgba(0,0,0,.4), 0 16px 30px -14px rgba(0,0,0,.85); }
.challenge-icon { box-shadow: inset 0 0 0 1px rgba(133,102,42,.25); }
.pkg-featured { box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 1px 2px rgba(0,0,0,.4), 0 40px 80px -30px rgba(0,0,0,.85) !important; }
.bp-hero, .bp-visit, [class^="bp-"] { background-image: none; }
.mark { filter: none; text-shadow: none; }
/* Site-wide fixes so every page reads on the dark theme */
.option:has(input:checked), html .cl-opt:has(input:checked) { background: rgba(217,184,106,.10); }
.faq[open] summary::after { background-color: transparent; }
.clv-steps li::before { background: #1B2740; color: var(--gold); }
html .cl-header { background: rgba(5,8,15,.85); border-bottom: 1px solid var(--line); }
html .cl-nav { background: rgba(6,10,20,.88); border-top-color: var(--line); }
html .cl-info { background: rgba(255,255,255,.04); border-color: var(--line-strong); }
html .cl-input:focus, html .cl-opt:has(input:focus-visible) { box-shadow: 0 0 0 3px rgba(111,168,255,.35); }
.concept-flag { display: none; }
@media print {
  :root { --paper: #fff; --paper-2: #fff; --white: #fff; --text: #0F1B2D; --text-2: #333; --muted: #444; --ink: #0F1B2D; }
  body::before, .sky-band::before, .sky-band::after { display: none !important; }
  body { background: #fff !important; color: #0F1B2D; }
}