:root{--ink:#13251f;--muted:#607069;--paper:#f7f8f3;--white:#fff;--line:#d9dfda;--forest:#173f32;--green:#277a5c;--mint:#dceee5;--amber:#d69032;--amber-soft:#fff2d9;--red:#a94a41;--red-soft:#fce9e5;--shadow:0 18px 50px #18372d17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}svg{width:1.1em;height:1.1em}.topbar{background:var(--forest);color:#fff;z-index:20;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:12px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{color:#102a21;background:#d9a14a;border-radius:12px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:24px;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:21px}.brand small{color:#bcd0c7;letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:11px}.top-actions{align-items:center;gap:12px;display:flex}.beta-pill{color:#dfece6;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;display:inline-flex}.beta-pill span{background:#68d6a3;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #68d6a321}.ghost-button{color:#dfece6;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px;display:inline-flex}.ghost-button:hover{color:#fff}.hero{color:#fff;background:radial-gradient(circle at 82% 18%,#dcae5c38,#0000 31%),linear-gradient(135deg,#173f32 0%,#102d25 100%);grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);align-items:center;gap:clamp(42px,8vw,110px);padding:clamp(55px,8vw,105px) clamp(20px,6vw,88px);display:grid}.hero-copy{max-width:820px}.eyebrow{color:var(--amber);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.04em;max-width:790px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,6vw,78px);font-weight:500;line-height:.98}.hero-lede{color:#d0ddd7;max-width:720px;margin:25px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.65}.scope-note{color:#c8d9d1;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;max-width:760px;margin-top:26px;padding:14px 16px;font-size:14px;line-height:1.55}.scope-note strong{color:#fff}.hero-score{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff29;border-radius:22px;flex-direction:column;justify-content:center;min-height:310px;padding:30px;display:flex;box-shadow:inset 0 1px #ffffff14}.score-label{color:#c5d5cd;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.hero-score>strong{margin-top:13px;font-family:Georgia,serif;font-size:clamp(68px,8vw,100px);font-weight:500;line-height:1}.hero-score>strong small{color:#9cb1a8;font-family:Inter,sans-serif;font-size:18px}.hero-score>span:not(.score-label){color:#e6eee9;margin-top:10px}.meter{background:#ffffff1f;border-radius:99px;height:8px;margin:23px 0 11px;overflow:hidden}.meter i{border-radius:inherit;background:linear-gradient(90deg,#dd9e44,#f1ca82);height:100%;transition:width .35s;display:block}.hero-score>small{color:#9eb3aa}.workspace{grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);align-items:start;gap:28px;max-width:1500px;margin:0 auto;padding:clamp(32px,5vw,72px) clamp(18px,4vw,56px);display:grid}.question-card,.completion-card,.evidence-panel{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);border-radius:18px}.question-card{padding:clamp(22px,4vw,42px)}.question-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:10px 22px;font-size:12px;font-weight:700;display:flex}.question-meta span:first-child{color:var(--green)}.question-meta span:last-child{align-items:center;gap:5px;margin-left:auto;display:inline-flex}.question-meta .over-time{color:var(--red)}.progress-track{background:#edf0ed;border-radius:99px;height:4px;margin:19px 0 30px;overflow:hidden}.progress-track i{background:var(--green);height:100%;transition:width .3s;display:block}.question-card h2,.completion-card h2,.method-section h2,.roadmap-section h2{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-weight:500}.question-card h2{margin:0 0 30px;font-size:clamp(25px,3.5vw,38px);line-height:1.25}.choice-list{gap:11px;display:grid}.choice{text-align:left;border:1px solid var(--line);width:100%;min-height:64px;color:var(--ink);cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:14px;padding:12px 16px;transition:all .18s;display:flex}.choice>span{color:#53645d;background:#eef2ef;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.choice strong{font-size:15px;line-height:1.4}.choice:hover:not(:disabled),.choice.selected{border-color:var(--green);background:#f2faf6;transform:translateY(-1px)}.choice.selected>span{background:var(--green);color:#fff}.choice.correct{background:var(--mint);border-color:#68a88d}.choice.correct>span{background:var(--green);color:#fff}.choice.incorrect{background:var(--red-soft);border-color:#d89990}.choice.incorrect>span{background:var(--red);color:#fff}.choice.muted{opacity:.55}.answer-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:18px;margin-top:26px;padding-top:24px;display:flex}.answer-controls label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex:1;font-size:12px;font-weight:800}.answer-controls select{border:1px solid var(--line);width:100%;max-width:370px;color:var(--ink);text-transform:none;letter-spacing:0;background:#fff;border-radius:9px;margin-top:8px;padding:12px;font-weight:600;display:block}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-weight:800;transition:all .18s;display:inline-flex}.primary-button{color:#fff;background:var(--forest)}.primary-button:hover:not(:disabled){background:#245b48;transform:translateY(-1px)}.primary-button:disabled{opacity:.4;cursor:not-allowed}.secondary-button{color:var(--forest);background:var(--mint)}.feedback{border:1px solid;border-radius:13px;margin-top:26px;padding:24px}.feedback.good{background:#f0faf5;border-color:#aad3c0}.feedback.needs-work{background:#fff7ee;border-color:#ebcda4}.feedback-title{align-items:center;gap:12px;display:flex}.feedback-title>span{background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.feedback-title small,.feedback-title strong{display:block}.feedback-title small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.feedback-title strong{margin-top:2px}.feedback>p{color:#43534d;margin:18px 0;line-height:1.65}.reference-cue{color:#43534d;background:#ffffffb8;border-radius:10px;gap:11px;padding:14px;font-size:13px;line-height:1.5;display:flex}.reference-cue svg{color:var(--green);flex:none;margin-top:2px}.reference-cue strong{color:var(--ink);display:block}.feedback .primary-button{margin-top:20px}.evidence-panel{padding:22px;position:sticky;top:98px}.next-action{background:var(--amber-soft);border:1px solid #efd49b;border-radius:13px;gap:13px;padding:18px;display:flex}.next-action>span{color:#9a611a;background:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.next-action small{color:#886023;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}.next-action h3{margin:4px 0 7px;font-size:17px}.next-action p{color:#6c5532;margin:0;font-size:13px;line-height:1.5}.metric-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 23px;display:grid}.metric-grid>div{border:1px solid var(--line);text-align:center;border-radius:10px;min-width:0;padding:12px 8px}.metric-grid span{color:var(--green);place-items:center;display:inline-grid}.metric-grid small,.metric-grid strong{display:block}.metric-grid small{color:var(--muted);margin:5px 0 3px;font-size:10px}.metric-grid strong{font-size:18px}.panel-heading{margin:0 0 10px;font-size:14px}.topic-list{display:grid}.topic-row{border-top:1px solid #e8ece9;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.topic-row strong,.topic-row small{display:block}.topic-row strong{font-size:13px}.topic-row small{color:var(--muted);margin-top:3px;font-size:10px}.topic-row>span{border-radius:8px;place-items:center;width:36px;height:29px;font-size:12px;font-weight:900;display:grid}.topic-row>span.neutral{color:#7b8983;background:#eef1ef}.topic-row>span.good{background:var(--mint);color:#23684e}.topic-row>span.warn{background:var(--amber-soft);color:#94601a}.topic-row>span.risk{background:var(--red-soft);color:var(--red)}.completion-card{text-align:center;padding:clamp(28px,5vw,56px)}.completion-icon{background:var(--amber-soft);color:#9a611a;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:28px;display:grid}.completion-icon.success{background:var(--mint);color:var(--green)}.completion-card h2{max-width:700px;margin:0 auto;font-size:clamp(30px,4vw,48px)}.completion-card>p:not(.eyebrow){max-width:670px;color:var(--muted);margin:18px auto 0;line-height:1.65}.completion-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0;display:grid}.completion-stats div{background:#f0f4f1;border-radius:11px;padding:17px}.completion-stats small,.completion-stats strong{display:block}.completion-stats small{color:var(--muted)}.completion-stats strong{margin-top:5px;font-size:26px}.method-section,.roadmap-section{padding:clamp(60px,8vw,105px) clamp(20px,6vw,88px)}.method-section{background:#ede9df}.method-section>div:first-child,.roadmap-section>div:first-child{grid-template-columns:.45fr 1fr;align-items:end;gap:30px;display:grid}.method-section h2,.roadmap-section h2{margin:0;font-size:clamp(34px,5vw,59px);line-height:1.06}.method-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px;display:grid}.method-grid article{border-top:1px solid #c9c7be;padding:28px}.method-grid article>span{color:var(--amber);font-family:Georgia,serif;font-size:32px}.method-grid h3{margin:22px 0 10px;font-family:Georgia,serif;font-size:23px}.method-grid p,.program-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.roadmap-section{background:#fff}.program-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:48px;display:grid}.program-grid article{border:1px solid var(--line);background:#fbfcfa;border-radius:13px;padding:24px}.program-grid article.available{color:#fff;background:var(--forest);border-color:var(--forest);grid-row:span 2}.program-grid article>span{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:10px;font-weight:900}.program-grid h3{margin:15px 0 9px;font-family:Georgia,serif;font-size:22px}.program-grid .available p{color:#c9d8d1}footer{color:#c0d1c9;background:#0d241d;justify-content:space-between;gap:40px;padding:35px clamp(20px,6vw,88px);font-size:12px;line-height:1.5;display:flex}footer strong{color:#fff;font-family:Georgia,serif;font-size:20px;display:block}footer p{max-width:680px;margin:5px 0 0}@media (max-width:1000px){.hero,.workspace{grid-template-columns:1fr}.hero-score{min-height:240px}.evidence-panel{position:static}.method-section>div:first-child,.roadmap-section>div:first-child{grid-template-columns:1fr}}@media (max-width:720px){.topbar{padding:10px 16px}.brand small,.beta-pill{display:none}.hero{padding:52px 20px}.hero h1{font-size:43px}.hero-score{min-height:215px;padding:24px}.workspace{padding:22px 12px}.question-card{border-radius:14px;padding:20px 16px}.question-meta span:last-child{margin-left:0}.answer-controls{flex-direction:column;align-items:stretch}.answer-controls select{max-width:none}.primary-button{width:100%}.completion-stats,.method-grid,.program-grid{grid-template-columns:1fr}.metric-grid{gap:5px}.method-section,.roadmap-section{padding:60px 20px}.method-grid article{padding:22px 0}.program-grid article.available{grid-row:auto}footer{flex-direction:column;padding:32px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
