/* Website V2.7: quieter navigation, stronger game hierarchy and comfortable reading. */
:root{scroll-behavior:smooth;scroll-padding-top:100px}
body{background:#0c0b0e;color:#f5f0e8}
.topbar{background:#100e12ee!important;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px);padding:14px clamp(18px,4vw,64px)!important;gap:22px}
.topBrand{min-width:0!important}.topBrand b{font-size:13px!important;letter-spacing:.1em}.topBrand img{width:44px;height:44px}
.topNav{gap:18px!important;padding:12px 20px!important;border-color:#ffffff12!important;flex-wrap:nowrap}.topNav a{font-size:10px!important;white-space:nowrap}
.hero{max-width:1480px;margin:auto;padding:72px clamp(24px,5vw,80px) 56px!important;gap:44px!important;align-items:center;background:radial-gradient(ellipse at 80% 40%,#76203930,transparent 60%)}
.hero .suiteEyebrow{font-size:11px;letter-spacing:.22em;color:#e4b77b;margin-bottom:24px}
.hero .heroStatement{line-height:1.04!important;letter-spacing:-.045em!important;margin:0 0 24px!important}
.hero .heroStatement span{font-size:clamp(32px,3.65vw,60px)!important;line-height:1.12!important;display:block;white-space:normal!important;font-style:normal!important}
.hero .heroLearn{color:#f6f0e9!important}.hero .heroCount{color:#f76c80!important}.hero .heroOwn{color:#dfb878!important;font-size:clamp(24px,2.7vw,44px)!important;margin-top:7px}
.hero .heroLead{font-size:16px!important;line-height:1.8!important;max-width:520px;color:#bcb5b9}.heroLead strong{display:block;color:#eee7e2;font-size:17px;margin-bottom:9px}
.heroCtas{gap:12px!important;flex-wrap:wrap}.heroCtas .heroAction{font-size:11px!important;min-height:50px;padding:16px 20px!important;flex:0 1 auto!important}
.siteButton{box-shadow:none!important;border-radius:9px!important;transition:transform .18s,filter .18s}.siteButton:hover{transform:translateY(-2px);filter:brightness(1.12)}
.siteButton--red{background:linear-gradient(120deg,#c02b45,#8c1630)!important}.siteButton--green{background:linear-gradient(120deg,#23754b,#145332)!important}
.heroVisual{min-width:0;padding:24px 18px;background:linear-gradient(145deg,#22181d,#110f12);border:1px solid #a875494a;border-radius:22px;box-shadow:0 30px 70px #0005}
.showcaseHeading{text-align:left!important;padding:0 8px}.showcaseHeading>span{font-size:10px!important;letter-spacing:.18em;color:#dcac73}.showcaseHeading h2{font-size:27px!important;line-height:1.2}.showcaseHeading p{font-size:13px!important;color:#bcb2b6}
.hero .tableSlideshow{margin-top:20px!important}.tableSlideFooter{gap:12px}.tableSlideFooter>span{font-size:9px!important}
.proof{display:flex!important;gap:20px!important;flex-wrap:wrap;padding-top:22px!important;border-top:1px solid #ffffff12;margin-top:24px!important}.proof>span{font-size:8px!important;max-width:120px;line-height:1.6}.proof b{font-size:23px!important;color:#f6e9d7!important}
.goldHighlights{gap:10px!important;flex-wrap:wrap}.goldHighlights .hubAd{background:none!important;border:0!important;padding:0!important;font-size:8px!important;letter-spacing:.08em;color:#b5a699!important;box-shadow:none!important}
.practiceJourney{max-width:1280px;margin:10px auto 20px;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.practiceJourney>div{display:flex;align-items:center;gap:16px}.practiceJourney span{font:italic 30px Georgia,serif;color:#c59967}.practiceJourney p{color:#b4aab0;font-size:13px;line-height:1.8;margin:0}.practiceJourney b{display:block;color:#f0e7de;font-size:11px;letter-spacing:.08em}
.section{max-width:1280px!important;padding:76px 28px!important;margin:auto}.sectionHead h2{font-size:clamp(30px,3.5vw,49px)!important;line-height:1.13!important;letter-spacing:-.025em}.sectionHead>p{max-width:760px;font-size:16px;line-height:1.8}.sectionHead em{color:#d7b57b!important}
#toolkits .suiteTabs{display:none}#toolkits .suiteGrid{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:32px;gap:16px}
#toolkits .suiteGrid article{grid-column:span 2;background:#151217;border:1px solid #ffffff14;padding:24px;transition:border-color .2s,transform .2s}
#toolkits .suiteGrid article:hover{border-color:#a97653;transform:translateY(-3px)}
#toolkits .suiteGrid article:nth-child(-n+2){grid-column:span 3;min-height:300px;padding:32px;background:radial-gradient(ellipse at top right,#8d223038,transparent 70%),#191317;border-color:#8d38474d}
#toolkits .suiteGrid article:nth-child(2){background:radial-gradient(ellipse at top right,#98763330,transparent 70%),#191713;border-color:#9e79454d}
#toolkits .suiteGrid article:last-child{grid-column:span 4}#toolkits .suiteGrid h3{font-size:19px;margin:14px 0}#toolkits .suiteGrid article:nth-child(-n+2) h3{font-size:33px;letter-spacing:-.02em}
.gameTag{font-size:10px;letter-spacing:.12em;color:#d9b98a;border:1px solid #ffffff19;border-radius:30px;padding:7px 10px}
.suiteGrid p{font-size:14px;line-height:1.8}.suiteGrid a{font-size:11px;letter-spacing:.08em;text-decoration:none}.suiteScope{padding:20px 24px;border-left:2px solid #b49058;background:#151216;color:#afa4ab}
.suiteFaq{max-width:950px!important}.suiteFaq details{border-bottom:1px solid #ffffff1c;padding:22px 0}.suiteFaq summary{cursor:pointer;font-size:17px;font-weight:700;color:#eee5db;line-height:1.5}.suiteFaq details p{color:#bfb2b9;line-height:1.8;font-size:15px;max-width:750px}.suiteFaq details[open] summary{color:#dfb578}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #edbf7f!important;outline-offset:5px}
footer{border-top:1px solid #ffffff14!important;background:#100e12!important}footer .brand b{font-size:14px!important}
@media(max-width:1100px){.topNav{gap:12px!important;padding:10px!important}.topNav a{font-size:8px!important}.topBrand b{font-size:11px!important}.hero{gap:24px!important;padding:50px 28px!important}.heroCtas .heroAction{font-size:10px!important}.section{padding:58px 24px!important}}
@media(max-width:800px){.topbar{flex-wrap:wrap!important;gap:12px!important}.topNav{order:3;flex-basis:100%;justify-content:center;display:flex!important;overflow-x:auto}.topActions{margin-left:auto}.hero{grid-template-columns:1fr!important;padding:42px 22px!important}.hero .heroStatement span{font-size:clamp(30px,7.4vw,56px)!important}.hero .heroOwn{font-size:clamp(24px,5.7vw,42px)!important}.heroVisual{margin-top:16px}.practiceJourney{margin:0 22px;grid-template-columns:1fr;gap:14px;padding:22px 0}#toolkits .suiteGrid{grid-template-columns:1fr 1fr}#toolkits .suiteGrid article,#toolkits .suiteGrid article:nth-child(-n+2),#toolkits .suiteGrid article:last-child{grid-column:auto;min-height:0;padding:22px}#toolkits .suiteGrid article:nth-child(-n+2){grid-column:1 / -1}.sectionHead h2{font-size:32px!important}.section{padding:48px 22px!important}}
@media(max-width:480px){.topBrand b{font-size:10px!important}.topBrand img{width:34px;height:34px}.topActions .siteButton{padding:10px!important;font-size:8px!important;min-width:0}.topbar{padding:12px 14px!important}.topNav{gap:14px!important}.topNav a{font-size:8px!important}#toolkits .suiteGrid{grid-template-columns:1fr}.heroCtas .heroAction{flex:1 1 100%!important}.proof{gap:16px!important}.proof>span{max-width:90px}.heroVisual{padding:20px 10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.hero .heroVisual{min-height:0!important;padding:28px 18px!important;gap:0!important;justify-content:center!important}.hero .showcaseHeading{width:100%;margin:0 0 18px!important}.hero .proof span{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:auto!important;min-width:0!important;height:auto!important;max-width:140px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;white-space:normal!important}.hero .proof span b{display:block!important;margin:0 0 5px!important;font-size:24px!important;line-height:1.2!important}
.hero .proof span::before{display:none!important}.hero .progressionCluster{max-width:none!important}.hero .proof{text-align:left!important}.hero .proof span{flex:1;text-align:left!important;overflow:visible!important}
@media(max-width:800px){.topbar .topNav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important;width:100%;overflow:visible!important;border:0!important;border-radius:0!important;padding:4px 0!important}.topbar .topNav a{white-space:normal;text-align:center;font-size:8px!important;line-height:1.5;padding:8px 0}.hero .heroCopy{text-align:left!important}.hero .heroStatement{text-align:left!important}.hero .heroLead{text-align:left!important}}
@media(max-width:800px){.hero .heroStatement span{text-align:left!important}}
/* V2.8: an interactive introduction and a more cohesive lower-page surface. */
.modePreview{max-width:1224px;margin:24px auto 48px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:48px;border:1px solid #986b4940;border-radius:20px;background:linear-gradient(120deg,#29192175,#171319)}
.modePreview small{color:#c5a478;font-size:10px;letter-spacing:.16em}.modePreview h2{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.025em;margin:16px 0}.modePreview h2 em{font-style:normal;color:#ddb779}.modePreview p{color:#bcb0b8;font-size:14px;line-height:1.8;max-width:470px}.modeChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;background:#0e0c11;border:1px solid #ffffff10;border-radius:12px}.modeChoices button{min-height:44px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b6a9b2;font-size:11px;font-weight:800;letter-spacing:.08em;cursor:pointer}.modeChoices [data-preview-mode=trainer][aria-pressed=true]{color:#ffc5ce;background:#79213977;border-color:#cf526866}.modeChoices [data-preview-mode=player][aria-pressed=true]{color:#ffdda0;background:#795d2177;border-color:#d6a64c66}.modeChoices [data-preview-mode=test][aria-pressed=true]{color:#b7efcf;background:#22604077;border-color:#4dc58666}
#modePreviewDetail{padding:24px 6px;min-height:192px}#modePreviewDetail>span{font-size:9px;letter-spacing:.15em;color:#c7a27c}#modePreviewDetail h3{font-size:22px;line-height:1.4;margin:12px 0}.modePreviewControl>a{color:#edbd81;font-size:11px;letter-spacing:.06em;text-decoration:none;font-weight:800}
.systemFeature,.profileFlow article,.collection article{border-color:#ffffff13!important;background:linear-gradient(135deg,#221a21,#151217)!important;border-radius:14px!important;box-shadow:none!important}.systemFeature h3,.collection article h3{letter-spacing:.025em!important}.masterRewardStrip article{border-color:#af875a38!important;background:#211a1c!important}.accessFeatureGrid article{background:#171319!important;border:1px solid #ffffff13!important;border-radius:12px!important;box-shadow:none!important}.accessFeatureGrid article>b{color:#ddaa75!important}.accessPanel{border-radius:22px!important}.skillsStrip{background:#151116!important;border-color:#ffffff12!important}
@media(max-width:800px){.modePreview{margin:16px 22px 30px;padding:24px;grid-template-columns:1fr;gap:22px}#modePreviewDetail{min-height:190px}.modePreview h2{font-size:29px}.modeChoices button{font-size:10px}.modePreview p{font-size:14px}}
.depthGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0}.depthGrid article{padding:24px;background:#191419;border:1px solid #ffffff16;border-radius:14px}.depthGrid article>b{font-size:34px;color:#dfb780;letter-spacing:-.03em}.depthGrid h3{font-size:17px;line-height:1.5;margin:16px 0 10px}.depthGrid p,.demoInvitation p{color:#bfb0b9;font-size:14px;line-height:1.8}.demoInvitation{display:flex;align-items:center;gap:32px;padding:28px;background:linear-gradient(120deg,#55213b40,#211820);border:1px solid #c65c7745;border-radius:16px}.demoInvitation>div{flex:1}.demoInvitation h3{font-size:24px;margin:0}.demoInvitation small{font-size:9px;letter-spacing:.07em;color:#c5a986}.demoInvitation>a{flex-shrink:0}.demoReturn{grid-column:1/-1;padding:32px;margin-bottom:28px;text-align:center;border:1px solid #c59a65;border-radius:16px;background:linear-gradient(120deg,#38241e,#161419)}.demoReturn[hidden]{display:none!important}.demoReturn>small{color:#e4b981;letter-spacing:.16em;font-size:11px}.demoReturn h2{font-size:clamp(26px,3vw,40px)!important;margin:14px 0}.demoReturn p{font-size:15px;color:#cfc1c8;line-height:1.7}.demoReturn button{margin-top:12px;cursor:pointer}@media(max-width:1000px){.depthGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.demoInvitation{flex-direction:column;align-items:stretch}}@media(max-width:550px){.depthGrid{grid-template-columns:1fr}.depthGrid article{padding:20px}.demoInvitation,.demoReturn{padding:22px}.demoInvitation h3{font-size:21px}}
.pathChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.spanishMasterSummary{margin-top:30px;padding:26px;border:1px solid #b18a5455;border-radius:14px;background:#21191d}.spanishMasterSummary small{color:#ddbc83;letter-spacing:.1em}.spanishMasterSummary p{font-size:15px;line-height:1.8;color:#c3b4bd}.spanishMasterSummary a{color:#e5bd80;font-size:12px}.newCollectionList{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 32px}.newCollectionList span{padding:12px 16px;border:1px solid #ffffff20;border-radius:9px;color:#dbc3ad;background:#1b161d;font-size:12px}.designPicker{display:grid;gap:8px;margin-top:18px;font-size:9px;letter-spacing:.1em;color:#d7b386}.designPicker select{width:100%;min-height:44px;background:#161117;color:#f1e6db;border:1px solid #8f694f66;border-radius:9px;padding:10px;font:600 12px inherit}.tableSlideDots{flex-wrap:wrap!important;max-width:190px;gap:5px!important}.tableSlideDots button{min-width:6px;flex-shrink:0}.tableSlideFooter{align-items:center!important}@media(max-width:700px){.pathChoiceGrid{grid-template-columns:1fr}.tableSlideFooter{flex-wrap:wrap;justify-content:center}.tableSlideDots{max-width:160px}.newCollectionList span{font-size:10px;padding:10px}}