:root{--navy:#07152f;--navy2:#123566;--gold:#d9a62e;--gold2:#f3d374;--ink:#101828;--muted:#667085;--line:#e4e7ec;--paper:#f6f8fb;--green:#157347}*{box-sizing:border-box}html{background:#f4f6f9}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 88% 0,rgba(217,166,46,.12),transparent 30%),#f4f6f9;min-height:100vh}.wrap{width:min(calc(100% - 32px),1080px);margin:auto}.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.bar{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:900;letter-spacing:.08em}.brand img{width:36px;height:36px}.headerMeta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.headerMeta a{color:#765600;font-weight:800;text-decoration:none}.screeningShell{padding:42px 0 70px}.screeningHero{background:linear-gradient(145deg,#030916,var(--navy) 58%,var(--navy2));color:#fff;border-radius:30px;padding:42px;box-shadow:0 24px 70px rgba(7,21,47,.17)}.heroBadge{font-size:11px;font-weight:900;letter-spacing:.15em;color:#f0ca62}.screeningHero h1{font-size:clamp(42px,7vw,72px);line-height:.98;letter-spacing:-.045em;margin:14px 0 16px}.screeningHero p{max-width:780px;font-size:18px;color:#d8e0eb;margin:0}.heroFacts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.heroFacts span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.stage,.lastResult{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 12px 38px rgba(7,21,47,.06)}.hidden{display:none!important}.stageHead{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start}.step{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff8e6;color:#886200;font-weight:900;border:1px solid #edd38b}.stage h2{font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.03em;margin:0 0 9px}.stage p{color:var(--muted)}.trackGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.trackCard{appearance:none;text-align:left;border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px;cursor:pointer;transition:.18s ease;min-height:150px}.trackCard:hover,.trackCard:focus-visible{transform:translateY(-2px);border-color:#d7b55a;box-shadow:0 16px 34px rgba(7,21,47,.08);outline:none}.trackCard .trackIcon{font-size:12px;font-weight:900;color:#8a6500;letter-spacing:.1em}.trackCard strong{display:block;font-size:21px;margin:10px 0 7px;color:var(--navy)}.trackCard small{display:block;color:var(--muted);font-size:14px;line-height:1.55}.privacyNote{font-size:12px;margin:18px 0 0}.quizTop{display:flex;justify-content:space-between;gap:20px;align-items:end}.quizTop>div{display:grid;gap:5px}.quizTrack{font-weight:900;color:#876300}.textBtn{border:0;background:transparent;color:#765600;font-weight:850;cursor:pointer}.progress{height:8px;border-radius:999px;background:#edf0f4;overflow:hidden;margin:18px 0 26px}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#b47c05,var(--gold2));transition:width .25s ease}.questionCard{border:1px solid var(--line);border-radius:24px;padding:28px;background:linear-gradient(180deg,#fff,#fcfcfd)}.questionMeta{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#8a6500}.questionCard h2{font-size:clamp(24px,4vw,36px);margin:18px 0 20px;line-height:1.15}.answers{display:grid;gap:10px}.answer{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;padding:15px 16px;cursor:pointer;font:inherit;color:var(--ink)}.answer:hover{border-color:#d8bb70}.answer.selected{border-color:#c79417;background:#fffaf0;box-shadow:0 0 0 2px rgba(217,166,46,.12)}.answerKey{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f2f4f7;font-size:12px;font-weight:900}.answer.selected .answerKey{background:var(--gold);color:#07152f}.questionActions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:11px 18px;font-weight:850;text-decoration:none;border:1px solid transparent;cursor:pointer;font:inherit}.btn:disabled{opacity:.45;cursor:not-allowed}.btnGold{background:linear-gradient(135deg,var(--gold2),#d29a16);color:#101828}.btnDark{background:var(--navy);color:#fff}.btnSoft{background:#fff;color:var(--navy);border-color:var(--line)}.resultHeader{display:flex;justify-content:space-between;gap:26px;align-items:center}.resultHeader h2{font-size:clamp(30px,5vw,50px);margin:10px 0 5px}.resultHeader h2 strong{color:#946a00}.resultHeader p{margin:0;color:var(--muted)}.scoreRing{--score:0;flex:0 0 144px;width:144px;height:144px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--score)*1%),#edf0f4 0);position:relative}.scoreRing:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.scoreRing div{position:relative;z-index:1;display:flex;align-items:baseline}.scoreRing strong{font-size:38px;color:var(--navy)}.scoreRing span{font-size:13px;color:var(--muted)}.resultGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:22px}.resultCard{border:1px solid var(--line);border-radius:22px;padding:22px;background:#fff}.resultCard h3{margin:0 0 16px;color:var(--navy)}.skillRow{display:grid;grid-template-columns:180px 1fr 42px;gap:12px;align-items:center;margin:13px 0}.skillRow span:first-child{font-size:13px;font-weight:750}.skillTrack{height:9px;border-radius:999px;background:#edf0f4;overflow:hidden}.skillTrack i{display:block;height:100%;background:linear-gradient(90deg,#b47c05,var(--gold2));border-radius:999px}.skillRow b{font-size:12px;text-align:right}.pillList{display:flex;gap:8px;flex-wrap:wrap}.pillList span{padding:8px 10px;border-radius:999px;background:#eef7f1;color:#17643b;font-size:12px;font-weight:800}.pillList.focus span{background:#fff5e5;color:#855f00}.focusTitle{margin-top:24px!important}.recommendationCard{margin-top:16px;background:linear-gradient(145deg,#07152f,#123566);color:#fff;border-color:transparent}.recommendationCard h3{color:#fff;font-size:22px;line-height:1.35}.recommendationLabel{font-size:10px;font-weight:900;letter-spacing:.12em;color:#f1cc64}.planGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.planItem{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:13px;background:rgba(255,255,255,.05);font-size:13px;color:#e7edf5}.resultNote{color:#abb7c8!important;font-size:12px}.resultActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.lastResult{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px}.lastResult strong{color:var(--navy)}.lastResult p{margin:3px 0 0;color:var(--muted);font-size:13px}.screeningStatus{margin-top:14px;color:#a33;font-weight:700}.screeningStatus.ok{color:var(--green)}body.loading:after{content:"";position:fixed;inset:0;background:rgba(255,255,255,.58);backdrop-filter:blur(2px);z-index:99}body.loading:before{content:"";position:fixed;z-index:100;left:50%;top:50%;width:34px;height:34px;margin:-17px;border:4px solid #d9dde4;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.screeningHero{padding:30px 22px;border-radius:24px}.stage{padding:22px}.trackGrid,.resultGrid,.planGrid{grid-template-columns:1fr}.resultHeader{align-items:flex-start}.scoreRing{flex-basis:112px;width:112px;height:112px}.scoreRing strong{font-size:30px}.skillRow{grid-template-columns:125px 1fr 36px}.headerMeta span{display:none}}@media(max-width:520px){.screeningShell{padding-top:22px}.trackGrid{grid-template-columns:1fr}.resultHeader{display:grid;grid-template-columns:1fr auto}.questionActions .btn{flex:1}.resultActions .btn{width:100%}.lastResult{align-items:flex-start;flex-direction:column}}

/* Screening readability and unmistakable choice/result feedback */
.quizTop [data-track-choice]{
  display:block;
  margin-top:3px;
  color:#68758a;
  font-size:13px;
  line-height:1.4
}
.questionCard .answer{
  position:relative;
  min-height:52px;
  padding:15px 40px 15px 16px;
  font-size:16px;
  line-height:1.5
}
.questionCard .answer.selected{
  border:2px solid #b88714;
  background:#fff6dd;
  box-shadow:0 0 0 3px rgba(217,166,46,.17)
}
.questionCard .answer.selected:after{
  content:"✓";
  position:absolute;
  top:14px;
  right:14px;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#198455;
  color:#fff;
  font-size:13px;
  font-weight:900
}
.screeningAnswerFeedback{
  min-height:43px;
  display:flex;
  align-items:center;
  margin-top:11px;
  padding:10px 13px;
  border:1px solid #e0e5ed;
  border-radius:12px;
  background:#f8fafc;
  color:#58677d;
  font-size:14px;
  font-weight:700;
  line-height:1.45
}
.screeningAnswerFeedback.selected{
  border-color:#9bcdae;
  background:#eef9f2;
  color:#17643d
}
.quizTop .quizTrack{font-size:15px}
.quizTop [data-progress-label]{font-size:15px;color:#172941}
.questionMeta{font-size:12px}
.questionActions .btn{min-height:47px;font-size:15px;font-weight:850}
.trackCard strong{font-size:20px}
.trackCard small{font-size:15px}
.screeningResultNotice{
  margin-top:18px;
  padding:14px 16px;
  border:1px solid #d6dde8;
  border-radius:14px;
  background:#f3f7fb;
  color:#24384e;
  font-size:15px;
  font-weight:800;
  line-height:1.5
}
.screeningResultNotice.justSaved{
  border-color:#9dd3b5;
  background:#edf9f1;
  color:#166a43
}
.screeningStatus:not(:empty){
  padding:13px 15px;
  border:1px solid #e9bcc2;
  border-radius:13px;
  background:#fff1f2;
  font-size:14px;
  line-height:1.45
}
.screeningStatus.ok:not(:empty){border-color:#b6ddc4;background:#f0faf3}
.resultActions .btn{font-size:15px;font-weight:850}
@media(max-width:520px){
  .quizTop [data-track-choice]{font-size:13px}
  .questionCard{padding:17px 14px}
  .questionCard h2{font-size:25px;line-height:1.22}
  .questionCard .answer{font-size:16px}
  .questionActions{margin-top:14px}
  .questionActions .btn{font-size:15px}
  .screeningResultNotice{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .trackCard{transition:none}
  .answer{transition:none}
}

.screeningAnswerFeedback.error{
  border-color:#d68e96;
  background:#fff0f2;
  color:#8f303a;
  font-weight:800
}


/* USFLUENT Screening — iOS/Safari automatic dark mode.
   Covers the entire flow: starting point, track selection, quiz, last result,
   scores, recommendations, validation and loading. */
@media (prefers-color-scheme:dark){
  :root{
    color-scheme:dark;
    --ink:#eff5fc;
    --muted:#bbcbe0;
    --line:#3a526e;
    --paper:#07152f;
    --green:#91e1b5;
  }
  html{background:#061327}
  body{
    color:#f0f5fc;
    background:radial-gradient(circle at 88% 0,rgba(217,166,46,.10),transparent 32%),#07152f;
  }
  .top{
    background:rgba(7,21,47,.97);
    border-bottom-color:#344a68;
  }
  .brand{color:#f5f8fd}
  .headerMeta,.headerMeta span{color:#b8c7d8}
  .headerMeta a{color:#f1cf76}
  .screeningHero{
    background:linear-gradient(140deg,#030a1a,#102746 65%,#183d6d);
    color:#fff;
    box-shadow:0 18px 44px rgba(0,0,0,.26);
  }
  .screeningHero h1{color:#fff}
  .screeningHero p{color:#d5dfed}
  .stage,.lastResult{
    background:#122844;
    color:#f1f6fd;
    border-color:#3b536e;
    box-shadow:0 12px 34px rgba(0,0,0,.16);
  }
  .stage h2,.stage h3,.lastResult strong{color:#f1f6fd}
  .stage p,.lastResult p,.privacyNote{color:#bdcce0}
  .step{
    background:#273a55;
    border-color:#9a824f;
    color:#f5d37b;
  }
  .trackCard{
    color:#eef5fc;
    background:#1a324f;
    border-color:#48607a;
  }
  .trackCard strong{color:#f6f9ff}
  .trackCard small{color:#c3d1e2}
  .trackCard .trackIcon,.quizTrack,.questionMeta{color:#f1cd70}
  .trackCard:hover,.trackCard:focus-visible{
    background:#203c5c;
    border-color:#e0ba5b;
    box-shadow:0 9px 24px rgba(0,0,0,.18);
  }
  .textBtn{color:#f1cf78}
  .quizTop [data-track-choice]{color:#b9c9dc}
  .quizTop [data-progress-label]{color:#ecf4fc}
  .progress,.skillTrack{background:#2a415f}
  .questionCard{
    background:linear-gradient(180deg,#152d49,#10243f);
    border-color:#405873;
    color:#f0f5fd;
  }
  .questionCard h2{color:#f4f8fd}
  .answer{
    background:#1a3350;
    border-color:#465e79;
    color:#f1f6fe;
  }
  .answerKey{background:#2a4567;color:#f2f7fd}
  .answer:hover{background:#233f60;border-color:#e0bd6b}
  .answer.selected,.questionCard .answer.selected{
    background:#3b341d;
    border-color:#f2c76a;
    color:#fff4dc;
    box-shadow:0 0 0 2px rgba(242,199,106,.21);
  }
  .answer.selected .answerKey{background:#f1ca72;color:#08172c}
  .btnSoft{background:#213a58;border-color:#627891;color:#f4f7fd}
  .btnDark{background:#0a1930;border-color:#71859a;color:#fff}
  .btnGold{background:linear-gradient(135deg,#f4d57c,#dea829);color:#0b1930}
  .resultHeader h2,.resultHeader h2 strong{color:#f5f8fc}
  .resultHeader h2 strong{color:#f1d27b}
  .resultHeader p{color:#c1cfe0}
  .scoreRing{background:conic-gradient(#e7b846 calc(var(--score)*1%),#344962 0)}
  .scoreRing:after{background:#122844}
  .scoreRing strong{color:#f5f8fd}
  .scoreRing span{color:#b6c7dd}
  .resultCard{
    background:#192f4d;
    color:#eef5fd;
    border-color:#3b536e;
  }
  .resultCard h3{color:#f5f9fe}
  .pillList span{background:#193d36;color:#a9ebc7}
  .pillList.focus span{background:#45391c;color:#f3d284}
  .recommendationCard{
    background:linear-gradient(145deg,#0a1b35,#1b3e6d);
    border-color:#455c76;
    color:#f8fbff;
  }
  .recommendationCard h3{color:#f8fbff}
  .recommendationLabel{color:#f4d174}
  .planItem{background:#1d395c;border-color:#506580;color:#edf5fe}
  .resultNote{color:#bccde2!important}
  .screeningAnswerFeedback{
    background:#1c3552;
    color:#c9d8e8;
    border-color:#4c637f;
  }
  .screeningAnswerFeedback.selected{
    background:#183b34;
    color:#b4ebca;
    border-color:#568e78;
  }
  .screeningAnswerFeedback.error{
    background:#452733;
    color:#ffced5;
    border-color:#a96b7a;
  }
  .screeningResultNotice{
    background:#213b59;
    color:#f1f6fd;
    border-color:#4b6684;
  }
  .screeningResultNotice.justSaved{
    background:#1b3a34;
    color:#b7edcf;
    border-color:#588d78;
  }
  .screeningStatus{color:#ffb9c3}
  .screeningStatus.ok{color:#a4e8c0}
  .screeningStatus:not(:empty){
    background:#462630;
    color:#ffd0d6;
    border-color:#975765;
  }
  .screeningStatus.ok:not(:empty){
    background:#1b3a34;
    color:#b7edcf;
    border-color:#588d78;
  }
  body.loading:after{background:rgba(4,13,28,.67)}
  body.loading:before{border-color:#62718b;border-top-color:#f0ca67}
}