:root {
  --navy-950:#07111f; --navy-900:#0b1728; --navy-800:#13233a; --navy-700:#263a55;
  --ink:#0d1729; --muted:#5d6b80; --paper:#fbfaf7; --warm:#f4efe7; --white:#fff;
  --green:#2ed3a0; --green-dark:#087b60; --green-soft:#e8fbf4; --cream:#f1d7a7; --wood:#b98a66;
  --line:#dce3eb; --shadow:0 24px 70px rgba(3,12,28,.12); --radius:18px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease; }
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible { outline:3px solid var(--green); outline-offset:3px; }
[hidden] { display:none!important; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

.report-nav { position:sticky; z-index:80; top:0; height:72px; padding:0 max(24px,calc((100vw - 1240px)/2)); display:flex; align-items:center; gap:36px; color:white; background:rgba(7,17,31,.96); border-bottom:1px solid rgba(148,163,184,.13); backdrop-filter:blur(16px); }
.report-brand { display:flex; align-items:center; gap:10px; color:white; text-decoration:none; font-size:19px; font-weight:850; letter-spacing:-.025em; }
.report-brand img { width:40px; height:40px; object-fit:contain; }
.report-nav nav { margin-left:auto; display:flex; align-items:center; gap:18px; }
.report-nav nav a { color:#aebbd0; text-decoration:none; font-size:13px; font-weight:700; }
.report-nav nav a:hover { color:#fff; }
.report-nav .nav-cta { padding:11px 17px; color:#052e25; background:var(--green); border-radius:9px; box-shadow:0 8px 24px rgba(46,211,160,.18); }
.report-nav .nav-cta:hover { color:#052e25; background:#70e6c2; transform:translateY(-1px); }

.report-hero { position:relative; min-height:680px; padding:68px max(24px,calc((100vw - 1240px)/2)) 78px; display:grid; grid-template-columns:minmax(0,1fr) minmax(410px,.78fr); gap:72px; align-items:center; color:white; background:radial-gradient(circle at 78% 8%,rgba(46,211,160,.08),transparent 28%),radial-gradient(circle at 94% 65%,rgba(241,215,167,.08),transparent 31%),linear-gradient(125deg,#081426 0%,#0d182b 54%,#111b30 100%); overflow:hidden; }
.report-hero::before { content:""; position:absolute; inset:0; opacity:.045; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size:68px 68px; mask-image:linear-gradient(90deg,transparent 38%,black); }
.report-hero > * { position:relative; z-index:1; }
.report-hero-shared { min-height:600px; }
.hero-badge,.result-reveal-badge { width:max-content; margin-bottom:21px; padding:7px 11px; display:flex; align-items:center; gap:9px; color:#bdf7e4; border:1px solid rgba(110,231,183,.24); border-radius:999px; background:rgba(16,185,129,.07); font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.hero-badge-dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(46,211,160,.12); }
.eyebrow { margin:0 0 15px; color:#078268; font-size:11px; line-height:1.4; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.report-hero .eyebrow,.result-hero .eyebrow,.training-section .eyebrow { color:#71e6c4; }
.hero-copy h1,.hero-copy h2 { max-width:680px; margin:0; font-size:clamp(3rem,4.25vw,4.6rem); line-height:.98; letter-spacing:-.06em; font-weight:820; }
.hero-copy h1 span { color:var(--cream); }
.hero-copy h2 { font-size:clamp(3rem,4.7vw,5rem); }
.hero-lead { max-width:620px; margin:22px 0 0; color:#a8b6c8; font-size:17px; line-height:1.65; }
.report-form { max-width:700px; margin-top:28px; }
.form-controls { display:flex; align-items:stretch; gap:10px; }
.provider-picker { flex:0 0 auto; margin:0; padding:4px; display:inline-flex; gap:3px; border:1px solid #3a4b63; border-radius:10px; background:rgba(4,12,24,.32); }
.provider-picker label { cursor:pointer; }.provider-picker input { position:absolute; opacity:0; pointer-events:none; }
.provider-picker span { min-height:48px; padding:0 13px; display:flex; align-items:center; color:#9dabc0; border-radius:7px; font-size:12px; font-weight:800; }
.provider-picker input:checked + span { color:#0f172a; background:white; box-shadow:0 2px 10px rgba(0,0,0,.18); }
.username-row { min-width:0; flex:1; display:flex; gap:9px; }.username-row input { min-width:0; flex:1; height:58px; padding:0 17px; color:#0f172a; border:1px solid #d6dee8; border-radius:10px; background:white; box-shadow:inset 0 1px 2px rgba(15,23,42,.05); }.username-row input::placeholder { color:#8693a6; }
.username-row button,.primary-cta { min-height:54px; padding:0 22px; color:#052e25; border:0; border-radius:9px; background:var(--green); font-weight:900; cursor:pointer; box-shadow:0 12px 30px rgba(16,185,129,.20); }
.username-row button:hover,.primary-cta:hover { background:#69e6bf; transform:translateY(-2px); box-shadow:0 16px 35px rgba(16,185,129,.26); }.username-row button:disabled { opacity:.58; cursor:wait; transform:none; }
.form-trust { margin:12px 2px 0; display:flex; flex-wrap:wrap; gap:8px 18px; color:#96a4b7; font-size:10px; }.form-trust b { color:#6ee7b7; }
.form-error { margin:13px 0 0; padding:10px 12px; color:#fecaca; border:1px solid #7f1d1d; border-radius:8px; background:#450a0a; font-size:12px; }

.example-preview { width:100%; max-width:520px; justify-self:end; border:1px solid #344861; border-radius:17px; background:#f8fafc; box-shadow:0 30px 76px rgba(0,0,0,.34); overflow:hidden; }
.preview-window-bar { height:44px; padding:0 15px; display:flex; align-items:center; gap:12px; color:#7f8ea2; background:#111d30; font-size:9px; font-weight:850; letter-spacing:.13em; }.preview-window-bar > span { margin-right:auto; }.preview-window-bar em { padding:4px 7px; color:#b8f6e3; border-radius:999px; background:rgba(46,211,160,.12); font-style:normal; }
.preview-dots { display:flex; gap:5px; }.preview-dots i { width:7px; height:7px; border-radius:50%; background:#475569; }.preview-dots i:first-child { background:#d97777; }.preview-dots i:nth-child(2) { background:#d9ae58; }.preview-dots i:last-child { background:#51b887; }
.preview-profile { padding:17px 20px; display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:center; color:#111827; border-bottom:1px solid #e2e8f0; background:white; }
.preview-avatar { display:grid; place-items:center; width:42px; height:42px; color:#064e3b; border-radius:11px; background:#d1fae5; font-weight:900; }.preview-profile > div:nth-child(2) { display:flex; flex-direction:column; gap:3px; }.preview-profile strong { font-size:14px; }.preview-profile span { color:#6b778a; font-size:9px; }.preview-score { text-align:right; }.preview-score small { display:block; color:#8491a3; font-size:7px; font-weight:850; letter-spacing:.1em; }.preview-score b { font-size:20px; }
.preview-diagnosis { padding:18px 20px; color:white; background:linear-gradient(135deg,#0e1c31,#152944); }.preview-diagnosis > span,.preview-priorities article span { display:block; color:#61dfb8; font-size:8px; font-weight:900; letter-spacing:.14em; }.preview-diagnosis strong { display:block; margin-top:7px; font-size:19px; line-height:1.2; letter-spacing:-.03em; }.preview-diagnosis p { margin:7px 0 0; color:#9faec1; font-size:10px; line-height:1.5; }
.preview-priorities { padding:5px 18px; color:#172033; background:white; }.preview-priorities article { padding:12px 2px; display:grid; grid-template-columns:28px 1fr; gap:10px; align-items:center; border-bottom:1px solid #edf0f4; }.preview-priorities article:last-child { border-bottom:0; }.preview-priorities article > b { display:grid; place-items:center; width:25px; height:25px; color:#855e3e; border-radius:7px; background:#f8ead2; font-size:10px; }.preview-priorities article div { display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:8px; }.preview-priorities article span { grid-column:1/-1; color:#078268; }.preview-priorities article strong { font-size:12px; }.preview-priorities article p { margin:0; color:#7b8798; font-size:9px; }

.value-strip { padding:82px max(24px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; align-items:center; background:#f5f1ea; border-bottom:1px solid #e6ded3; }
.value-intro h2 { margin:0; max-width:500px; font-size:clamp(2.3rem,4vw,4rem); line-height:1.02; letter-spacing:-.05em; }.value-intro > p:last-child { max-width:520px; margin:17px 0 0; color:var(--muted); font-size:16px; line-height:1.65; }
.value-steps { display:grid; gap:0; border:1px solid #ddd6cc; border-radius:16px; background:white; box-shadow:0 18px 48px rgba(15,23,42,.06); }.value-steps article { padding:22px 24px; display:grid; grid-template-columns:42px 1fr; gap:14px; align-items:start; border-bottom:1px solid #e8e2d9; }.value-steps article:last-child { border:0; }.value-steps article > span { display:grid; place-items:center; width:36px; height:36px; color:#075f4c; border-radius:10px; background:var(--green-soft); font-size:10px; font-weight:900; }.value-steps strong { font-size:16px; }.value-steps p { margin:5px 0 0; color:var(--muted); font-size:13px; line-height:1.55; }

.shared-intro { padding:42px max(24px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:1fr minmax(320px,.62fr); gap:54px; align-items:center; background:linear-gradient(120deg,#f4efe7,#faf8f3); border-bottom:1px solid #ded6ca; }.shared-intro h1 { margin:0; font-size:clamp(2.2rem,5vw,4rem); letter-spacing:-.045em; }.shared-intro-copy > p:last-child { max-width:650px; margin:13px 0 0; color:var(--muted); font-size:16px; line-height:1.6; }.shared-compare-card { padding:20px 22px; border:1px solid #d8dedb; border-radius:15px; background:white; box-shadow:0 14px 38px rgba(15,23,42,.07); }.shared-compare-card > span { color:#078268; font-size:9px; font-weight:900; letter-spacing:.13em; }.shared-compare-card strong { display:block; margin-top:6px; font-size:17px; }.shared-compare-card p { margin:5px 0 14px; color:#748195; font-size:10px; }.shared-compare-card button { width:100%; padding:12px 16px; color:#052e25; border:0; border-radius:9px; background:var(--green); font-weight:900; cursor:pointer; }.shared-compare-card button:hover { background:#69e6bf; transform:translateY(-1px); }
#compareReportForm { display:grid; grid-template-columns:auto minmax(100px,1fr) auto; gap:7px; }#compareReportForm select,#compareReportForm input { min-width:0; height:42px; padding:0 10px; color:#26364c; border:1px solid #d4dce6; border-radius:8px; background:#f8fafc; font-size:11px; }#compareReportForm select { cursor:pointer; }#compareReportForm button { width:auto; padding:0 14px; white-space:nowrap; }
.loading-panel { min-height:560px; padding:92px max(24px,calc((100vw - 900px)/2)); background:white; }.loading-panel h2 { margin:0; font-size:clamp(2.3rem,5vw,4rem); letter-spacing:-.045em; }.loading-panel ul { margin:38px 0 0; padding:0; display:grid; gap:10px; list-style:none; }.loading-panel li { padding:15px 17px; display:flex; gap:13px; color:#475569; border:1px solid #e2e8f0; border-radius:10px; background:#f8fafc; }.loading-panel li::before { content:"○"; color:#94a3b8; }.loading-panel li.active::before { content:"●"; color:#10b981; animation:pulse 1.1s infinite; }.loading-panel li.complete::before { content:"✓"; color:#059669; font-weight:900; }@keyframes pulse { 50% { opacity:.3; } }.loading-note { margin-top:24px; color:#64748b; font-size:13px; }

.result-hero { position:relative; padding:96px max(24px,calc((100vw - 980px)/2)) 102px; color:white; text-align:center; background:radial-gradient(circle at 50% 0,rgba(46,211,160,.12),transparent 36%),var(--navy-950); overflow:hidden; }.result-reveal-badge { margin:0 auto 20px; color:#052e25; border:0; background:var(--green); }.result-sample { width:max-content; max-width:100%; margin:0 auto 42px; padding:9px 14px; color:#adbbcc; border:1px solid #2a3b52; border-radius:999px; background:#111f33; font-size:12px; }.result-hero h1 { max-width:900px; margin:0 auto; font-size:clamp(3rem,5.7vw,5.5rem); line-height:.99; letter-spacing:-.06em; }.result-hero #headlineSummary { max-width:720px; min-height:55px; margin:23px auto 0; color:#aebccd; font-size:18px; line-height:1.65; }.result-actions { margin-top:30px; display:flex; align-items:center; justify-content:center; gap:16px; }.text-button { padding:13px 8px; color:#b8c5d6; border:0; background:transparent; font-weight:800; cursor:pointer; }.text-button:hover { color:white; }
.priorities-section,.profile-section,.deep-dive,.training-section,.conversion-section { padding:90px max(24px,calc((100vw - 1240px)/2)); }.section-heading,.profile-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; }.section-heading h2,.profile-heading h2,.training-heading h2,.conversion-section h2 { margin:0; font-size:clamp(2.35rem,4vw,4.15rem); line-height:1.03; letter-spacing:-.052em; }.section-lead { max-width:610px; margin:14px 0 0; color:var(--muted); line-height:1.6; }
.priority-grid { margin-top:38px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.priority-card { position:relative; min-height:370px; padding:26px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:18px; background:white; box-shadow:0 15px 42px rgba(15,23,42,.07); overflow:hidden; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }.priority-card::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:#d8b487; }.priority-card:nth-child(2)::before { background:#5ccfad; }.priority-card:nth-child(3)::before { background:#8497b3; }.priority-card:hover { transform:translateY(-4px); border-color:#b6c4d5; box-shadow:0 23px 55px rgba(15,23,42,.11); }.priority-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; }.priority-rank { display:grid; place-items:center; width:45px; height:45px; color:#855f40; border-radius:12px; background:#f8ead2; font-size:17px; font-weight:900; }.priority-category { margin:0; padding:6px 8px; color:#08745b; border-radius:999px; background:#e8fbf4; font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }.priority-card h3 { margin:22px 0 0; font-size:28px; line-height:1.12; letter-spacing:-.035em; }.priority-stats { margin:18px 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.priority-stats span { padding:9px; color:#4f5d71; border-radius:8px; background:#f4f7fa; font-size:11px; line-height:1.35; }.priority-stats span:first-child { color:#075f4c; background:#ebfaf5; }.priority-card > p { margin:2px 0 0; color:#657287; font-size:14px; line-height:1.65; }.priority-card button { margin-top:auto; padding:15px 0 0; color:#047857; border:0; background:none; text-align:left; font-weight:850; cursor:pointer; }.priority-card button:hover { color:#065f46; transform:translateX(3px); }
.priority-card-locked { background:linear-gradient(145deg,#fff,#f6f8fb); }.priority-card-locked:hover { transform:none; }.priority-lock { margin-top:auto; padding:20px; display:grid; grid-template-columns:auto 1fr; column-gap:10px; border:1px solid #dce3eb; border-radius:12px; background:#eef2f6; }.priority-lock span { grid-row:1 / 3; }.priority-lock strong { color:#334155; font-size:13px; }.priority-lock small { margin-top:3px; color:#718096; }
.share-button,.tabs button,.position-nav button,.move-choices button { padding:10px 14px; color:#334155; border:1px solid #cbd5e1; border-radius:9px; background:white; font-weight:800; cursor:pointer; }.share-button:hover,.tabs button:hover { border-color:#64748b; }

.profile-section { background:linear-gradient(130deg,#f4efe7,#f9f6f0); border-top:1px solid #e9e1d7; border-bottom:1px solid #e9e1d7; }.profile-heading > p { max-width:420px; margin:0 0 4px; color:var(--muted); line-height:1.65; }.skill-profile { margin-top:36px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.skill-item { position:relative; padding:21px 21px 25px; min-height:132px; border:1px solid #ded8ce; border-radius:13px; background:rgba(255,255,255,.85); }.skill-item::after { content:""; position:absolute; left:20px; right:20px; bottom:17px; height:4px; border-radius:999px; background:#d8dee8; }.skill-item.needs-work::after { background:#e2a15f; }.skill-item.strong::after,.skill-item.solid::after,.skill-item.no-recurring-leak::after { background:#49c89f; }.skill-item.few-endgames-observed::after,.skill-item.few-chances-observed::after { background:#9aa8ba; }.skill-item span { display:block; color:#718096; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.skill-item strong { display:block; margin-top:9px; font-size:17px; }.skill-item small { display:block; margin-top:7px; padding-bottom:13px; color:#8390a1; font-size:9px; line-height:1.4; }.skill-item.needs-work strong { color:#ac5716; }.skill-item.strong strong,.skill-item.solid strong,.skill-item.no-recurring-leak strong { color:#08745b; }.skill-item.few-endgames-observed strong,.skill-item.few-chances-observed strong { color:#566579; }.metric-card { margin-top:14px; padding:24px; display:grid; grid-template-columns:auto 1fr; gap:5px 22px; align-items:center; border-radius:14px; color:white; background:linear-gradient(120deg,#0b1728,#172b47); }.metric-card strong { grid-row:1/3; font-size:44px; }.metric-card span { font-weight:850; }.metric-card p { margin:0; color:#aebccd; font-size:11px; }
.deep-dive { background:white; }.tabs { margin-top:30px; padding:5px; width:max-content; max-width:100%; display:flex; gap:4px; overflow-x:auto; border:1px solid #dce3eb; border-radius:11px; background:#f3f6f9; }.tabs button { border:0; background:transparent; }.tabs button.active { color:white; background:var(--navy-900); box-shadow:0 4px 12px rgba(15,23,42,.16); }.tab-panel { min-height:190px; margin-top:16px; padding:28px; border:1px solid #e0e6ed; border-radius:15px; background:linear-gradient(135deg,#f8fafc,#fff); }.tab-panel h3 { margin:0 0 8px; font-size:25px; }.tab-panel p { color:#64748b; line-height:1.65; }.tab-finding { padding:15px 0; border-top:1px solid #e2e8f0; }
.tab-lock { margin-top:18px; padding:20px; border:1px solid #b9dfd3; border-radius:12px; background:#edfbf6; }.tab-lock p { margin:5px 0 12px; }.tab-lock button { min-height:44px; padding:0 16px; color:white; border:0; border-radius:8px; background:#087b60; font-weight:800; cursor:pointer; }

.training-section { color:white; background:radial-gradient(circle at 18% 34%,rgba(46,211,160,.08),transparent 30%),var(--navy-950); }.training-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; }.training-heading p:last-child { color:#95a5ba; }.training-heading h2 { max-width:800px; }#positionCounter { padding:7px 11px; color:#aebccd; border:1px solid #2f4057; border-radius:999px; font-size:11px; }.training-layout { margin-top:38px; display:grid; grid-template-columns:minmax(320px,570px) minmax(320px,1fr); gap:58px; align-items:center; }
.board-stage { padding:13px; border:1px solid #2a3d56; border-radius:16px; background:#101e31; box-shadow:0 35px 80px rgba(0,0,0,.35); }.board-stage-label { height:47px; padding:0 4px 11px; display:flex; align-items:center; justify-content:space-between; color:#93a4ba; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }.board-stage-label b { color:#e8eef6; font-size:11px; }
.training-board { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); grid-template-rows:repeat(8,minmax(0,1fr)); width:100%; min-width:256px; min-height:256px; max-width:570px; aspect-ratio:1/1; contain:layout paint; border-radius:8px; overflow:hidden; background:var(--cream); }.training-square { position:relative; min-width:0; min-height:0; width:100%; height:100%; aspect-ratio:1/1; display:grid; place-items:center; padding:0; border:0; border-radius:0; background:var(--cream); overflow:hidden; }.training-square.dark { background:var(--wood); }.training-square::before { content:attr(data-rank-label); position:absolute; z-index:2; top:5px; left:6px; color:#9b6d4d; font-size:9px; font-weight:900; line-height:1; }.training-square.dark::before { color:#f1d7a7; }.training-square::after { content:attr(data-file-label); position:absolute; z-index:2; right:6px; bottom:5px; color:#9b6d4d; font-size:9px; font-weight:900; line-height:1; }.training-square.dark::after { color:#f1d7a7; }.training-square img { display:block; width:91%; height:91%; min-width:0; min-height:0; object-fit:contain; pointer-events:none; }
.training-copy { padding:30px; border:1px solid #293b53; border-radius:17px; background:linear-gradient(145deg,rgba(20,37,60,.9),rgba(12,25,43,.9)); box-shadow:0 28px 60px rgba(0,0,0,.2); }.training-step { color:#63ddb8; font-size:10px; font-weight:900; letter-spacing:.14em; }.training-copy h3 { margin:10px 0 0; font-size:clamp(1.8rem,3vw,2.65rem); line-height:1.05; letter-spacing:-.04em; }.training-copy > p { color:#bdc8d6; font-size:16px; line-height:1.65; }.training-proof { margin:20px 0; padding:15px; border-left:3px solid var(--green); border-radius:0 9px 9px 0; background:rgba(46,211,160,.07); }.training-proof span { display:block; color:#63ddb8; font-size:8px; font-weight:900; letter-spacing:.14em; }.training-proof strong { display:block; margin-top:5px; color:#dfe8f2; font-size:13px; }.move-choices { display:flex; flex-wrap:wrap; gap:9px; margin:22px 0; }.move-choices button { color:#e5edf7; border-color:#41536b; background:#16263c; }.move-choices button:hover,.move-choices button:focus-visible,.move-choices button.preview-selected { color:#07111f; border-color:var(--green); background:var(--green); }.move-feedback { padding:17px; color:#d1fae5; border:1px solid #17694f; border-radius:10px; background:#082b23; line-height:1.55; font-size:13px; }.position-nav { margin:18px 0; display:flex; gap:8px; }.position-nav button { color:#b8c5d6; border-color:#3a4c64; background:transparent; }.training-copy .primary-cta,.training-copy #coachCta { width:100%; margin-top:8px; }.training-copy #coachCta { color:#dbe5ef; border-color:#42546c; background:#16263c; }
.move-preview-hint { margin:16px 0 -12px; color:#8fa1b7 !important; font-size:12px !important; }
.share-moment { margin-top:38px; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:30px; border:1px solid #2e455f; border-radius:15px; background:linear-gradient(125deg,#11243b,#132d43); }.share-moment > div { max-width:720px; }.share-moment span { display:block; color:#67dfbb; font-size:9px; font-weight:900; letter-spacing:.14em; }.share-moment strong { display:block; margin-top:6px; color:white; font-size:18px; }.share-moment p { margin:5px 0 0; color:#9bacc0; font-size:12px; line-height:1.55; }.share-moment button { flex:0 0 auto; padding:13px 17px; color:#052e25; border:0; border-radius:9px; background:var(--green); font-weight:900; cursor:pointer; }.share-moment button:hover { background:#69e6bf; transform:translateY(-1px); }

.share-dialog { width:min(760px,calc(100vw - 32px)); max-height:min(820px,calc(100vh - 32px)); padding:0; color:var(--ink); border:1px solid #d7dee7; border-radius:20px; background:white; box-shadow:0 34px 100px rgba(2,10,24,.36); overflow:auto; }.share-dialog::backdrop { background:rgba(3,10,21,.72); backdrop-filter:blur(7px); }.share-dialog-header { position:relative; padding:27px 30px 22px; color:white; background:radial-gradient(circle at 92% 10%,rgba(46,211,160,.15),transparent 33%),linear-gradient(130deg,#0b1728,#142840); }.share-dialog-header span { color:#66dfba; font-size:9px; font-weight:900; letter-spacing:.16em; }.share-dialog-header h2 { margin:8px 0 0; font-size:32px; line-height:1.05; letter-spacing:-.04em; }.share-dialog-header p { margin:8px 0 0; color:#aebccd; font-size:13px; }.share-close { position:absolute; top:18px; right:19px; width:35px; height:35px; color:#aebccd; border:1px solid #384b62; border-radius:50%; background:rgba(255,255,255,.04); font-size:22px; line-height:1; cursor:pointer; }.share-close:hover { color:white; border-color:#667990; }.share-dialog-body { padding:25px 30px 28px; }.share-variants { margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:9px; border:0; }.share-variants legend,.share-preview-label { margin-bottom:9px; color:#68768a; font-size:10px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }.share-variants button { padding:12px 13px; display:flex; flex-direction:column; align-items:flex-start; gap:3px; color:#26364c; border:1px solid #dce3eb; border-radius:10px; background:#f8fafc; text-align:left; cursor:pointer; }.share-variants button b { font-size:12px; }.share-variants button span { color:#7b8899; font-size:9px; }.share-variants button.active { color:#075f4c; border-color:#65d6b5; background:#edfbf6; box-shadow:0 0 0 2px rgba(46,211,160,.11); }.share-preview-label { display:block; margin-top:21px; }.share-dialog textarea { width:100%; min-height:112px; padding:14px 15px; resize:vertical; color:#172033; border:1px solid #cfd8e4; border-radius:11px; background:white; font-size:14px; line-height:1.55; }.share-dialog textarea:focus { border-color:#2ebf94; }.share-link-note { margin:8px 1px 0; color:#738195; font-size:10px; }.share-link-note b { color:#0c9874; }.share-destinations { margin-top:20px; display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }.share-destinations button { padding:13px; display:grid; grid-template-columns:39px 1fr; gap:11px; align-items:center; color:#243349; border:1px solid #dbe2ea; border-radius:11px; background:white; text-align:left; cursor:pointer; }.share-destinations button:hover { border-color:#9babbf; background:#f8fafc; transform:translateY(-1px); }.share-destination-icon { display:grid; place-items:center; width:39px; height:39px; color:white; border-radius:10px; background:#14253b; font-size:17px; font-weight:900; }.share-destination-icon.reddit-icon { color:#fff; background:#ff4500; font-size:13px; }.share-destinations button > span:last-child { display:flex; flex-direction:column; gap:3px; }.share-destinations b { font-size:12px; }.share-destinations small { color:#7c899a; font-size:9px; }.share-dialog-footer { min-height:32px; margin-top:17px; display:flex; align-items:center; justify-content:space-between; gap:18px; }.share-dialog-footer button { padding:5px 0; color:#58677b; border:0; border-bottom:1px solid #b8c3d0; background:none; font-size:11px; font-weight:800; cursor:pointer; }.share-dialog-footer p { margin:0; color:#087b60; font-size:11px; text-align:right; }
.share-preview-label { margin-top:0; letter-spacing:.05em; }

.conversion-section { background:#f7f4ee; }.conversion-inner { padding:48px; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; border:1px solid #ddd7ce; border-radius:22px; background:white; box-shadow:var(--shadow); }.conversion-copy > p:not(.eyebrow) { max-width:650px; margin:18px 0 0; color:var(--muted); font-size:16px; line-height:1.7; }.conversion-benefits { margin:22px 0; display:grid; gap:9px; color:#3f4d61; font-size:13px; }.conversion-benefits b { margin-right:7px; color:#087b60; }.conversion-copy > small { display:block; margin-top:10px; color:#8491a3; }.conversion-visual { display:flex; align-items:center; justify-content:center; gap:10px; }.conversion-visual > i { color:#91a0b4; font-style:normal; }.conversion-node { min-width:120px; padding:17px 14px; border:1px solid #dbe2ea; border-radius:12px; background:#f7f9fb; }.conversion-node span { display:block; color:#8491a3; font-size:8px; font-weight:900; letter-spacing:.1em; }.conversion-node strong { display:block; margin-top:7px; font-size:12px; }.conversion-node-focus { color:white; border-color:#15304c; background:#10223a; transform:translateY(-10px); }.conversion-node-focus span { color:#6ee7b7; }.conversion-node-result { border-color:#aee7d4; background:#edfbf6; }
.guest-unlock-section { padding:70px max(24px,calc((100vw - 1000px)/2)); color:white; background:#10223a; }.guest-unlock-inner { padding:42px; border:1px solid #2c4560; border-radius:20px; background:linear-gradient(145deg,#152b46,#0f1f33); box-shadow:0 24px 60px rgba(0,0,0,.24); }.guest-unlock-inner h2 { margin:0; font-size:clamp(2.2rem,4vw,3.7rem); letter-spacing:-.05em; }.guest-unlock-inner > p:not(.eyebrow):not(.guest-login) { max-width:700px; color:#b9c7d8; line-height:1.65; }.guest-unlock-benefits { margin:24px 0; display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; color:#dbe7f2; }.guest-unlock-benefits b { margin-right:7px; color:#6ee7b7; }.guest-login { margin:16px 0 6px; color:#b9c7d8; }.guest-login a { color:#6ee7b7; font-weight:800; }.guest-unlock-inner small { color:#91a2b6; }

@media (max-width:1020px) {
  .report-hero { grid-template-columns:1fr; gap:50px; padding-top:70px; }.hero-copy { max-width:760px; }.example-preview { max-width:620px; justify-self:start; }
  .shared-intro { grid-template-columns:1fr; gap:26px; }.value-strip { grid-template-columns:1fr; gap:35px; }.priority-grid { grid-template-columns:1fr; }.priority-card { min-height:0; }.skill-profile { grid-template-columns:repeat(2,1fr); }
  .training-layout { grid-template-columns:1fr; }.board-stage { width:min(100%,620px); margin:auto; }.conversion-inner { grid-template-columns:1fr; }.conversion-visual { justify-content:flex-start; }
}
@media (max-width:640px) {
  .report-nav { height:62px; padding-inline:16px; }.report-nav nav a:first-child { display:none; }.report-nav .nav-cta { padding:9px 11px; font-size:11px; }
  .report-hero { min-height:0; padding:54px 18px 62px; }.hero-copy h1,.hero-copy h2 { font-size:clamp(2.7rem,13vw,4rem); }.hero-lead { font-size:15px; }
  .form-controls { align-items:stretch; flex-direction:column; }.provider-picker { align-self:flex-start; }.username-row { flex-direction:column; }.username-row button { width:100%; }.form-trust { gap:7px 13px; }
  .preview-profile { grid-template-columns:auto 1fr; }.preview-score { display:none; }.preview-priorities article div { display:block; }.preview-priorities article p { margin-top:3px; }
  .value-strip,.priorities-section,.profile-section,.deep-dive,.training-section,.conversion-section,.guest-unlock-section { padding:64px 18px; }.section-heading,.profile-heading,.training-heading { align-items:flex-start; flex-direction:column; }.section-heading h2,.profile-heading h2,.training-heading h2,.conversion-section h2 { font-size:clamp(2.35rem,11vw,3.3rem); }.share-button { width:100%; }
  .guest-unlock-inner { padding:28px 20px; }.guest-unlock-benefits { grid-template-columns:1fr; }.guest-unlock-inner .primary-cta { width:100%; }
  .result-hero { padding:70px 18px 76px; }.result-sample { width:auto; margin-bottom:34px; }.result-actions { flex-direction:column; }.result-actions > * { width:100%; }
  .priority-stats { grid-template-columns:1fr; }.skill-profile { grid-template-columns:1fr; }.metric-card { grid-template-columns:1fr; }.metric-card strong { grid-row:auto; }
  .tabs { width:100%; }.training-layout { grid-template-columns:minmax(0,1fr); gap:30px; }.board-stage { padding:9px; }.training-board { min-width:0; min-height:0; width:100%; }.training-copy { padding:22px 18px; }
  .shared-intro { padding:34px 18px; }#compareReportForm { grid-template-columns:1fr 1.5fr; }#compareReportForm button { grid-column:1/-1; height:42px; }.share-moment { align-items:flex-start; flex-direction:column; gap:17px; }.share-moment button { width:100%; }.share-dialog { width:calc(100vw - 20px); max-height:calc(100vh - 20px); border-radius:16px; }.share-dialog-header { padding:24px 22px 20px; }.share-dialog-header h2 { padding-right:34px; font-size:27px; }.share-dialog-body { padding:20px 22px 24px; }.share-destinations { grid-template-columns:1fr; }.share-dialog-footer { align-items:flex-start; flex-direction:column; }.share-dialog-footer p { text-align:left; }
  .conversion-inner { padding:28px 20px; }.conversion-visual { display:grid; grid-template-columns:1fr; }.conversion-visual > i { transform:rotate(90deg); text-align:center; }.conversion-node-focus { transform:none; }
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }