/* ===== public-visitor-experience.css ===== */
/* Public Premium preview: show price and learning value before account creation. */
.premium-plan-option:not(:disabled){cursor:pointer!important}.premium-plan-option:disabled.is-loading{cursor:wait!important}
.premium-plan-option.is-loading{position:relative;color:transparent!important}.premium-plan-option.is-loading::after{content:'Preparing secure checkout…';position:absolute;inset:0;display:grid;place-items:center;color:#176d68;font:800 11px/1 Inter,Arial,sans-serif}.premium-plan-option.is-loading::before{content:'';position:absolute;top:50%;left:12px;width:11px;height:11px;margin-top:-6px;border:2px solid #b9d7d3;border-top-color:#176d68;border-radius:50%;animation:max-checkout-spin .65s linear infinite}@keyframes max-checkout-spin{to{transform:rotate(360deg)}}
.premium-access-dialog{position:relative;max-height:min(760px,calc(100vh - 32px));overflow:auto}.premium-access-close{position:relative;top:auto;right:auto;float:right;z-index:2;width:34px;min-height:34px!important;margin:0 0 8px 12px;padding:0!important;border:1px solid #c7dad6!important;border-radius:50%!important;background:#fff!important;color:#173e39!important;font:500 26px/30px Arial,sans-serif!important;cursor:pointer}.premium-access-close:hover,.premium-access-close:focus-visible{border-color:#176d68!important;background:#eaf5f3!important;outline:2px solid #176d68!important;outline-offset:2px}.premium-access-dialog h2{max-width:390px}.premium-access-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 8px}.premium-plan-option{appearance:none;width:100%;padding:12px;border:1px solid #d3e4e0;border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.premium-plan-option:hover,.premium-plan-option:focus-visible,.premium-plan-option.is-selected{border-color:#176d68;box-shadow:0 8px 20px rgba(23,109,104,.13);transform:translateY(-1px);outline:none}.premium-plan-option:focus-visible{outline:3px solid rgba(23,109,104,.35)}.premium-plan-option.is-loading{cursor:progress;opacity:.72}.premium-access-price-grid span,.premium-access-price-grid strong,.premium-access-price-grid small{display:block}.premium-access-price-grid span{font:800 9px/1 Inter,sans-serif;letter-spacing:.12em;color:#287c78}.premium-access-price-grid strong{margin:7px 0 2px;font:800 23px/1 Manrope,sans-serif;color:#173e39}.premium-access-price-grid small{font:600 10px/1.4 Inter,sans-serif;color:#6a7b77}.premium-plan-message{min-height:18px!important;margin:0!important;color:#176d68!important;font:700 11px/1.45 Inter,sans-serif!important}.premium-access-guidance{margin:15px 0 0!important;padding:11px 12px;border-left:3px solid #d3a340;background:#fff8e5;color:#5b553f!important;font:600 11px/1.5 Inter,sans-serif!important}.premium-access-actions{flex-wrap:wrap}.premium-access-actions .premium-primary{flex:1;border:1px solid #176d68;background:#176d68;color:#fff}.premium-access-actions .premium-text-action{width:100%;min-height:auto;padding:2px 0;border:0;background:transparent;color:#176d68;font:700 11px/1.5 Inter,sans-serif;text-align:left;cursor:pointer}.premium-access-actions .premium-text-action:hover{text-decoration:underline}#maxCheckoutReturnControl{position:fixed;top:18px;right:18px;z-index:2147483647;display:grid;grid-template-columns:28px auto;column-gap:7px;align-items:center;min-height:48px;padding:7px 13px 7px 8px;border:1px solid rgba(255,255,255,.72);border-radius:14px;background:#123e3a;color:#fff;box-shadow:0 14px 38px rgba(3,29,28,.38);font-family:Manrope,Arial,sans-serif;cursor:pointer}#maxCheckoutReturnControl>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#123e3a;font:500 26px/26px Arial,sans-serif}#maxCheckoutReturnControl b{font-size:12px;line-height:1.15;text-align:left}#maxCheckoutReturnControl small{font:600 9px/1.2 Inter,Arial,sans-serif;opacity:.82;text-align:left}#maxCheckoutReturnControl:hover,#maxCheckoutReturnControl:focus-visible{background:#176d68;outline:3px solid #d3a340;outline-offset:3px}@media(max-width:520px){.premium-access-price-grid{grid-template-columns:1fr}.premium-access-actions .premium-text-action{text-align:center}#maxCheckoutReturnControl{top:10px;right:10px}}

/* ===== landing-dark-glass.css ===== */
/* ============================================================
   Max Exam Lab — Premium Dark Glass landing skin
   Re-skins the existing landing page ONLY: background, colors,
   blur, shadows and card surfaces. Layout, markup, content and
   hover behaviour are inherited from the existing stylesheets.
   Loaded last so it wins the cascade. Scoped to .max-landing-mode
   so all other views (exam, dashboard, admin) are untouched.
   ============================================================ */

:root{
  --dg-bg:#05161b;
  --dg-ink:#f1fbf8;
  --dg-body:rgba(226,242,239,.74);
  --dg-muted:rgba(198,222,218,.55);
  --dg-teal:#2ee6c5;
  --dg-teal-soft:rgba(46,230,197,.16);
  --dg-line:rgba(255,255,255,.10);
  --dg-line-strong:rgba(255,255,255,.16);
  --dg-glass:rgba(255,255,255,.045);
  --dg-glass-2:rgba(255,255,255,.07);
  --dg-shadow:0 24px 60px rgba(0,0,0,.45);
  --dg-shadow-lg:0 34px 80px rgba(0,0,0,.55);
}

html body.max-landing-mode{
  background-color:var(--dg-bg)!important;
  background-image:
    radial-gradient(circle at 14% 10%, rgba(46,230,197,.13), transparent 42%),
    radial-gradient(circle at 86% 18%, rgba(40,124,120,.32), transparent 46%),
    radial-gradient(circle at 50% 118%, rgba(11,53,52,.9), transparent 60%),
    linear-gradient(180deg,#06181d 0%,#05141a 48%,#030f13 100%)!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

html body.max-landing-mode #view-landing{
  background:transparent!important;
}

body.max-landing-mode #view-landing .hero-title{
  color:var(--dg-ink)!important;
  text-shadow:0 2px 30px rgba(3,25,28,.6)!important;
}
body.max-landing-mode #view-landing .hero-title .accent-word{
  color:#eafffb!important;
  text-shadow:0 0 26px rgba(46,230,197,.55),0 0 6px rgba(46,230,197,.4)!important;
}
body.max-landing-mode #view-landing .hero-proof-line{ color:var(--dg-ink)!important; }
body.max-landing-mode #view-landing .hero-proof-line em{ color:#bff6ea!important; }
body.max-landing-mode #view-landing .hero-proof-line .proof-gloss{ color:#e2fff8!important; }
body.max-landing-mode #view-landing .hero-tagline{ color:rgba(233,247,244,.9)!important; }
body.max-landing-mode #view-landing .deck-hint{ color:rgba(226,242,239,.7)!important; }

body.max-landing-mode #view-landing .launch-section{
  border:1px solid var(--dg-line)!important;
  background:linear-gradient(180deg,var(--dg-glass-2),var(--dg-glass))!important;
  box-shadow:var(--dg-shadow)!important;
  -webkit-backdrop-filter:blur(22px) saturate(120%)!important;
  backdrop-filter:blur(22px) saturate(120%)!important;
}

body.max-landing-mode #view-landing .launch-heading>span,
body.max-landing-mode #view-landing .showcase-copy>span,
body.max-landing-mode #view-landing .trust-section>div>span,
body.max-landing-mode #view-landing .early-access span{
  color:var(--dg-teal)!important;
  text-shadow:0 0 18px rgba(46,230,197,.35);
}
body.max-landing-mode #view-landing .launch-heading h2,
body.max-landing-mode #view-landing .showcase-copy h2,
body.max-landing-mode #view-landing .trust-section h2,
body.max-landing-mode #view-landing .early-access h2{ color:var(--dg-ink)!important; }
body.max-landing-mode #view-landing .launch-heading p,
body.max-landing-mode #view-landing .showcase-copy p,
body.max-landing-mode #view-landing .trust-section p,
body.max-landing-mode #view-landing .early-access p{ color:var(--dg-body)!important; }

body.max-landing-mode #view-landing .launch-feature-grid article{
  position:relative;
  overflow:hidden;
  border:1px solid var(--dg-line)!important;
  background:var(--dg-glass)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.max-landing-mode #view-landing .launch-feature-grid article::after{
  content:"";position:absolute;top:-40%;right:-30%;width:180px;height:180px;
  border-radius:50%;filter:blur(46px);opacity:.5;pointer-events:none;
  transition:opacity .25s ease,transform .25s ease;
}
body.max-landing-mode #view-landing .launch-feature-grid article:nth-child(1)::after{ background:rgba(46,230,197,.55); }
body.max-landing-mode #view-landing .launch-feature-grid article:nth-child(2)::after{ background:rgba(74,168,255,.5); }
body.max-landing-mode #view-landing .launch-feature-grid article:nth-child(3)::after{ background:rgba(245,182,74,.5); }
body.max-landing-mode #view-landing .launch-feature-grid article:hover{
  transform:translateY(-4px);
  border-color:var(--dg-line-strong)!important;
  box-shadow:var(--dg-shadow);
}
body.max-landing-mode #view-landing .launch-feature-grid article:hover::after{ opacity:.85;transform:scale(1.12); }
body.max-landing-mode #view-landing .launch-feature-grid b{ color:var(--dg-teal)!important; }
body.max-landing-mode #view-landing .launch-feature-grid h3{ color:var(--dg-ink)!important; }
body.max-landing-mode #view-landing .launch-feature-grid p{ color:var(--dg-body)!important; }

body.max-landing-mode #view-landing .launch-steps article{
  background:linear-gradient(145deg,rgba(15,76,74,.55),rgba(34,124,120,.32))!important;
  border:1px solid var(--dg-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
body.max-landing-mode #view-landing .launch-steps h3{ color:#fff!important; }
body.max-landing-mode #view-landing .launch-steps p{ color:rgba(224,244,241,.82)!important; }
body.max-landing-mode #view-landing .launch-steps i{ background:rgba(46,230,197,.2)!important; color:#eafffb; }

body.max-landing-mode #view-landing .dashboard-showcase{
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(46,230,197,.05))!important;
}
body.max-landing-mode #view-landing .launch-button{
  background:linear-gradient(120deg,#1fb69c,#2ee6c5)!important;color:#04211c!important;
  box-shadow:0 12px 30px rgba(46,230,197,.28);
}
body.max-landing-mode #view-landing .dashboard-demo{
  border:1px solid var(--dg-line)!important;
  background:rgba(6,26,30,.66)!important;
  box-shadow:var(--dg-shadow);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
body.max-landing-mode #view-landing .demo-top{ border-bottom-color:var(--dg-line)!important; }
body.max-landing-mode #view-landing .demo-top strong{ color:var(--dg-ink)!important; }
body.max-landing-mode #view-landing .demo-top span{ color:var(--dg-muted)!important; }
body.max-landing-mode #view-landing .demo-metrics div{ background:rgba(255,255,255,.05)!important; }
body.max-landing-mode #view-landing .demo-metrics b{ color:#eafffb!important; }
body.max-landing-mode #view-landing .demo-metrics span{ color:var(--dg-muted)!important; }
body.max-landing-mode #view-landing .demo-skill{ color:var(--dg-body)!important; }
body.max-landing-mode #view-landing .demo-skill i{ background:rgba(255,255,255,.09)!important; }
body.max-landing-mode #view-landing .demo-skill i b{ background:linear-gradient(90deg,#1fb69c,#2ee6c5)!important; }
body.max-landing-mode #view-landing .demo-skill>strong{ color:var(--dg-teal)!important; }
body.max-landing-mode #view-landing .demo-review{ background:rgba(46,230,197,.14)!important;color:#eafffb!important;border:1px solid var(--dg-line); }

body.max-landing-mode #view-landing .coverage-grid div{
  position:relative;overflow:hidden;
  border:1px solid var(--dg-line)!important;
  background:var(--dg-glass)!important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transition:transform .2s ease,border-color .2s ease;
}
body.max-landing-mode #view-landing .coverage-grid div::after{
  content:"";position:absolute;top:-50%;right:-30%;width:150px;height:150px;border-radius:50%;
  filter:blur(42px);opacity:.45;pointer-events:none;
}
body.max-landing-mode #view-landing .coverage-grid div:nth-child(1)::after{ background:rgba(46,230,197,.5); }
body.max-landing-mode #view-landing .coverage-grid div:nth-child(2)::after{ background:rgba(74,168,255,.45); }
body.max-landing-mode #view-landing .coverage-grid div:nth-child(3)::after{ background:rgba(245,182,74,.45); }
body.max-landing-mode #view-landing .coverage-grid div:nth-child(4)::after{ background:rgba(169,139,255,.45); }
body.max-landing-mode #view-landing .coverage-grid div:hover{ transform:translateY(-3px);border-color:var(--dg-line-strong)!important; }
body.max-landing-mode #view-landing .coverage-grid strong{ color:#eafffb!important; }
body.max-landing-mode #view-landing .coverage-grid span{ color:var(--dg-muted)!important; }

body.max-landing-mode #view-landing .launch-pricing-grid article{
  position:relative;overflow:hidden;
  border:1px solid var(--dg-line)!important;
  background:var(--dg-glass)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
body.max-landing-mode #view-landing .launch-pricing-grid article>span{ color:var(--dg-teal)!important; }
body.max-landing-mode #view-landing .launch-pricing-grid h3{ color:var(--dg-ink)!important; }
body.max-landing-mode #view-landing .launch-pricing-grid article>strong{ color:#eafffb!important; }
body.max-landing-mode #view-landing .launch-pricing-grid li{ color:var(--dg-body)!important; }
body.max-landing-mode #view-landing .launch-pricing-grid li::before{ color:var(--dg-teal)!important; }
body.max-landing-mode #view-landing .launch-pricing-grid a,
body.max-landing-mode #view-landing .launch-pricing-grid button{
  background:transparent!important;color:#eafffb!important;border:1px solid rgba(46,230,197,.55)!important;
  transition:background .18s ease,box-shadow .18s ease;
}
body.max-landing-mode #view-landing .launch-pricing-grid a:hover,
body.max-landing-mode #view-landing .launch-pricing-grid button:hover{
  background:rgba(46,230,197,.14)!important;box-shadow:0 8px 22px rgba(46,230,197,.2)!important;
}
body.max-landing-mode #view-landing .launch-pricing-grid .premium-plan{
  border:1px solid rgba(46,230,197,.5)!important;
  background:linear-gradient(160deg,rgba(46,230,197,.12),rgba(255,255,255,.05))!important;
  box-shadow:0 30px 70px rgba(46,230,197,.16),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.max-landing-mode #view-landing .launch-pricing-grid .premium-plan::after{
  content:"";position:absolute;top:-45%;left:50%;transform:translateX(-50%);
  width:260px;height:200px;border-radius:50%;background:rgba(46,230,197,.35);
  filter:blur(60px);opacity:.6;pointer-events:none;
}
body.max-landing-mode #view-landing .premium-plan em{ background:linear-gradient(120deg,#1fb69c,#2ee6c5)!important;color:#04211c!important; }
body.max-landing-mode #view-landing .premium-plan a{ background:linear-gradient(120deg,#1fb69c,#2ee6c5)!important;color:#04211c!important;border-color:transparent!important; }
body.max-landing-mode #view-landing .annual-price{ color:#f5d98a!important; }

body.max-landing-mode #view-landing .trust-section{
  background:linear-gradient(140deg,rgba(11,53,52,.6),rgba(23,109,104,.32))!important;
}
body.max-landing-mode #view-landing .trust-section h2{ color:#fff!important; }
body.max-landing-mode #view-landing .trust-section>div>span{ color:#bff6ea!important; }
body.max-landing-mode #view-landing .trust-points p{
  border:1px solid var(--dg-line)!important;background:rgba(255,255,255,.05)!important;color:rgba(233,247,244,.85)!important;
}
body.max-landing-mode #view-landing .trust-points b{ color:var(--dg-teal)!important; }

body.max-landing-mode #view-landing .early-access a{
  border:1px solid rgba(46,230,197,.5)!important;color:#eafffb!important;
  transition:background .18s ease;
}
body.max-landing-mode #view-landing .early-access a:hover{ background:rgba(46,230,197,.14)!important; }

body.max-landing-mode #view-landing .faq-grid details{
  border:1px solid var(--dg-line)!important;
  background:var(--dg-glass)!important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
body.max-landing-mode #view-landing .faq-grid summary{ color:var(--dg-ink)!important; }
body.max-landing-mode #view-landing .faq-grid p{ color:var(--dg-body)!important; }

body.max-landing-mode #view-landing .support-entry-grid a{
  border:1px solid var(--dg-line)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(46,230,197,.05))!important;
  color:var(--dg-ink)!important;
}
body.max-landing-mode #view-landing .support-entry-grid a:hover{
  box-shadow:0 16px 34px rgba(0,0,0,.4)!important;border-color:var(--dg-line-strong)!important;
}
body.max-landing-mode #view-landing .support-entry-grid b{ color:var(--dg-ink)!important; }
body.max-landing-mode #view-landing .support-entry-grid span{ color:var(--dg-body)!important; }
body.max-landing-mode #view-landing .support-entry-grid i{ color:var(--dg-teal)!important; }

body.max-landing-mode #view-landing .launch-footer{
  border:1px solid var(--dg-line)!important;
  background:linear-gradient(180deg,rgba(6,26,30,.7),rgba(3,15,19,.8))!important;
  box-shadow:var(--dg-shadow);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
body.max-landing-mode #view-landing .launch-footer strong span{ color:var(--dg-teal)!important; }
body.max-landing-mode #view-landing .launch-footer p{ color:var(--dg-body)!important; }
body.max-landing-mode #view-landing .launch-footer a{ color:rgba(233,247,244,.85)!important; }
body.max-landing-mode #view-landing .launch-footer small{ color:var(--dg-muted)!important;border-top-color:var(--dg-line)!important; }

/* ---------- Header: pale glass controls on the dark stage ---------- */
body.max-landing-mode .site-header{
  background:linear-gradient(180deg,rgba(4,27,31,.94),rgba(4,24,28,.78))!important;
  border-bottom:1px solid rgba(118,229,212,.12)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
}
/* Legacy header light-mint pill overrides removed to preserve dark cockpit header */

/* ---------- Category deck: preserve all positioning/hover logic, skin only ---------- */
body.max-landing-mode #view-landing .category-card{
  background:
    radial-gradient(circle at 96% 6%,rgba(46,230,197,.12),transparent 34%),
    linear-gradient(150deg,rgba(30,84,89,.57),rgba(5,35,40,.76))!important;
  color:var(--dg-ink)!important;
  border:1px solid rgba(140,231,218,.25)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.07)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
}
body.max-landing-mode #view-landing .category-card.deck-active{
  border-color:rgba(116,242,221,.7)!important;
  box-shadow:0 30px 72px rgba(0,0,0,.4),0 0 0 1px rgba(69,222,200,.16),0 0 38px rgba(46,230,197,.16)!important;
}
body.max-landing-mode #view-landing .category-card.deck-dim{ opacity:.76; }
body.max-landing-mode #view-landing .category-name{ color:#f4fffd!important; }
body.max-landing-mode #view-landing .category-desc,
body.max-landing-mode #view-landing .deck-kicker,
body.max-landing-mode #view-landing .category-arrow{ color:#bdd2d0!important; }
body.max-landing-mode #view-landing .category-icon{ color:#79ead8!important; }
body.max-landing-mode #view-landing .deck-metric{
  background:rgba(190,224,219,.62)!important;
  color:#143d3a!important;
  border:1px solid rgba(255,255,255,.22)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  padding:7px 9px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
body.max-landing-mode #view-landing .category-badge{
  background:rgba(241,249,247,.9)!important;
  color:#315b57!important;
  border-color:rgba(255,255,255,.34)!important;
  border-radius:999px!important;
}
body.max-landing-mode #view-landing .category-card.future-card{
  background:linear-gradient(145deg,rgba(20,65,70,.58),rgba(5,34,39,.8))!important;
  color:var(--dg-ink)!important;
  border-color:rgba(128,221,208,.2)!important;
}

@media(max-width:760px){
  body.max-landing-mode .site-header .brand-clickable.max-brand-lockup{
    border-radius:18px!important;
  }
  body.max-landing-mode #view-landing .category-card{
    -webkit-backdrop-filter:blur(12px) saturate(125%);
    backdrop-filter:blur(12px) saturate(125%);
  }
}

@media(prefers-reduced-motion:reduce){
  body.max-landing-mode #view-landing .launch-feature-grid article,
  body.max-landing-mode #view-landing .coverage-grid div,
  body.max-landing-mode #view-landing .support-entry-grid a{ transition:none!important; }
}

/* Final approved first-paint geometry and contrast. Keep these static so the
   browser never needs a second theme pass after JavaScript starts. */
html body.max-landing-mode{background:#0b1b1d!important}
html body.max-landing-mode .site-header{
  background:linear-gradient(90deg,rgba(9,28,30,.94) 0%,rgba(10,31,33,.88) 30%,rgba(10,32,34,.68) 55%,rgba(10,31,33,.46) 76%,rgba(9,27,29,.34) 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(20px) saturate(120%)!important;
  backdrop-filter:blur(20px) saturate(120%)!important;
}
/* Legacy button color override removed to preserve dark cockpit header typography */
html body.max-landing-mode #view-landing{
  background:
    radial-gradient(circle at 86% 39%,rgba(38,210,198,.22),transparent 25%),
    radial-gradient(circle at 72% 64%,rgba(96,125,255,.12),transparent 21%),
    radial-gradient(circle at 34% 78%,rgba(0,255,235,.10),transparent 28%),
    radial-gradient(circle at 20% 20%,rgba(67,160,157,.10),transparent 24%),
    linear-gradient(135deg,#0b1c1e 0%,#10282a 34%,#133235 58%,#0e2527 78%,#0a181a 100%)!important;
}
html body.max-landing-mode #view-landing #categoryGrid{max-width:1260px!important;min-height:460px!important;margin:-2px auto 0!important;padding-bottom:12px!important}
html body.max-landing-mode #view-landing .category-card{width:172px!important;height:360px!important;margin-left:-16px!important;padding:22px 18px 16px!important;border-radius:20px!important}
html body.max-landing-mode #view-landing .category-card:first-child{margin-left:0!important}
html body.max-landing-mode #view-landing #categoryGrid .category-card.deck-active{width:328px!important;height:396px!important;margin-left:-6px!important;margin-right:10px!important;transform:translateY(-10px)!important}
@media(max-width:900px){
  html body.max-landing-mode #view-landing #categoryGrid{min-height:0!important;margin-top:18px!important}
  html body.max-landing-mode #view-landing .category-card,
  html body.max-landing-mode #view-landing #categoryGrid .category-card.deck-active{width:100%!important;height:auto!important;min-height:168px!important;margin:0!important;transform:none!important;border-radius:18px!important}
  html body.max-landing-mode #view-landing #categoryGrid .category-card.deck-active{min-height:210px!important}
}



/* ============================================================
   PLATFORM UI STANDARDIZATION · 2026-09-06
   1) Left-align all answer choices.
   2) Compact non-landing exam/category header.
   3) Keep responsive header controls on one row.
   ============================================================ */

.options .opt,
.ielts-choice-btn,
.ielts-choice-list .ielts-choice-btn,
.ielts-match-legend-row,
.prof-choice-btn,
[data-answer-option],
[role="radio"].opt {
  text-align:left!important;
  justify-content:flex-start!important;
}
.options .opt > :not(.letter),
.ielts-choice-btn > :not(.cl) {
  text-align:left!important;
}
.ielts-choice-list:not(.inline) .ielts-choice-btn {
  justify-items:start!important;
}

body:not(.max-landing-mode) .site-header {
  padding:7px 20px 6px!important;
}
body:not(.max-landing-mode) .site-header .brand-icon {
  width:38px!important;
  height:38px!important;
}
body:not(.max-landing-mode) .site-header .brand-max {
  font-size:23px!important;
}
body:not(.max-landing-mode) .site-header .brand-examlab {
  font-size:13px!important;
}
body:not(.max-landing-mode) .site-header .brand-tagline {
  font-size:7.5px!important;
  margin-top:2px!important;
}
body:not(.max-landing-mode) .context-row {
  margin-top:6px!important;
  gap:6px!important;
}
body:not(.max-landing-mode) .context-back {
  padding:6px 12px!important;
  margin-bottom:4px!important;
}
body:not(.max-landing-mode) .context-title {
  font-size:18px!important;
  margin-bottom:1px!important;
}
body:not(.max-landing-mode) .context-sub {
  font-size:12px!important;
  line-height:1.3!important;
}

.header-mobile-menu{display:none;position:relative;flex:0 0 auto;order:1;margin-left:auto;font-family:Inter,Arial,sans-serif}
.header-mobile-menu summary{
  list-style:none;cursor:pointer;min-height:36px;padding:0 11px;border:1px solid rgba(17,24,39,.18);
  border-radius:999px;background:rgba(255,255,255,.82);display:flex;align-items:center;
  font:700 11px/1 Inter,Arial,sans-serif;color:#111827
}
.header-mobile-menu summary::-webkit-details-marker{display:none}
.header-mobile-menu nav{
  position:absolute;top:calc(100% + 8px);right:0;z-index:400;min-width:160px;padding:7px;
  display:grid;gap:3px;border:1px solid rgba(17,24,39,.14);border-radius:14px;background:#fff;
  box-shadow:0 18px 44px rgba(17,24,39,.16)
}
.header-mobile-menu nav a{
  padding:10px 11px;border-radius:9px;color:#111827;text-decoration:none;
  font:700 12px/1 Inter,Arial,sans-serif;white-space:nowrap
}
.header-mobile-menu nav a:hover,.header-mobile-menu nav a:focus-visible{background:#E8F3F2;color:#0F4C4A;outline:none}

@media(max-width:1080px){
  .brand-row{flex-wrap:nowrap!important;gap:7px!important}
  .brand-clickable{margin-right:0!important;flex:0 1 auto;min-width:0}
  .brand-icon{width:40px!important;height:40px!important}
  .brand-max{font-size:23px!important}
  .brand-examlab{font-size:13px!important;letter-spacing:.10em!important}
  .brand-tagline{font-size:7px!important;letter-spacing:.13em!important}
  .header-quick-link,.language-menu-toggle{min-height:36px!important;padding-left:9px!important;padding-right:9px!important}
  .account-actions{margin-left:0!important;flex:0 0 auto!important;white-space:nowrap}
  .profile-trigger{gap:6px!important;padding-right:8px!important}
  .profile-trigger-copy small{display:none!important}
  .profile-trigger-copy strong{max-width:108px!important}
}

@media(max-width:900px){
  .header-quick-links{display:none!important}
  .header-mobile-menu{display:block}
  .header-mobile-menu + .account-actions{margin-left:0!important}
  .language-menu{margin-left:0!important}
}

@media(max-width:720px){
  .site-header{padding:6px 10px!important}
  .brand-row{flex-wrap:nowrap!important;gap:5px!important}
  .brand-clickable{width:auto!important;min-width:0!important;justify-content:flex-start!important}
  .brand-icon{width:34px!important;height:34px!important}
  .brand-max{font-size:20px!important}
  .brand-examlab{font-size:11px!important}
  .brand-tagline{display:none!important}
  .header-mobile-menu{order:1!important;margin-left:auto!important}
  .language-menu{order:2!important}
  .account-actions{order:3!important}
  .language-menu-toggle{min-width:36px!important;width:36px!important;padding:0!important}
  .language-menu-toggle [data-language-current],
  .language-menu-toggle .language-menu-chevron{display:none!important}
  .profile-trigger-copy{display:none!important}
  .profile-trigger{padding:4px!important;gap:3px!important}
  .profile-avatar{width:32px!important;height:32px!important}
  .language-menu-list{top:54px!important}
}

@media(max-width:480px){
  .brand-wordmark{display:none!important}
  .header-mobile-menu summary{padding:0 9px}
  .account-actions{gap:4px!important}
}


/* ============================================================
   COMPACT EXAM CONTEXT HEADER · FINAL PRODUCTION
   Use the header width instead of stacking Back / title / subtitle.
   ============================================================ */
body:not(.max-landing-mode) .site-header{
  padding-top:6px!important;
  padding-bottom:5px!important;
}
body:not(.max-landing-mode) .context-row{
  margin-top:4px!important;
  align-items:center!important;
  min-height:34px!important;
}
body:not(.max-landing-mode) .context-row > div:first-child{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
body:not(.max-landing-mode) .context-back{
  margin:0!important;
  padding:6px 11px!important;
  flex:0 0 auto!important;
}
body:not(.max-landing-mode) .context-title{
  margin:0!important;
  font-size:17px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
body:not(.max-landing-mode) .context-sub{
  margin:0!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  color:var(--ink-soft)!important;
}
body:not(.max-landing-mode) .context-sub::before{
  content:"·";
  margin-right:10px;
  color:var(--ink-soft);
}
body:not(.max-landing-mode) .context-stats{
  margin-left:auto!important;
  flex:0 0 auto!important;
}

@media(max-width:760px){
  body:not(.max-landing-mode) .context-row > div:first-child{
    gap:7px!important;
  }
  body:not(.max-landing-mode) .context-title{
    font-size:15px!important;
  }
  body:not(.max-landing-mode) .context-sub{
    font-size:11px!important;
  }
}
@media(max-width:600px){
  body:not(.max-landing-mode) .context-row > div:first-child{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    row-gap:2px!important;
    width:100%!important;
  }
  body:not(.max-landing-mode) .context-back{
    grid-row:1 / span 2!important;
  }
  body:not(.max-landing-mode) .context-title,
  body:not(.max-landing-mode) .context-sub{
    white-space:normal!important;
  }
  body:not(.max-landing-mode) .context-sub::before{
    content:""!important;
    margin:0!important;
  }
}


/* ============================================================
   EXAM-SELECTION HEADER STANDARDISATION
   Dark glass is a Dark Mode treatment only. Light Mode inherits the
   canonical white exam shell from global-design-system.css, exactly like
   the working question pages.
   ============================================================ */
html[data-theme="dark"] html[data-theme="dark"] body:not(.max-landing-mode).max-category-selection-mode .site-header,
html[data-theme="dark"] html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-selection-mode .site-header,
html[data-theme="dark"] html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-book-mode .site-header{
  background:rgba(7,19,28,0.88)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  border-bottom:1px solid rgba(79,238,241,0.16)!important;
}
html[data-theme="dark"] body:not(.max-landing-mode).max-category-selection-mode .site-header .language-menu-toggle,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-selection-mode .site-header .language-menu-toggle,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-book-mode .site-header .language-menu-toggle{
  background:rgba(15,27,41,0.6)!important;
  color:#eefaff!important;
  border:1px solid rgba(79,238,241,0.16)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body:not(.max-landing-mode).max-category-selection-mode .site-header .language-menu-toggle:hover,
html[data-theme="dark"] body:not(.max-landing-mode).max-category-selection-mode .site-header .language-menu-toggle:focus-visible,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-selection-mode .site-header .language-menu-toggle:hover,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-selection-mode .site-header .language-menu-toggle:focus-visible,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-book-mode .site-header .language-menu-toggle:hover,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-book-mode .site-header .language-menu-toggle:focus-visible{
  background:rgba(79,238,241,0.08)!important;
  border-color:#4feef1!important;
  color:#84fbf6!important;
}

html[data-theme="dark"] body:not(.max-landing-mode).max-category-selection-mode .context-row,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-selection-mode .context-row,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-book-mode .context-row{
  background:transparent!important;
  border:none!important;
}

html[data-theme="dark"] body:not(.max-landing-mode).max-category-selection-mode .context-title,
html[data-theme="dark"] body:not(.max-landing-mode).max-category-selection-mode .context-sub,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-selection-mode .context-title,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-selection-mode .context-sub,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-book-mode .context-title,
html[data-theme="dark"] body:not(.max-landing-mode).max-ielts-book-mode .context-sub{
  display:none!important;
}

html[data-theme="dark"] body:not(.max-landing-mode) .context-back{
  background:rgba(19,36,55,0.7)!important;
  border:1px solid rgba(79,238,241,0.25)!important;
  color:#eefaff!important;
  border-radius:999px!important;
}

html[data-theme="dark"] body:not(.max-landing-mode) .context-back:hover{
  background:rgba(79,238,241,0.14)!important;
  border-color:#4feef1!important;
  color:#4feef1!important;
  box-shadow:0 0 12px rgba(79,238,241,0.28)!important;
}

/* Premium purchase card layout polish */
.premium-access-price-grid{grid-template-columns:1fr!important;gap:0!important;margin:20px 0 10px!important}
.premium-access-price-grid .premium-plan-option{display:grid!important;grid-template-columns:minmax(105px,1fr) auto minmax(118px,145px)!important;align-items:center!important;gap:16px!important;min-height:82px!important;padding:15px 17px!important}
.premium-access-price-grid .premium-plan-option span{margin:0!important;font:800 9.5px/1.2 Inter,sans-serif!important;letter-spacing:.11em!important}
.premium-access-price-grid .premium-plan-option strong{margin:0!important;white-space:nowrap!important;font:800 24px/1 Manrope,Inter,sans-serif!important;letter-spacing:-.035em!important}
.premium-access-price-grid .premium-plan-option small{margin:0!important;text-align:right!important;font:650 10.5px/1.45 Inter,sans-serif!important;color:#687a76!important}
@media(max-width:560px){.premium-access-price-grid .premium-plan-option{grid-template-columns:1fr!important;gap:7px!important}.premium-access-price-grid .premium-plan-option small{text-align:left!important}}

/* Premium modal viewport containment */
.premium-access-backdrop{box-sizing:border-box!important;padding:16px!important;overflow-x:hidden!important}
.premium-access-dialog{box-sizing:border-box!important;width:min(470px,calc(100vw - 32px))!important;max-width:100%!important;overflow-x:hidden!important}
.premium-access-dialog *{box-sizing:border-box}
.premium-access-price-grid{width:100%!important;min-width:0!important}
.premium-access-price-grid .premium-plan-option{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1fr) auto minmax(0,122px)!important}
.premium-access-price-grid .premium-plan-option>*{min-width:0!important}
.premium-access-price-grid .premium-plan-option small{overflow-wrap:anywhere!important}
.premium-access-actions{width:100%!important;min-width:0!important}
.premium-access-actions>*{min-width:0!important}
@media(max-width:520px){
  .premium-access-backdrop{padding:10px!important}
  .premium-access-dialog{width:calc(100vw - 20px)!important}
  .premium-access-price-grid .premium-plan-option{grid-template-columns:1fr!important}
}


/* ============================================================
   LANDING LAYOUT RESET · 2026-09-09
   Keep the landing page calm, aligned, and evenly spaced.
   ============================================================ */
html body.max-landing-mode .site-header{
  padding:10px 22px!important;
}
html body.max-landing-mode .site-header .brand-row{
  max-width:1360px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  direction:ltr!important;
}
/* Removed conflicting brand-clickable and pill size overrides */
html body.max-landing-mode .site-header .language-menu{
  flex:0 0 auto!important;
  margin-left:8px!important;
}
html body.max-landing-mode .site-header .header-quick-links{
  display:block!important;
  flex:0 0 auto!important;
  margin-left:0!important;
}
html body.max-landing-mode .site-header .header-quick-links ul{
  gap:8px!important;
}
html body.max-landing-mode .site-header .account-actions{
  margin-left:auto!important;
  margin-right:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
html body.max-landing-mode #view-landing .hero-wrap{
  max-width:1220px!important;
  padding-top:28px!important;
}
html body.max-landing-mode #view-landing .hero-scene{
  padding:24px 20px 18px!important;
}
html body.max-landing-mode #view-landing #categoryGrid{
  max-width:1180px!important;
  width:min(1180px,calc(100% - 40px))!important;
  min-height:0!important;
  margin:22px auto 0!important;
  padding:0 0 18px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  transform:none!important;
  transform-style:flat!important;
}
html body.max-landing-mode #view-landing .category-card,
html body.max-landing-mode #view-landing #categoryGrid .category-card.deck-active,
html body.max-landing-mode #view-landing #categoryGrid .category-card.deck-dim{
  width:100%!important;
  height:auto!important;
  min-height:300px!important;
  margin:0!important;
  padding:24px 22px 20px!important;
  transform:none!important;
  opacity:1!important;
  border-radius:20px!important;
  font-family:Inter,Arial,sans-serif!important;
}
html body.max-landing-mode #view-landing #categoryGrid .category-card.deck-active{
  box-shadow:0 24px 56px rgba(0,0,0,.34),0 0 0 1px rgba(69,222,200,.14),0 0 26px rgba(46,230,197,.11)!important;
}
html body.max-landing-mode #view-landing .category-card .category-name{
  font-family:Manrope,Inter,Arial,sans-serif!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:800!important;
}
html body.max-landing-mode #view-landing .category-card .category-desc{
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.55!important;
}
html body.max-landing-mode #view-landing .category-card .deck-kicker,
html body.max-landing-mode #view-landing .category-card .category-arrow,
html body.max-landing-mode #view-landing .category-card .deck-metric,
html body.max-landing-mode #view-landing .category-card .category-badge{
  font-family:Inter,Arial,sans-serif!important;
}
@media(max-width:1050px){
  html body.max-landing-mode .site-header .brand-row{gap:7px!important}
  html body.max-landing-mode .site-header .header-quick-link,
  html body.max-landing-mode .site-header .language-menu-toggle,
  html body.max-landing-mode .site-header .account-btn{padding:0 11px!important;font-size:12px!important}
  html body.max-landing-mode #view-landing #categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  html body.max-landing-mode .site-header .header-quick-links{display:none!important}
}
@media(max-width:700px){
  html body.max-landing-mode .site-header{padding:7px 10px!important}
  html body.max-landing-mode #view-landing #categoryGrid{
    width:min(100% - 24px,560px)!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  html body.max-landing-mode #view-landing .category-card,
  html body.max-landing-mode #view-landing #categoryGrid .category-card.deck-active,
  html body.max-landing-mode #view-landing #categoryGrid .category-card.deck-dim{
    min-height:220px!important;
  }
}


/* 2026-09-10: Restore approved moving landing deck geometry.
   Typography/theme stays current; only deck positioning is restored. */
@media(min-width:901px){
  html body.max-landing-mode #view-landing #categoryGrid{
    position:relative!important;
    max-width:1080px!important;
    min-height:430px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    grid-template-columns:none!important;
    justify-content:center!important;
    align-items:center!important;
    gap:0!important;
    perspective:1400px!important;
    isolation:isolate!important;
    transform-style:preserve-3d!important;
  }
  html body.max-landing-mode #view-landing .category-card,
  html body.max-landing-mode #view-landing #categoryGrid .category-card.deck-dim{
    position:relative!important;
    width:168px!important;
    height:350px!important;
    min-height:0!important;
    flex:0 0 auto!important;
    margin-left:-28px!important;
    margin-right:0!important;
    padding:24px 18px 18px!important;
    border-radius:18px!important;
    transform:translateY(10px)!important;
    opacity:.98!important;
  }
  html body.max-landing-mode #view-landing .category-card:first-child{margin-left:0!important}
  html body.max-landing-mode #view-landing .category-card[data-cat="yokdil"]{transform:translateY(22px)!important}
  html body.max-landing-mode #view-landing .category-card[data-cat="yds"]{transform:translateY(11px)!important}
  html body.max-landing-mode #view-landing .category-card[data-cat="ielts"]{transform:translateY(-2px)!important}
  html body.max-landing-mode #view-landing .category-card[data-cat="proficiency"]{transform:translateY(8px)!important}
  html body.max-landing-mode #view-landing #categoryGrid .category-card.deck-active{
    width:314px!important;
    height:384px!important;
    min-height:0!important;
    margin-left:-10px!important;
    margin-right:12px!important;
    transform:translateY(-10px)!important;
    z-index:20!important;
  }
}


/* Canonical landing header alignment: landing participates in the same desktop
   geometry as every other main section. This intentionally supersedes the
   legacy 1360px flex reset above without changing landing visuals/content. */
@media (min-width:1101px){
  html body.max-landing-mode .site-header .brand-row{
    width:min(1500px,calc(100% - 48px))!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    display:grid!important;
    grid-template-columns:max-content max-content minmax(0,1fr) max-content!important;
    align-items:center!important;
    column-gap:18px!important;
  }
  html body.max-landing-mode .site-header .language-menu{margin-left:0!important}
  html body.max-landing-mode .site-header .header-quick-links{min-width:0!important;margin-left:0!important}
  html body.max-landing-mode .site-header .header-quick-links ul{
    justify-content:flex-start!important;
    gap:clamp(8px,1vw,18px)!important;
  }
  html body.max-landing-mode .site-header .account-actions{
    justify-self:end!important;
    margin-left:clamp(18px,2vw,34px)!important;
    margin-right:0!important;
  }
}
@media (min-width:1500px){
  html body.max-landing-mode .site-header .brand-row{width:min(1560px,calc(100% - 64px))!important;max-width:1560px!important}
}


/* Final landing symmetry: anchor the first and last visible controls to equal
   viewport gutters. The internal navigation keeps its natural spacing. */
@media (min-width:1101px){
  html body.max-landing-mode .site-header .brand-row{
    width:calc(100% - 96px)!important;
    max-width:none!important;
    margin-left:48px!important;
    margin-right:48px!important;
  }
}
@media (min-width:1500px){
  html body.max-landing-mode .site-header .brand-row{
    width:calc(100% - 128px)!important;
    max-width:none!important;
    margin-left:64px!important;
    margin-right:64px!important;
  }
}

/* CANONICAL LANDING LIGHT MODE */

html[data-theme="light"] body.max-landing-mode {
  background: #F5F9FB !important;
  background-image: none !important;
  color: #10232E !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing {
  background: #F5F9FB !important;
  color: #10232E !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .card {
  background: #FFFFFF !important;
  background-image: none !important;
  border-color: #BFD1D9 !important;
  color: #10232E !important;
  box-shadow: 0 16px 40px rgba(16,35,46,.12) !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .card::before,
html[data-theme="light"] body.max-landing-mode #view-landing .card::after {
  opacity: 0 !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .card h3 {
  color: #10232E !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .card p {
  color: #526873 !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .card button {
  background: #EDF4F7 !important;
  color: #066A73 !important;
  border-color: #BFD1D9 !important;
}

html[data-theme="light"] body.max-landing-mode .launch-section {
  background: #FFFFFF !important;
  background-image: none !important;
  border-color: #BFD1D9 !important;
  color: #10232E !important;
  box-shadow: 0 16px 40px rgba(16,35,46,.12) !important;
}

html[data-theme="light"] body.max-landing-mode .launch-section h2,
html[data-theme="light"] body.max-landing-mode .launch-section h3,
html[data-theme="light"] body.max-landing-mode .launch-section strong {
  color: #10232E !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode .launch-section p,
html[data-theme="light"] body.max-landing-mode .launch-section li {
  color: #526873 !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode .launch-heading > span {
  color: #066A73 !important;
}


/* LANDING LIGHT MODE COMPLETION · 2026-09-20
   Color/surface overrides only. Dark mode and layout geometry remain unchanged. */
html[data-theme="light"] body.max-landing-mode .site-header{
  background:#FFFFFF!important;background-image:none!important;border-bottom-color:#D7E3E8!important;
  color:#10232E!important;box-shadow:0 4px 18px rgba(16,35,46,.08)!important
}
html[data-theme="light"] body.max-landing-mode .site-header .brand-wordmark strong,
html[data-theme="light"] body.max-landing-mode .site-header .header-quick-link,
html[data-theme="light"] body.max-landing-mode .site-header .account-btn,
html[data-theme="light"] body.max-landing-mode .site-header .profile-trigger-copy strong{color:#10232E!important;text-shadow:none!important}
html[data-theme="light"] body.max-landing-mode .site-header .brand-wordmark small,
html[data-theme="light"] body.max-landing-mode .site-header .profile-trigger-copy small{color:#087F89!important;text-shadow:none!important}
html[data-theme="light"] body.max-landing-mode .site-header .language-menu-toggle,
html[data-theme="light"] body.max-landing-mode .site-header .account-btn,
html[data-theme="light"] body.max-landing-mode .site-header .profile-trigger{
  background:#FFFFFF!important;background-image:none!important;border-color:#B9CBD3!important;color:#10232E!important;box-shadow:none!important
}
html[data-theme="light"] body.max-landing-mode .site-header .account-btn.primary{
  background:#087F89!important;border-color:#087F89!important;color:#FFFFFF!important
}
html[data-theme="light"] body.max-landing-mode .site-header .header-quick-link.active,
html[data-theme="light"] body.max-landing-mode .site-header .header-quick-link:hover{color:#066A73!important}
html[data-theme="light"] body.max-landing-mode .launch-feature-grid article,
html[data-theme="light"] body.max-landing-mode .launch-steps article,
html[data-theme="light"] body.max-landing-mode .dashboard-demo,
html[data-theme="light"] body.max-landing-mode .demo-metrics>div,
html[data-theme="light"] body.max-landing-mode .demo-review,
html[data-theme="light"] body.max-landing-mode .coverage-grid>div,
html[data-theme="light"] body.max-landing-mode .launch-pricing-grid>article,
html[data-theme="light"] body.max-landing-mode .trust-points p,
html[data-theme="light"] body.max-landing-mode .faq-grid details,
html[data-theme="light"] body.max-landing-mode .support-entry-grid>a{
  background:#FFFFFF!important;background-image:none!important;border-color:#BFD1D9!important;color:#10232E!important;
  box-shadow:0 10px 28px rgba(16,35,46,.08)!important
}
html[data-theme="light"] body.max-landing-mode .launch-feature-grid h3,
html[data-theme="light"] body.max-landing-mode .launch-steps h3,
html[data-theme="light"] body.max-landing-mode .dashboard-demo strong,
html[data-theme="light"] body.max-landing-mode .coverage-grid strong,
html[data-theme="light"] body.max-landing-mode .launch-pricing-grid h3,
html[data-theme="light"] body.max-landing-mode .launch-pricing-grid strong,
html[data-theme="light"] body.max-landing-mode .trust-points p,
html[data-theme="light"] body.max-landing-mode .faq-grid summary,
html[data-theme="light"] body.max-landing-mode .support-entry-grid b{color:#10232E!important;text-shadow:none!important}
html[data-theme="light"] body.max-landing-mode .launch-feature-grid p,
html[data-theme="light"] body.max-landing-mode .launch-steps p,
html[data-theme="light"] body.max-landing-mode .dashboard-demo span,
html[data-theme="light"] body.max-landing-mode .coverage-grid span,
html[data-theme="light"] body.max-landing-mode .launch-pricing-grid li,
html[data-theme="light"] body.max-landing-mode .faq-grid p,
html[data-theme="light"] body.max-landing-mode .support-entry-grid span{color:#526873!important;text-shadow:none!important}
html[data-theme="light"] body.max-landing-mode .launch-feature-grid b,
html[data-theme="light"] body.max-landing-mode .launch-steps i,
html[data-theme="light"] body.max-landing-mode .launch-pricing-grid>article>span{color:#066A73!important}
html[data-theme="light"] body.max-landing-mode .launch-pricing-grid a,
html[data-theme="light"] body.max-landing-mode .launch-pricing-grid button,
html[data-theme="light"] body.max-landing-mode .launch-button{
  background:#087F89!important;background-image:none!important;border-color:#087F89!important;color:#FFFFFF!important;box-shadow:none!important
}
html[data-theme="light"] body.max-landing-mode .launch-footer{
  background:#FFFFFF!important;background-image:none!important;border-top-color:#D7E3E8!important;color:#10232E!important
}
html[data-theme="light"] body.max-landing-mode .launch-footer p,
html[data-theme="light"] body.max-landing-mode .launch-footer small{color:#526873!important}
html[data-theme="light"] body.max-landing-mode .launch-footer a{color:#066A73!important}

/* FINAL LIGHT MODE SECTION SURFACES */

html[data-theme="light"] body.max-landing-mode #view-landing .launch-section,
html[data-theme="light"] body.max-landing-mode #view-landing .pricing-section,
html[data-theme="light"] body.max-landing-mode #view-landing .trust-section,
html[data-theme="light"] body.max-landing-mode #view-landing .early-access {
  background: #FFFFFF !important;
  background-image: none !important;
  border-color: #BFD1D9 !important;
  color: #10232E !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .launch-feature-grid article,
html[data-theme="light"] body.max-landing-mode #view-landing .launch-steps article,
html[data-theme="light"] body.max-landing-mode #view-landing .dashboard-demo,
html[data-theme="light"] body.max-landing-mode #view-landing .demo-metrics > div,
html[data-theme="light"] body.max-landing-mode #view-landing .demo-review,
html[data-theme="light"] body.max-landing-mode #view-landing .coverage-grid > div,
html[data-theme="light"] body.max-landing-mode #view-landing .launch-pricing-grid > article {
  background: #EDF4F7 !important;
  background-image: none !important;
  border-color: #BFD1D9 !important;
  color: #10232E !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .launch-section h2,
html[data-theme="light"] body.max-landing-mode #view-landing .launch-section h3,
html[data-theme="light"] body.max-landing-mode #view-landing .launch-section strong,
html[data-theme="light"] body.max-landing-mode #view-landing .trust-section h2,
html[data-theme="light"] body.max-landing-mode #view-landing .early-access h2 {
  color: #10232E !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .launch-section p,
html[data-theme="light"] body.max-landing-mode #view-landing .launch-section li,
html[data-theme="light"] body.max-landing-mode #view-landing .trust-section p,
html[data-theme="light"] body.max-landing-mode #view-landing .early-access p {
  color: #526873 !important;
  text-shadow: none !important;
}

/* FINAL LIGHT MODE HEADER CONTROLS */

html[data-theme="light"] body.max-landing-mode .site-header {
  background: #FFFFFF !important;
  background-image: none !important;
  border-bottom-color: #D7E3E8 !important;
  color: #10232E !important;
  box-shadow: 0 4px 18px rgba(16,35,46,.08) !important;
}

html[data-theme="light"] body.max-landing-mode .site-header .language-menu-toggle,
html[data-theme="light"] body.max-landing-mode .site-header .account-btn,
html[data-theme="light"] body.max-landing-mode .site-header .profile-trigger {
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #B9CBD3 !important;
  color: #10232E !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode .site-header .account-btn.primary {
  background: #087F89 !important;
  background-image: none !important;
  border-color: #087F89 !important;
  color: #FFFFFF !important;
}

html[data-theme="light"] body.max-landing-mode .site-header .header-quick-link {
  background: transparent !important;
  color: #10232E !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode .site-header .header-quick-link.active {
  background: #EDF4F7 !important;
  border-color: #BFD1D9 !important;
  color: #066A73 !important;
}

html[data-theme="light"] body.max-landing-mode .site-header .brand-wordmark strong,
html[data-theme="light"] body.max-landing-mode .site-header .profile-trigger-copy strong {
  color: #10232E !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode .site-header .brand-wordmark small,
html[data-theme="light"] body.max-landing-mode .site-header .profile-trigger-copy small {
  color: #066A73 !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode .site-header .language-menu-toggle:hover,
html[data-theme="light"] body.max-landing-mode .site-header .account-btn:hover,
html[data-theme="light"] body.max-landing-mode .site-header .profile-trigger:hover {
  background: #EDF4F7 !important;
  border-color: #087F89 !important;
}
/* FINAL LIGHT MODE CONTRAST FIXES */

/* Language selector */
html[data-theme="light"] body.max-landing-mode .site-header .language-menu-toggle,
html[data-theme="light"] body.max-landing-mode .site-header .language-menu-toggle span,
html[data-theme="light"] body.max-landing-mode .site-header .language-menu-toggle svg {
  color: #10232E !important;
  opacity: 1 !important;
}

/* SIGN IN */
html[data-theme="light"] body.max-landing-mode .site-header .account-btn:not(.primary) {
  background: #FFFFFF !important;
  background-image: none !important;
  border-color: #B9CBD3 !important;
  color: #10232E !important;
}

/* Guest / Profile & Dashboards */
html[data-theme="light"] body.max-landing-mode .site-header .profile-trigger {
  background: #FFFFFF !important;
  background-image: none !important;
  border-color: #B9CBD3 !important;
  color: #10232E !important;
}

html[data-theme="light"] body.max-landing-mode .site-header .profile-trigger-copy strong {
  color: #10232E !important;
  opacity: 1 !important;
}

html[data-theme="light"] body.max-landing-mode .site-header .profile-trigger-copy small {
  color: #066A73 !important;
  opacity: 1 !important;
}

/* Bottom exam quick-access bar */
html[data-theme="light"] body.max-landing-mode #view-landing .footer {
  background: rgba(255,255,255,.96) !important;
  background-image: none !important;
  border-top: 1px solid #BFD1D9 !important;
  color: #10232E !important;
}

/* Bottom exam labels */
html[data-theme="light"] body.max-landing-mode #view-landing .footer span {
  color: #526873 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .footer span:hover {
  color: #066A73 !important;
}


/* GUEST / PROFILE & DASHBOARDS */
html[data-theme="light"] body.max-landing-mode .site-header #profileBtn {
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #B9CBD3 !important;
  color: #10232E !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode .site-header #profileBtn #accountChip {
  color: #10232E !important;
  opacity: 1 !important;
}

html[data-theme="light"] body.max-landing-mode .site-header #profileBtn .profile-trigger-copy small {
  color: #066A73 !important;
  opacity: 1 !important;
}

/* BUILT AROUND TEACHING: FOUR BENEFIT BOXES */
html[data-theme="light"] body.max-landing-mode #view-landing .trust-points p {
  background: #EDF4F7 !important;
  background-image: none !important;
  border: 1px solid #BFD1D9 !important;
  color: #10232E !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .trust-points p b {
  color: #087F89 !important;
}

/* FAQ BOXES */
html[data-theme="light"] body.max-landing-mode #view-landing .faq-grid details {
  background: #EDF4F7 !important;
  background-image: none !important;
  border: 1px solid #BFD1D9 !important;
  color: #10232E !important;
  box-shadow: none !important;
}

/* FAQ QUESTION TEXT */
html[data-theme="light"] body.max-landing-mode #view-landing .faq-grid summary {
  color: #10232E !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* FAQ ANSWER TEXT */
html[data-theme="light"] body.max-landing-mode #view-landing .faq-grid details p {
  color: #526873 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* FINAL LIGHT MODE SIGN-IN BUTTON */
html[data-theme="light"] body.max-landing-mode .site-header #signInBtn,
html[data-theme="light"] body.max-landing-mode .site-header #signInBtn:hover,
html[data-theme="light"] body.max-landing-mode .site-header #signInBtn:focus,
html[data-theme="light"] body.max-landing-mode .site-header #signInBtn:active {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #B9CBD3 !important;
  color: #10232E !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="light"] body.max-landing-mode .site-header #signInBtn span {
  color: #10232E !important;
  opacity: 1 !important;
}

/* FINAL LIGHT MODE ACCENT CONTRAST */

html[data-theme="light"] body.max-landing-mode #view-landing .launch-heading > span,
html[data-theme="light"] body.max-landing-mode #view-landing .launch-feature-grid b,
html[data-theme="light"] body.max-landing-mode #view-landing .launch-steps i,
html[data-theme="light"] body.max-landing-mode #view-landing .launch-pricing-grid > article > span,
html[data-theme="light"] body.max-landing-mode #view-landing .dashboard-demo strong,
html[data-theme="light"] body.max-landing-mode #view-landing .trust-section > div > span,
html[data-theme="light"] body.max-landing-mode #view-landing .early-access > div > span {
  color: #087F89 !important;
  text-shadow: none !important;
}

/* Premium/access card links */
html[data-theme="light"] body.max-landing-mode #view-landing .launch-pricing-grid a {
  color: #066A73 !important;
  border-color: #087F89 !important;
}

/* Dashboard accent text */
html[data-theme="light"] body.max-landing-mode #view-landing .dashboard-demo {
  --max-accent: #087F89;
  --max-accent-strong: #066A73;
}

/* PREMIUM ACCESS CARD TYPOGRAPHY */

body.max-landing-mode .premium-access-grid h3 {
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.max-landing-mode .premium-access-grid .access-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 10px;
}

body.max-landing-mode .premium-access-grid .access-price strong {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
}

body.max-landing-mode .premium-access-grid .access-price small {
  font-size: 0.78rem !important;
  font-weight: 600 !important;
}

body.max-landing-mode .premium-access-grid .access-type {
  margin-top: 4px;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .premium-access-grid .access-price strong {
  color: #10232E !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .premium-access-grid .access-price small,
html[data-theme="light"] body.max-landing-mode #view-landing .premium-access-grid .access-type {
  color: #526873 !important;
}

/* FINAL LIGHT MODE FEEDBACK BUTTON */

html[data-theme="light"] body.max-landing-mode #view-landing .early-access a {
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #087F89 !important;
  color: #087F89 !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.max-landing-mode #view-landing .early-access a:hover,
html[data-theme="light"] body.max-landing-mode #view-landing .early-access a:focus {
  background: #EDF4F7 !important;
  border-color: #066A73 !important;
  color: #066A73 !important;
}

/* FINAL LIGHT MODE SIGN IN FIX */
html[data-theme="light"] body.max-landing-mode .site-header button#signInBtn.account-btn,
html[data-theme="light"] body.max-landing-mode .site-header button#signInBtn.account-btn:hover,
html[data-theme="light"] body.max-landing-mode .site-header button#signInBtn.account-btn:focus,
html[data-theme="light"] body.max-landing-mode .site-header button#signInBtn.account-btn:active {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #B9CBD3 !important;
  color: #10232E !important;
  box-shadow: none !important;
}