@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Instrument+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --bg: #0a0a0a;
  --bg-soft: #101010;
  --card: rgba(255,255,255,.035);
  --card-strong: #121212;
  --white: #f7f7f5;
  --white-soft: rgba(247,247,245,.68);
  --white-muted: rgba(247,247,245,.42);
  --white-faint: rgba(247,247,245,.18);
  --brand: #9fe8ff;
  --brand-bright: #dcf8ff;
  --brand-dark: #55b9d9;
  --gold: var(--brand);
  --gold-bright: var(--brand-bright);
  --gold-dark: var(--brand-dark);
  --red: #f05a5a;
  --orange: #f39a4a;
  --line: rgba(255,255,255,.1);
  --line-soft: rgba(255,255,255,.06);
  --sans: "Instrument Sans", Arial, sans-serif;
  --display: "Space Grotesk", "Instrument Sans", Arial, sans-serif;
  --mono: "IBM Plex Mono", monospace;
  --shadow: 0 24px 80px rgba(0,0,0,.38);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--white); background: var(--bg); font-family: var(--sans); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img, svg { max-width: 100%; }
.page-width { width: min(1100px, calc(100% - 40px)); margin: 0 auto; }

.site-dark { position: relative; overflow-x: hidden; background: var(--bg); }
.ambient { position: fixed; z-index: 0; pointer-events: none; border-radius: 50%; filter: blur(100px); }
.ambient-one { top: -180px; left: 50%; width: 560px; height: 560px; transform: translateX(-50%); background: rgba(159,232,255,.045); }
.ambient-two { right: -180px; bottom: 15%; width: 420px; height: 420px; background: rgba(159,232,255,.025); }

.top-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 50; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(10,10,10,.82); backdrop-filter: blur(18px); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; width: min(1180px, calc(100% - 40px)); min-height: 72px; margin: 0 auto; }
.nav-brand { display: inline-flex; align-items: center; gap: 10px; min-width: 190px; }
.nav-brand-dot { display: block; width: 10px; height: 10px; border: 2px solid var(--gold); border-radius: 50%; box-shadow: 0 0 16px rgba(159,232,255,.4); }
.nav-brand strong { display: block; color: var(--white); font-size: 14px; font-weight: 900; letter-spacing: .13em; line-height: 1; }
.nav-brand small { display: block; margin-top: 5px; color: var(--white-muted); font-family: var(--mono); font-size: 8px; font-weight: 500; letter-spacing: .1em; line-height: 1; }
.nav-center { color: var(--white-muted); font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: .12em; text-align: center; }
.nav-quiz-link { display: inline-flex; align-items: center; gap: 10px; padding: 10px 15px; border: 1px solid rgba(159,232,255,.36); border-radius: 7px; color: var(--gold); font-size: 11px; font-weight: 800; transition: all .2s ease; }
.nav-quiz-link:hover { color: #070707; background: var(--gold); box-shadow: 0 0 25px rgba(159,232,255,.2); }
.nav-quiz-link span { font-size: 17px; font-weight: 400; line-height: .7; }

.hero-sales { position: relative; z-index: 1; display: flex; align-items: center; min-height: 100svh; overflow: hidden; padding: 120px 0 65px; }
.hero-lines { position: absolute; inset: 0; opacity: .35; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(180deg, black, transparent 88%); }
.hero-orb { position: absolute; top: 10%; left: 50%; width: min(700px, 80vw); aspect-ratio: 1; transform: translateX(-50%); border: 1px solid rgba(159,232,255,.08); border-radius: 50%; box-shadow: 0 0 0 70px rgba(159,232,255,.015), 0 0 0 140px rgba(159,232,255,.01); pointer-events: none; }
.hero-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; }
.gold-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid rgba(159,232,255,.3); border-radius: 999px; color: var(--gold); background: rgba(159,232,255,.055); font-family: var(--mono); font-size: 10px; font-weight: 600; letter-spacing: .08em; }
.target-icon { font-size: 17px; line-height: .7; }
.hero-content h1 { max-width: 990px; margin: 28px 0 23px; font-family: var(--display); font-size: clamp(38px, 6.3vw, 78px); font-weight: 800; letter-spacing: -.065em; line-height: 1.08; }
.gold-text { color: var(--gold); text-shadow: 0 0 28px rgba(159,232,255,.12); }
.muted-heading { color: rgba(247,247,245,.74); }
.danger-text { color: #e45454; }
.hero-subtitle { max-width: 650px; margin: 0; color: var(--white-muted); font-size: clamp(16px, 2vw, 20px); line-height: 1.65; }
.gold-button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 54px; padding: 0 25px; border: 1px solid var(--gold); border-radius: 7px; color: #070707; background: linear-gradient(110deg, var(--gold), var(--gold-bright)); font-size: 15px; font-weight: 900; box-shadow: 0 0 25px rgba(159,232,255,.13); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.gold-button:hover { transform: translateY(-2px) scale(1.015); filter: brightness(1.06); box-shadow: 0 0 38px rgba(159,232,255,.25); }
.gold-button span { font-size: 21px; font-weight: 500; line-height: .7; }
.hero-button { margin-top: 35px; }
.micro-note { margin: 13px 0 0; color: rgba(247,247,245,.33); font-size: 12px; }
.micro-note span, .hero-credit span { margin: 0 6px; color: var(--gold); }
.pain-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; width: min(740px, 100%); margin-top: 58px; }
.pain-card { display: flex; flex-direction: column; align-items: center; gap: 9px; min-height: 94px; padding: 16px 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 8px; background: rgba(255,255,255,.025); transition: border-color .2s ease, transform .2s ease; }
.pain-card:hover { transform: translateY(-3px); border-color: rgba(159,232,255,.28); }
.pain-card span:last-child { color: var(--white-muted); font-size: 12px; text-align: center; }
.pain-symbol { font-size: 25px; line-height: 1; }
.pain-symbol.down { color: #ef6464; }
.pain-symbol.orange { color: #ee8d44; }
.pain-symbol.yellow { color: #e8c14e; }
.pain-symbol.gold { color: var(--gold); }
.hero-credit { margin: 44px 0 0; color: rgba(247,247,245,.28); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }

.sales-section { position: relative; z-index: 1; padding: 115px 0; border-top: 1px solid rgba(255,255,255,.04); }
.section-dark-alt { background: linear-gradient(180deg, #0a0a0a, #0d0d0d); }
.foundation-section { background: #0d0d0d; }
.program-section { background: #0a0a0a; }
.mirror-section { background: linear-gradient(180deg, #0a0a0a, #101010); }
.offer-section { background: #0d0d0d; }
.final-sales { background: #0a0a0a; }
.section-label { display: flex; align-items: center; gap: 10px; margin-bottom: 25px; color: var(--white-muted); font-family: var(--mono); font-size: 10px; font-weight: 600; letter-spacing: .13em; }
.section-label span:first-child { color: var(--gold); font-size: 14px; }
.section-label i { display: block; width: 34px; height: 1px; background: rgba(159,232,255,.75); }
.narrow-copy { max-width: 1000px; }
h2 { margin: 0; font-family: var(--display); font-size: clamp(33px, 5vw, 61px); font-weight: 800; letter-spacing: -.065em; line-height: 1.1; }
.lead-copy { max-width: 760px; color: var(--white-soft); font-size: 17px; line-height: 1.8; }
.narrow-copy > .lead-copy { margin: 28px 0 0; }
.three-col-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 55px; }
.dark-card { min-height: 235px; padding: 23px; border: 1px solid var(--line-soft); border-radius: 9px; background: var(--card); }
.dark-card:hover { border-color: rgba(159,232,255,.24); }
.card-index { color: var(--gold); font-family: var(--mono); font-size: 12px; }
.dark-card h3 { margin: 53px 0 11px; font-family: var(--display); font-size: 21px; font-weight: 800; letter-spacing: -.04em; }
.dark-card p { margin: 0; color: var(--white-muted); font-size: 14px; line-height: 1.7; }

.split-sales { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: start; }
.foundation-copy { padding-top: 52px; }
.foundation-copy .lead-copy { margin: 0 0 20px; font-size: 16px; }
.quote-line { display: flex; gap: 16px; align-items: flex-start; margin-top: 34px; padding: 20px 0 0; border-top: 1px solid var(--line); }
.quote-line span { color: var(--gold); font-family: Georgia, serif; font-size: 48px; line-height: .65; }
.quote-line p { margin: 0; color: var(--gold-bright); font-family: var(--display); font-size: 20px; font-weight: 700; line-height: 1.45; }

.program-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 50px; }
.program-heading p { max-width: 350px; margin: 0 0 4px; color: var(--white-muted); font-size: 15px; line-height: 1.7; }
.program-list { border-top: 1px solid var(--line); }
.program-row { display: grid; grid-template-columns: 110px 1fr 35px; gap: 25px; align-items: start; padding: 28px 0; border-bottom: 1px solid var(--line); }
.program-row > span { padding-top: 5px; color: var(--gold); font-family: var(--mono); font-size: 10px; letter-spacing: .1em; }
.program-row h3 { margin: 0 0 5px; font-family: var(--display); font-size: 24px; font-weight: 800; letter-spacing: -.045em; }
.program-row p { max-width: 580px; margin: 0; color: var(--white-muted); font-size: 14px; line-height: 1.7; }
.program-row b { color: rgba(159,232,255,.42); font-family: var(--display); font-size: 21px; font-weight: 700; }

.mirror-grid { display: grid; grid-template-columns: 1fr 50px 1fr; gap: 25px; align-items: center; margin-top: 50px; }
.mirror-grid > div:not(.mirror-arrow) { min-height: 160px; padding: 24px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); }
.mirror-grid p { margin: 15px 0 0; color: var(--white-soft); font-size: 16px; line-height: 1.75; }
.mirror-tag { font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: .1em; }
.red-tag { color: #ee6b6b; }
.gold-tag { color: var(--gold); }
.mirror-arrow { color: var(--gold); font-size: 28px; text-align: center; }
.closing-copy { max-width: 700px; margin: 37px 0 25px; color: var(--white-muted); font-size: 16px; line-height: 1.8; }
.gold-link { display: inline-flex; margin-top: 28px; color: var(--gold); font-size: 13px; font-weight: 800; }
.gold-link:hover { color: var(--gold-bright); }
.text-link { display: inline-flex; align-items: center; gap: 10px; }
.text-link span { font-size: 19px; font-weight: 400; }

.offer-layout { display: grid; grid-template-columns: 1fr .88fr; gap: 80px; align-items: center; }
.offer-layout > div:first-child .lead-copy { margin: 28px 0 0; }
.offer-card-main { padding: 28px; border: 1px solid rgba(159,232,255,.28); border-radius: 11px; background: linear-gradient(180deg, rgba(159,232,255,.1), rgba(255,255,255,.025)); box-shadow: var(--shadow); }
.offer-topline { display: flex; justify-content: space-between; gap: 12px; color: var(--gold); font-family: var(--mono); font-size: 9px; font-weight: 700; letter-spacing: .1em; }
.offer-card-main h3 { margin: 33px 0 10px; font-family: var(--display); font-size: 30px; font-weight: 800; letter-spacing: -.055em; }
.offer-card-main > p { margin: 0; color: var(--white-muted); font-size: 14px; line-height: 1.75; }
.price-row { display: flex; align-items: baseline; gap: 9px; margin: 25px 0; }
.price-row strong { color: var(--white); font-family: var(--display); font-size: 49px; font-weight: 800; letter-spacing: -.06em; line-height: 1; }
.price-row span { color: var(--white-muted); font-size: 12px; }
.full-button { width: 100%; }
.offer-footnote { margin-top: 16px !important; color: rgba(247,247,245,.34) !important; font-size: 10px !important; text-align: center; }
.offer-footnote span { margin: 0 5px; color: var(--gold); }

.final-sales-inner { display: flex; flex-direction: column; align-items: center; text-align: center; }
.final-sales-inner h2 { margin-top: 24px; }
.final-sales-inner > p { max-width: 490px; margin: 23px 0 28px; color: var(--white-muted); font-size: 17px; }
.site-footer-dark { position: relative; z-index: 1; border-top: 1px solid var(--line); background: #070707; }
.footer-line { display: flex; align-items: center; justify-content: space-between; min-height: 100px; }
.footer-links { display: flex; gap: 24px; color: var(--white-muted); font-size: 12px; font-weight: 700; }
.footer-links a:hover { color: var(--gold); }
.footer-meta { display: flex; justify-content: space-between; gap: 20px; padding: 17px 0; border-top: 1px solid var(--line-soft); color: rgba(247,247,245,.3); font-family: var(--mono); font-size: 9px; }

/* Quiz / diagnosis page */
.quiz-page { min-height: 100svh; overflow-x: hidden; background: var(--bg); }
.quiz-page::before { content: ""; position: fixed; top: -200px; left: 50%; z-index: 0; width: 520px; height: 520px; transform: translateX(-50%); border-radius: 50%; background: rgba(159,232,255,.05); filter: blur(110px); pointer-events: none; }
.quiz-topbar { position: fixed; top: 0; left: 0; right: 0; z-index: 50; display: flex; align-items: center; gap: 15px; min-height: 56px; padding: 0 16px; border-bottom: 1px solid var(--line-soft); background: rgba(10,10,10,.86); backdrop-filter: blur(18px); }
.quiz-back { display: none; min-width: 32px; min-height: 32px; padding: 4px; border: 1px solid var(--line); border-radius: 6px; color: var(--white-muted); background: rgba(255,255,255,.03); font-size: 19px; line-height: 1; }
.quiz-progress-wrap { flex: 1; max-width: 700px; margin: 0 auto; }
.quiz-progress-meta { display: flex; justify-content: space-between; margin-bottom: 7px; color: var(--white-muted); font-family: var(--mono); font-size: 9px; letter-spacing: .08em; }
.quiz-progress-meta strong { color: var(--gold); font-weight: 600; }
.quiz-progress-track { height: 3px; overflow: hidden; border-radius: 4px; background: rgba(255,255,255,.09); }
.quiz-progress-bar { width: 0; height: 100%; background: linear-gradient(90deg, var(--gold-dark), var(--gold-bright)); transition: width .35s ease; }
.quiz-home { display: none; color: var(--white-muted); font-size: 11px; font-weight: 700; }
.quiz-main { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; min-height: 100svh; padding: 92px 16px 48px; }
.quiz-container { width: min(100%, 650px); margin: 0 auto; }
.quiz-intro { text-align: center; }
.quiz-icon { display: grid; place-items: center; width: 74px; height: 74px; margin: 0 auto 25px; border: 1px solid rgba(159,232,255,.28); border-radius: 50%; color: var(--gold); background: rgba(159,232,255,.08); font-size: 33px; }
.quiz-intro h1 { margin: 0; font-family: var(--display); font-size: clamp(31px, 6vw, 52px); font-weight: 800; letter-spacing: -.06em; line-height: 1.12; }
.quiz-intro h1 span { color: var(--gold); }
.quiz-intro p { max-width: 525px; margin: 17px auto 0; color: var(--white-muted); font-size: 17px; line-height: 1.7; }
.quiz-small { margin-top: 12px !important; color: rgba(247,247,245,.28) !important; font-size: 12px !important; }
.quiz-step { animation: quizIn .3s ease both; }
@keyframes quizIn { from { opacity: 0; transform: translateX(22px); } to { opacity: 1; transform: translateX(0); } }
.step-heading { margin-bottom: 26px; }
.step-emoji { display: block; margin-bottom: 11px; font-size: 29px; }
.step-heading h1 { margin: 0; font-family: var(--display); font-size: clamp(26px, 5vw, 39px); font-weight: 800; letter-spacing: -.055em; line-height: 1.15; }
.step-heading h1 span { color: var(--gold); }
.step-heading p { margin: 10px 0 0; color: var(--white-muted); font-size: 15px; line-height: 1.65; }
.form-stack { display: grid; gap: 21px; }
.form-field label { display: block; margin-bottom: 8px; color: var(--white-soft); font-size: 13px; font-weight: 700; }
.form-field label small { color: var(--white-muted); font-size: 10px; font-weight: 400; }
.form-field input, .form-field select, .form-field textarea { width: 100%; min-height: 49px; padding: 0 14px; border: 1px solid var(--line); border-radius: 7px; outline: none; color: var(--white); background: rgba(255,255,255,.05); font-size: 14px; transition: border .2s ease, box-shadow .2s ease; }
.form-field textarea { min-height: 105px; padding-top: 12px; resize: vertical; }
.form-field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #8b8b8b 50%), linear-gradient(135deg, #8b8b8b 50%, transparent 50%); background-position: calc(100% - 17px) 21px, calc(100% - 12px) 21px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.form-field input::placeholder, .form-field textarea::placeholder { color: rgba(247,247,245,.27); }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: rgba(159,232,255,.7); box-shadow: 0 0 0 3px rgba(159,232,255,.09); }
.option-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.option-grid.list { grid-template-columns: 1fr; }
.quiz-option { width: 100%; min-height: 53px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 7px; color: var(--white-soft); background: rgba(255,255,255,.035); text-align: left; font-size: 14px; line-height: 1.35; transition: all .18s ease; }
.quiz-option:hover { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.06); }
.quiz-option.selected { border-color: var(--gold); color: var(--gold); background: rgba(159,232,255,.1); box-shadow: 0 0 0 1px rgba(159,232,255,.08); }
.quiz-option small { display: block; margin-top: 4px; color: var(--white-muted); font-size: 10px; }
.quiz-option.selected small { color: rgba(159,232,255,.75); }
.inline-notice { margin-top: 18px; padding: 13px 15px; border-left: 2px solid var(--gold); color: var(--white-soft); background: rgba(159,232,255,.06); font-size: 12px; line-height: 1.6; }
.inline-notice strong { color: var(--gold); }
.quiz-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 30px; }
.quiz-next { width: 100%; }
.quiz-back-action { border: 0; color: var(--white-muted); background: transparent; font-size: 13px; font-weight: 700; }
.quiz-back-action:hover { color: var(--white); }
.quiz-error { min-height: 20px; margin-top: 12px; color: #f07a7a; font-size: 12px; font-weight: 700; }
.quiz-consent { display: flex; align-items: flex-start; gap: 10px; color: var(--white-muted); font-size: 11px; line-height: 1.55; }
.quiz-consent input { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; accent-color: var(--gold); }
.quiz-loading { text-align: center; }
.loading-ring { display: grid; place-items: center; width: 82px; height: 82px; margin: 0 auto 30px; border: 2px solid rgba(159,232,255,.24); border-top-color: var(--gold); border-radius: 50%; animation: spin 1s linear infinite; color: var(--gold); font-size: 28px; }
@keyframes spin { to { transform: rotate(360deg); } }
.quiz-loading h1 { margin: 0 0 20px; font-family: var(--display); font-size: 28px; font-weight: 800; letter-spacing: -.04em; }
.loading-list { display: grid; gap: 9px; max-width: 330px; margin: 0 auto; text-align: left; }
.loading-list div { display: flex; gap: 9px; align-items: center; color: var(--white-muted); font-size: 13px; }
.loading-list span { color: var(--gold); }
.loading-note { margin-top: 25px; color: rgba(247,247,245,.28); font-size: 11px; }

.diagnosis-result { display: grid; gap: 23px; padding-bottom: 25px; }
.result-header { text-align: center; }
.result-header .result-emoji { display: block; margin-bottom: 11px; font-size: 42px; }
.result-header h1 { margin: 0; font-family: var(--display); font-size: clamp(28px, 5vw, 42px); font-weight: 800; letter-spacing: -.06em; }
.result-chip { display: inline-flex; margin-top: 14px; padding: 7px 15px; border-radius: 999px; color: #090909; background: linear-gradient(100deg, var(--gold), var(--gold-bright)); font-size: 12px; font-weight: 900; }
.result-panel { padding: 22px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.035); }
.result-panel p { margin: 0; color: var(--white-soft); font-size: 15px; line-height: 1.8; }
.blind-panel { border-color: rgba(240,90,90,.22); background: rgba(240,90,90,.045); }
.panel-title { display: flex; align-items: center; gap: 9px; margin: 0 0 17px; font-family: var(--display); font-size: 20px; font-weight: 800; letter-spacing: -.04em; }
.blind-panel .panel-title { color: #f17c7c; }
.blind-list { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; }
.blind-list li { position: relative; padding-left: 24px; color: var(--white-soft); font-size: 14px; line-height: 1.65; }
.blind-list li::before { content: "×"; position: absolute; top: 0; left: 0; color: #f17c7c; font-size: 18px; font-weight: 900; }
.missing-panel { padding: 6px 0 0; text-align: center; }
.missing-panel h2 { font-size: clamp(25px, 5vw, 34px); }
.missing-panel h2 span { color: var(--gold); }
.missing-panel p { max-width: 560px; margin: 12px auto 0; color: var(--white-muted); font-size: 15px; line-height: 1.75; }
.solution-panel { border-color: rgba(159,232,255,.28); background: linear-gradient(180deg, rgba(159,232,255,.11), rgba(255,255,255,.025)); box-shadow: 0 0 45px rgba(159,232,255,.07); }
.solution-panel .panel-title { color: var(--gold); }
.solution-panel h3 { margin: 0 0 11px; font-family: var(--display); font-size: 27px; font-weight: 800; letter-spacing: -.055em; }
.solution-panel > p { margin-bottom: 21px; color: var(--white-muted); font-size: 14px; }
.solution-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 24px; }
.solution-feature { display: flex; align-items: flex-start; gap: 9px; color: var(--white-soft); font-size: 13px; line-height: 1.45; }
.solution-feature span { color: var(--gold); font-weight: 900; }
.result-price { display: flex; align-items: baseline; gap: 9px; margin-bottom: 21px; }
.result-price strong { font-family: var(--display); font-size: 40px; font-weight: 900; letter-spacing: -.06em; }
.result-price span { color: var(--white-muted); font-size: 12px; }
.result-cta { width: 100%; }
.secondary-offers { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.secondary-offer { padding: 17px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.025); }
.secondary-offer h4 { margin: 0 0 5px; color: var(--white); font-family: var(--display); font-size: 16px; font-weight: 800; }
.secondary-offer p { margin: 0 0 10px; color: var(--white-muted); font-size: 12px; line-height: 1.55; }
.secondary-offer a { color: var(--gold); font-size: 12px; font-weight: 800; }
.before-after-result { padding: 22px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }
.before-after-result h2 { margin-bottom: 9px; font-size: clamp(24px, 5vw, 33px); }
.before-after-result > p { margin: 0 0 20px; color: var(--white-muted); font-size: 14px; line-height: 1.7; }
.ba-result-grid { display: grid; gap: 10px; }
.ba-result-row { display: grid; grid-template-columns: 1fr 24px 1fr; gap: 9px; align-items: stretch; }
.ba-box { padding: 13px; border-radius: 6px; font-size: 12px; line-height: 1.55; }
.ba-box small { display: block; margin-bottom: 6px; font-family: var(--mono); font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.ba-old { color: rgba(247,247,245,.58); background: rgba(240,90,90,.07); }
.ba-old small { color: #e97979; }
.ba-new { color: var(--white-soft); background: rgba(159,232,255,.09); }
.ba-new small { color: var(--gold); }
.ba-result-row > span { align-self: center; color: var(--gold); font-size: 17px; text-align: center; }
.reflection-panel { padding: 21px 22px; border-left: 2px solid var(--gold); background: #131313; }
.reflection-panel h3 { margin: 0 0 10px; color: var(--gold); font-family: var(--display); font-size: 19px; font-weight: 800; }
.reflection-panel p { margin: 0; color: var(--white-soft); font-size: 14px; line-height: 1.75; }
.waitlist-panel { padding: 22px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.035); }
.waitlist-panel h3 { margin: 0 0 7px; font-family: var(--display); font-size: 23px; font-weight: 800; letter-spacing: -.045em; }
.waitlist-panel > p { margin: 0 0 18px; color: var(--white-muted); font-size: 13px; line-height: 1.65; }
.waitlist-form { display: grid; gap: 12px; }
.waitlist-form .form-field input { min-height: 47px; }
.waitlist-form .quiz-consent { margin-top: 2px; }
.waitlist-success { padding: 13px 15px; color: #8ee0b9; background: rgba(77,205,142,.09); font-size: 12px; line-height: 1.6; }
.result-disclaimer { color: rgba(247,247,245,.28); font-size: 10px; line-height: 1.6; text-align: center; }
.result-disclaimer strong { color: rgba(247,247,245,.5); }
.quiz-footer { margin-top: 24px; color: rgba(247,247,245,.27); font-family: var(--mono); font-size: 9px; line-height: 1.6; text-align: center; }

.netlify-form-source { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
[hidden] { display: none !important; }

/* Privacy */
.privacy-page { min-height: 100vh; padding: 90px 0; background: var(--bg); }
.privacy-card { width: min(800px, calc(100% - 40px)); margin: 0 auto; }
.privacy-card h1, .privacy-card h2 { font-family: var(--display); font-weight: 800; letter-spacing: -.06em; }
.privacy-card h1 { margin: 25px 0; font-size: clamp(38px, 6vw, 68px); line-height: 1.05; }
.privacy-card h2 { margin: 42px 0 11px; font-size: 27px; }
.privacy-card p, .privacy-card li { color: var(--white-soft); font-size: 15px; line-height: 1.8; }
.privacy-card ul { padding-left: 21px; }
.privacy-note { padding: 17px; border-left: 2px solid var(--gold); color: var(--white-muted); background: rgba(159,232,255,.06); font-size: 12px; line-height: 1.7; }

@media (max-width: 780px) {
  .page-width { width: min(100% - 32px, 640px); }
  .nav-inner { width: calc(100% - 28px); min-height: 64px; }
  .nav-brand { min-width: 0; }
  .nav-brand strong { font-size: 12px; }
  .nav-brand small { font-size: 7px; }
  .nav-brand-dot { width: 8px; height: 8px; }
  .nav-center { display: none; }
  .nav-quiz-link { padding: 8px 11px; font-size: 10px; }
  .hero-sales { min-height: 100svh; padding: 105px 0 40px; }
  .hero-content h1 { margin-top: 24px; font-size: clamp(35px, 10.5vw, 60px); line-height: 1.1; }
  .hero-subtitle { font-size: 15px; line-height: 1.65; }
  .gold-button { min-height: 51px; padding: 0 18px; font-size: 14px; }
  .micro-note { font-size: 10px; }
  .pain-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 42px; }
  .pain-card { min-height: 83px; padding: 13px 7px; }
  .pain-card span:last-child { font-size: 11px; }
  .hero-credit { max-width: 280px; margin-top: 30px; font-size: 8px; line-height: 1.6; }
  .sales-section { padding: 80px 0; }
  .section-label { margin-bottom: 20px; font-size: 9px; }
  h2 { font-size: clamp(31px, 9vw, 48px); }
  .lead-copy { font-size: 15px; line-height: 1.75; }
  .three-col-cards, .split-sales, .offer-layout { grid-template-columns: 1fr; gap: 13px; }
  .dark-card { min-height: auto; padding: 20px; }
  .dark-card h3 { margin-top: 31px; font-size: 20px; }
  .foundation-copy { padding-top: 9px; }
  .quote-line p { font-size: 17px; }
  .program-heading { display: block; margin-bottom: 32px; }
  .program-heading p { margin-top: 17px; font-size: 14px; }
  .program-row { grid-template-columns: 74px 1fr; gap: 13px; padding: 23px 0; }
  .program-row b { display: none; }
  .program-row h3 { font-size: 20px; }
  .program-row p { font-size: 13px; }
  .mirror-grid { grid-template-columns: 1fr; gap: 10px; margin-top: 32px; }
  .mirror-grid > div:not(.mirror-arrow) { min-height: auto; padding: 19px; }
  .mirror-grid p { font-size: 14px; }
  .mirror-arrow { transform: rotate(90deg); }
  .closing-copy { font-size: 14px; }
  .offer-card-main { padding: 22px; }
  .offer-card-main h3 { font-size: 25px; }
  .footer-line, .footer-meta { display: block; }
  .footer-line { padding: 25px 0; }
  .footer-links { flex-wrap: wrap; gap: 14px 20px; margin-top: 22px; font-size: 11px; }
  .footer-meta { padding: 15px 0; font-size: 8px; }
  .footer-meta span + span { display: block; margin-top: 8px; }

  .quiz-topbar { min-height: 52px; padding: 0 12px; }
  .quiz-back { display: block; }
  .quiz-home { display: block; }
  .quiz-main { align-items: flex-start; padding: 91px 16px 35px; }
  .quiz-container { width: 100%; }
  .quiz-intro h1 { font-size: clamp(30px, 9vw, 46px); }
  .quiz-intro p { font-size: 15px; }
  .step-heading h1 { font-size: clamp(26px, 8vw, 38px); }
  .step-heading p { font-size: 14px; }
  .option-grid { grid-template-columns: 1fr; }
  .quiz-option { min-height: 51px; font-size: 13px; }
  .form-stack { gap: 19px; }
  .solution-features, .secondary-offers { grid-template-columns: 1fr; }
  .result-panel, .solution-panel, .before-after-result, .waitlist-panel { padding: 18px; }
  .result-panel p { font-size: 14px; }
  .ba-result-row { grid-template-columns: 1fr; gap: 4px; }
  .ba-result-row > span { transform: rotate(90deg); }
  .reflection-panel { padding: 18px; }
  .result-cta { width: 100%; }
}

@media (min-width: 781px) {
  .quiz-back { display: block; visibility: hidden; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Brand blue pass, restrained motion, and persistent diagnosis CTA */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease var(--reveal-delay, 0ms), transform .65s cubic-bezier(.2,.72,.22,1) var(--reveal-delay, 0ms); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.hero-content { animation: heroEnter .75s cubic-bezier(.2,.72,.22,1) both; }
@keyframes heroEnter { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.hero-orb { animation: orbBreath 12s ease-in-out infinite alternate; }
@keyframes orbBreath { from { transform: translateX(-50%) scale(.98); opacity: .65; } to { transform: translateX(-50%) scale(1.03); opacity: 1; } }
.sticky-diagnosis { position: fixed; right: 20px; bottom: 19px; z-index: 45; display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 17px; border: 1px solid var(--brand); border-radius: 999px; color: #071015; background: linear-gradient(110deg, var(--brand), var(--brand-bright)); box-shadow: 0 10px 30px rgba(0,0,0,.35), 0 0 28px rgba(159,232,255,.17); font-size: 12px; font-weight: 900; transition: transform .2s ease, box-shadow .2s ease; }
.sticky-diagnosis:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(0,0,0,.42), 0 0 38px rgba(159,232,255,.28); }
.sticky-diagnosis span { font-size: 18px; line-height: .7; }
.sticky-diagnosis b { font-size: 18px; font-weight: 500; line-height: .7; }
.footer-grid { display: grid; grid-template-columns: 1.3fr .7fr .85fr 1.35fr; gap: 38px; padding: 58px 0 48px; }
.footer-brand-block p { max-width: 260px; margin: 20px 0 0; color: var(--white-muted); font-size: 13px; line-height: 1.7; }
.footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.footer-heading { margin-bottom: 8px; color: var(--brand); font-family: var(--mono); font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.footer-column a { color: var(--white-muted); font-size: 12px; transition: color .2s ease; }
.footer-column a:hover { color: var(--brand); }
.footer-disclaimer p { margin: 0; color: rgba(247,247,245,.39); font-size: 11px; line-height: 1.75; }
@media (max-width: 780px) {
  .sticky-diagnosis { right: 16px; bottom: 14px; left: 16px; justify-content: center; min-height: 50px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 22px; padding: 45px 0 35px; }
  .footer-brand-block, .footer-disclaimer { grid-column: 1 / -1; }
  .footer-disclaimer { padding-top: 10px; border-top: 1px solid var(--line-soft); }
}
@media (prefers-reduced-motion: reduce) {
  .reveal, .hero-content, .hero-orb { animation: none !important; opacity: 1; transform: none; transition: none !important; }
}
.delivery-panel { padding: 21px 22px; border: 1px solid rgba(159,232,255,.22); border-radius: 10px; background: rgba(159,232,255,.045); }
.delivery-panel h3 { margin: 0 0 7px; color: var(--brand); font-family: var(--display); font-size: 21px; font-weight: 800; letter-spacing: -.04em; }
.delivery-panel > p { margin: 0 0 16px; color: var(--white-muted); font-size: 13px; line-height: 1.65; }
.delivery-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.delivery-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 45px; padding: 0 13px; border: 1px solid var(--brand); border-radius: 7px; color: #071015; background: var(--brand); font-size: 12px; font-weight: 900; text-align: center; }
.delivery-button span { font-size: 17px; font-weight: 500; line-height: .7; }
.delivery-button.secondary { border-color: var(--line); color: var(--white-soft); background: rgba(255,255,255,.04); }
.delivery-button.secondary:hover { border-color: var(--brand); color: var(--brand); }
.delivery-button:disabled { cursor: wait; opacity: .6; }
.delivery-status { min-height: 18px; margin-top: 11px; color: var(--brand); font-size: 11px; line-height: 1.5; }
@media (max-width: 780px) { .delivery-actions { grid-template-columns: 1fr; } }

/* Final polish: stronger hierarchy for the hero diagnostic markers and header */
.nav-center { color: var(--brand); font-family: var(--display); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.nav-brand strong { font-family: var(--display); font-size: 15px; font-weight: 800; letter-spacing: .12em; }
.pain-grid { gap: 10px; }
.pain-card { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 13px; min-height: 106px; padding: 17px 15px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); text-align: left; }
.pain-card::before { content: ""; position: absolute; top: 0; left: 0; width: 34px; height: 2px; background: currentColor; opacity: .8; }
.pain-card::after { content: ""; position: absolute; right: -18px; bottom: -22px; width: 82px; height: 82px; border: 1px solid currentColor; border-radius: 50%; opacity: .08; }
.pain-card:hover { transform: translateY(-4px); border-color: currentColor; box-shadow: 0 12px 30px rgba(0,0,0,.22); }
.pain-card > div { display: flex; flex-direction: column; gap: 4px; }
.pain-card small { color: rgba(247,247,245,.42); font-family: var(--mono); font-size: 8px; font-weight: 600; letter-spacing: .1em; }
.pain-card strong { color: var(--white-soft); font-family: var(--display); font-size: 13px; font-weight: 700; line-height: 1.25; }
.pain-card-loss { color: #ef6c73; }
.pain-card-emotion { color: #f39a4a; }
.pain-card-risk { color: #e7c65c; }
.pain-card-prop { color: var(--brand); }
.pain-card .pain-symbol { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid currentColor; border-radius: 9px; background: rgba(0,0,0,.16); font-size: 21px; }
.pain-card .pain-symbol.down { color: #ef6c73; }
.pain-card .pain-symbol.orange { color: #f39a4a; }
.pain-card .pain-symbol.yellow { color: #e7c65c; }
.pain-card .pain-symbol.gold { color: var(--brand); }
.mirror-tag { font-family: var(--display); font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.sticky-diagnosis { left: 50%; right: auto; transform: translateX(-50%); }
.sticky-diagnosis:hover { transform: translateX(-50%) translateY(-3px); }

@media (max-width: 780px) {
  .nav-center { display: block; max-width: 118px; color: var(--brand); font-size: 8px; line-height: 1.2; text-align: center; }
  .nav-brand strong { font-size: 12px; }
  .pain-grid { gap: 8px; }
  .pain-card { min-height: 88px; padding: 12px 10px; gap: 9px; }
  .pain-card .pain-symbol { width: 30px; height: 30px; font-size: 17px; }
  .pain-card small { font-size: 7px; }
  .pain-card strong { font-size: 11px; }
  .sticky-diagnosis { left: 50%; right: auto; width: auto; min-width: 172px; transform: translateX(-50%); }
  .sticky-diagnosis:hover { transform: translateX(-50%) translateY(-3px); }
}
@media (max-width: 410px) {
  .nav-center { display: none; }
}