:root{--navy: #091F49;--navy2: #2D4166;--blue: #587EB6;--gold: #F6C343;--cream: #FADE95;--paper: #F0F6FF;--white: #ffffff;--ink: #0b1730;--muted: #42527a;--font-head: "Oswald", "Bebas Neue", "Arial Narrow", system-ui, sans-serif;--font-body: "Lato", "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;--maxw: 640px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--navy);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;padding:24px 16px 64px;min-height:100vh}.app{width:100%;max-width:var(--maxw)}.card{background:var(--paper);border-radius:4px;box-shadow:0 24px 60px #00000059;overflow:hidden}.brand-foot{background:var(--navy);padding:22px 34px;display:flex;justify-content:center;align-items:center}.logo-foot{display:block;height:56px;width:auto;filter:brightness(30);mix-blend-mode:screen}h1,h2,h3{font-family:var(--font-head);font-weight:700;margin:0;text-wrap:balance;line-height:1.02}.eyebrow{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.18em;font-weight:600;font-size:.72rem;color:var(--blue)}.eyebrow.on-navy{color:var(--gold)}button{font-family:var(--font-body);cursor:pointer}button:focus-visible,.choice:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.intro{padding:0}.intro .band{background:var(--navy);color:var(--white);padding:44px 34px 40px}.intro h1{color:var(--white);font-size:clamp(2.4rem,8vw,3.4rem);text-transform:uppercase;letter-spacing:.01em}.intro h1 .accent{color:var(--gold)}.intro .sub{color:#cdd8ef;font-size:1.05rem;margin-top:14px;max-width:44ch}.intro .body{padding:30px 34px 38px}.lead{font-size:1.05rem;color:var(--navy2);margin:0 0 22px}.meta{display:flex;gap:26px;flex-wrap:wrap;margin:0 0 26px;padding:0;list-style:none}.meta li{font-size:.9rem;color:var(--muted)}.meta b{font-family:var(--font-head);font-size:1.6rem;color:var(--navy);display:block;line-height:1}.credit{font-size:.8rem;color:var(--muted);margin-top:26px}.btn{background:var(--gold);color:var(--navy);border:none;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:1.05rem;padding:16px 30px;border-radius:3px;transition:transform .12s ease,box-shadow .12s ease;text-decoration:none;display:inline-block;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #091f4940}.btn:disabled{opacity:.7;transform:none;cursor:not-allowed}.btn.full{width:100%;text-align:center}.q{padding:0}.progress-wrap{background:var(--navy);padding:22px 34px 20px;color:#cdd8ef}.progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-top .count{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--gold)}.bar{height:8px;background:#1b3160;border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;width:0;background:var(--gold);border-radius:99px;transition:width .35s ease}.q .stage{padding:40px 34px 44px}.q .prompt{text-align:center;margin-bottom:30px}.q .prompt h2{font-size:clamp(1.7rem,6vw,2.2rem);color:var(--navy);text-transform:uppercase}.choices{display:flex;flex-direction:column;gap:16px}.choice{background:var(--white);border:2px solid #d5e0f4;color:var(--navy);border-radius:4px;padding:24px 22px;text-align:left;font-size:1.25rem;font-weight:700;font-family:var(--font-body);display:flex;align-items:center;gap:16px;transition:border-color .12s ease,background .12s ease,transform .08s ease;width:100%}.choice .dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--blue);background:transparent;transition:all .12s ease}.choice:hover{border-color:var(--gold);background:#fffdf5;transform:translateY(-1px)}.choice:hover .dot{background:var(--gold);border-color:var(--gold)}.orbar{text-align:center;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-size:.78rem;margin:4px 0}.results{display:none}.res-hero{background:var(--navy);color:var(--white);padding:40px 34px 38px;text-align:center}.res-hero .eyebrow{color:var(--gold)}.res-hero h1{color:var(--white);font-size:clamp(2.6rem,9vw,3.6rem);text-transform:uppercase;margin-top:10px}.res-hero h1 .accent{color:var(--gold)}.res-hero .tag{color:var(--cream);font-size:1.15rem;margin-top:12px;font-weight:700}.octa-wrap{background:var(--navy2);padding:24px 10px 26px;display:flex;flex-direction:column;align-items:center;gap:14px}.octa-cap{margin:0;color:#c6d3ee;font-size:.8rem;text-align:center;letter-spacing:.02em;max-width:42ch}.octa-cap b{color:var(--gold);font-family:var(--font-head);letter-spacing:.08em}svg{max-width:100%;height:auto;display:block}.res-body{padding:32px 34px 10px}.blurb{font-size:1.12rem;color:var(--navy2);margin:0 0 8px}.gate{margin:30px -34px;padding:32px 34px;background:var(--navy);color:var(--white);text-align:center}.gate .eyebrow{color:var(--gold);display:block;margin-bottom:8px}.gate h3{color:var(--white);font-size:1.7rem;text-transform:uppercase;margin-bottom:6px}.gate p{color:#cdd8ef;margin:0 auto 20px;max-width:40ch;font-size:.98rem}.gate .form{display:flex;gap:10px;max-width:420px;margin:0 auto;flex-wrap:wrap}.gate input{flex:1 1 180px;padding:15px 16px;border-radius:3px;border:none;font-size:1rem;font-family:var(--font-body)}.gate .note{font-size:.74rem;color:#8ea3ce;margin-top:14px;letter-spacing:.04em}.full h3.section{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;color:var(--navy);font-size:1.15rem;margin:26px 0 14px}.rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.rank li{display:grid;grid-template-columns:118px 1fr 34px;align-items:center;gap:12px}.rank .name{font-weight:700;color:var(--navy);font-size:.95rem}.rank .name .cd{font-family:var(--font-head);color:var(--blue);font-weight:600;font-size:.78em;letter-spacing:.04em;margin-left:2px}.rank li.top .name .cd{color:#b8860b}.rank .track{height:14px;background:#dbe4f6;border-radius:99px;overflow:hidden}.rank .track>i{display:block;height:100%;background:var(--blue);border-radius:99px}.rank li.top .track>i{background:var(--gold)}.rank .val{font-family:var(--font-head);text-align:right;color:var(--navy2);font-variant-numeric:tabular-nums;font-size:1rem}.callout{background:var(--cream);border-left:6px solid var(--gold);padding:18px 20px;border-radius:3px;margin:18px 0;color:#4a3b12;font-size:1rem}.callout b{color:var(--navy)}.strong{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.strong li{background:var(--white);border:1px solid #dbe4f6;border-left:5px solid var(--gold);border-radius:3px;padding:14px 16px}.strong h4{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.03em;color:var(--navy);font-size:1rem;margin:0 0 4px}.strong h4 .cd{color:var(--blue);font-size:.8em;margin-left:4px}.strong p{margin:0;color:var(--navy2);font-size:.98rem}.strong .ex-label{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--blue);margin:12px 0 6px}.strong ul.ex{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.strong ul.ex li{position:relative;padding-left:42px;color:var(--navy2);font-size:.95rem}.strong ul.ex li:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:21px;height:21px;background:var(--gold);border-radius:50%}.callout .ex-inline{margin:10px 0 0;font-style:italic;color:#5a4a1e;font-size:.95rem}.strong ul.use{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.strong ul.use li{position:relative;padding-left:50px;padding-top:6px;padding-bottom:6px;border-left:4px solid var(--navy);color:var(--navy);font-size:.95rem}.strong ul.use li:before{content:"→";position:absolute;left:6px;top:50%;transform:translateY(-50%);color:var(--gold);font-weight:700;font-size:3em;line-height:1}.startline{margin-top:12px;padding:12px 14px;background:var(--cream);border-left:5px solid var(--gold);border-radius:3px;color:#4a3b12;font-size:.97rem}.startline b{color:var(--navy)}.balance-item{margin-bottom:20px}.balance-item .ends{display:flex;justify-content:space-between;font-family:var(--font-head);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:var(--navy2);margin-bottom:6px}.balbar{height:16px;border-radius:99px;overflow:hidden;display:flex;background:var(--navy)}.balbar>i{display:block;height:100%}.balbar>.a{background:var(--gold)}.balbar>.b{background:var(--blue)}.balance-item p{margin:8px 0 0;color:var(--navy2);font-size:.95rem}.closing{margin:28px 0 4px;font-size:1.1rem;color:var(--navy);font-weight:700;text-wrap:balance}.pdfrow{text-align:center;margin-top:26px;padding-top:22px;border-top:1px solid #d5e0f4}.res-foot{padding:6px 34px 40px;text-align:center}.restart{background:none;border:2px solid var(--navy);color:var(--navy);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:12px 24px;border-radius:3px;margin-top:20px}.restart:hover{background:var(--navy);color:var(--white)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:480px){.intro .band,.intro .body,.q .stage,.res-body,.res-hero{padding-left:22px;padding-right:22px}.gate{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.rank li{grid-template-columns:92px 1fr 30px}}