@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
:root{
  --bg:#f7fafb;
  --surface:#ffffff;
  --surface-soft:#f0f7fa;
  --ink:#0a2f42;
  --muted:#607985;
  --line:#d8e5ea;
  --line-strong:#c4d7df;
  --brand:#075f87;
  --brand-dark:#064969;
  --brand-soft:#e8f4f8;
  --accent:#52c7a2;
  --warning:#fff8e8;
  --danger:#9f3333;
  --shadow:0 14px 42px rgba(18,52,39,.07);
  --shadow-hover:0 18px 48px rgba(18,52,39,.12);
  --radius:22px;
  --radius-sm:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Plus Jakarta Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}

/* Career-inspired top navigation */
.topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(16,35,28,.07)}
.brand{font-size:18px;font-weight:850;letter-spacing:-.02em;color:var(--ink)}
.brand small{display:block;margin-top:1px;font-size:11px;font-weight:550;letter-spacing:.02em;color:var(--muted)}
.nav-actions{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:650}
.nav-link{color:var(--muted);transition:.2s ease}.nav-link:hover{color:var(--brand)}
.nav-pill{padding:10px 15px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--ink);transition:.2s ease}.nav-pill:hover{border-color:var(--brand);color:var(--brand)}

/* Hero */
.hero{padding:86px 0 62px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:58px;align-items:end}
.hero-copy{max-width:800px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.14em}
.eyebrow:before{content:"";width:22px;height:2px;border-radius:99px;background:currentColor}
.hero h1{font-size:clamp(42px,5.2vw,72px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 22px;max-width:900px}
.hero .lead{font-size:18px;line-height:1.72;color:var(--muted);max-width:730px;margin:0}
.hero-side{border-left:1px solid var(--line);padding-left:30px;padding-bottom:4px}
.hero-side strong{font-size:15px;display:block;margin-bottom:10px}
.hero-side p{margin:0 0 18px;color:var(--muted);font-size:14px}
.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero-actions{margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:12px 18px;background:var(--brand);color:#fff;font-weight:760;font-size:14px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 8px 24px rgba(12,106,80,.18)}
.btn.alt,.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line-strong)}
.btn.alt:hover,.btn.secondary:hover{color:var(--brand);border-color:var(--brand);box-shadow:none}
.btn-link{font-size:14px;color:var(--brand);font-weight:750}

/* Sections and cards */
.section{margin:28px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:68px 0 24px}
.section-head .kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-weight:800;margin-bottom:7px}
.section-head h2{font-size:clamp(28px,3.5vw,42px);line-height:1.12;letter-spacing:-.035em;margin:0}
.section-head p{max-width:520px;color:var(--muted);margin:0;font-size:14px}
.grid{display:grid;gap:18px}.grid3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.card-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--line-strong)}
.feature-card{min-height:205px;display:flex;flex-direction:column;justify-content:space-between}
.feature-num{width:38px;height:38px;border-radius:12px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand);font-size:13px;font-weight:850}
.feature-card h3{font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:26px 0 7px}
.feature-card p{margin:0;color:var(--muted);font-size:14px}
.meta{color:var(--muted);font-size:13px}
.notice{padding:17px 19px;border:1px solid #ead8aa;background:var(--warning);border-radius:16px;color:#5d512f;font-size:13px}

/* Assessment page */
.page-intro{padding:58px 0 20px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end}
.page-intro h1{font-size:clamp(36px,4.6vw,58px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 14px;max-width:800px}
.page-intro p{color:var(--muted);max-width:720px;margin:0}
.page-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:800;padding:8px 12px;white-space:nowrap}
.assessment-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
.assessment-main{min-width:0}
.assessment-aside{position:sticky;top:20px}
.aside-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}
.aside-card h3{font-size:15px;margin:0 0 8px}.aside-card p{font-size:13px;color:var(--muted);margin:0 0 14px}
.scale-list{display:grid;gap:8px}.scale-item{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.scale-dot{width:8px;height:8px;border-radius:50%;background:var(--brand)}
.form-card{padding:30px;margin:0 0 20px}
.form-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.form-card h2{font-size:26px;letter-spacing:-.03em;margin:6px 0 4px}
.form-card-head p{margin:0;color:var(--muted);font-size:13px}
.section-count{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:700;padding-top:7px}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
.field{margin:12px 0}.field label{font-weight:720;display:block;margin-bottom:7px;font-size:13px}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);outline:none;transition:border .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(7,95,135,.10)}
.question{padding:22px 0;border-top:1px solid var(--line)}.question:first-of-type{border-top:0}.question>strong{display:block;font-size:14px;line-height:1.55}
.options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:13px}.opt input{position:absolute;opacity:0;pointer-events:none}.opt label{min-height:64px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:10px 9px;border-radius:12px;text-align:center;font-size:11px;line-height:1.35;cursor:pointer;background:#fff;color:var(--muted);transition:.16s ease}.opt label:hover{border-color:#9ebcaf;color:var(--brand)}.opt input:checked+label{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark);font-weight:800;box-shadow:inset 0 0 0 1px var(--brand)}
.consent-card{background:#fbfcfb}.consent-row{display:flex;gap:11px;align-items:flex-start;font-size:13px}.consent-row input{margin-top:5px;accent-color:var(--brand)}
.submit-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:22px 0 38px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.submit-bar p{margin:0;color:var(--muted);font-size:12px;max-width:620px}

/* Results */
.result-hero{padding:46px 0 10px}.result-title-row{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:22px}.result-title-row h1{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:9px 0 0}.result-person{font-size:12px;color:var(--muted);text-align:right}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.result-card{min-height:245px;padding:30px;position:relative;overflow:hidden}.result-card:after{content:"";position:absolute;right:-60px;top:-70px;width:180px;height:180px;background:var(--brand-soft);border-radius:50%;opacity:.75}.result-card>*{position:relative;z-index:1}
.score-big{font-size:72px;font-weight:860;line-height:.94;letter-spacing:-.055em;margin:16px 0 12px}.score-big small{font-size:20px!important;letter-spacing:-.02em}
.result-level{font-size:24px;letter-spacing:-.03em;margin:0 0 12px}.status-copy{color:var(--muted);font-size:13px;max-width:500px}
.mini-metrics{display:grid;gap:11px;margin-top:18px}.mini-metric{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:10px}.mini-metric:first-child{border-top:0;padding-top:0}.mini-metric strong{font-size:13px}.mini-metric span{font-size:12px;color:var(--muted);white-space:nowrap}
.analysis-card{padding:30px}.analysis-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.analysis-heading h2,.analysis-heading h3{margin:0 0 8px;font-size:25px;letter-spacing:-.025em}.analysis-card>p{margin-bottom:0;color:#2b3b34}
.badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-weight:750;font-size:11px}.badge.secondary{background:#f2f5f3;color:#53635c;border:1px solid var(--line)}
.score-row{display:grid;grid-template-columns:230px 1fr 58px;gap:14px;align-items:center;margin:14px 0}.score-row>strong{font-size:13px}.progress{height:8px;background:#e8eeeb;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:var(--brand);border-radius:20px}
.gap-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gap-columns h3{font-size:15px;margin:0 0 4px}.gap-item{padding:16px 0;border-top:1px solid var(--line)}.gap-item:first-of-type{border-top:0}.gap-item strong{font-size:13px}.gap-item p{font-size:13px;color:var(--muted);margin:6px 0 0}

/* Conversion card */
.lead-cta{position:relative;overflow:hidden;border:0;background:var(--brand-dark);padding:36px;border-radius:26px;color:#fff;box-shadow:0 20px 54px rgba(7,95,135,.18)}
.lead-cta:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-165px;background:rgba(255,255,255,.07)}
.lead-cta:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:90px;bottom:-115px;background:rgba(255,255,255,.045)}
.lead-cta>*{position:relative;z-index:1}.lead-cta .eyebrow{color:#aee7d4}.lead-cta .eyebrow:before{background:#52c7a2}.lead-cta h2{font-size:clamp(27px,3.3vw,42px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 11px;max-width:820px}.lead-cta .lead-sub{max-width:820px;margin:0 0 23px;color:#dcecf3;font-size:15px}.lead-gap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.lead-gap-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:14px}.lead-gap-card strong{display:block;font-size:13px;color:#fff}.lead-gap-card span{display:block;margin-top:5px;color:#d4e9f1;font-size:11px}.consult-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0 22px}.consult-benefits span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:720}.btn-consult{background:#fff!important;color:var(--brand-dark)!important;border:0!important;padding:13px 18px}.lead-cta .micro{font-size:11px;color:#c6e1ec;margin-top:10px}
.conversion-final{text-align:center;padding:34px}.conversion-final p{max-width:650px;margin:0 auto 18px;color:var(--muted)}

/* Tables/admin compatibility */
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{color:var(--muted);font-weight:720}.table tr:hover td{background:#fbfcfb}

.footer{margin-top:72px;padding:34px 0 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.footer strong{color:var(--ink)}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer a:hover{color:var(--brand)}

@media(max-width:920px){
  .hero{grid-template-columns:1fr;gap:30px;padding-top:62px}.hero-side{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.assessment-layout{grid-template-columns:1fr}.assessment-aside{position:static}.result-grid{grid-template-columns:1fr}.gap-columns{grid-template-columns:1fr}.lead-gap-grid{grid-template-columns:1fr}.options{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .wrap{padding:0 18px}.topbar{min-height:68px}.brand{font-size:16px}.nav-actions{gap:12px}.nav-link.optional{display:none}.nav-pill{padding:8px 11px;font-size:12px}.hero{padding:50px 0 42px}.hero h1{font-size:41px}.hero .lead{font-size:16px}.grid3{grid-template-columns:1fr}.section-head{display:block;margin-top:48px}.section-head p{margin-top:10px}.page-intro{grid-template-columns:1fr;padding-top:42px}.page-chip{justify-self:start}.field-grid{grid-template-columns:1fr}.form-card{padding:22px}.form-card-head{display:block}.section-count{margin-top:6px}.options{grid-template-columns:1fr}.opt label{min-height:auto;justify-content:flex-start;text-align:left;padding:12px}.submit-bar{display:block}.submit-bar .btn{width:100%;margin-top:14px}.result-title-row{display:block}.result-person{text-align:left;margin-top:12px}.result-card{min-height:auto;padding:24px}.score-big{font-size:60px}.score-row{grid-template-columns:1fr 48px}.score-row .progress{grid-column:1/-1;grid-row:2}.lead-cta{padding:25px}.lead-cta h2{font-size:29px}.footer{display:block}.footer-links{margin-top:12px}
}

/* ============================================================
   V14 — Profile-first lead capture
   ============================================================ */
.profile-first-shell{min-height:calc(100vh - 170px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:70px;align-items:center;padding:58px 0 66px}
.profile-first-copy{max-width:650px}.profile-first-copy h1{font-size:clamp(44px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 20px}.profile-first-copy>p{font-size:16px;color:var(--muted);max-width:610px;margin:0}
.profile-points{display:grid;gap:13px;margin-top:32px}.profile-points>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.profile-points span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--brand-soft);color:var(--brand);font-weight:850;font-size:12px}.profile-points p{margin:0;color:var(--muted);font-size:13px}.profile-points strong{color:var(--ink);font-size:14px}
.profile-first-form{padding:34px;box-shadow:0 24px 68px rgba(18,52,39,.10)}.profile-first-form .field-grid{gap:2px 16px}.field-full{grid-column:1/-1}.profile-consent{margin:20px 0 18px;padding:15px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line)}.btn-wide{width:100%;padding:14px 18px}.form-microcopy{text-align:center;color:var(--muted);font-size:11px;margin:10px 0 0}
.resume-box{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.resume-box strong{display:block;font-size:14px}.resume-box p{font-size:12px;color:var(--muted);margin:3px 0 12px}
.saved-chip{background:#e2f3ea;color:var(--brand-dark)}.saved-profile-card{margin-bottom:14px;background:var(--brand-dark);color:#fff;border-color:transparent}.saved-profile-card h3{color:#fff}.saved-profile-card p{color:#d8e9e2}.saved-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--brand-dark);font-weight:900;margin-bottom:13px}.saved-note{display:block;color:#bcd7cc;font-size:10px;line-height:1.5;margin-top:12px}.scale-aside{box-shadow:none}.questions-intro{padding-bottom:28px}
.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.admin-stat{padding:22px}.admin-number{font-size:44px!important;margin:14px 0 7px}.admin-search{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.admin-table-wrap{overflow:auto}.lead-pending{background:#fff2d9;color:#7b5b16;border:1px solid #ead19a}
@media(max-width:960px){.profile-first-shell{grid-template-columns:1fr;gap:34px;align-items:start;padding-top:48px}.profile-first-copy{max-width:760px}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.profile-first-shell{padding-top:38px;gap:26px}.profile-first-copy h1{font-size:40px}.profile-first-form{padding:22px}.field-full{grid-column:auto}.admin-stat-grid{grid-template-columns:1fr 1fr}.questions-intro{padding-bottom:18px}}

/* ============================================================
   V15 — Wide premium result UI
   ============================================================ */
@media(min-width:1100px){
  .wrap{max-width:1500px;padding-left:30px;padding-right:30px}
}
.page-result{background:
  radial-gradient(circle at 10% 0%,rgba(12,106,80,.055),transparent 26%),
  radial-gradient(circle at 92% 12%,rgba(185,138,55,.045),transparent 24%),
  var(--bg)}
.page-result .topbar{min-height:74px}
.result-hero-v15{padding:42px 0 18px}
.result-head-v15{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:22px}
.result-head-v15 h1{font-size:clamp(40px,4.1vw,64px);line-height:1;letter-spacing:-.052em;margin:10px 0 12px;max-width:900px}
.result-head-v15 .intro{max-width:760px;color:var(--muted);margin:0;font-size:15px}
.result-identity{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:470px}
.identity-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border-radius:999px;padding:8px 11px;font-size:11px;color:var(--muted)}
.identity-chip strong{color:var(--ink)}
.result-grid-v15{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:20px}
.result-card-v15{position:relative;overflow:hidden;border-radius:28px;padding:34px 36px;min-height:318px;background:rgba(255,255,255,.96);border:1px solid rgba(203,217,210,.9);box-shadow:0 18px 52px rgba(18,52,39,.075)}
.result-card-v15:before{content:"";position:absolute;inset:auto -90px -115px auto;width:250px;height:250px;border-radius:50%;background:var(--brand-soft);opacity:.82}
.result-card-v15>*{position:relative;z-index:1}
.result-card-v15 .card-topline{display:flex;justify-content:space-between;gap:16px;align-items:center}
.result-card-v15 .result-label{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-weight:850}
.result-card-v15 .result-label:before{content:"";width:24px;height:2px;border-radius:20px;background:var(--brand)}
.result-card-v15 .micro-badge{display:inline-flex;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 9px;font-size:10px;color:var(--muted);font-weight:720}
.csr-score-line{display:flex;align-items:flex-end;gap:14px;margin:30px 0 12px}
.score-big-v15{font-size:clamp(72px,7vw,104px);font-weight:880;line-height:.8;letter-spacing:-.075em}
.score-big-v15 small{font-size:22px;letter-spacing:-.025em;margin-left:3px}
.level-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:var(--brand-soft);color:var(--brand-dark);font-size:13px;font-weight:820;margin-bottom:3px}
.result-desc-v15{color:var(--muted);font-size:13px;max-width:520px;margin:18px 0 0}
.score-footnote{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.score-footnote span{font-size:11px;color:var(--muted)}
.score-footnote strong{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}
.proper-status-v15{font-size:clamp(30px,3vw,44px);line-height:1.06;letter-spacing:-.04em;margin:24px 0 9px;max-width:720px}
.proper-copy-v15{margin:0;color:var(--muted);font-size:13px;max-width:710px}
.proper-metrics-v15{display:grid;gap:14px;margin-top:26px}
.proper-metric-v15{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(180px,1fr) 96px;gap:14px;align-items:center;padding-top:13px;border-top:1px solid var(--line)}
.proper-metric-v15 strong{font-size:12px;line-height:1.35}
.proper-metric-v15 .metric-track{height:7px;background:#e7eeea;border-radius:20px;overflow:hidden}
.proper-metric-v15 .metric-track span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--brand),var(--accent))}
.proper-metric-v15 .metric-value{text-align:right;font-size:11px;color:var(--muted);white-space:nowrap}
.proper-metric-v15 .metric-value b{color:var(--ink);font-size:13px}
.section-v15{margin:22px 0}
.analysis-v15{display:grid;grid-template-columns:280px minmax(0,1fr);gap:38px;align-items:start;padding:34px 36px;border-radius:26px}
.analysis-v15 h2{font-size:28px;line-height:1.08;letter-spacing:-.03em;margin:8px 0 14px}
.analysis-v15 .analysis-copy{font-size:15px;line-height:1.8;color:#263831}
.analysis-v15 .analysis-copy p:first-child{margin-top:0}.analysis-v15 .analysis-copy p:last-child{margin-bottom:0}
.analysis-side-note{font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px}
.page-result .lead-cta{padding:42px 44px;border-radius:28px;background:linear-gradient(120deg,#064969 0%,#075f87 62%,#08749f 100%);box-shadow:0 22px 60px rgba(7,95,135,.22)}
.page-result .lead-cta h2{font-size:clamp(32px,3.3vw,48px);max-width:970px}
.page-result .lead-cta .lead-sub{max-width:950px;font-size:15px}
.page-result .lead-gap-grid{gap:12px;margin-top:22px}
.page-result .lead-gap-card{padding:16px;border-radius:16px}
.page-result .btn-consult{padding:14px 21px;font-size:14px;border-radius:999px}
.profile-title-v15{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:52px 0 18px}
.profile-title-v15 h2{font-size:clamp(30px,3.2vw,44px);line-height:1.08;letter-spacing:-.04em;margin:6px 0 0}
.profile-title-v15 p{max-width:560px;margin:0;color:var(--muted);font-size:13px}
.readiness-grid-v15{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.metric-card-v15{padding:32px 34px;border-radius:26px}
.metric-card-v15 h3{font-size:20px;letter-spacing:-.025em;margin:0 0 6px}.metric-card-v15>.meta{margin-bottom:22px}
.score-row-v15{display:grid;grid-template-columns:minmax(150px,220px) 1fr 52px;gap:14px;align-items:center;margin:17px 0}
.score-row-v15>strong{font-size:12px}.score-row-v15 .progress{height:7px}.score-row-v15 .score-number{text-align:right;font-size:12px}
.gaps-v15{padding:34px 36px;border-radius:26px}
.gaps-v15 .gap-columns{gap:48px}.gaps-v15 .gap-item{padding:18px 0}.gaps-v15 .gap-item strong{font-size:13px}.gaps-v15 .gap-item p{font-size:12px;line-height:1.65}
.actions-v15{padding:34px 36px;border-radius:26px}.actions-v15 h2{font-size:28px;letter-spacing:-.03em;margin:0 0 8px}.actions-v15>.meta{max-width:760px}
.action-list-v15{counter-reset:step;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 26px;padding:0;list-style:none}
.action-list-v15 li{counter-increment:step;position:relative;margin:0;padding:15px 16px 15px 48px;border:1px solid var(--line);border-radius:16px;background:#fbfcfb;font-size:12px;line-height:1.55;color:#34463f}
.action-list-v15 li:before{content:counter(step);position:absolute;left:14px;top:14px;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:850}
.page-result .conversion-final{padding:40px 32px;border-radius:26px;background:linear-gradient(180deg,#fff,#f8fbf9)}
.disclaimer-v15{margin-top:22px;padding:14px 17px;border:1px solid #ead8aa;background:rgba(255,248,232,.8);border-radius:14px;color:#675a36;font-size:11px;line-height:1.6}
.page-result .footer{margin-top:48px}

/* Wider profile + question views on desktop */
@media(min-width:1100px){
  .profile-first-shell{grid-template-columns:minmax(0,.9fr) minmax(520px,.85fr);gap:88px}
  .profile-first-copy{max-width:760px}
  .assessment-layout{grid-template-columns:minmax(0,1fr) 310px;gap:28px}
  .form-card{padding:34px 36px}
}

@media(max-width:980px){
  .result-head-v15{display:block}.result-identity{justify-content:flex-start;margin-top:18px}.result-grid-v15,.readiness-grid-v15{grid-template-columns:1fr}.analysis-v15{grid-template-columns:1fr;gap:18px}.proper-metric-v15{grid-template-columns:1fr 90px}.proper-metric-v15 .metric-track{grid-column:1/-1;grid-row:2}.profile-title-v15{display:block}.profile-title-v15 p{margin-top:10px}.action-list-v15{grid-template-columns:1fr}
}
@media(max-width:680px){
  .result-hero-v15{padding-top:30px}.result-head-v15 h1{font-size:42px}.result-card-v15{padding:25px 23px;min-height:auto;border-radius:22px}.csr-score-line{margin-top:25px}.score-big-v15{font-size:72px}.proper-status-v15{font-size:31px}.proper-metric-v15{grid-template-columns:1fr auto}.analysis-v15,.metric-card-v15,.gaps-v15,.actions-v15{padding:24px 22px;border-radius:20px}.page-result .lead-cta{padding:28px 24px;border-radius:22px}.page-result .lead-cta h2{font-size:31px}.profile-title-v15{margin-top:42px}.gaps-v15 .gap-columns{gap:20px}.result-identity{gap:6px}.identity-chip{width:100%;justify-content:flex-start}
}


/* ============================================================
   V16 — Sticky T.CARE career-style header
   ============================================================ */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(203,217,210,.82);
  box-shadow:0 1px 0 rgba(16,35,28,.015);
  backdrop-filter:saturate(160%) blur(16px);
  -webkit-backdrop-filter:saturate(160%) blur(16px);
}
.site-header-inner{
  width:min(1500px,calc(100% - 60px));
  min-height:78px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.brand-logo{
  display:inline-flex;
  align-items:center;
  gap:16px;
  min-width:0;
  color:var(--ink);
  text-decoration:none;
}
.brand-logo img{
  display:block;
  width:168px;
  height:auto;
  max-height:42px;
  object-fit:contain;
}
.brand-logo span{
  padding-left:16px;
  border-left:1px solid var(--line);
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
  font-weight:650;
  white-space:nowrap;
}
.site-header .nav-actions{
  display:flex;
  align-items:center;
  gap:22px;
  flex-shrink:0;
}
.site-header .nav-link{
  color:#173c4d;
  font-size:13px;
  font-weight:720;
  text-decoration:none;
  transition:color .18s ease;
}
.site-header .nav-link:hover{color:var(--brand)}
.site-header .nav-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:0 18px;
  border:1px solid #bfd5df;
  border-radius:14px;
  background:#fff;
  color:#075c83;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  box-shadow:none;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.site-header .nav-pill:hover{
  transform:translateY(-1px);
  background:#f8fbfc;
  box-shadow:0 8px 20px rgba(13,83,109,.08);
}
.site-header .nav-arrow{font-size:19px;line-height:1}
.site-header + .wrap{padding-top:0}

@media(min-width:1100px){
  .site-header-inner{width:min(1500px,calc(100% - 60px))}
}
@media(max-width:820px){
  .site-header-inner{width:calc(100% - 36px);min-height:70px;gap:16px}
  .brand-logo img{width:132px}
  .brand-logo span{display:none}
  .site-header .nav-actions{gap:12px}
  .site-header .nav-link.optional{display:none}
  .site-header .nav-pill{min-height:40px;padding:0 14px;font-size:12px;border-radius:12px}
}
@media(max-width:520px){
  .site-header-inner{width:calc(100% - 24px);min-height:64px}
  .brand-logo img{width:116px}
  .site-header .nav-link{display:none}
  .site-header .nav-pill{min-height:38px;padding:0 12px;font-size:11px}
  .site-header .nav-back .nav-arrow{font-size:16px}
}


/* ==========================================================
   V17 — T.CARE Career palette refinement
   Navy/blue primary + mint accent, matching tcare.id/career.
   ========================================================== */
:root{
  --career-blue:#075f87;
  --career-blue-dark:#064969;
  --career-mint:#52c7a2;
  --career-mint-soft:#e9f8f3;
}
body{background:linear-gradient(180deg,#fbfdfe 0%,#f6fafb 46%,#f9fbfc 100%)}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid #d9e7ed;box-shadow:0 3px 16px rgba(8,70,98,.035)}
.site-header .nav-link{color:#193e50}.site-header .nav-link:hover{color:var(--career-blue)}
.site-header .nav-pill{border-color:#c7dce5;color:var(--career-blue)}
.eyebrow,.result-label{color:var(--career-blue)}
.eyebrow:before{background:var(--career-mint)}
.btn{background:var(--career-blue)}
.btn:hover{background:var(--career-blue-dark);box-shadow:0 10px 24px rgba(7,95,135,.16)}
.btn.alt,.btn.secondary{background:#fff;color:var(--career-blue);border-color:#c9dce4}
.progress span,.metric-track span{background:linear-gradient(90deg,var(--career-blue),var(--career-mint))!important}
.result-card-v15{border-color:#d7e6ec}
.result-card-v15:first-child{background:linear-gradient(145deg,#fff 0%,#f7fcfb 100%)}
.result-card-v15:nth-child(2){background:linear-gradient(145deg,#fff 0%,#f6fbfd 100%)}
.result-card-v15:first-child .result-label:before{background:var(--career-mint)}
.result-card-v15:nth-child(2) .result-label:before{background:var(--career-blue)}
.metric-card-v15,.section-v15,.analysis-card,.card{border-color:#d9e6eb}
.page-result .lead-cta{background:linear-gradient(120deg,#064969 0%,#075f87 58%,#08749f 100%);box-shadow:0 24px 64px rgba(7,95,135,.20)}
.page-result .lead-cta:after{border-color:rgba(82,199,162,.24)}
.lead-cta .eyebrow{color:#b9eedc}.lead-cta .eyebrow:before{background:var(--career-mint)}
.lead-gap-card,.consult-benefits span{border-color:rgba(255,255,255,.17)}
.btn-consult{color:var(--career-blue-dark)!important}
.saved-profile-card{background:linear-gradient(135deg,var(--career-blue-dark),var(--career-blue))}
.saved-chip{background:var(--career-mint-soft);color:#147057}
.opt input:checked+label{border-color:var(--career-blue);background:#eaf5f9;color:var(--career-blue-dark)}
.opt label:hover{border-color:#8cbdd1;color:var(--career-blue)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--career-blue);box-shadow:0 0 0 3px rgba(7,95,135,.09)}
.consent-row input{accent-color:var(--career-blue)}
.analysis-v15 .eyebrow{color:#607985}
.analysis-v15 .eyebrow:before{background:var(--career-mint)}
.analysis-v15 .analysis-meta-subtle{display:inline-block;margin-top:7px;color:#81949d;font-size:10px;font-weight:650;letter-spacing:.01em}
@media(max-width:820px){.site-header{backdrop-filter:blur(12px)}}

/* ============================================================
   V18 — T.CARE logo palette + light gray canvas + section wizard
   ============================================================ */
:root{
  --bg:#f1f3f4;
  --surface:#ffffff;
  --surface-soft:#f7f9fa;
  --ink:#092736;
  --muted:#667982;
  --line:#d9e2e6;
  --line-strong:#c7d6dd;
  --brand:#056ba3;       /* T.CARE blue */
  --brand-dark:#044f79;
  --brand-soft:#e8f3f8;
  --accent:#4cbb8f;      /* T.CARE mint */
  --accent-dark:#339e75;
  --mint-soft:#eaf8f2;
  --shadow:0 14px 42px rgba(18,48,62,.065);
  --shadow-hover:0 20px 56px rgba(18,48,62,.11);
}
body,.page-home,.page-assessment,.page-result{background:var(--bg)}
.page-result{background:var(--bg)!important}
.card,.result-card-v15,.analysis-v15,.metric-card-v15,.gaps-v15,.actions-v15,.conversion-final{border-color:var(--line)}
.btn{background:var(--brand)}
.btn:hover{background:var(--brand-dark);box-shadow:0 10px 28px rgba(5,107,163,.20)}
.eyebrow{color:var(--brand)}
.progress span,.proper-metric-v15 .metric-track span{background:linear-gradient(90deg,var(--brand),var(--accent))}
.level-pill,.page-chip,.feature-num{background:var(--brand-soft);color:var(--brand-dark)}
.saved-chip{background:var(--mint-soft);color:var(--accent-dark)}
.site-header{background:rgba(255,255,255,.96);border-color:rgba(199,214,221,.9)}
.site-header .nav-link:hover{color:var(--brand)}
.site-header .nav-pill{border-color:#bfd5df;color:var(--brand)}
.brand-logo img{width:168px;max-height:42px;object-fit:contain}
.page-result .lead-cta{background:linear-gradient(125deg,#045783 0%,#056ba3 56%,#299b84 100%)}

/* Dedicated wizard canvas */
.wizard-page{min-height:100vh;background:
  radial-gradient(circle at 14% 0%,rgba(76,187,143,.065),transparent 25%),
  radial-gradient(circle at 88% 8%,rgba(5,107,163,.055),transparent 24%),
  var(--bg)}
.wizard-wrap{width:min(1440px,calc(100% - 60px));margin:0 auto;padding:42px 0 64px}
.wizard-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:end;margin-bottom:26px}
.wizard-hero h1{font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.047em;margin:12px 0 14px;max-width:900px}
.wizard-hero p{margin:0;max-width:800px;color:var(--muted);font-size:15px}
.saved-profile-mini{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px 16px;box-shadow:var(--shadow);min-width:255px}
.saved-check{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--mint-soft);color:var(--accent-dark);font-weight:900}
.saved-profile-mini strong{display:block;font-size:12px}.saved-profile-mini small{display:block;color:var(--muted);font-size:10px;margin-top:2px}

.wizard-progress-card{position:sticky;top:88px;z-index:80;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:20px;padding:17px 20px 14px;margin-bottom:20px;box-shadow:0 12px 34px rgba(18,48,62,.07)}
.wizard-progress-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}
.wizard-progress-head>div:first-child{display:flex;align-items:baseline;gap:12px;min-width:0}
.wizard-progress-head span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);white-space:nowrap}
.wizard-progress-head strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wizard-answer-count{font-size:11px;color:var(--muted);white-space:nowrap}.wizard-answer-count b{color:var(--ink);font-size:13px}
.wizard-progress-track{height:6px;background:#e7ecef;border-radius:99px;overflow:hidden;margin:12px 0}
.wizard-progress-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--accent));transition:width .35s cubic-bezier(.2,.8,.2,1)}
.wizard-step-dots{display:flex;align-items:center;gap:8px;overflow:auto;scrollbar-width:none}.wizard-step-dots::-webkit-scrollbar{display:none}
.wizard-dot{appearance:none;border:0;background:transparent;padding:0;cursor:pointer}
.wizard-dot span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf1f3;color:#7e8f97;font-size:10px;font-weight:850;border:1px solid transparent;transition:.22s ease}
.wizard-dot.active span{background:var(--brand);color:#fff;transform:scale(1.08);box-shadow:0 5px 14px rgba(5,107,163,.24)}
.wizard-dot.done span{background:var(--mint-soft);color:var(--accent-dark);border-color:#b9e4d4}

.wizard-stage{position:relative}
.js .wizard-section{display:none}
.js .wizard-section.active{display:block}
.wizard-section{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px 38px;box-shadow:var(--shadow);transform-origin:50% 0}
.wizard-section.enter-forward{animation:wizardInForward .36s cubic-bezier(.2,.8,.2,1)}
.wizard-section.enter-back{animation:wizardInBack .36s cubic-bezier(.2,.8,.2,1)}
@keyframes wizardInForward{from{opacity:0;transform:translateX(26px) translateY(4px)}to{opacity:1;transform:none}}
@keyframes wizardInBack{from{opacity:0;transform:translateX(-26px) translateY(4px)}to{opacity:1;transform:none}}
.wizard-section-head{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}
.wizard-section-head h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 7px}.wizard-section-head p{margin:0;color:var(--muted);font-size:13px}
.section-orb{flex:0 0 70px;width:70px;height:70px;border-radius:23px;background:linear-gradient(145deg,var(--brand-soft),var(--mint-soft));display:flex;align-items:baseline;justify-content:center;padding-top:17px;color:var(--brand);border:1px solid #d6e8ed}.section-orb span{font-size:27px;font-weight:880;line-height:1}.section-orb small{font-size:10px;font-weight:800;margin-left:2px;color:var(--muted)}
.question-stack{display:grid;gap:16px;margin-top:22px}
.question-card{border:1px solid var(--line);border-radius:20px;padding:20px 20px 18px;margin:0;min-width:0;background:#fff;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.question-card.answered{border-color:#c4dbe5;background:linear-gradient(180deg,#fff,#fbfdfe)}
.question-card.needs-answer{animation:needsAnswer .52s ease;border-color:#e8b5a9;box-shadow:0 0 0 4px rgba(205,91,67,.08)}
@keyframes needsAnswer{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
.question-card legend{display:flex;align-items:flex-start;gap:12px;width:100%;padding:0 2px 14px;font-size:14px;font-weight:760;line-height:1.48;color:var(--ink)}
.question-number{flex:0 0 30px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#edf5f9;color:var(--brand);font-size:10px;font-weight:900;margin-top:-3px}
.answer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.answer-option{position:relative;min-height:88px;border:1px solid var(--line);border-radius:15px;padding:13px 12px 11px;cursor:pointer;background:#fafbfc;display:flex;flex-direction:column;justify-content:center;gap:9px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;overflow:hidden}
.answer-option:hover{transform:translateY(-2px);border-color:#a8c8d7;background:#fff;box-shadow:0 8px 22px rgba(18,48,62,.075)}
.answer-option input{position:absolute;opacity:0;pointer-events:none}
.answer-score{display:none}.answer-copy{font-size:11px;line-height:1.38;color:var(--muted);font-weight:720;max-width:none;width:100%;text-align:center}
.answer-check{position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:10px;font-weight:900;opacity:0;transform:scale(.45) rotate(-12deg);transition:.2s cubic-bezier(.2,.9,.2,1.3)}
.answer-option.selected{background:linear-gradient(145deg,#f2f9fc,#f0faf6);border-color:#5fabc9;box-shadow:0 0 0 2px rgba(5,107,163,.08),0 10px 24px rgba(18,48,62,.08);transform:translateY(-2px)}
.answer-option.selected .answer-check{opacity:1;transform:scale(1) rotate(0)}
.answer-option.selected .answer-copy{color:#314d59}.answer-option.answer-pop{animation:answerPop .30s cubic-bezier(.2,.9,.2,1.25)}
@keyframes answerPop{0%{transform:scale(.97)}55%{transform:scale(1.025)}100%{transform:translateY(-2px) scale(1)}}
.answer-feedback{height:0;opacity:0;color:var(--accent-dark);font-size:10px;font-weight:780;text-align:right;transform:translateY(-4px);transition:.18s ease}.answer-feedback.show{height:15px;opacity:1;transform:none;margin-top:7px}
.wizard-scale-note{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px dashed var(--line)}
.wizard-scale-note span{font-size:9.5px;color:var(--muted);background:#f5f7f8;border-radius:999px;padding:6px 9px}

.wizard-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:18px;padding:15px 16px 15px 18px;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);transition:.22s ease}
.wizard-nav.ready-pulse{animation:navReady .55s ease}
@keyframes navReady{50%{box-shadow:0 0 0 5px rgba(76,187,143,.12),var(--shadow)}}
.wizard-back{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:760;cursor:pointer;padding:10px}.wizard-back:hover:not(:disabled){color:var(--brand)}.wizard-back:disabled{opacity:.35;cursor:not-allowed}
.wizard-nav-note{text-align:center;color:var(--muted);font-size:10.5px}.wizard-nav-note.ready{color:var(--accent-dark);font-weight:720}
.wizard-next,.wizard-submit{min-width:190px}
.wizard-next[hidden],.wizard-submit[hidden]{display:none!important}
.is-submitting .wizard-submit{opacity:.7;cursor:wait}

/* Keep profile and result pages visually aligned with the gray canvas */
.profile-first-form,.resume-box,.hero-side,.feature-card{background:#fff}
.page-assessment .profile-first-shell,.page-home .hero{background:transparent}

@media(max-width:980px){
  .wizard-wrap{width:calc(100% - 36px);padding-top:32px}.wizard-hero{grid-template-columns:1fr;gap:18px}.saved-profile-mini{justify-self:start}.wizard-progress-card{top:78px}.answer-grid{grid-template-columns:repeat(2,1fr)}.answer-option:last-child{grid-column:1/-1}.wizard-section{padding:27px 25px}.wizard-section-head{align-items:flex-start}.wizard-nav{grid-template-columns:1fr 1fr}.wizard-nav-note{grid-column:1/-1;grid-row:1;text-align:left}.wizard-back{grid-column:1}.wizard-next,.wizard-submit{grid-column:2;min-width:0}
}
@media(max-width:620px){
  .wizard-wrap{width:calc(100% - 24px);padding-top:24px}.wizard-hero h1{font-size:37px}.wizard-progress-card{top:70px;border-radius:16px;padding:14px}.wizard-progress-head>div:first-child{display:block}.wizard-progress-head strong{display:block;margin-top:2px;max-width:210px}.wizard-section{border-radius:21px;padding:22px 17px}.wizard-section-head{padding-bottom:20px}.wizard-section-head h2{font-size:29px}.section-orb{width:58px;height:58px;flex-basis:58px;border-radius:18px;padding-top:14px}.section-orb span{font-size:22px}.question-card{padding:17px 13px 14px;border-radius:16px}.question-card legend{font-size:13px}.answer-grid{grid-template-columns:1fr}.answer-option,.answer-option:last-child{grid-column:auto;min-height:58px;display:flex;align-items:center;justify-content:flex-start;padding:12px 42px 12px 14px}.answer-score{display:none}.answer-copy{font-size:11px;max-width:none;text-align:left}.wizard-scale-note{display:none}.wizard-nav{position:sticky;bottom:10px;z-index:70;padding:10px;border-radius:16px;gap:8px}.wizard-back{font-size:11px;padding:8px}.wizard-next,.wizard-submit{font-size:11px;padding:11px 10px}.wizard-nav-note{display:none}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ============================================================
   V18.1 — Final T.CARE palette
   Green #4CBC90 | Deep Blue #003B5C
   ============================================================ */
:root{
  --brand:#003B5C;
  --brand-dark:#002B43;
  --brand-soft:#E8F0F4;
  --accent:#4CBC90;
  --accent-dark:#348F70;
  --mint-soft:#EAF8F3;
  --career-blue:#003B5C;
  --career-blue-dark:#002B43;
  --career-mint:#4CBC90;
  --career-mint-soft:#EAF8F3;
}
.btn:hover{box-shadow:0 10px 28px rgba(0,59,92,.20)}
.page-result .lead-cta{background:linear-gradient(125deg,#002B43 0%,#003B5C 62%,#277C69 100%);box-shadow:0 24px 64px rgba(0,59,92,.20)}
.wizard-page{background:
  radial-gradient(circle at 14% 0%,rgba(76,188,144,.07),transparent 25%),
  radial-gradient(circle at 88% 8%,rgba(0,59,92,.055),transparent 24%),
  var(--bg)}
.wizard-dot.active span{box-shadow:0 5px 14px rgba(0,59,92,.24)}
.answer-option.selected{border-color:#5D91A7;box-shadow:0 0 0 2px rgba(0,59,92,.08),0 10px 24px rgba(18,48,62,.08)}
@keyframes navReady{50%{box-shadow:0 0 0 5px rgba(76,188,144,.13),var(--shadow)}}


/* ============================================================
   V19 — Top 3 Priority Actions
   ============================================================ */
.priority-focus-v19{padding:34px 36px 30px}
.priority-head-v19{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:22px}
.priority-head-v19 h2{margin:7px 0 8px;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.035em}
.priority-head-v19 p{margin:0;color:var(--muted);max-width:760px;line-height:1.65}
.priority-grid-v19{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.priority-card-v19{border:1px solid var(--line);border-radius:20px;padding:20px;background:linear-gradient(180deg,#fff,#fbfcfd);min-height:250px;display:flex;flex-direction:column}
.priority-card-top-v19{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}
.priority-no-v19{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:900}
.priority-scope-v19{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800;border:1px solid var(--line);border-radius:999px;padding:7px 9px;background:#fff}
.priority-score-row-v19{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.priority-score-row-v19 h3{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.025em}
.priority-score-row-v19>strong{font-size:25px;color:var(--brand);white-space:nowrap;letter-spacing:-.04em}
.priority-score-row-v19>strong small{font-size:11px;letter-spacing:0}
.priority-level-v19{align-self:flex-start;margin:12px 0 12px;padding:6px 9px;border-radius:999px;background:var(--mint-soft);color:var(--accent-dark);font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.priority-card-v19 p{margin:auto 0 0;color:#4c6069;line-height:1.55;font-size:12px}
.priority-next-v19{margin-top:20px;padding:22px 24px;border-radius:20px;background:linear-gradient(120deg,var(--brand-dark),var(--brand));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:28px}
.priority-next-v19 .eyebrow{color:#b8ead7}
.priority-next-v19 h3{margin:6px 0 6px;font-size:22px;letter-spacing:-.025em}
.priority-next-v19 p{margin:0;color:rgba(255,255,255,.78);max-width:760px;line-height:1.55;font-size:12px}
.priority-actions-v19{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.priority-actions-v19 form{margin:0}
.priority-next-v19 .btn{background:#fff;color:var(--brand-dark);border-color:#fff;white-space:nowrap}
.priority-next-v19 .btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.priority-next-v19 .btn.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.priority-empty-v19{padding:22px;border:1px dashed var(--line);border-radius:18px;background:#fbfcfd}
.priority-empty-v19 p{margin:5px 0 0;color:var(--muted)}

@media(max-width:980px){
  .priority-grid-v19{grid-template-columns:1fr}
  .priority-card-v19{min-height:auto}
  .priority-next-v19{align-items:flex-start;flex-direction:column}
  .priority-actions-v19{justify-content:flex-start}
}
@media(max-width:620px){
  .priority-focus-v19{padding:24px 18px}
  .priority-head-v19{display:block}
  .priority-head-v19>.badge{display:inline-flex;margin-top:12px}
  .priority-card-v19{padding:17px}
  .priority-score-row-v19 h3{font-size:17px}
  .priority-next-v19{padding:20px 17px}
  .priority-actions-v19{width:100%;display:grid}
  .priority-actions-v19 .btn{width:100%;text-align:center}
}

/* ============================================================
   V20 — Career T.CARE visual system
   Based on the visual language of tcare.id/career
   ============================================================ */
:root{
  --brand:#003B5C;
  --brand-dark:#002B43;
  --brand-soft:#EAF2F5;
  --accent:#4CBC90;
  --accent-dark:#348F70;
  --bg:#F4F6F7;
  --surface:#FFFFFF;
  --ink:#082B3D;
  --muted:#607783;
  --line:#D5E0E4;
  --line-strong:#C5D5DB;
  --career-shadow:0 16px 44px rgba(0,59,92,.07);
}
body{background:var(--bg)}
.career-wrap{width:min(1328px,calc(100% - 64px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(14px)}
.site-header-inner{width:min(1328px,calc(100% - 64px));min-height:78px}
.brand-logo img{width:166px;max-height:44px;object-fit:contain}
.brand-logo span{font-size:12px;color:#506976;font-weight:650}
.site-header .nav-pill{background:#fff;border:1px solid #BFD3DC;border-radius:15px;color:var(--brand);min-height:48px;padding:0 18px;font-weight:800}
.site-header .nav-pill:hover{background:#F7FBFC;border-color:#8FB8C9;color:var(--brand-dark);box-shadow:none}
.site-header .nav-link{font-weight:750;color:#314E5D}

/* Homepage */
.career-assessment-home{background:var(--bg)}
.career-assessment-hero{padding:76px 0 68px}
.hero-assessment-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:72px;align-items:center}
.hero-assessment-copy{max-width:790px}
.career-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:850;letter-spacing:.12em;color:var(--brand);text-transform:uppercase}
.career-eyebrow>span{width:12px;height:12px;border-radius:50%;background:var(--accent);flex:0 0 12px}
.career-eyebrow.light{color:#DFF7EF}.career-eyebrow.light>span{background:#7EDDBD}
.hero-assessment-copy h1{margin:17px 0 24px;max-width:780px;font-size:clamp(48px,5.2vw,76px);line-height:.99;letter-spacing:-.058em;color:var(--ink)}
.hero-assessment-copy h1 span{color:var(--brand)}
.hero-assessment-copy>p{max-width:700px;margin:0;color:var(--muted);font-size:18px;line-height:1.72}
.career-hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}
.career-primary-btn,.career-secondary-btn,.career-light-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:15px;border:1px solid var(--brand);font-size:14px;font-weight:850;cursor:pointer;transition:.2s ease;text-decoration:none}
.career-primary-btn{background:var(--brand);color:#fff}.career-primary-btn:hover{background:var(--brand-dark);border-color:var(--brand-dark);transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,59,92,.18)}
.career-secondary-btn{background:#fff;color:var(--brand);border-color:#BCD2DC}.career-secondary-btn:hover{border-color:var(--brand);background:#F8FBFC}
.career-light-btn{background:#fff;color:var(--brand-dark);border-color:#fff;white-space:nowrap}.career-light-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.12)}
.career-text-link{font-size:14px;font-weight:800;color:#2B4C5B}.career-text-link:hover{color:var(--brand)}
.hero-meta-row{display:flex;align-items:center;gap:12px;margin-top:28px;color:#718690;font-size:12px;font-weight:700}.hero-meta-row i{width:4px;height:4px;background:var(--accent);border-radius:50%}
.assessment-preview-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--career-shadow)}
.preview-topline{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid var(--line);font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--brand)}
.preview-topline b{color:#8AA0AA}
.preview-item{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.preview-item:last-child{border-bottom:0;padding-bottom:4px}
.preview-index{width:42px;height:42px;border-radius:13px;background:#EFF5F7;display:grid;place-items:center;color:var(--brand);font-size:12px;font-weight:900}
.preview-item strong{display:block;font-size:17px;letter-spacing:-.02em;color:var(--ink)}.preview-item p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.career-assessment-section{padding:70px 0 86px;background:#fff;border-top:1px solid var(--line)}
.career-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.career-section-heading h2{font-size:clamp(38px,4vw,54px);letter-spacing:-.045em;line-height:1.02;margin:12px 0 0}.career-section-heading>p{max-width:560px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.career-output-list{display:grid;gap:18px}
.career-output-card{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:32px;align-items:center;background:#fff;border:1px solid #C9DCE3;border-radius:24px;padding:30px 30px 30px 32px;box-shadow:0 12px 34px rgba(0,59,92,.045);transition:.2s ease}.career-output-card:hover{transform:translateY(-2px);border-color:#9BC2D1;box-shadow:0 18px 42px rgba(0,59,92,.075)}
.career-card-category{display:flex;align-items:center;gap:9px;color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.11em}.career-card-category>span{width:9px;height:9px;border-radius:50%;background:var(--accent)}
.career-output-main h3{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin:9px 0 9px}.career-output-main>p{max-width:930px;margin:0;color:#5C7480;font-size:15px;line-height:1.65}
.career-card-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#496573;font-size:12px;font-weight:750}.career-card-meta span:before{content:"";display:inline-block;width:6px;height:6px;border:2px solid var(--brand);border-radius:50%;margin-right:8px;vertical-align:1px}
.career-output-number{justify-self:end;width:70px;height:70px;border-radius:21px;background:#EDF4F7;color:var(--brand);display:grid;place-items:center;font-size:20px;font-weight:900}
.career-start-panel{margin-top:30px;padding:34px 36px;border-radius:26px;background:linear-gradient(120deg,var(--brand-dark),var(--brand));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:36px}.career-start-panel h2{margin:10px 0 8px;font-size:32px;letter-spacing:-.035em}.career-start-panel p{margin:0;max-width:760px;color:rgba(255,255,255,.78);line-height:1.65}
.career-disclaimer{margin-top:18px;border:1px solid #E7D7A7;background:#FFF9EB;border-radius:15px;padding:15px 17px;color:#64552C;font-size:12px;line-height:1.55}

/* Footer matching Career */
.assessment-career-footer{background:#fff;border-top:1px solid var(--line);padding:46px 0 0}
.assessment-footer-grid{display:grid;grid-template-columns:1.5fr .6fr .8fr;gap:70px;padding-bottom:38px}.assessment-footer-about img{width:150px}.assessment-footer-about p{max-width:520px;color:var(--muted);font-size:13px;line-height:1.65}.assessment-footer-about a{font-weight:850;color:var(--brand);font-size:13px}
.assessment-footer-nav,.assessment-footer-contact{display:flex;flex-direction:column;gap:10px;font-size:13px}.assessment-footer-nav strong,.assessment-footer-contact strong{font-size:14px;margin-bottom:3px}.assessment-footer-nav a,.assessment-footer-contact a,.assessment-footer-contact span{color:#607783}.assessment-footer-nav a:hover,.assessment-footer-contact a:hover{color:var(--brand)}
.assessment-footer-bottom{border-top:1px solid var(--line);padding:18px 0 22px;display:flex;justify-content:space-between;gap:20px;color:#718690;font-size:11px}.compact-footer{padding-top:0;margin-top:70px}

/* Profile-first page */
.career-profile-main{padding:42px 0 24px}
.profile-stepbar{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:16px;align-items:center;max-width:760px;margin:0 auto 48px}.profile-stepbar>i{height:1px;background:#CBD9DF}.profile-step{display:flex;align-items:center;gap:10px;color:#82949D}.profile-step>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:900}.profile-step b{display:block;font-size:12px;color:#5D727C}.profile-step small{display:block;font-size:9px}.profile-step.active>span{background:var(--brand);border-color:var(--brand);color:#fff}.profile-step.active b{color:var(--brand)}
.profile-career-heading{max-width:920px;margin:0 auto 30px;text-align:center}.profile-career-heading .career-eyebrow{justify-content:center}.profile-career-heading h1{font-size:clamp(40px,4.4vw,60px);line-height:1.04;letter-spacing:-.05em;margin:14px 0 16px}.profile-career-heading>p{max-width:780px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.7}
.career-resume-card{max-width:1100px;margin:0 auto 18px;background:#F1F8F6;border:1px solid #BDE3D5;border-radius:18px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.career-resume-card p{margin:2px 0 0;color:#5E756E;font-size:12px}
.career-profile-card{max-width:1100px;margin:0 auto;background:#fff;border:1px solid #C9DCE3;border-radius:26px;padding:34px;box-shadow:var(--career-shadow)}
.career-profile-card-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:24px;margin-bottom:8px;border-bottom:1px solid var(--line)}.career-profile-card-head h2{font-size:30px;letter-spacing:-.035em;margin:8px 0 3px}.career-profile-card-head p{margin:0;color:var(--muted);font-size:13px}
.profile-save-note{display:flex;gap:10px;align-items:center;background:#EFF8F5;border-radius:15px;padding:12px 14px}.profile-save-note>span{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900}.profile-save-note p{margin:0}.profile-save-note strong{display:block;font-size:11px;color:#275849}.profile-save-note small{display:block;font-size:9px;color:#668178}
.career-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;padding:24px 0}.career-field-full{grid-column:1/-1}.career-field>span{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:#294957}.career-field input{width:100%;height:54px;border:1px solid #C5D7DE;border-radius:14px;padding:0 15px;background:#fff;color:var(--ink);outline:none;transition:.16s ease}.career-field input::placeholder{color:#9AABB3}.career-field input:focus{border-color:#78AABE;box-shadow:0 0 0 3px rgba(0,59,92,.07)}
.phone-career-input{display:grid;grid-template-columns:auto 1fr;align-items:center;height:54px;border:1px solid #C5D7DE;border-radius:14px;background:#fff;overflow:hidden;transition:.16s ease}.phone-career-input:focus-within{border-color:#78AABE;box-shadow:0 0 0 3px rgba(0,59,92,.07)}.phone-career-input b{height:100%;display:flex;align-items:center;padding:0 15px;background:#EEF4F6;border-right:1px solid #D2E0E5;color:var(--brand);font-size:13px}.phone-career-input input{height:100%;border:0!important;border-radius:0;box-shadow:none!important;padding-left:13px}.field-help{display:block;margin-top:6px;color:#8598A1;font-size:10px}
.career-consent{display:flex;gap:11px;align-items:flex-start;padding:17px;border-radius:15px;background:#F7F9FA;border:1px solid #E0E8EB;color:#5A717C;font-size:11px;line-height:1.55}.career-consent input{margin-top:3px;accent-color:var(--brand)}
.career-form-submit{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:22px}.career-form-submit>div strong{display:block;font-size:13px}.career-form-submit>div span{display:block;color:#7B909A;font-size:10px;margin-top:2px}

@media(max-width:980px){
  .career-wrap,.site-header-inner{width:calc(100% - 36px)}
  .hero-assessment-grid{grid-template-columns:1fr;gap:34px}.assessment-preview-card{max-width:none}.career-section-heading{display:block}.career-section-heading>p{margin-top:18px}.career-output-card{grid-template-columns:1fr 70px}.career-start-panel{align-items:flex-start;flex-direction:column}.assessment-footer-grid{grid-template-columns:1fr 1fr}.assessment-footer-about{grid-column:1/-1}.career-profile-card{padding:28px}.profile-save-note{display:none}
}
@media(max-width:680px){
  .career-wrap,.site-header-inner{width:calc(100% - 24px)}
  .career-assessment-hero{padding:48px 0}.hero-assessment-copy h1{font-size:43px}.hero-assessment-copy>p{font-size:15px}.assessment-preview-card{padding:21px;border-radius:20px}.career-assessment-section{padding:50px 0 62px}.career-output-card{grid-template-columns:1fr;padding:22px;border-radius:19px}.career-output-number{display:none}.career-output-main h3{font-size:23px}.career-start-panel{padding:25px 21px}.career-start-panel h2{font-size:27px}.assessment-footer-grid{grid-template-columns:1fr;gap:28px}.assessment-footer-about{grid-column:auto}.assessment-footer-bottom{display:block}.assessment-footer-bottom span{display:block;margin-top:3px}.profile-stepbar{grid-template-columns:auto 1fr auto 1fr auto;gap:8px;margin-bottom:34px}.profile-step div{display:none}.profile-step>span{width:32px;height:32px}.career-profile-main{padding-top:30px}.profile-career-heading{text-align:left}.profile-career-heading .career-eyebrow{justify-content:flex-start}.profile-career-heading h1{font-size:38px}.career-profile-card{padding:21px 17px;border-radius:20px}.career-field-grid{grid-template-columns:1fr;gap:12px}.career-field-full{grid-column:auto}.career-form-submit{align-items:stretch;flex-direction:column}.career-form-submit .career-primary-btn{width:100%}.career-profile-card-head h2{font-size:25px}.career-resume-card{align-items:flex-start;flex-direction:column}
}


/* === V22 PROPER GATING PATHWAY === */
.proper-pathway-card{position:relative;overflow:hidden}
.proper-pathway-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--proper-accent,#0b5d7a)}
.proper-color-merah{--proper-accent:#c93a3a;--proper-soft:#fff2f1}
.proper-color-biru{--proper-accent:#1769aa;--proper-soft:#eef6ff}
.proper-color-hijau{--proper-accent:#2a8b57;--proper-soft:#eef9f2}
.proper-color-emas{--proper-accent:#b88918;--proper-soft:#fff8df}
.proper-color-head{display:flex;align-items:center;gap:14px;margin:20px 0 8px}
.proper-color-head .proper-color-dot{width:18px;height:18px;border-radius:50%;background:var(--proper-accent);box-shadow:0 0 0 7px var(--proper-soft);flex:0 0 18px}
.proper-color-head small{display:block;font-size:9px;letter-spacing:.12em;font-weight:900;color:#778d97;margin-bottom:2px}
.proper-color-head h2{margin:0;font-size:36px;line-height:1;color:var(--proper-accent);letter-spacing:-.04em}
.proper-pathway-status{margin:10px 0 7px;font-size:18px;line-height:1.25;color:#193d4c}
.proper-spectrum{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0}
.spectrum-step{position:relative;text-align:center;color:#8a9aa2;font-size:9px;font-weight:850}
.spectrum-step span{display:block;height:8px;border-radius:999px;margin-bottom:7px;opacity:.28}
.spectrum-merah span{background:#c93a3a}.spectrum-biru span{background:#1769aa}.spectrum-hijau span{background:#2a8b57}.spectrum-emas span{background:#b88918}
.spectrum-step.active{color:#233e4a}.spectrum-step.active span{height:10px;opacity:1;box-shadow:0 5px 14px rgba(20,50,65,.12)}
.proper-gate-list{display:grid;gap:8px;margin-top:16px}
.proper-gate-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid #dbe6ea;border-radius:13px;padding:11px 12px;background:#fff}
.proper-gate-row>div strong{display:block;font-size:10.5px;color:#294b59}
.proper-gate-row>div small{display:block;margin-top:2px;font-size:9px;color:#7b9099}
.proper-gate-row>b{font-size:15px;color:#183f51;white-space:nowrap}.proper-gate-row>b small{font-size:8px;color:#83959c}
.gate-state{border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900;letter-spacing:.06em}
.gate-state.pass{background:#edf8f1;color:#26734c}.gate-state.hold{background:#fff2ef;color:#a74436}
@media(max-width:640px){
  .proper-color-head h2{font-size:31px}
  .proper-gate-row{grid-template-columns:1fr auto}
  .proper-gate-row>b{grid-column:2;grid-row:1/3}
  .gate-state{grid-column:1;justify-self:start}
}

/* === V30 Full Word-aligned PROPER questionnaire === */
.detailed-question{padding:22px}
.detailed-question legend{font-size:15px;padding-bottom:10px}
.detailed-question .question-number{width:auto;min-width:44px;max-width:74px;padding:0 8px;white-space:nowrap}
.question-context{margin:0 2px 15px 46px;padding:12px 14px;border-left:3px solid #9fc6d5;background:#f5f9fa;border-radius:0 10px 10px 0}
.question-context p{margin:0;color:#536e79;font-size:11px;line-height:1.55}
.question-context p+p{margin-top:5px}
.detailed-question .answer-grid{grid-template-columns:1fr;gap:8px}
.detailed-question .answer-option,.detailed-question .answer-option:last-child{grid-column:auto;min-height:0;display:grid;grid-template-columns:46px minmax(0,1fr) 24px;align-items:start;gap:11px;padding:12px 13px}
.detailed-question.neutral-options .answer-option,.detailed-question.neutral-options .answer-option:last-child{grid-template-columns:minmax(0,1fr) 24px}
.detailed-question .answer-score{display:grid;width:40px;min-height:28px;place-items:center;border-radius:9px;background:#eaf2f5;color:#003b5c;font-size:10px;font-weight:900}
.detailed-question .answer-copy{text-align:left;max-width:none;font-size:11.5px;line-height:1.52;color:#4f6873}
.detailed-question .answer-check{position:static;align-self:start;margin-top:3px}
.detailed-question .answer-option.selected .answer-score{background:#003b5c;color:#fff}
.hub-color-hitam{--status:#171c1f;border-left-color:#171c1f!important}
.hub-color-hitam .hub-color-title span{background:#171c1f}
.result-showcase.hub-color-hitam{--result-accent:#171c1f;background:linear-gradient(125deg,#fff 12%,#f0f2f3 100%)}
.proper-color-hitam{--proper-accent:#171c1f;--proper-soft:#eef0f1}
@media(max-width:680px){
  .detailed-question{padding:17px 13px 14px}
  .question-context{margin-left:0}
  .detailed-question .answer-option,.detailed-question .answer-option:last-child{grid-template-columns:38px minmax(0,1fr) 22px;padding:11px 10px}
  .detailed-question.neutral-options .answer-option,.detailed-question.neutral-options .answer-option:last-child{grid-template-columns:minmax(0,1fr) 22px}
  .detailed-question .answer-score{display:grid;width:34px;min-height:26px}
  .detailed-question .answer-copy{font-size:11px}
}

/* ============================================================
   V26 — Structured AI interpretation
   ============================================================ */
.analysis-v26{padding:34px 36px;border-radius:26px}
.analysis-head-v26{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:24px}
.analysis-head-v26 h2{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.04em;margin:8px 0 10px}
.analysis-head-v26 p{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.analysis-v26 .eyebrow{color:#607985}.analysis-v26 .eyebrow:before{background:var(--career-mint)}
.analysis-source-v26{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);padding:8px 11px;color:#607985;font-size:10px;font-weight:760}
.analysis-grid-v26{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.analysis-item-v26{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fbfcfc;min-height:150px}
.analysis-no-v26{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-dark);font-size:10px;font-weight:880;letter-spacing:.04em}
.analysis-item-v26 h3{margin:2px 0 8px;font-size:16px;line-height:1.25;letter-spacing:-.02em}
.analysis-item-v26 p{margin:0;color:#435a63;font-size:12.5px;line-height:1.72}
.analysis-actions-v26{grid-column:1/-1;min-height:auto}
.analysis-actions-v26 ol{margin:3px 0 0;padding-left:19px;color:#435a63;font-size:12.5px;line-height:1.65}
.analysis-actions-v26 li{padding-left:4px;margin:5px 0}
@media(max-width:820px){
  .analysis-v26{padding:24px 22px;border-radius:20px}
  .analysis-head-v26{display:block;margin-bottom:18px}
  .analysis-source-v26{margin-top:14px}
  .analysis-grid-v26{grid-template-columns:1fr}
  .analysis-actions-v26{grid-column:auto}
  .analysis-item-v26{min-height:auto}
}

/* ============================================================
   V27 — Diagnostic-first interpretation / lead handoff
   ============================================================ */
.analysis-grid-v27{grid-template-columns:repeat(3,minmax(0,1fr))}
.analysis-v27 .analysis-item-v26{min-height:175px}
@media(max-width:980px){.analysis-grid-v27{grid-template-columns:1fr}}

/* ============================================================
   V30 — Calm interaction motion
   Professional, low-distraction assessment interactions.
   ============================================================ */
.wizard-progress-track span{transition:width .18s ease}
.wizard-dot span{transition:background-color .14s ease,color .14s ease,border-color .14s ease}
.wizard-dot.active span{transform:none;box-shadow:none}

.wizard-section.enter-forward,
.wizard-section.enter-back{animation:wizardFadeIn .16s ease-out}
@keyframes wizardFadeIn{from{opacity:.72}to{opacity:1}}

.question-card{transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}
.question-card.needs-answer{animation:none;border-color:#d99888;box-shadow:0 0 0 3px rgba(205,91,67,.07)}

.answer-option{transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease,color .14s ease}
.answer-option:hover{transform:none;border-color:#a8c8d7;background:#fff;box-shadow:0 3px 12px rgba(18,48,62,.055)}
.answer-option.selected{transform:none;box-shadow:0 0 0 1px rgba(5,107,163,.08);background:#f3f9fb}
.answer-check{transform:none;transition:opacity .12s ease}
.answer-option.selected .answer-check{transform:none}
.answer-option.answer-pop{animation:none}
.answer-feedback{display:none!important}

.wizard-nav{transition:border-color .14s ease,box-shadow .14s ease}
.wizard-nav.ready-pulse{animation:none}


/* V32 — level-aware follow-up */
.followup-assurance .priority-card-v19{border-color:#eadfbe;background:linear-gradient(180deg,#fff,#fffdf8)}
.followup-assurance .priority-no-v19{background:#fff6dc;color:#9a721b}
.followup-assurance .priority-score-row-v19>strong{color:#9a721b}
.followup-assurance .priority-level-v19{background:#fff6dc;color:#8b6718}
.followup-assurance .priority-next-v19{background:linear-gradient(120deg,#073f5d,#0b5c70)}
.followup-advancement .priority-no-v19{background:#edf8f3;color:#287e61}
.followup-strengthening .priority-no-v19{background:#eef6fb;color:#0f658b}
.followup-foundation .priority-no-v19{background:#fff1f1;color:#aa474d}


/* ============================================================
   V35 — End-to-end T.CARE capability mapping
   ============================================================ */
.priority-service-v35{margin-top:12px;padding-top:10px;border-top:1px dashed #dbe7eb;font-size:11px;line-height:1.5;color:#456473;font-weight:650}
.priority-service-v35 span{display:block;margin-bottom:3px;font-size:9px;letter-spacing:.75px;text-transform:uppercase;color:#2c8a6b;font-weight:850}
.tcare-scope-v35{margin-top:18px;padding:14px 16px;border:1px solid #dbe9e5;border-radius:14px;background:#f6fbf9}
.tcare-scope-v35 span{display:block;margin-bottom:6px;font-size:9.5px;letter-spacing:.9px;text-transform:uppercase;color:#2c8a6b;font-weight:850}
.tcare-scope-v35 strong{display:block;font-size:12px;line-height:1.65;color:#315665;font-weight:700}
@media(max-width:720px){.tcare-scope-v35{padding:12px 13px}.tcare-scope-v35 strong{font-size:11.5px}}
/* Assessment Hub V40 */
.assessment-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0}
.assessment-choice-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 50px rgba(21,50,50,.07)}
.assessment-choice-card.featured{border-color:#95c8c2;background:linear-gradient(180deg,#fff,#f5fbfa)}
.assessment-choice-card h3{font-size:25px;line-height:1.2;margin:14px 0 10px}.assessment-choice-card p{color:var(--muted);line-height:1.65;margin-bottom:28px}.assessment-choice-card>.career-primary-btn{align-self:flex-start;margin-top:auto}
.assessment-choice-card ul{padding-left:20px;color:var(--ink);line-height:1.8;margin:20px 0 25px}
@media(max-width:760px){.assessment-choice-grid{grid-template-columns:1fr}.assessment-choice-card{padding:23px}.assessment-choice-card h3{font-size:22px}}
.hub-result{padding-top:34px}.hub-result-main{border-radius:26px;padding:34px;margin:24px 0;background:#fff;border:1px solid var(--line);box-shadow:0 18px 55px rgba(21,50,50,.08)}
.hub-result-main h3{font-size:28px;margin:13px 0}.hub-color-title{display:flex;align-items:center;gap:13px;margin:18px 0}.hub-color-title span{width:24px;height:24px;border-radius:50%;background:#888}.hub-color-title h2{font-size:52px;margin:0}
.hub-color-merah{border-left:8px solid #c94f52}.hub-color-merah .hub-color-title span{background:#c94f52}.hub-color-biru{border-left:8px solid #286fbc}.hub-color-biru .hub-color-title span{background:#286fbc}.hub-color-hijau{border-left:8px solid #26845d}.hub-color-hijau .hub-color-title span{background:#26845d}.hub-color-emas{border-left:8px solid #c69a27}.hub-color-emas .hub-color-title span{background:#c69a27}.hub-color-teal{border-left:8px solid var(--brand)}
.hub-gates{margin:34px 0}.hub-gate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-gate-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:8px}.hub-gate-grid span{font-size:11px;font-weight:800}.hub-gate-grid strong{font-size:15px}.hub-gate-grid b{color:var(--brand)}
.hub-gap-intro{max-width:780px;color:var(--muted);line-height:1.65}.hub-gap-grid{display:grid;gap:12px;margin:20px 0}.hub-gap-grid article{display:flex;gap:17px;border:1px solid var(--line);border-radius:16px;padding:20px;background:#fbfdfd}.hub-gap-grid article>span{font-weight:900;color:var(--brand);font-size:13px}.hub-gap-content{flex:1;min-width:0}.hub-gap-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.hub-gap-heading h3{margin:0}.hub-gap-heading b{padding:6px 10px;border-radius:999px;background:#e7f5f1;color:#116950;font-size:11px;white-space:nowrap}.hub-gap-grid p{margin:8px 0 14px;color:var(--muted);line-height:1.6}.hub-gap-grid h4{margin:0 0 7px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-dark)}.hub-gap-grid ol{margin:0 0 14px;padding-left:20px;color:#294b57}.hub-gap-grid li{padding:2px 0;line-height:1.5}.hub-gap-evidence{display:grid;gap:3px;padding:11px 13px;border-radius:10px;background:#eef5f7;font-size:12px}.hub-gap-evidence strong{color:var(--brand-dark)}.hub-gap-evidence span{color:var(--muted);line-height:1.5}@media(max-width:640px){.hub-gap-grid article{padding:16px 13px;gap:10px}.hub-gap-heading{align-items:flex-start;flex-direction:column}.hub-gap-heading b{white-space:normal}}
@media(max-width:700px){.hub-gate-grid{grid-template-columns:1fr}.hub-color-title h2{font-size:38px}.hub-result-main{padding:24px}}

/* V2.4 — adaptive answers, staged gates, and denser result UI */
@media (min-width:901px){.answer-grid.answer-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wizard-section.gate-locked{display:none!important}
.hub-result-main{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(300px,1fr);gap:36px;align-items:center;padding:30px 34px}
.hub-result-status h3{margin-bottom:0}.hub-result-explain{border-left:1px solid var(--line);padding:8px 0 8px 34px}.hub-result-explain>strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)}.hub-result-explain p{margin:10px 0;color:var(--ink);font-size:16px;line-height:1.55}.hub-result-explain small{display:block;color:var(--muted);line-height:1.55}
.hub-gate-grid article.gate-unavailable{background:#f5f7f7;color:#7b8c91}.hub-gate-grid article.gate-unavailable b{color:#89999e;font-size:11px;font-weight:600}.score-row-v15.score-unavailable{opacity:.62}.score-row-v15.score-unavailable .score-number{font-size:11px;white-space:nowrap;color:var(--muted)}
.hub-gap-grid article{align-items:flex-start}.hub-gap-grid ol,.hub-gap-grid ul{margin:0 0 14px;padding-left:19px;color:#294b57}.hub-gap-grid li{padding:3px 0;line-height:1.55}.priority-next-v19>div:last-child{min-width:245px}.priority-next-v19 .btn{display:block;text-align:center;width:100%}
@media(max-width:800px){.hub-result-main{grid-template-columns:1fr;gap:22px}.hub-result-explain{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}}

/* V2.5 — concise lead-generation result */
.hub-gate-grid{position:relative}.hub-gate-grid article{position:relative}.hub-gate-grid article:not(:last-child)::after{content:'→';position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--brand);font-weight:900}
.result-profile-card{padding:30px}.score-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.score-profile-grid .score-row-v15{display:block;margin:0;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#fbfdfd}.score-row-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}.score-profile-grid .score-number{font-size:13px;color:var(--brand);text-align:right}.score-profile-grid .progress{height:7px}
.compact-priority-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.compact-priority-grid article{display:block;padding:20px}.compact-priority-grid article>span{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:10px;background:#e9f6f2;margin-bottom:16px}.compact-priority-grid .hub-gap-heading{display:block}.compact-priority-grid .hub-gap-heading h3{font-size:18px;min-height:44px}.compact-priority-grid .hub-gap-heading b{display:inline-block;margin-top:9px}.compact-priority-grid p{font-size:13px;margin:14px 0;line-height:1.65}.priority-review-note{padding-top:13px;border-top:1px solid var(--line);font-size:11px;line-height:1.5;color:var(--muted)}
.result-priority-card .priority-next-v19{margin-top:18px;padding:26px 28px}.result-priority-card .priority-next-v19 h3{font-size:24px}.result-priority-card .priority-next-v19 .btn{border-radius:12px;padding:13px 17px}
@media(max-width:900px){.compact-priority-grid{grid-template-columns:1fr}.compact-priority-grid .hub-gap-heading h3{min-height:0}.hub-gate-grid article:not(:last-child)::after{display:none}}
@media(max-width:700px){.score-profile-grid{grid-template-columns:1fr}.result-profile-card{padding:22px 17px}.result-priority-card .priority-next-v19{padding:22px 18px}}

/* V2.6 — result showcase */
.page-result{background:radial-gradient(circle at 86% 7%,rgba(76,189,150,.10),transparent 25%),#f4f7f8}.hub-result .result-hero-v15{padding-top:32px}.hub-result .result-head-v15 h1{font-size:clamp(34px,4vw,56px);line-height:1.02;max-width:900px;margin-bottom:12px}.result-identity-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.result-identity-line span:first-child{color:var(--ink);font-weight:750}.result-identity-line i{width:4px;height:4px;border-radius:50%;background:#9bb0b5}
.result-showcase{--result-accent:#0875aa;position:relative;overflow:hidden;display:grid;grid-template-columns:220px 1fr;gap:38px;align-items:center;margin:25px 0 28px;padding:34px 40px;border:1px solid rgba(8,117,170,.15);border-radius:28px;background:linear-gradient(125deg,#fff 15%,#f1faf8 100%);box-shadow:0 22px 60px rgba(17,52,65,.10)}.result-showcase::after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;right:-105px;top:-155px;background:var(--result-accent);opacity:.07}.result-showcase.hub-color-merah{--result-accent:#cf4e59;background:linear-gradient(125deg,#fff 12%,#fff5f5 100%);border-color:rgba(207,78,89,.22)}.result-showcase.hub-color-biru{--result-accent:#3478c9}.result-showcase.hub-color-hijau{--result-accent:#29996d}.result-showcase.hub-color-emas{--result-accent:#c79328;background:linear-gradient(125deg,#fff 12%,#fff9e9 100%)}
.proper-result-focus{margin-top:24px;padding-top:18px;border-top:1px solid rgba(40,91,105,.16);max-width:300px}.proper-result-focus span{display:block;margin-bottom:7px;font-size:10px;font-weight:850;letter-spacing:.14em;color:#68818a}.proper-result-focus p{margin:0;font-size:13px;line-height:1.55;color:#385762;font-weight:650}
.result-score-ring{width:168px;height:168px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--result-accent) calc(var(--result-score)*1%),#dfe9e8 0);position:relative}.result-score-ring::before{content:'';position:absolute;inset:13px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(17,52,65,.06)}.result-score-ring>div{position:relative;z-index:1;display:flex;align-items:baseline}.result-score-ring strong{font-size:46px;letter-spacing:-.06em;color:var(--ink)}.result-score-ring span{font-size:13px;font-weight:800;color:var(--muted)}
.proper-result-orb{width:180px;height:180px;border-radius:50%;background:var(--result-accent);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 36px color-mix(in srgb,var(--result-accent) 28%,transparent)}.proper-result-orb>span{width:11px;height:11px;border-radius:50%;background:#fff;margin-bottom:9px}.proper-result-orb strong{font-size:32px;letter-spacing:.03em}.proper-result-orb small{max-width:120px;margin-top:5px;font-size:9px;line-height:1.35;text-transform:uppercase;letter-spacing:.09em;opacity:.82}
.result-showcase-copy{position:relative;z-index:1}.result-level-pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--result-accent) 12%,white);color:var(--result-accent);font-size:11px;font-weight:850}.result-showcase-copy h2{font-size:clamp(25px,3vw,38px);line-height:1.12;letter-spacing:-.04em;margin:14px 0 11px;max-width:720px}.result-showcase-copy>p{max-width:700px;color:var(--muted);font-size:14px;line-height:1.65}.result-showcase-actions{margin-top:22px;padding-top:18px;border-top:1px solid rgba(17,52,65,.10);display:flex;align-items:center;justify-content:space-between;gap:18px}.result-showcase-actions span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.result-showcase-actions a{color:var(--result-accent);font-size:12px;font-weight:850;text-decoration:none}.result-showcase-actions b{padding-left:5px}
.maturity-scale{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:25px;padding-top:13px;border-top:5px solid #e3eceb}.maturity-scale span{font-size:9px;color:#7d9297;text-align:center}.maturity-scale span:nth-child(3){color:var(--ink);font-weight:800}.maturity-scale i{position:absolute;top:-9px;width:16px;height:16px;border-radius:50%;background:var(--result-accent);border:4px solid #fff;box-shadow:0 3px 9px rgba(0,0,0,.15);transform:translateX(-50%)}
.pathway-card{padding:26px 28px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 15px 45px rgba(17,52,65,.06)}.pathway-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:20px}.pathway-heading h2{margin:7px 0 0;font-size:24px}.pathway-heading>span{max-width:360px;color:var(--muted);font-size:11px;line-height:1.5;text-align:right}.pathway-card .hub-gate-grid{gap:20px}.pathway-card .hub-gate-grid article{grid-template-columns:45px 1fr;align-items:center;gap:13px;padding:17px;border-width:1px;border-top-width:4px}.pathway-card .hub-gate-grid article>div:last-child{display:grid;gap:4px}.gate-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:17px;font-weight:900}.gate-blue{border-top-color:#3478c9!important}.gate-green{border-top-color:#29996d!important}.gate-gold{border-top-color:#c79328!important}.gate-blue .gate-icon{background:#eaf2fd;color:#3478c9}.gate-green .gate-icon{background:#e9f7f0;color:#29996d}.gate-gold .gate-icon{background:#fff5dc;color:#b47e10}.pathway-card .gate-failed{border-top-color:#cf4e59!important}.pathway-card .gate-failed .gate-icon{background:#fff0f1;color:#cf4e59}.pathway-card .gate-unavailable{border-top-color:#cbd6d8!important}.pathway-card .gate-unavailable .gate-icon{background:#eef2f2;color:#8da0a4}
.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading-row h2{margin:8px 0 0}.section-heading-row>span{font-size:10px;font-weight:750;color:var(--brand);padding:7px 10px;border-radius:999px;background:#eaf6f3}.locked-scope-summary{display:flex;align-items:flex-start;gap:14px;margin-top:15px;padding:17px 18px;border:1px dashed #bdcdd0;border-radius:14px;background:#f6f8f8}.locked-icon{width:37px;height:37px;border-radius:11px;background:#e9eeee;display:grid;place-items:center;font-size:15px}.locked-scope-summary strong{font-size:13px}.locked-scope-summary p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
@media(max-width:780px){.result-showcase{grid-template-columns:1fr;padding:27px 22px;gap:22px}.result-score-ring,.proper-result-orb{width:140px;height:140px;justify-self:center}.result-score-ring strong{font-size:39px}.proper-result-orb strong{font-size:27px}.result-showcase-copy{text-align:center}.result-showcase-copy>p{font-size:13px}.result-showcase-actions{display:grid;text-align:center}.maturity-scale span{font-size:7px}.pathway-heading{display:block}.pathway-heading>span{display:block;text-align:left;margin-top:8px}.result-identity-line{flex-wrap:wrap}.section-heading-row{align-items:flex-start;flex-direction:column}}

/* V2.7 — restrained editorial result */
.page-result{background:#f4f7f7}.hub-result{max-width:1180px}.result-head-v15{margin-bottom:22px}.result-head-v15 h1{max-width:900px;font-size:clamp(36px,4.4vw,62px);letter-spacing:-.055em}.result-summary{--status:#0878ae;display:grid;grid-template-columns:minmax(250px,34%) 1fr;background:#fff;border:1px solid #cfdddf;border-left:7px solid var(--status);border-radius:18px;box-shadow:0 14px 38px rgba(11,47,62,.07);overflow:hidden}.result-summary-value,.result-summary-copy{padding:34px 38px}.result-summary-value{border-right:1px solid #d8e2e4}.result-summary-value>span,.result-summary-copy>span{display:block;margin-bottom:12px;font-size:10px;font-weight:800;letter-spacing:.13em;color:#587582}.result-summary-value>div:not(.proper-status-name){display:flex;align-items:baseline}.result-summary-value>div strong{font-size:68px;line-height:.95;letter-spacing:-.065em;color:#062d3e}.result-summary-value>div small{margin-left:5px;font-size:17px;font-weight:800;color:#062d3e}.result-summary-value>b{display:block;margin-top:14px;font-size:22px;color:#062d3e}.result-summary-copy{display:flex;flex-direction:column;justify-content:center}.result-summary-copy h2{max-width:680px;margin:0 0 10px;font-size:30px;line-height:1.12;letter-spacing:-.035em;color:#062d3e}.result-summary-copy p{max-width:680px;margin:0;color:#59737d;font-size:14px;line-height:1.65}.result-summary-copy a{align-self:flex-start;margin-top:22px;color:var(--status);font-size:13px;font-weight:800;text-decoration:none}.result-summary-copy a:hover{text-decoration:underline}.proper-status-name{display:flex;align-items:center;gap:12px}.proper-status-name i{width:13px;height:13px;background:var(--status);border-radius:50%}.proper-status-name strong{font-size:43px!important;letter-spacing:-.04em!important}.hub-color-merah{--status:#cf4e59}.hub-color-biru{--status:#3478c9}.hub-color-hijau{--status:#29996d}.hub-color-emas{--status:#bd861b}.pathway-card{margin-top:26px;padding:30px 32px;border-radius:18px;box-shadow:0 10px 30px rgba(11,47,62,.05)}.pathway-heading{align-items:start;margin-bottom:24px}.pathway-heading h2{font-size:25px}.pathway-card .hub-gate-grid{gap:12px}.pathway-card .hub-gate-grid article{position:relative;grid-template-columns:1fr;min-height:128px;padding:22px 20px;border:1px solid #d5e0e2!important;border-top:5px solid var(--gate-color)!important;border-radius:12px;box-shadow:none}.pathway-card .hub-gate-grid article.gate-blue{--gate-color:#3478c9}.pathway-card .hub-gate-grid article.gate-green{--gate-color:#29996d}.pathway-card .hub-gate-grid article.gate-gold{--gate-color:#bd861b}.pathway-card .hub-gate-grid article.gate-failed{--gate-color:#cf4e59}.pathway-card .hub-gate-grid article.gate-unavailable{--gate-color:#cbd5d7;background:#f7f9f9;color:#7d9198}.pathway-card .gate-icon{display:none}.pathway-card .hub-gate-grid article>div:last-child{display:flex;flex-direction:column;gap:5px}.pathway-card .hub-gate-grid article span{color:var(--gate-color);font-size:10px;letter-spacing:.11em}.pathway-card .hub-gate-grid article strong{font-size:15px}.pathway-card .hub-gate-grid article b{font-size:12px;font-weight:600;color:#698088}.result-profile-card,.result-priority-card{border-radius:18px;box-shadow:0 10px 30px rgba(11,47,62,.05)}
@media(max-width:780px){.result-summary{grid-template-columns:1fr}.result-summary-value,.result-summary-copy{padding:26px 24px}.result-summary-value{border-right:0;border-bottom:1px solid #d8e2e4}.result-summary-value>div strong{font-size:55px}.proper-status-name strong{font-size:36px!important}.result-summary-copy h2{font-size:25px}.pathway-card{padding:25px 20px}.pathway-card .hub-gate-grid{grid-template-columns:1fr}.pathway-card .hub-gate-grid article{min-height:auto}.result-head-v15 h1{font-size:38px}}

/* V3.4 — Plus Jakarta Sans and roomier focus guidance */
.proper-result-focus{display:block!important;margin-top:26px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--status) 18%,#d8e5e8);border-radius:14px;background:color-mix(in srgb,var(--status) 6%,#fff);max-width:100%}
.proper-result-focus span{display:block;margin:0 0 10px;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--status)}
.proper-result-focus p{display:block;margin:0;font-size:14px;line-height:1.7;color:#284c5b;font-weight:650}

/* Screening industri sawit: empat pilihan setara pada layar lebar. */
@media (min-width:901px){.answer-grid.answer-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.answer-grid.answer-grid-4 .answer-option:last-child{grid-column:auto}}


/* Assessment Hub — benefits section on landing page */
.assessment-benefits{margin:46px 0 0;padding:34px 0 4px;border-top:1px solid var(--line)}
.assessment-benefits-heading{max-width:760px;margin-bottom:24px}
.assessment-benefits-heading h2{font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:-.04em;margin:12px 0 10px;color:var(--ink)}
.assessment-benefits-heading>p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.assessment-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.assessment-benefit-card{display:flex;align-items:flex-start;gap:14px;padding:21px 19px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fbfc)}
.assessment-benefit-number{flex:0 0 36px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#edf5f7;color:var(--brand);font-size:11px;font-weight:900}
.assessment-benefit-card h3{margin:2px 0 7px;font-size:16px;line-height:1.3;color:var(--ink)}
.assessment-benefit-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.assessment-benefits-note{display:flex;align-items:center;gap:13px;margin-top:17px;padding:17px 19px;border:1px solid #cfe5df;border-radius:15px;background:#f3faf7}
.assessment-benefits-note-icon{flex:0 0 34px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e0f2eb;color:#28745f;font-size:17px}
.assessment-benefits-note p{margin:0;color:#315b53;font-size:13px;line-height:1.6}
.assessment-benefits-note strong{color:#205b4a}
@media(max-width:760px){.assessment-benefits{margin-top:34px;padding-top:27px}.assessment-benefits-grid{grid-template-columns:1fr;gap:11px}.assessment-benefit-card{padding:17px}.assessment-benefits-note{align-items:flex-start;padding:15px}.assessment-benefits-heading h2{font-size:29px}}