:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#0c2e5d;background:#f8fbfe;--ink:#0c2e5d;--muted:#496281;--accent:#4aa4fd;--pale:#e5f2ff;--line:#d8e4f0;--white:#fff}
*,*::before,*::after{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}[hidden]{display:none!important}button,a,input,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #257ad5;outline-offset:4px}.wrap{max-width:1280px;padding:0 64px;margin:0 auto}.mast{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:17px}.brand{display:flex}.brand img{height:auto;width:109px}.mast-divider{height:24px;width:1px;background:var(--line)}.mast-label,.badge,.eyebrow,.step-label{font-size:.68rem;letter-spacing:.13em;font-weight:750}.mast-label{color:var(--muted)}.badge{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid #c8e1fa;border-radius:100px;padding:8px 12px;background:#eef7ff;white-space:nowrap}.badge i{width:7px;height:7px;border-radius:50%;background:#247dd7}.primary,.secondary{border:1px solid transparent;min-height:49px;border-radius:10px;font-size:.94rem;font-weight:700;padding:12px 18px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:22px}.primary{background:var(--ink);color:white}.primary:hover{background:#17477e}.primary:disabled{opacity:.65;cursor:wait}.secondary{background:white;border-color:var(--line);color:var(--ink)}.secondary:hover{background:var(--pale)}.art-top,.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0 44px;border-block:1px solid var(--line);padding:20px 0}.facts>div{display:flex;gap:13px;align-items:center;padding-left:22px;border-left:1px solid var(--line)}.facts>div:first-child{border:0;padding-left:0}.fact-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:11px;background:var(--pale);font-size:1.33rem}.facts p{margin:0}.facts strong,.facts small{display:block}.facts strong{font-size:.88rem}.facts small{margin-top:3px;color:var(--muted);font-size:.76rem}footer{border-top:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:18px;color:var(--muted);font-size:.76rem;padding:14px 0 23px}footer span{font-weight:700;white-space:nowrap}footer p{margin:0}
.flow{max-width:740px;margin:42px auto 54px}.meter-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.step-label{color:#285789}.count{font-size:.76rem;font-variant-numeric:tabular-nums;color:var(--muted)}progress{width:100%;height:6px;display:block;border:0;border-radius:10px;overflow:hidden;background:#e0ecf8;appearance:none}progress::-webkit-progress-bar{background:#e0ecf8}progress::-webkit-progress-value{background:#378ee6}progress::-moz-progress-bar{background:#378ee6}.chapter{margin:17px 0 13px;color:var(--muted);font-size:.86rem;font-weight:600}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:clamp(19px,4vw,37px);box-shadow:0 10px 30px #0c2e5d0a}.question-title,.result-title{margin:0 0 13px;font-size:clamp(1.5rem,3.3vw,2.15rem);line-height:1.16;letter-spacing:-.033em}.question-title:focus,.result-title:focus{outline:none}.hint{color:var(--muted);line-height:1.55;margin:0 0 18px;font-size:.91rem}.choices{display:grid;gap:8px;margin:17px 0 0}.choice{min-height:45px;border:1px solid var(--line);border-radius:9px;background:#fbfdff;display:flex;align-items:center;gap:11px;padding:9px 13px;font-size:.92rem;line-height:1.38;cursor:pointer}.choice:hover,.choice:has(input:checked){background:#edf6ff;border-color:#75afe9}.choice:has(input:disabled){opacity:.62;cursor:default}.choice:focus-within{outline:2px solid #257ad5;outline-offset:2px}.choice input{accent-color:#175b9f;flex:0 0 16px;width:16px;height:16px;margin:0}.scale{display:grid;grid-template-columns:repeat(5,1fr)}.scale .choice{display:grid;place-items:center;padding:11px 5px;position:relative}.scale input{position:absolute;opacity:0}.scale .choice:has(input:checked){color:white;background:#17477e;border-color:#17477e}.optional{font-size:.75rem;color:var(--muted);margin:0 0 10px}textarea{width:100%;min-height:124px;border:1px solid #b0c6df;border-radius:9px;padding:12px;color:var(--ink);background:#fbfdff;resize:vertical}.nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.selection-count{margin:10px 0 0;color:var(--muted);font-size:.81rem}.error{color:#9a2431;font-size:.9rem;margin-bottom:0}.concept{border:1px solid #c7def8;background:#eef7ff;border-radius:10px;color:#224975;padding:15px;margin:0 0 20px;font-size:.9rem;line-height:1.55}.concept p{margin:0 0 6px}.concept ul{margin:0;padding-left:20px}.result{padding-block:42px}.result .result .hint{font-size:1rem}
@media(max-width:1000px){.wrap{padding:0 40px}}@media(max-width:760px){.wrap{padding:0 22px}.mast{height:68px;gap:10px}.brand img{width:93px}.facts{margin:25px 0 29px}.facts>div{padding-left:9px;gap:6px;flex-direction:column;align-items:flex-start}.fact-icon{width:31px;height:31px;flex-basis:31px;font-size:1rem}.facts strong{font-size:.77rem}.facts small{font-size:.68rem}.flow{margin-top:25px}.card{border-radius:13px}footer{flex-wrap:wrap;gap:6px}}@media(max-width:340px){.mast-label,.mast-divider{display:none}}


/* The original presentation artwork is an uncut image, so every route stays visible. */
.intro{position:relative;isolation:isolate;overflow:hidden;margin-top:32px;border-radius:22px;background:#031322;color:#f5fbff;box-shadow:0 16px 42px #0c2e5d1d}
.cover-map{display:block;width:100%;height:auto}
.intro-copy{position:absolute;top:0;left:0;width:100%;padding:clamp(24px,4vw,53px);background:linear-gradient(180deg,#031322 0%,#031322 45%,#03132200 100%);pointer-events:none}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 13px;color:#a6d9ff}
.eyebrow span{width:7px;height:7px;border-radius:50%;background:currentColor}
.intro h1{margin:0;font:500 clamp(2.6rem,5.1vw,4.8rem)/1 Georgia,serif;letter-spacing:-.065em}
.cover-break{display:none}
.period{color:#69bcff}
.lede{max-width:520px;margin:14px 0 0;line-height:1.55;color:#d0e2f3;font-size:clamp(.88rem,1.5vw,1rem)}
.start{pointer-events:auto;margin-top:17px;min-width:165px;background:#e5f2ff;color:#0c2e5d}
.start:hover{background:#bdddff}
.start:focus-visible{outline-color:#90cdff}
.result .eyebrow{color:#285789}
@media(min-width:951px){
  .intro-copy{padding-right:230px}
  .start{position:absolute;right:clamp(24px,4vw,53px);top:50%;margin:0;transform:translateY(-50%)}
}
@media(max-width:950px){
  .intro{display:flex;flex-direction:column;margin-top:24px}
  .intro-copy{position:static;order:-1;padding:26px 26px 0;background:none}
  .cover-map{margin-top:-4.8%;position:relative;z-index:-1}
}
@media(max-width:540px){
  .intro{border-radius:15px}
  .intro-copy{padding:24px 18px 0}
  .intro h1{font-size:clamp(2.12rem,8vw,2.85rem)}
  .cover-break{display:initial}
  .cover-map{margin-top:0}
}