:root{--ink:#111827;--ink2:#1f2937;--paper:#eef3f7;--white:#fff;--muted:#627080;--line:#cfd8e3;--blue:#2457ff;--blue2:#1738ad;--lime:#d9f24c;--orange:#ff714d;--lav:#dcd8ff;--shadow:0 18px 40px rgba(17,24,39,.09);--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(calc(100% - 72px),var(--max));margin:0 auto}.skip{position:fixed;left:16px;top:16px;z-index:99;transform:translateY(-150%);background:var(--ink);color:#fff;padding:10px 14px}.skip:focus{transform:none}
.nav{position:sticky;top:0;z-index:40;background:rgba(238,243,247,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navin{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.05em;font-size:21px}.mark{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:15px;box-shadow:4px 4px 0 var(--lime)}.navlinks{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700;color:#364152}.navlinks a{padding:8px 0}.navlinks a:hover{color:var(--blue)}.navcta{background:var(--blue);color:#fff;padding:13px 18px;font-size:14px;font-weight:900;box-shadow:5px 5px 0 var(--lime);transition:transform .2s,box-shadow .2s}.navcta:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--lime)}.hamb{display:none;border:0;background:transparent;font-size:25px}.mobileMenu{display:none;padding:14px 24px 22px;border-top:1px solid var(--line)}.mobileMenu a{display:block;padding:12px 0;font-weight:800}.mobileMenu .mobileCta{margin-top:8px;background:var(--blue);color:#fff;text-align:center}
.hero{padding:50px 0 30px}.heroGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:72px;align-items:center}.kicker{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--blue);margin-bottom:22px}.kicker i{width:9px;height:9px;background:var(--orange);display:block}.hero h1{font-size:clamp(58px,7vw,104px);line-height:.9;letter-spacing:-.07em;margin:0;max-width:750px;font-weight:950}.hero h1 em{font-style:normal;background:var(--lime);padding:0 .08em}.heroLead{font-size:19px;color:#526071;max-width:650px;margin:26px 0}.heroActions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--ink);padding:15px 19px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:5px;transition:transform .2s,box-shadow .2s}.btn.dark{background:var(--ink);color:#fff;box-shadow:6px 6px 0 var(--orange)}.btn.light{background:var(--white);box-shadow:none}.btn.red{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:6px 6px 0 var(--ink)}.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 rgba(0,0,0,.15)}.note{font-size:12px;color:#6b7787;margin-top:15px}.heroArt{position:relative;min-height:650px;max-width:720px;width:100%;justify-self:end}.artPanel{position:absolute;right:2%;top:0;width:86%;height:84%;overflow:hidden;border:10px solid var(--white);box-shadow:0 24px 50px rgba(22,33,54,.17);background:#cbd6e2;transform:rotate(1.4deg)}.artPanel img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.03)}.artLabel{position:absolute;left:0;top:10%;z-index:3;background:var(--lime);padding:11px 13px;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-4deg);border:1px solid var(--ink)}.floatCard{position:absolute;left:1%;bottom:2%;z-index:4;background:var(--ink);color:#fff;padding:18px 20px 19px;box-shadow:10px 10px 0 var(--blue);width:245px}.floatCard small{display:block;color:#aab7c7;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.floatCard strong{font-size:22px;line-height:1.05;letter-spacing:-.03em}
.strip{padding:20px 0 56px}.stripInner{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pill{padding:14px 12px;background:transparent;border:0;border-right:1px solid var(--line);font-size:12px;text-align:center;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.pill:last-child{border-right:0}
.section{padding:100px 0}.sectionHead{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:42px}.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:950;color:var(--blue);margin-bottom:12px}.section h2{font-size:clamp(42px,5vw,72px);line-height:.94;letter-spacing:-.07em;margin:0;font-weight:950}.sectionIntro{max-width:500px;color:#5c6979}.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}.featureCard{background:#f9fbfc;padding:26px;min-height:220px;transition:background .25s,transform .25s}.featureCard:hover{background:var(--lime);transform:translateY(-4px)}.featureNum{font-size:12px;color:#7b8796;font-weight:900}.featureCard h3{margin:52px 0 8px;font-size:22px;letter-spacing:-.03em}.featureCard p{margin:0;color:#697587;font-size:14px}
.darkBand{background:var(--blue2);color:#fff;padding:100px 0}.darkBand .sectionHead .eyebrow{color:var(--lime)}.darkBand .sectionIntro{color:#d9e1ff}.darkGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}.storyCard{overflow:hidden;min-height:520px;position:relative;border:1px solid rgba(255,255,255,.3)}.storyCard img{width:100%;height:100%;object-fit:cover;display:block}.storyOverlay{position:absolute;inset:auto 0 0;padding:34px;background:linear-gradient(transparent,rgba(11,19,79,.86));color:#fff}.storyOverlay h3{font-size:44px;line-height:.98;margin:0 0 9px;letter-spacing:-.05em}.storyOverlay p{margin:0;color:#d8e0ff}.miniStack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.miniCard{background:#10228b;border:1px solid rgba(255,255,255,.25);padding:24px;min-height:245px;transition:background .2s,transform .2s}.miniCard:hover{background:var(--orange);transform:translateY(-4px)}.miniCard span{font-size:11px;color:var(--lime);text-transform:uppercase;letter-spacing:.1em;font-weight:900}.miniCard h3{font-size:26px;line-height:1.03;margin:24px 0 9px}.miniCard p{margin:0;color:#d5dcff;font-size:14px}
.quizSection{padding:110px 0;background:#fff}.quizGrid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:72px;align-items:start}.quizIntro{padding-top:16px}.quizIntro h2{font-size:clamp(48px,5.5vw,74px);line-height:.92;letter-spacing:-.07em;margin:0 0 18px}.quizIntro p{color:#5d6978;max-width:450px}.quizMeta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metaBox{padding:16px 10px;border-right:1px solid var(--line)}.metaBox:last-child{border-right:0}.metaBox strong{display:block;font-size:18px}.metaBox span{font-size:10px;color:#7a8795;text-transform:uppercase;letter-spacing:.1em}.quizCard{background:#f3f6fa;border:1px solid var(--ink);padding:34px;box-shadow:12px 12px 0 var(--blue);min-width:0}.progressTop{display:flex;justify-content:space-between;gap:14px;font-size:11px;font-weight:900;color:#5f6c7c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.progressBar{height:4px;background:#ccd6e2;overflow:hidden}.progressBar i{display:block;height:100%;background:var(--orange);width:20%;transition:width .35s}.qstep{display:none;padding:34px 0 14px}.qstep.active{display:block}.qstep h3{font-size:37px;line-height:1;letter-spacing:-.05em;margin:0 0 8px}.qstep>p{color:#687587;margin:0 0 22px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option{border:1px solid #bfcad7;background:#fff;padding:17px 16px;text-align:left;min-height:60px;transition:border-color .2s,background .2s,transform .2s;font-weight:850;border-radius:4px}.option:hover{transform:translateY(-2px);border-color:var(--blue)}.option.selected{border-color:var(--blue);background:#e7ecff;box-shadow:inset 4px 0 0 var(--blue)}.fieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.field input,.field select{width:100%;height:52px;border:1px solid #bfcad7;background:#fff;padding:0 14px;outline:none;border-radius:3px}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,87,255,.12)}.check{display:flex;align-items:flex-start;gap:10px;margin:15px 0;font-size:12px;color:#657182}.check input{margin-top:2px}.quizNav{display:flex;justify-content:space-between;gap:12px;padding-top:17px;border-top:1px solid #d8e0e8}.quizNav button{border:0;background:transparent;padding:12px 4px;font-weight:900;color:#566273}.quizNav button:last-child{background:var(--blue);color:#fff;padding:13px 17px}.formError{min-height:18px;color:#b83825;font-size:12px}.successBox{display:none;text-align:center;padding:34px 8px}.successBox h3{font-size:42px;line-height:1;margin:0 0 10px}.successBox p{color:#667386;margin:0 auto 20px;max-width:540px}
.categories{padding:100px 0}.categoryGrid{display:grid;grid-template-columns:1.15fr .92fr .92fr;gap:20px;align-items:start}.catCard{position:relative;overflow:hidden;min-height:360px;border:1px solid var(--ink)}.catCard:nth-child(2){margin-top:52px}.catCard:nth-child(3){margin-top:104px}.catCard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s;filter:saturate(.88)}.catCard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(12,19,29,.74))}.catCard:hover img{transform:scale(1.05)}.catText{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}.catText span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.9;font-weight:900}.catText h3{font-size:35px;line-height:.98;letter-spacing:-.04em;margin:6px 0 0}
.ctaBand{padding:96px 0}.ctaBox{background:var(--lime);padding:48px 52px;border:1px solid var(--ink);display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end}.ctaBox h2{font-size:clamp(40px,5vw,66px);line-height:.94;letter-spacing:-.07em;margin:0;max-width:800px}.ctaBox p{max-width:420px;color:#404c36;margin:0 0 18px}
.footer{background:var(--ink);color:#fff;padding:70px 0 26px}.footGrid{display:grid;grid-template-columns:1.3fr .75fr .75fr .75fr;gap:36px}.foot h4{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8592a5;margin:0 0 13px}.foot p,.foot a{font-size:13px;color:#d4d9e0}.footBrand p{max-width:370px;color:#9ba5b4;font-size:14px}.footer .mark{background:var(--lime);color:var(--ink);box-shadow:none}.legal{padding-top:28px;margin-top:34px;border-top:1px solid #313a47;color:#8d99aa;font-size:11px}.legal a{text-decoration:underline}
.pageHero{padding:82px 0 58px;border-bottom:1px solid var(--line)}.pageHero h1{font-size:clamp(56px,7vw,92px);line-height:.91;letter-spacing:-.07em;margin:0;max-width:920px}.pageHero p{font-size:18px;color:#637083;max-width:700px}.pageBody{padding:0 0 96px}.prose{max-width:840px}.prose h2{font-size:40px;line-height:1;margin:48px 0 13px;letter-spacing:-.05em}.prose p,.prose li{color:#566273}.prose ul{padding-left:20px}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ink);border:1px solid var(--ink)}.infoBox{background:#fff;padding:22px}.infoBox strong{display:block;margin-bottom:8px}.contactBox{background:#fff;border:1px solid var(--ink);padding:28px;max-width:720px;box-shadow:9px 9px 0 var(--lime)}.contactBox a{font-weight:850;text-decoration:underline}
.fade{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.fade.in{opacity:1;transform:none}.delay1{transition-delay:.08s}.delay2{transition-delay:.16s}.delay3{transition-delay:.24s}
.cookie{position:fixed;left:18px;right:18px;bottom:18px;z-index:50;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--ink);padding:16px 18px;box-shadow:8px 8px 0 var(--blue)}.cookie p{margin:3px 0 0;color:#6b7685;font-size:12px;max-width:800px}.cookie>div:last-child{display:flex;gap:8px;flex-shrink:0}.cookie[hidden]{display:none}

@media (min-width:1101px) and (max-width:1320px){
  .wrap{width:min(calc(100% - 56px),var(--max))}
  .heroGrid{gap:52px;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr)}
  .hero h1{font-size:clamp(56px,6.4vw,88px)}
  .heroArt{min-height:600px}
  .quizGrid{gap:48px}
}
@media(max-width:1100px){.navlinks,.navcta{display:none}.hamb{display:block}.mobileMenu.open{display:block}.heroGrid,.darkGrid,.quizGrid{grid-template-columns:1fr}.heroArt{min-height:520px}.featureGrid{grid-template-columns:1fr 1fr}.categoryGrid{grid-template-columns:1fr 1fr}.catCard:nth-child(2),.catCard:nth-child(3){margin-top:0}.footGrid{grid-template-columns:1fr 1fr}.sectionHead{grid-template-columns:1fr}.ctaBox{grid-template-columns:1fr}.miniStack{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wrap{width:min(calc(100% - 28px),var(--max))}.hero{padding-top:34px}.hero h1{font-size:54px}.heroLead{font-size:17px}.heroArt{min-height:420px}.artPanel{width:90%;height:86%}.floatCard{left:0;bottom:0}.stripInner{grid-template-columns:1fr 1fr}.pill:nth-child(2n){border-right:0}.pill:nth-child(n+5){display:none}.featureGrid,.categoryGrid,.fieldGrid,.infoGrid{grid-template-columns:1fr}.quizCard{padding:20px;box-shadow:7px 7px 0 var(--blue)}.options{grid-template-columns:1fr}.quizMeta{grid-template-columns:1fr}.metaBox{border-right:0;border-bottom:1px solid var(--line)}.metaBox:last-child{border-bottom:0}.ctaBox{padding:30px}.footGrid{grid-template-columns:1fr}.pageHero{padding-top:55px}.section,.categories,.ctaBand,.darkBand,.quizSection{padding:70px 0}.section h2,.quizIntro h2{font-size:46px}.miniStack{grid-template-columns:1fr}.cookie{display:block;left:12px;right:12px;bottom:12px}.cookie>div:last-child{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade{opacity:1;transform:none;transition:none}.catCard img,.featureCard,.option,.btn,.navcta{transition:none}}

/* A little extra room on wide screens keeps the layered pieces intentional, not crowded. */
@media (min-width:1321px){
  .hero{padding-top:64px}
  .section,.categories,.quizSection{padding-left:0;padding-right:0}
  .heroGrid{min-height:700px}
  .artLabel{left:-8px}
  .floatCard{left:-4px;bottom:10px}
  .storyOverlay{padding-right:42px}
}
@media (max-width:1100px){
  .heroArt{max-width:820px;margin-inline:auto}
  .quizGrid{gap:42px}
}