:root{
  --bg:#07110d;--surface:#0d1a14;--surface2:#12231b;--text:#f4f8f5;--muted:#9eb0a6;
  --lime:#b9ff52;--lime2:#8fe936;--line:#24362d;--warning:#ffd36a;--danger:#ff8b8b;
  --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.topbar{max-width:var(--max);margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font:700 20px 'Space Grotesk',sans-serif}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--lime);color:#08110c;font-size:13px}.topbar nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.topbar nav a:hover{color:var(--text)}
.primary,.ghost{border:0;border-radius:12px;padding:13px 19px;font-weight:800;cursor:pointer}.primary{background:var(--lime);color:#08110c;box-shadow:0 8px 30px rgba(185,255,82,.12)}.primary:hover{background:var(--lime2);transform:translateY(-1px)}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.wide{width:100%;margin-top:8px;padding:16px}.hero{max-width:var(--max);margin:54px auto 80px;padding:0 24px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--lime)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;margin:0}h1{font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.045em;margin:18px 0 24px}h1 span{color:var(--lime)}.hero-copy>p{font-size:19px;color:#b8c7bf;max-width:650px}.hero-actions{display:flex;align-items:center;gap:18px;margin:30px 0}.privacy-note{font-size:12px;color:var(--muted);max-width:180px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:13px}.gps-card{background:linear-gradient(145deg,#12271b,#0b1711);border:1px solid #274434;border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.gps-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.gps-header small,.panel-title small,.route-node small,.next-turn small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em}.gps-header strong{display:block;margin-top:5px}.live-dot{font-size:10px;color:var(--lime);border:1px solid #3b613f;padding:6px 9px;border-radius:999px}.route-line{padding:18px 0}.route-node{display:grid;grid-template-columns:38px 1fr;gap:12px;position:relative;padding:10px 0}.route-node:not(:last-child):after{content:"";position:absolute;left:18px;top:47px;height:20px;width:1px;background:#365344}.route-node>span{width:36px;height:36px;border:1px solid #365344;border-radius:50%;display:grid;place-items:center;color:var(--muted);font-weight:800}.route-node.done>span{background:var(--lime);color:#08110c;border-color:var(--lime)}.route-node.current>span{border-color:var(--lime);color:var(--lime);box-shadow:0 0 0 5px rgba(185,255,82,.08)}.route-node b{font-size:14px}.next-turn{display:flex;gap:12px;padding:15px;background:#16291f;border-radius:14px}.next-turn>span{color:var(--lime);font-size:25px}.next-turn b{display:block;margin-top:4px;font-size:13px}.stats-strip{max-width:var(--max);margin:0 auto 110px;padding:25px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.stats-strip div{padding:0 26px;border-right:1px solid var(--line)}.stats-strip div:last-child{border:0}.stats-strip strong{font:700 28px 'Space Grotesk';display:block;color:var(--lime)}.stats-strip span{font-size:12px;color:var(--muted)}
.planner,.feature-section,.source-section,.cta-section,.result{max-width:var(--max);margin:0 auto 110px;padding:0 24px}.section-heading{max-width:760px;margin-bottom:35px}.section-heading h2,.source-section h2,.cta-section h2{font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.03em;margin:10px 0 14px}.section-heading p,.source-section p{color:var(--muted)}.form-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.form-grid label{font-size:12px;font-weight:700;color:#c9d4ce}.form-grid input,.form-grid select{width:100%;margin-top:8px;background:#08140e;border:1px solid #2a3d32;color:var(--text);border-radius:10px;padding:13px;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:var(--lime)}.checkbox{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:13px}.checkbox input{accent-color:var(--lime)}
.hidden{display:none}.result{padding-top:10px}.result-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.result-top h2{font-size:42px;margin:8px 0}.result-top p{color:var(--muted);margin:0}.readiness{width:120px;height:120px;border:1px solid #375443;border-radius:50%;display:grid;place-items:center;text-align:center;align-content:center}.readiness span{font:700 38px 'Space Grotesk';color:var(--lime)}.readiness small{font-size:8px;color:var(--muted);max-width:80px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.main-panel{grid-row:span 2}.panel-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.panel-title span{font-weight:800}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:grid;grid-template-columns:42px 1fr;gap:13px;position:relative;padding:9px 0 18px}.timeline-item:not(:last-child):after{content:"";position:absolute;left:20px;top:50px;bottom:-1px;border-left:1px solid #34503f}.timeline-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #34503f;color:var(--muted);font-weight:800}.timeline-item.done .timeline-icon{background:#203b2b;color:var(--lime)}.timeline-item.current .timeline-icon{border:2px solid var(--lime);color:var(--lime)}.timeline-copy b{font-size:14px}.timeline-copy p{margin:4px 0;color:var(--muted);font-size:12px}.timeline-tag{display:inline-block;font-size:9px;padding:3px 7px;border-radius:99px;background:#18291f;color:#a8b8af}.timeline-item.current .timeline-tag{background:rgba(185,255,82,.12);color:var(--lime)}.action-list{padding-left:22px;margin:0}.action-list li{padding:0 0 16px 6px;color:#dce5e0}.action-list li::marker{color:var(--lime);font-weight:800}.action-list small{display:block;color:var(--muted);margin-top:4px}.opportunity-list{display:flex;flex-direction:column;gap:11px}.opp{padding:14px;border:1px solid #2a3d32;border-radius:13px;background:#09150f}.opp-top{display:flex;justify-content:space-between;gap:15px}.opp b{font-size:13px}.opp p{margin:5px 0 0;color:var(--muted);font-size:11px}.pill{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;white-space:nowrap}.eligible{background:rgba(185,255,82,.13);color:var(--lime)}.soon{background:rgba(255,211,106,.12);color:var(--warning)}.locked{background:#202824;color:#93a098}.opp-meta{display:flex;gap:12px;margin-top:9px;font-size:10px;color:#809087}.guardrails>div{border-top:1px solid var(--line);padding:14px 0}.guardrails>div:first-child{border:0;padding-top:0}.guardrails b{font-size:13px}.guardrails p{font-size:11px;color:var(--muted);margin:4px 0 0}
.feature-section{padding-top:20px}.narrow{max-width:700px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}.feature-grid article>span{font-size:10px;color:var(--lime);font-weight:800}.feature-grid h3{font-size:20px;margin:18px 0 8px}.feature-grid p{color:var(--muted);font-size:13px;margin:0}.source-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.source-list{border-top:1px solid var(--line)}.source-list div{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.source-list b{font-size:13px}.source-list span{color:var(--muted);font-size:11px;text-align:right;max-width:240px}.cta-section{text-align:center;background:radial-gradient(circle at 50% 100%,rgba(185,255,82,.13),transparent 50%),var(--surface);border:1px solid var(--line);border-radius:26px;padding:65px 30px}.cta-section h2{max-width:720px;margin:10px auto 26px}footer{max-width:var(--max);margin:0 auto;padding:30px 24px 45px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:30px;color:var(--muted);font-size:11px}.fineprint{text-align:right;margin-left:auto;max-width:540px}
@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;gap:35px;margin-top:35px}.stats-strip{grid-template-columns:repeat(2,1fr);gap:20px}.stats-strip div{border:0}.form-grid,.feature-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.source-section{grid-template-columns:1fr}.main-panel{grid-row:auto}.result-top{align-items:center}.source-section{gap:25px}footer{grid-template-columns:1fr}.fineprint{text-align:left;margin:0}}@media(max-width:600px){.topbar .ghost{display:none}.hero{padding:0 18px}.hero-actions{align-items:flex-start;flex-direction:column}.form-grid,.feature-grid{grid-template-columns:1fr}.stats-strip{margin-bottom:75px}.result-top{align-items:flex-start;gap:20px}.readiness{width:90px;height:90px;flex:0 0 90px}.readiness span{font-size:29px}.source-list div{flex-direction:column}.source-list span{text-align:left}.planner,.feature-section,.source-section,.cta-section,.result{padding-left:18px;padding-right:18px}.form-card,.panel{padding:18px}h1{font-size:49px}.result-top h2{font-size:31px}}

/* V2: source-aware Academy Radar */
.stage-badge{min-width:150px;max-width:190px;min-height:112px;border:1px solid #375443;border-radius:20px;display:grid;place-items:center;text-align:center;align-content:center;padding:15px}.stage-badge span{font:700 20px 'Space Grotesk';color:var(--lime);line-height:1.05}.stage-badge small{font-size:8px;color:var(--muted);margin-top:8px;letter-spacing:.12em}.panel-intro{margin:-8px 0 16px;color:var(--muted);font-size:11px}.academy-panel{grid-column:1/-1}.academy-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.academy-card{padding:16px;border:1px solid #2a3d32;border-radius:14px;background:#09150f}.academy-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.academy-head b{font-size:13px}.academy-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.source-badge{font-size:8px;font-weight:800;padding:5px 7px;border-radius:999px;white-space:nowrap}.source-badge.official{background:rgba(185,255,82,.13);color:var(--lime)}.fit-row{display:flex;justify-content:space-between;gap:10px;margin:14px 0 10px;padding-top:12px;border-top:1px solid var(--line)}.fit-row strong{font-size:11px;color:var(--lime)}.fit-row span{font-size:9px;color:var(--muted);text-align:right;max-width:55%}.reason-row,.programme-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.reason-row span{font-size:9px;color:#c9d7cf}.programme-row span{font-size:8px;color:var(--muted);border:1px solid #263c30;border-radius:999px;padding:4px 7px}.academy-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}.academy-foot small{font-size:8px;color:var(--muted)}.academy-foot a{font-size:9px;color:var(--lime);font-weight:800}.empty-state{padding:18px;border:1px dashed #31483a;border-radius:13px;color:var(--muted);font-size:11px}
@media(max-width:900px){.academy-list{grid-template-columns:1fr 1fr}}@media(max-width:600px){.academy-list{grid-template-columns:1fr}.stage-badge{min-width:110px;min-height:90px}.stage-badge span{font-size:16px}}

/* V2.3: Match Exposure Radar */
.main-panel{grid-row:span 3}.match-panel{min-width:0}.match-list{display:flex;flex-direction:column;gap:11px}.match-card{padding:14px;border:1px solid #2a3d32;border-radius:13px;background:#09150f}.match-card.match-locked{opacity:.72}.match-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.match-head b{font-size:13px}.match-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.match-exposure{margin-top:10px;font-size:11px;font-weight:700;color:#dce5e0}.match-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;color:#83958b;font-size:9px}.match-note{margin:10px 0;color:var(--muted);font-size:10px;line-height:1.5}.match-actions{display:flex;gap:12px;align-items:center;margin:10px 0 8px}.match-actions a{font-size:9px;font-weight:800;color:var(--lime)}.match-actions .secondary-link{color:#a9b9b0}.match-card>small{font-size:8px;color:#6f8178}.match-panel .panel-intro strong{color:var(--lime)}
@media(max-width:900px){.main-panel{grid-row:auto}}


/* V3: API-backed persistence */
.result-side{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:160px}.save-roadmap{padding:10px 12px;font-size:11px}.save-roadmap.saved{border-color:var(--lime);color:var(--lime)}.engine-status{text-align:center;color:#71847a;font-size:8px;letter-spacing:.04em}.engine-status.live{color:var(--lime)}.engine-status.warn{color:var(--warning)}
@media(max-width:600px){.result-side{min-width:120px}.save-roadmap{font-size:10px;padding:8px}.engine-status{font-size:7px}}