:root {
  --ink: #10233e;
  --ink-2: #173454;
  --navy: #0b1c34;
  --saffron: #f39a24;
  --saffron-dark: #d9780b;
  --blue: #2765d8;
  --cyan: #24a9c7;
  --green: #1f876d;
  --paper: #ffffff;
  --canvas: #f6f8fc;
  --tint: #eef3f9;
  --text: #24354a;
  --muted: #63748a;
  --line: #dbe3ed;
  --shadow-sm: 0 10px 28px rgba(16, 35, 62, 0.07);
  --shadow-lg: 0 28px 70px rgba(9, 30, 58, 0.16);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 30px;
  --container: 1180px;
  --font-heading: "Bricolage Grotesque", "Arial Narrow", Arial, sans-serif;
  --font-body: "Manrope", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; color: var(--text); background: var(--paper); font-family: var(--font-body); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { color: var(--ink); font-family: var(--font-heading); font-weight: 700; line-height: 1.08; letter-spacing: -0.035em; }
h1 { font-size: clamp(3rem, 6.1vw, 5.75rem); }
h2 { font-size: clamp(2.15rem, 4vw, 3.65rem); }
h3 { font-size: 1.42rem; }
p { margin-bottom: 1.25rem; }

.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { padding: 104px 0; }
.section-tint { background: var(--canvas); }
.section-shell { position: relative; overflow: hidden; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 9999; top: 12px; left: 12px; padding: 10px 16px; color: var(--paper); background: var(--ink); border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid rgba(243, 154, 36, .8); outline-offset: 3px; }

.site-header { position: sticky; z-index: 100; top: 0; background: rgba(255, 255, 255, .94); border-bottom: 1px solid rgba(219, 227, 237, .9); backdrop-filter: blur(16px); }
.header-inner { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 32px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.brand img { object-fit: contain; }
.brand-copy { display: grid; line-height: 1.15; }
.brand-copy strong { color: var(--ink); font-family: var(--font-heading); font-size: 1.19rem; letter-spacing: -.02em; }
.brand-copy span { margin-top: 3px; color: var(--muted); font-size: .67rem; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.primary-navigation { display: flex; align-items: center; gap: clamp(18px, 2.2vw, 30px); }
.primary-navigation > a:not(.button) { color: var(--text); font-size: .86rem; font-weight: 700; }
.primary-navigation > a:not(.button):hover { color: var(--saffron-dark); }
.menu-button { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; padding: 0; color: var(--ink); background: transparent; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; }
.menu-button span:not(.sr-only) { display: block; width: 19px; height: 2px; background: currentColor; border-radius: 9px; }

.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 12px; padding: 13px 22px; border: 1px solid transparent; border-radius: 10px; font-size: .9rem; font-weight: 800; line-height: 1.2; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #16263a; background: var(--saffron); box-shadow: 0 10px 24px rgba(243, 154, 36, .24); }
.button-primary:hover { background: #f5a43b; box-shadow: 0 13px 30px rgba(243, 154, 36, .3); }
.button-secondary { color: var(--ink); background: rgba(255, 255, 255, .8); border-color: var(--line); }
.button-light { color: var(--ink); background: var(--paper); }
.button-small { min-height: 42px; padding: 10px 16px; font-size: .79rem; }

.eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; color: #466077; font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow span { width: 22px; height: 2px; background: var(--saffron); }
.eyebrow-light { color: #b6c8d9; }
.hero { min-height: 710px; display: grid; align-items: center; padding: 76px 0 96px; color: var(--paper); background: linear-gradient(125deg, #08182d 0%, #102a4b 57%, #173c60 100%); }
.hero::before { position: absolute; inset: 0; content: ""; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to right, black, transparent 82%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.hero-glow-one { width: 450px; height: 450px; right: -120px; top: -190px; background: radial-gradient(circle, rgba(36,169,199,.18), transparent 68%); }
.hero-glow-two { width: 360px; height: 360px; left: 34%; bottom: -240px; background: radial-gradient(circle, rgba(243,154,36,.13), transparent 68%); }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 76px; }
.hero-copy { padding: 20px 0; }
.hero h1 { max-width: 760px; margin-bottom: 25px; color: var(--paper); }
.hero h1 em { color: var(--saffron); font-style: normal; }
.hero-lead { max-width: 650px; margin-bottom: 30px; color: #ccdae8; font-size: clamp(1.05rem, 1.7vw, 1.22rem); line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 30px; }
.hero .button-secondary { color: #e9f0f7; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.19); }
.hero-proof { display: flex; flex-wrap: wrap; gap: 20px; padding: 0; margin: 0; color: #aebfd0; list-style: none; font-size: .8rem; font-weight: 700; }
.hero-proof span { color: var(--saffron); }
.hero-visual { position: relative; min-height: 520px; display: grid; place-items: center; }
.path-card { width: min(100%, 445px); padding: 30px; background: rgba(255,255,255,.98); border: 1px solid rgba(255,255,255,.7); border-radius: 24px; box-shadow: var(--shadow-lg); transform: rotate(1.25deg); }
.path-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 23px; }
.mini-label { color: var(--muted); font-size: .66rem; font-weight: 800; letter-spacing: .12em; }
.status-dot { display: inline-flex; align-items: center; gap: 6px; color: var(--green); font-size: .7rem; font-weight: 800; }
.status-dot::before { width: 7px; height: 7px; content: ""; background: #35ba92; border-radius: 50%; box-shadow: 0 0 0 4px rgba(53,186,146,.13); }
.path-card h2 { margin-bottom: 23px; font-size: 2rem; line-height: 1.15; }
.progress-track { height: 6px; margin-bottom: 28px; overflow: hidden; background: #e8edf4; border-radius: 20px; }
.progress-track span { display: block; width: 74%; height: 100%; background: linear-gradient(90deg, var(--saffron), #f5bf4d); border-radius: inherit; }
.path-steps { display: grid; gap: 13px; }
.path-step { display: flex; align-items: center; gap: 14px; padding: 12px 14px; color: var(--ink); background: #f7f9fc; border: 1px solid #eef1f6; border-radius: 12px; }
.path-step.active { background: #fff8ee; border-color: #f5d3a6; }
.path-step b { display: grid; width: 34px; height: 34px; place-items: center; color: var(--muted); background: var(--paper); border: 1px solid var(--line); border-radius: 9px; font-size: .72rem; }
.path-step.active b { color: #5a3508; background: var(--saffron); border-color: var(--saffron); }
.path-step span { display: grid; line-height: 1.3; }
.path-step strong { font-size: .84rem; }
.path-step small { color: var(--muted); font-size: .7rem; }
.float-card { position: absolute; display: flex; align-items: center; gap: 10px; min-width: 185px; padding: 12px 15px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 13px; box-shadow: var(--shadow-sm); }
.float-card-one { left: -15px; top: 80px; }
.float-card-two { right: -24px; bottom: 72px; }
.float-icon { display: grid; width: 38px; height: 38px; place-items: center; color: var(--paper); background: var(--blue); border-radius: 10px; font-family: Georgia, serif; font-weight: 700; }
.float-icon.saffron { color: var(--ink); background: var(--saffron); }
.float-card > span:last-child { display: grid; line-height: 1.35; }
.float-card strong { font-size: .74rem; }
.float-card small { color: var(--muted); font-size: .64rem; }

.audience-strip { background: var(--paper); border-bottom: 1px solid var(--line); }
.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.audience-grid > div { position: relative; display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; padding: 24px 34px; }
.audience-grid > div + div { border-left: 1px solid var(--line); }
.audience-grid span { grid-row: 1 / span 2; color: var(--saffron-dark); font-size: .69rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }
.audience-grid strong { color: var(--ink); font-family: var(--font-heading); font-size: 1.08rem; }
.audience-grid small { color: var(--muted); font-size: .73rem; }

.section-heading { max-width: 760px; margin-bottom: 48px; }
.section-heading.centered { margin-inline: auto; text-align: center; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading.compact { margin-bottom: 58px; }
.section-heading h2, .split-heading h2, .framework-copy h2, .institution-copy h2, .resource-intro h2, .faq-intro h2 { margin-bottom: 18px; }
.section-heading > p:last-child, .split-heading > p, .framework-copy > p, .institution-copy > p, .resource-intro > p, .faq-intro > p { color: var(--muted); font-size: 1.02rem; }
.exam-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.exam-card { position: relative; min-height: 440px; overflow: hidden; padding: 34px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); transition: transform .22s ease, box-shadow .22s ease; }
.exam-card:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(16,35,62,.11); }
.exam-card::after { position: absolute; width: 130px; height: 130px; right: -65px; top: -65px; content: ""; background: var(--accent-soft); border-radius: 50%; }
.exam-jee { --accent: #2a67d5; --accent-soft: #dce8ff; }
.exam-neet { --accent: #18866e; --accent-soft: #d9f4eb; }
.exam-cuet { --accent: #8b53bd; --accent-soft: #eee1fa; }
.exam-mark { display: grid; width: 58px; height: 58px; place-items: center; margin-bottom: 28px; color: var(--paper); background: var(--accent); border-radius: 16px; font-family: var(--font-heading); font-size: 1.65rem; font-weight: 800; box-shadow: 0 10px 22px color-mix(in srgb, var(--accent) 25%, transparent); }
.card-kicker { margin-bottom: 8px; color: var(--accent); font-size: .65rem; font-weight: 800; letter-spacing: .13em; }
.exam-card h3 { margin-bottom: 16px; font-size: 1.75rem; }
.exam-card > p:not(.card-kicker) { color: var(--muted); font-size: .88rem; }
.clean-list { display: grid; gap: 7px; padding: 0; margin: 24px 0; list-style: none; }
.clean-list li { position: relative; padding-left: 20px; color: var(--text); font-size: .78rem; font-weight: 700; }
.clean-list li::before { position: absolute; left: 0; content: "✓"; color: var(--accent); }
.availability { display: inline-flex; padding: 7px 10px; color: var(--muted); background: var(--canvas); border-radius: 8px; font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }



.exam-library { margin-top: 34px; padding: 34px; background: var(--canvas); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.exam-library-head { display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: 36px; margin-bottom: 24px; }
.exam-library-head .eyebrow { margin-bottom: 10px; }
.exam-library-head h3 { margin-bottom: 10px; font-size: clamp(1.65rem, 2.6vw, 2.25rem); }
.exam-library-head p { margin-bottom: 0; color: var(--muted); font-size: .88rem; }
.exam-family-chips { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.exam-family-chips span { padding: 7px 10px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 999px; font-size: .66rem; font-weight: 800; }
.exam-library-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.exam-mini { display: grid; grid-template-columns: 50px 1fr; align-items: center; gap: 14px; padding: 16px; background: var(--paper); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 6px 18px rgba(16,35,62,.04); }
.exam-mini-code { display: grid; width: 50px; height: 50px; place-items: center; color: var(--paper); background: var(--blue); border-radius: 13px; font-family: var(--font-heading); font-size: .9rem; font-weight: 800; }
.exam-mini.defence .exam-mini-code { background: #92400e; }
.exam-mini.boards .exam-mini-code { background: #0e7490; }
.exam-mini small { display: block; margin-bottom: 2px; color: var(--muted); font-size: .56rem; font-weight: 800; letter-spacing: .09em; }
.exam-mini strong { display: block; color: var(--ink); font-family: var(--font-heading); font-size: 1.05rem; }
.exam-mini p { margin: 2px 0 0; color: var(--muted); font-size: .7rem; }
.exam-library-note { margin: 20px 0 0; padding-top: 18px; color: var(--muted); border-top: 1px solid var(--line); font-size: .74rem; }

.split-heading { display: grid; grid-template-columns: 1.05fr .75fr; align-items: end; gap: 80px; margin-bottom: 50px; }
.benefit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.benefit-card { min-height: 240px; padding: 30px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-md); }
.benefit-card.featured { grid-row: span 2; min-height: 498px; display: flex; flex-direction: column; justify-content: center; padding: 44px; color: var(--paper); background: linear-gradient(145deg, var(--ink), #21486e); border: 0; }
.benefit-card.featured h3 { color: var(--paper); font-size: 2.25rem; }
.benefit-card h3 { margin: 20px 0 10px; }
.benefit-card p { color: var(--muted); font-size: .9rem; }
.benefit-card.featured p { max-width: 420px; color: #c0cfde; }
.icon-box { display: grid; width: 48px; height: 48px; place-items: center; color: var(--ink); background: #fff3df; border-radius: 14px; font-size: 1.3rem; font-weight: 800; }
.topic-cloud { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.topic-cloud span { padding: 8px 12px; color: #dbe8f4; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 30px; font-size: .7rem; font-weight: 700; }

.framework-grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 90px; }
.principle-note { display: grid; gap: 5px; margin-top: 30px; padding: 18px 20px; background: #fff8ed; border-left: 4px solid var(--saffron); border-radius: 0 12px 12px 0; }
.principle-note strong { color: var(--ink); font-size: .8rem; }
.principle-note span { color: var(--muted); font-size: .78rem; }
.framework-flow { position: relative; display: grid; gap: 15px; }
.framework-flow::before { position: absolute; z-index: -1; width: 2px; height: calc(100% - 90px); left: 31px; top: 45px; content: ""; background: var(--line); }
.framework-flow article { display: flex; align-items: center; gap: 22px; padding: 24px; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-sm); }
.flow-number { display: grid; width: 62px; height: 62px; flex: 0 0 62px; place-items: center; color: var(--ink); background: var(--canvas); border: 1px solid var(--line); border-radius: 16px; font-family: var(--font-heading); font-weight: 800; }
.framework-flow article:nth-child(2) .flow-number { color: #794400; background: #fff2dd; border-color: #f7d09c; }
.framework-flow article:nth-child(3) .flow-number { color: var(--paper); background: var(--ink); }
.framework-flow h3 { margin: 0 0 5px; font-size: 1.15rem; }
.framework-flow p { margin: 0; color: var(--muted); font-size: .78rem; }

.teacher-section { position: relative; overflow: hidden; color: var(--paper); background: var(--navy); }
.teacher-section::after { position: absolute; inset: 0; content: ""; opacity: .14; background: radial-gradient(circle at 12% 0%, var(--saffron), transparent 23%), radial-gradient(circle at 100% 100%, var(--cyan), transparent 28%); }
.teacher-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 90px; }
.teacher-copy h2 { margin-bottom: 22px; color: var(--paper); }
.teacher-copy > p { color: #c1cfdd; }
.teacher-options { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 15px; }
.teacher-options span { padding: 8px 11px; color: #dbe6f0; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 7px; font-size: .69rem; font-weight: 700; }
.teacher-copy .quiet-note { margin-bottom: 26px; color: #8fa4b9; font-size: .75rem; }
.builder-preview { padding: 28px; color: var(--text); background: var(--paper); border: 1px solid rgba(255,255,255,.5); border-radius: 22px; box-shadow: 0 30px 80px rgba(0,0,0,.28); transform: rotate(-1deg); }
.builder-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.builder-top span { color: var(--ink); font-family: var(--font-heading); font-size: 1.25rem; font-weight: 750; }
.builder-top small { color: var(--muted); font-size: .58rem; font-weight: 800; letter-spacing: .1em; }
.builder-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 22px 0; }
.builder-fields > div { display: grid; gap: 6px; padding: 15px; background: var(--canvas); border: 1px solid var(--line); border-radius: 10px; }
.builder-fields small { color: var(--muted); font-size: .58rem; font-weight: 800; letter-spacing: .08em; }
.builder-fields strong { color: var(--ink); font-size: .76rem; }
.builder-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.builder-summary span { display: grid; justify-items: center; gap: 6px; padding: 12px 8px; color: var(--muted); background: #fff8ed; border-radius: 9px; font-size: .62rem; font-weight: 700; text-align: center; }
.builder-summary i { display: block; width: 16px; height: 20px; background: var(--paper); border: 1px solid #e2b97f; border-radius: 2px; }

.institution-shell { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 80px; padding: 54px; background: var(--canvas); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.institution-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.institution-features > div { display: grid; grid-template-columns: auto 1fr; column-gap: 13px; align-items: center; padding: 19px; background: var(--paper); border: 1px solid var(--line); border-radius: 14px; }
.institution-features span { grid-row: 1 / span 2; display: grid; width: 40px; height: 40px; place-items: center; color: var(--ink); background: #fff1dc; border-radius: 10px; font-weight: 800; }
.institution-features strong { color: var(--ink); font-size: .77rem; }
.institution-features small { color: var(--muted); font-size: .65rem; }

.resources-grid { display: grid; grid-template-columns: 1fr .8fr .8fr; align-items: stretch; gap: 20px; }
.resource-intro { padding-right: 38px; align-self: center; }
.resource-card { position: relative; min-height: 325px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 30px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); transition: transform .2s ease; }
.resource-card:hover { transform: translateY(-5px); }
.resource-card::before { position: absolute; width: 170px; height: 170px; right: -60px; top: -60px; content: ""; background: radial-gradient(circle, #dce9ff, transparent 68%); }
.resource-card.resource-book::before { background: radial-gradient(circle, #ffe3b4, transparent 68%); }
.resource-tag { margin-bottom: auto; color: var(--blue); font-size: .61rem; font-weight: 800; letter-spacing: .1em; }
.resource-book .resource-tag { color: #a25a00; }
.resource-card h3 { margin-bottom: 12px; font-size: 1.7rem; }
.resource-card p { color: var(--muted); font-size: .82rem; }
.resource-card > strong { color: var(--ink); font-size: .76rem; }

.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; padding: 0; margin: 0; list-style: none; counter-reset: step; }
.steps-grid li { position: relative; padding: 0 30px; text-align: center; }
.steps-grid li + li::before { position: absolute; width: 42%; height: 1px; left: -21%; top: 28px; content: ""; background: var(--line); }
.steps-grid li > span { position: relative; z-index: 1; display: grid; width: 56px; height: 56px; place-items: center; margin: 0 auto 24px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 50%; font-family: var(--font-heading); font-weight: 800; box-shadow: var(--shadow-sm); }
.steps-grid li:nth-child(2) > span, .steps-grid li:nth-child(4) > span { color: #543306; background: var(--saffron); border-color: var(--saffron); }
.steps-grid h3 { margin-bottom: 10px; font-size: 1.15rem; }
.steps-grid p { color: var(--muted); font-size: .76rem; }

.trust-section { color: var(--paper); background: linear-gradient(135deg, #122944, #1a3c5e); }
.trust-grid { display: grid; grid-template-columns: .55fr 1.45fr; align-items: center; gap: 80px; }
.trust-mark { display: grid; min-height: 285px; place-items: center; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }
.trust-mark img { width: 180px; filter: drop-shadow(0 18px 28px rgba(0,0,0,.22)); }
.trust-copy h2 { color: var(--paper); }
.trust-copy > p { color: #c4d1de; }
.trust-copy blockquote { margin: 26px 0; padding-left: 20px; color: #ffcc83; border-left: 3px solid var(--saffron); font-family: var(--font-heading); font-size: 1.1rem; font-weight: 700; }
.trust-copy > a { color: var(--paper); font-size: .8rem; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.35); }

.faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; align-items: start; gap: 90px; }
.faq-intro { position: sticky; top: 120px; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; padding: 24px 46px 24px 0; color: var(--ink); cursor: pointer; font-family: var(--font-heading); font-size: 1.05rem; font-weight: 700; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { position: absolute; right: 6px; top: 23px; content: "+"; color: var(--saffron-dark); font-family: var(--font-body); font-size: 1.4rem; font-weight: 500; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { padding-right: 40px; color: var(--muted); font-size: .86rem; }

.final-cta { padding: 66px 0; color: var(--paper); background: var(--saffron-dark); }
.final-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.final-cta h2 { max-width: 760px; margin: 0; color: var(--paper); font-size: clamp(2rem, 3.6vw, 3.2rem); }
.final-cta .eyebrow { color: #ffead1; }
.final-cta .eyebrow span { background: var(--paper); }

.site-footer { padding: 72px 0 24px; color: #aabaca; background: #071426; }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 60px; padding-bottom: 55px; }
.brand-footer .brand-copy strong { color: var(--paper); }
.brand-footer .brand-copy span { color: #8395a9; }
.footer-brand > p { margin-top: 22px; color: #8193a6; font-size: .78rem; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.footer-grid h2 { margin-bottom: 7px; color: var(--paper); font-family: var(--font-body); font-size: .71rem; letter-spacing: .1em; text-transform: uppercase; }
.footer-grid a { color: #99aabd; font-size: .74rem; }
.footer-grid a:hover { color: var(--paper); }
.footer-bottom { display: flex; justify-content: space-between; gap: 24px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.09); }
.footer-bottom p { margin: 0; color: #75879a; font-size: .67rem; }

@media (prefers-reduced-motion: no-preference) {
  .reveal { animation: rise .65s ease both; }
  .hero-visual { animation-delay: .12s; }
  @keyframes rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
}

@media (max-width: 1050px) {
  .primary-navigation { gap: 16px; }
  .primary-navigation > a:not(.button) { font-size: .78rem; }
  .hero-grid { grid-template-columns: 1fr .9fr; gap: 35px; }
  .float-card-one { left: -5px; }
  .float-card-two { right: -8px; }
  .exam-card { padding: 28px; }
  .framework-grid, .teacher-grid, .institution-shell, .faq-grid { gap: 55px; }
  .resources-grid { grid-template-columns: 1fr 1fr; }
  .resource-intro { grid-column: 1 / -1; max-width: 650px; padding: 0; }
}

@media (max-width: 900px) {
  html { scroll-padding-top: 74px; }
  .section { padding: 82px 0; }
  .header-inner { min-height: 70px; }
  .js-ready .menu-button { display: flex; }
  .primary-navigation { position: absolute; top: 70px; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 14px 20px 22px; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: var(--shadow-sm); }
  html:not(.js-ready) .primary-navigation { display: flex; }
  .js-ready .primary-navigation[data-open="true"] { display: flex; }
  .primary-navigation > a:not(.button) { padding: 13px 6px; border-bottom: 1px solid #edf1f5; font-size: .86rem; }
  .primary-navigation .button { margin-top: 14px; }
  .hero { min-height: auto; padding: 70px 0 92px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 720px; }
  .hero-visual { min-height: 500px; }
  .path-card { width: min(88%, 480px); }
  .float-card-one { left: 7%; }
  .float-card-two { right: 6%; }
  .audience-grid > div { padding-inline: 20px; }
  .exam-grid { grid-template-columns: 1fr; }
  .exam-library-head { grid-template-columns: 1fr; }
  .exam-family-chips { justify-content: flex-start; }
  .exam-library-grid { grid-template-columns: 1fr 1fr; }
  .exam-card { min-height: auto; }
  .split-heading, .framework-grid, .teacher-grid, .institution-shell, .trust-grid, .faq-grid { grid-template-columns: 1fr; }
  .split-heading { gap: 0; }
  .benefit-card.featured { min-height: 400px; }
  .teacher-copy { max-width: 680px; }
  .institution-shell { padding: 42px; }
  .steps-grid { grid-template-columns: repeat(2, 1fr); row-gap: 46px; }
  .steps-grid li:nth-child(3)::before { display: none; }
  .trust-mark { width: 260px; min-height: 260px; margin-inline: auto; }
  .faq-intro { position: static; }
  .footer-grid { grid-template-columns: 1.4fr repeat(3, 1fr); gap: 28px; }
}

@media (max-width: 680px) {
  .container { width: min(calc(100% - 30px), var(--container)); }
  .section { padding: 66px 0; }
  h1 { font-size: clamp(2.7rem, 13vw, 4.15rem); }
  h2 { font-size: clamp(2rem, 9vw, 2.75rem); }
  .brand-copy span { display: none; }
  .hero { padding: 54px 0 70px; }
  .hero-grid { gap: 25px; }
  .hero-lead { font-size: 1rem; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-proof { display: grid; gap: 8px; }
  .hero-visual { min-height: 470px; margin-inline: -5px; }
  .path-card { width: 100%; padding: 22px; transform: none; }
  .path-card h2 { font-size: 1.65rem; }
  .float-card { min-width: 155px; padding: 9px 11px; }
  .float-card-one { left: -6px; top: 66px; }
  .float-card-two { right: -8px; bottom: 28px; }
  .float-icon { width: 32px; height: 32px; }
  .audience-grid { grid-template-columns: 1fr; }
  .audience-grid > div { padding: 17px 4px; }
  .audience-grid > div + div { border-top: 1px solid var(--line); border-left: 0; }
  .exam-card { padding: 25px; }
  .exam-library { padding: 22px; }
  .exam-library-grid { grid-template-columns: 1fr; }
  .benefit-grid { grid-template-columns: 1fr; }
  .benefit-card, .benefit-card.featured { min-height: auto; padding: 28px; }
  .benefit-card.featured h3 { font-size: 1.85rem; }
  .framework-flow article { align-items: flex-start; padding: 20px; }
  .flow-number { width: 48px; height: 48px; flex-basis: 48px; }
  .teacher-grid { gap: 50px; }
  .builder-preview { padding: 20px; transform: none; }
  .builder-top { align-items: flex-start; flex-direction: column; }
  .builder-fields { grid-template-columns: 1fr; }
  .builder-summary { grid-template-columns: 1fr; }
  .builder-summary span { display: flex; justify-content: flex-start; align-items: center; }
  .institution-shell { padding: 28px 22px; border-radius: 20px; }
  .institution-features { grid-template-columns: 1fr; }
  .resources-grid { grid-template-columns: 1fr; }
  .resource-card { min-height: 290px; }
  .steps-grid { grid-template-columns: 1fr; gap: 38px; }
  .steps-grid li + li::before { display: none; }
  .trust-grid { gap: 45px; }
  .trust-mark { width: 210px; min-height: 210px; }
  .trust-mark img { width: 140px; }
  .final-cta-inner { align-items: flex-start; flex-direction: column; }
  .final-cta .button { width: 100%; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
}

@media (max-width: 390px) {
  .container { width: min(calc(100% - 24px), var(--container)); }
  .brand img { width: 47px; height: auto; }
  .brand-copy strong { font-size: 1.02rem; }
  .float-card { display: none; }
  .hero-visual { min-height: auto; }
  .framework-flow article { gap: 14px; }
  .institution-features > div { padding: 15px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* --- Platform pages v0.2.0 --- */
.nav-current { color: var(--saffron-dark) !important; }
.static-nav { display:flex; }
.page-hero { position:relative; padding:96px 0 76px; overflow:hidden; background:linear-gradient(180deg,#f8fbff 0%,#fff 100%); border-bottom:1px solid var(--line); }
.page-hero::after { position:absolute; width:480px; height:480px; right:-180px; top:-230px; content:""; border-radius:50%; background:radial-gradient(circle,rgba(238,142,32,.13),rgba(238,142,32,0) 70%); }
.page-hero-grid { display:grid; grid-template-columns:1.3fr .7fr; align-items:center; gap:70px; }
.page-hero h1 { max-width:900px; margin-bottom:22px; font-size:clamp(3rem,5.5vw,5.4rem); line-height:.98; }
.page-hero h1 em { color:var(--saffron-dark); font-style:normal; }
.page-lead { max-width:820px; color:var(--muted); font-size:1.08rem; }
.section-tight { padding-top:76px; padding-bottom:76px; }
.journey-card,.metric-card { position:relative; z-index:1; padding:30px; background:#10233e; color:white; border-radius:24px; box-shadow:0 24px 70px rgba(16,35,62,.18); }
.journey-card .mini-label,.metric-card small { color:#f7bd75; }
.journey-card ol { display:grid; gap:13px; margin:22px 0 0; padding:0; list-style:none; }
.journey-card li { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.journey-card li:last-child { border-bottom:0; }
.journey-card li b { display:grid; width:30px; height:30px; place-items:center; border-radius:50%; background:rgba(255,255,255,.09); color:#ffcb8f; }
.mode-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:34px; }
.mode-grid article { min-height:240px; padding:28px; background:var(--paper); border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-sm); }
.mode-icon { display:grid; width:52px; height:52px; place-items:center; margin-bottom:24px; color:#59370b; background:#ffe0b5; border-radius:15px; font-size:.72rem; font-weight:800; }
.mode-grid h3 { font-size:1.22rem; }
.mode-grid p { color:var(--muted); font-size:.8rem; }
.catalog-toolbar { display:grid; gap:22px; margin-bottom:32px; }
.catalog-toolbar label { display:block; margin-bottom:8px; color:var(--ink); font-size:.75rem; font-weight:800; }
.catalog-search { width:min(560px,100%); padding:15px 17px; background:white; border:1px solid #cfd8e3; border-radius:14px; color:var(--ink); font:inherit; }
.filter-row { display:flex; flex-wrap:wrap; gap:9px; }
.filter-chip { padding:10px 14px; border:1px solid #cfd8e3; border-radius:999px; background:white; color:var(--ink); cursor:pointer; font:inherit; font-size:.74rem; font-weight:700; }
.filter-chip.active,.filter-chip:hover { color:white; background:var(--ink); border-color:var(--ink); }
.catalog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.catalog-card { position:relative; min-height:245px; padding:26px; color:var(--ink); background:white; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-sm); transition:transform .2s ease,border-color .2s ease; }
a.catalog-card:hover { transform:translateY(-3px); border-color:#9fb1c5; }
.catalog-code { display:grid; width:48px; height:48px; place-items:center; margin-bottom:22px; color:white; background:var(--ink); border-radius:14px; font-family:var(--font-heading); font-weight:800; }
.catalog-card small { color:var(--saffron-dark); font-weight:800; letter-spacing:.08em; }
.catalog-card h3 { margin:8px 0 10px; font-size:1.42rem; }
.catalog-card p { color:var(--muted); font-size:.79rem; }
.catalog-card strong { position:absolute; left:26px; bottom:24px; color:var(--ink); font-size:.76rem; }
.status-pill { position:absolute; left:26px; bottom:24px; padding:7px 10px; color:#617086; background:#eef3f7; border-radius:999px; font-size:.68rem; font-weight:800; }
.catalog-empty { padding:40px; text-align:center; color:var(--muted); }
.service-path-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.service-path-grid article { padding:28px; background:white; border:1px solid var(--line); border-radius:20px; }
.service-path-grid article>span { display:grid; width:42px; height:42px; place-items:center; margin-bottom:22px; color:var(--saffron-dark); background:#fff0de; border-radius:50%; font-weight:800; }
.service-path-grid h3 { font-size:1.24rem; }
.service-path-grid p { min-height:96px; color:var(--muted); font-size:.8rem; }
.service-path-grid a,.service-path-grid strong { color:var(--ink); font-size:.74rem; }
.subject-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:32px; }
.subject-card { padding:30px; background:white; border:1px solid var(--line); border-radius:22px; }
.subject-card.active { box-shadow:0 16px 40px rgba(16,35,62,.08); border-color:#c7d4e1; }
.subject-card.locked { opacity:.68; }
.subject-symbol { display:grid; width:58px; height:58px; place-items:center; margin-bottom:24px; color:white; background:var(--ink); border-radius:17px; font:800 1.4rem var(--font-heading); }
.subject-card small { color:var(--saffron-dark); font-weight:800; letter-spacing:.08em; }
.subject-card h3 { margin:7px 0 10px; font-size:1.5rem; }
.subject-card p { color:var(--muted); font-size:.8rem; }
.subject-card strong { color:var(--ink); font-size:.75rem; }
.chemistry-hero .metric-card strong { display:block; margin:12px 0 0; color:white; font:800 clamp(3.2rem,6vw,5rem) var(--font-heading); }
.metric-card>span { display:block; margin-bottom:25px; color:#c4d1de; font-size:.78rem; }
.metric-card>div { padding-top:20px; border-top:1px solid rgba(255,255,255,.12); }
.metric-card>div b { display:block; color:#ffcb8f; font-size:1.25rem; }
.metric-card>div small { color:#c4d1de; }
.chapter-grid { display:grid; gap:18px; }
.chapter-card { display:grid; grid-template-columns:74px 1fr 230px; gap:24px; align-items:center; padding:28px; background:white; border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow-sm); }
.chapter-number { display:grid; width:64px; height:64px; place-items:center; color:white; background:var(--ink); border-radius:18px; font:800 1.35rem var(--font-heading); }
.chapter-card-main small { color:var(--saffron-dark); font-weight:800; letter-spacing:.07em; }
.chapter-card-main h2 { margin:6px 0 12px; font-size:1.55rem; }
.chapter-card-main p { margin:12px 0 0; color:var(--muted); font-size:.74rem; }
.chapter-stats { display:flex; flex-wrap:wrap; gap:8px; }
.chapter-stats span { padding:7px 9px; background:#f4f7fa; border-radius:8px; color:#536277; font-size:.68rem; }
.chapter-stats b { color:var(--ink); }
.chapter-actions { display:grid; gap:12px; justify-items:stretch; }
.chapter-actions .button { width:100%; text-align:center; }
.ready-pill { padding:8px 10px; text-align:center; color:#17623a; background:#e8f7ee; border-radius:999px; font-size:.66rem; font-weight:800; }
.data-integrity-note { margin-top:24px; padding:18px 20px; color:#48566a; background:#fff8ec; border:1px solid #f0d5ad; border-radius:14px; font-size:.75rem; }
.data-integrity-note strong { color:#7d4c10; }
.feature-line-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }
.feature-line-grid>div { display:flex; align-items:center; gap:12px; padding:17px; background:white; border:1px solid var(--line); border-radius:14px; }
.feature-line-grid b { color:var(--saffron-dark); font-family:var(--font-heading); }
.feature-line-grid span { font-size:.76rem; font-weight:700; }
.practice-shell { padding:72px 0 96px; background:#f6f8fb; min-height:100vh; }
.practice-head { display:flex; justify-content:space-between; gap:35px; align-items:flex-start; margin-bottom:34px; }
.practice-head h1 { margin-bottom:14px; font-size:clamp(2.5rem,5vw,4.2rem); }
.practice-head p { max-width:760px; color:var(--muted); }
.practice-meta { min-width:190px; padding:18px; color:white; background:var(--ink); border-radius:16px; text-align:right; }
.practice-meta span { color:#ffcb8f; font-size:.65rem; font-weight:800; }
.practice-meta strong,.practice-meta small { display:block; }
.practice-list { display:grid; gap:18px; }
.question-card { overflow:hidden; background:white; border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow-sm); }
.question-top { display:flex; justify-content:space-between; gap:20px; padding:18px 22px; background:#10233e; color:white; }
.question-top>span { color:#ffcb8f; font-weight:800; }
.question-top>div { display:flex; align-items:center; gap:10px; }
.question-top small { color:#bcc9d6; }
.taxonomy-line { padding:14px 22px 0; color:var(--saffron-dark); font-size:.69rem; font-weight:800; }
.question-text { padding:16px 22px 24px; color:#17243a; line-height:1.75; font-size:.9rem; white-space:normal; }
.solution-reveal { border-top:1px solid var(--line); }
.solution-reveal summary { padding:17px 22px; cursor:pointer; color:var(--ink); background:#f8fafc; font-weight:800; }
.solution-body { padding:22px; }
.answer-row { display:flex; justify-content:space-between; gap:20px; padding:13px 15px; margin-bottom:12px; background:#edf8f1; border-radius:12px; }
.answer-row.official { background:#f5f7fa; }
.answer-row span { color:#566478; font-size:.72rem; }
.solution-body section { margin-top:22px; }
.solution-body h3 { margin-bottom:7px; font-size:.93rem; }
.solution-body p { color:#46566b; font-size:.8rem; }
.focus-box { display:grid; gap:5px; margin-top:20px; padding:16px; color:#6b430f; background:#fff4e6; border-left:4px solid var(--saffron); border-radius:10px; }
.focus-box span { font-size:.77rem; }
.trap-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.trap-grid>div { display:grid; gap:5px; padding:15px; background:#f5f7fa; border-radius:12px; }
.trap-grid b { font-size:.76rem; }
.trap-grid span { color:#566478; font-size:.72rem; }
.verification-line { margin-top:18px!important; padding-top:14px; border-top:1px solid var(--line); color:#728096!important; font-size:.67rem!important; }
.onboarding-shell { min-height:calc(100vh - 76px); padding:72px 0; background:linear-gradient(135deg,#f6f9fc,#fff7ec); }
.onboarding-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }
.onboarding-copy h1 { font-size:clamp(3rem,5vw,4.9rem); line-height:1; }
.onboarding-copy h1 em { color:var(--saffron-dark); font-style:normal; }
.onboarding-copy>p { max-width:600px; color:var(--muted); }
.secure-note { display:grid; gap:5px; margin-top:25px; padding:16px; background:#eef4fa; border:1px solid #d9e3ed; border-radius:12px; color:#4c5a6e; font-size:.72rem; }
.secure-note b { color:var(--ink); }
.onboarding-panel { padding:34px; background:white; border:1px solid var(--line); border-radius:24px; box-shadow:0 24px 65px rgba(16,35,62,.12); }
.step-indicator { display:flex; gap:10px; margin-bottom:28px; }
.step-indicator span { padding:7px 10px; color:#718096; background:#f2f5f8; border-radius:999px; font-size:.66rem; font-weight:800; }
.step-indicator .active { color:white; background:var(--ink); }
.role-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px; }
.role-grid button { min-height:122px; padding:16px; text-align:left; cursor:pointer; background:#fff; border:1px solid var(--line); border-radius:14px; font:inherit; }
.role-grid button.selected { border-color:var(--saffron-dark); box-shadow:0 0 0 2px rgba(224,125,16,.12); }
.role-grid b,.role-grid span { display:block; }
.role-grid span { margin-top:7px; color:var(--muted); font-size:.68rem; }
.onboarding-options { min-height:180px; margin:22px 0; padding:18px; background:#f7f9fb; border-radius:15px; }
.onboarding-options h3 { font-size:1rem; }
.onboarding-options p { color:var(--muted); font-size:.72rem; }
.option-pills { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.option-pills label { display:flex; align-items:center; gap:7px; padding:8px 10px; background:white; border:1px solid var(--line); border-radius:999px; font-size:.68rem; font-weight:700; }
.onboarding-next { width:100%; }
.form-footnote { margin:12px 0 0; color:#7d8a9b; text-align:center; font-size:.65rem; }
.login-layout { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; }
.login-brand-panel { display:flex; flex-direction:column; justify-content:space-between; padding:56px; color:white; background:linear-gradient(145deg,#071426,#153557); }
.login-brand-panel h1 { color:white; font-size:clamp(3rem,5vw,5rem); line-height:1; }
.login-brand-panel h1 em { color:#ffbe70; font-style:normal; }
.login-brand-panel p { color:#c4d1de; }
.login-brand-panel>small { color:#8295aa; }
.login-form-panel { display:grid; place-items:center; padding:40px; background:#f6f8fb; }
.login-card { width:min(520px,100%); padding:34px; background:white; border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow-sm); }
.login-role-tabs { display:grid; gap:10px; margin:24px 0; }
.login-role-tabs a { display:grid; grid-template-columns:1fr auto; gap:5px 20px; padding:17px; color:var(--ink); border:1px solid var(--line); border-radius:14px; }
.login-role-tabs a span { color:var(--muted); font-size:.7rem; }
.button-block { width:100%; margin-top:20px; }
.text-link { display:block; margin-top:18px; text-align:center; color:#59687c; font-size:.72rem; }
.plan-tabs { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:28px; }
.plan-tabs span { padding:9px 12px; color:#425167; background:#eef3f7; border-radius:999px; font-size:.68rem; font-weight:800; }
.plan-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.plan-card { min-height:370px; padding:32px; background:white; border:1px solid var(--line); border-radius:22px; }
.plan-card.featured-plan { color:white; background:var(--ink); border-color:var(--ink); }
.plan-card.featured-plan h2,.plan-card.featured-plan .clean-list,.plan-card.featured-plan p { color:white; }
.plan-card.featured-plan .clean-list li { color:#f3f7fb; }
.plan-card.featured-plan .clean-list li::before { color:#ffbd72; }
.plan-card small { color:var(--saffron-dark); font-weight:800; letter-spacing:.08em; }
.plan-card.featured-plan small { color:#ffbd72; }
.plan-card h2 { margin:10px 0 12px; font-size:1.7rem; }
.plan-card p { color:var(--muted); }
.plan-card .clean-list { margin-top:22px; }
.price-placeholder { display:block; margin-top:28px; padding-top:20px; border-top:1px solid var(--line); color:var(--ink); }
.featured-plan .price-placeholder { color:#ffcb8f; border-color:rgba(255,255,255,.15); }
.dashboard-shell { min-height:calc(100vh - 76px); padding:72px 0 96px; background:#f6f8fb; }
.dashboard-head { display:flex; justify-content:space-between; gap:30px; align-items:flex-start; margin-bottom:32px; }
.dashboard-head h1 { margin-bottom:10px; font-size:clamp(2.7rem,5vw,4.5rem); }
.dashboard-head p { color:var(--muted); }
.preview-badge { padding:10px 12px; color:#6f430d; background:#fff0dc; border-radius:999px; font-size:.66rem; font-weight:800; }
.dashboard-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.dash-card { min-height:240px; padding:28px; background:white; border:1px solid var(--line); border-radius:20px; }
.dash-card small { color:var(--saffron-dark); font-weight:800; }
.dash-card h2 { margin:10px 0; font-size:1.55rem; }
.dash-card p { color:var(--muted); }
.dash-card a { display:inline-block; margin-top:24px; color:var(--ink); font-size:.74rem; font-weight:800; }
@media (max-width: 980px) {
  .page-hero-grid,.onboarding-grid { grid-template-columns:1fr; }
  .mode-grid,.service-path-grid { grid-template-columns:repeat(2,1fr); }
  .catalog-grid { grid-template-columns:repeat(2,1fr); }
  .chapter-card { grid-template-columns:64px 1fr; }
  .chapter-actions { grid-column:2; grid-template-columns:1fr 1fr; align-items:center; }
  .static-nav { gap:14px; }
}
@media (max-width: 720px) {
  .static-nav { display:none; }
  .page-hero { padding:68px 0 58px; }
  .page-hero h1 { font-size:clamp(2.6rem,12vw,4rem); }
  .mode-grid,.service-path-grid,.subject-grid,.catalog-grid,.feature-line-grid,.plan-grid,.dashboard-grid { grid-template-columns:1fr; }
  .chapter-card { grid-template-columns:1fr; }
  .chapter-actions { grid-column:auto; grid-template-columns:1fr; }
  .practice-head,.dashboard-head { flex-direction:column; }
  .practice-meta { width:100%; text-align:left; }
  .question-top { flex-direction:column; }
  .trap-grid { grid-template-columns:1fr; }
  .role-grid { grid-template-columns:1fr; }
  .login-layout { grid-template-columns:1fr; }
  .login-brand-panel { min-height:470px; padding:34px 24px; }
  .login-form-panel { padding:28px 18px 48px; }
  .onboarding-panel { padding:24px 18px; }
}
.exam-family-chips a { padding:8px 10px; color:var(--ink); background:#f2f5f8; border-radius:999px; font-size:.68rem; font-weight:800; }
.exam-family-chips a:hover { color:white; background:var(--ink); }

/* v0.2.1 exam-native multi-subject architecture */
.track-panel{margin:1.5rem 0 1.25rem}.track-list{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding:1rem 1.15rem;border:1px solid var(--line,#dbe3ee);border-radius:14px;background:#fff}.track-list b{margin-right:.3rem}.track-list span{padding:.45rem .7rem;border-radius:999px;background:#f5f7fb;font-size:.88rem}.full-exam-card{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:1.6rem;border:1px solid var(--line,#dbe3ee);border-radius:18px;background:#fff}.full-exam-card h2{margin:.25rem 0 .55rem}.full-exam-card p{max-width:760px}.full-exam-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.subject-symbol{min-width:2.3rem;text-align:center}
@media (max-width:760px){.full-exam-card{flex-direction:column;align-items:flex-start}.full-exam-actions{align-items:flex-start;width:100%}.full-exam-actions .button{width:100%;text-align:center}}

/* v0.3.0 — founder identity and live test callout */
.live-test-callout{background:linear-gradient(135deg,#eef7ff 0%,#f7fbff 52%,#fff8ed 100%)}.live-test-callout-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:2rem;align-items:center}.live-test-callout h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.06;margin:.7rem 0 1rem;max-width:900px}.live-test-callout p:not(.eyebrow){color:#52677e;line-height:1.75;max-width:820px}.live-test-stat{background:#10233e;color:#fff;border-radius:20px;padding:1.5rem;display:grid;gap:.45rem;box-shadow:0 18px 45px rgba(16,35,62,.15)}.live-test-stat>small{color:#9db1c9;font-weight:800;letter-spacing:.08em}.live-test-stat>strong{font-family:"Bricolage Grotesque",sans-serif;font-size:3.4rem;line-height:1}.live-test-stat>span{color:#c7d3e1}.live-test-stat>div{display:grid;gap:.25rem;border-top:1px solid rgba(255,255,255,.12);margin-top:.7rem;padding-top:.9rem}.live-test-stat>div span{color:#b6c5d6;font-size:.82rem}.chapter-preview-link{font-size:.76rem;font-weight:800;color:#466989;text-align:center}.founder-hero{background:linear-gradient(135deg,#f7fbff,#edf5fb)}.founder-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:2rem;align-items:center}.founder-role{font-weight:800;color:#294c71;line-height:1.55;margin:.8rem 0}.founder-principle{background:#10233e;color:#fff;padding:1.6rem;border-radius:20px}.founder-principle small{color:#9eb1c8;font-weight:800;letter-spacing:.08em}.founder-principle strong{display:block;font-family:"Bricolage Grotesque",sans-serif;font-size:2rem;margin:.7rem 0}.founder-principle p{color:#c6d3e1;line-height:1.7}.founder-story-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem}.founder-story-grid h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08}.founder-story-grid>div:last-child{display:grid;gap:1rem;color:#52667d;line-height:1.8}
@media(max-width:800px){.live-test-callout-grid,.founder-hero-grid,.founder-story-grid{grid-template-columns:1fr}.live-test-stat{max-width:520px}}

/* v0.3.1 — Student Smart Planner, Master Schedule preparation and leaderboard */
.student-workspace{background:#f7f9fc}.student-hero{background:linear-gradient(135deg,#10233e 0%,#173960 58%,#1f4f7a 100%);color:#fff;padding:72px 0 58px}.student-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:42px;align-items:center}.student-hero h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.98;margin:12px 0 20px;color:#fff}.student-hero h1 em{font-style:normal;color:#f1bb5a}.student-hero p{max-width:760px;color:#dbe6f3;font-size:1.08rem}.button-ghost-light{border:1px solid rgba(255,255,255,.42);color:#fff;background:transparent}.countdown-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:30px;backdrop-filter:blur(10px)}.countdown-card small{letter-spacing:.12em;font-weight:800;color:#c9d9eb}.countdown-card strong{display:block;font-family:"Bricolage Grotesque",sans-serif;font-size:4.2rem;line-height:1;margin:14px 0 4px;color:#fff}.countdown-card span{font-weight:700}.countdown-card p{font-size:.9rem;margin-top:16px;color:#bfd0e3}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-kpi-grid article{background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(16,35,62,.05)}.dashboard-kpi-grid small{display:block;color:#6f7f92;font-size:.72rem;font-weight:800;letter-spacing:.11em}.dashboard-kpi-grid strong{display:block;font-size:1.55rem;margin:8px 0 3px;color:#10233e}.dashboard-kpi-grid span{font-size:.88rem;color:#6b7888}.two-column-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.72fr);gap:34px}.workspace-side{display:grid;gap:16px;align-content:start}.side-card{background:#fff;border:1px solid #dfe6ef;border-radius:20px;padding:24px}.side-card small{font-weight:800;letter-spacing:.1em;color:#7b8795}.side-card h3{font-size:1.35rem;margin:8px 0 12px}.side-card p,.side-card li{color:#667383}.side-card a{display:inline-block;margin-top:12px;font-weight:800;color:#174f85}.clean-list.compact{gap:7px}.schedule-list{display:grid;gap:12px}.schedule-item{display:grid;grid-template-columns:125px minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #dfe6ef;border-radius:18px;background:#fff;padding:18px}.schedule-item.available{border-color:#9cc9ad;background:#fbfffc}.schedule-date{display:flex;flex-direction:column;gap:5px}.schedule-date b{font-size:.92rem;color:#10233e}.schedule-date span{font-size:.82rem;color:#728094}.schedule-copy small{font-size:.68rem;letter-spacing:.09em;font-weight:800;color:#718095}.schedule-copy h3{margin:3px 0 5px;font-size:1.05rem}.schedule-copy p{margin:0;font-size:.84rem;color:#687586}.schedule-action a,.schedule-action span{display:inline-flex;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800;background:#edf3f8;color:#174f85;white-space:nowrap}.schedule-item.available .schedule-action a{background:#174f85;color:#fff}.schedule-empty,.master-schedule-empty{border:1px dashed #c7d2df;border-radius:18px;padding:22px;background:#f9fbfd;display:flex;flex-direction:column;gap:5px;color:#617083}.schedule-empty b,.master-schedule-empty b{color:#10233e}.week-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.week-day{background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:18px}.week-day>small{font-weight:800;letter-spacing:.08em;color:#6f7d8e}.week-day>div{border-top:1px solid #edf1f5;padding-top:11px;margin-top:11px;display:grid;gap:3px}.week-day b{font-size:.9rem}.week-day span{font-size:.82rem;color:#687586}.week-day em{font-style:normal;font-size:.75rem;color:#8a96a5}

.planner-hero{padding-bottom:48px}.planner-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:34px;align-items:start}.planner-form{display:grid;gap:26px}.planner-step{display:flex;gap:16px;align-items:flex-start;border-top:1px solid #e1e7ef;padding-top:24px}.planner-step:first-child{border-top:0;padding-top:0}.step-number{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#10233e;color:#fff;font-weight:800}.planner-step h2{font-size:1.4rem;margin:2px 0 5px}.planner-step p{margin:0;color:#687586}.form-grid{display:grid;gap:14px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.planner-form label>span,.subject-plan-card label>span{display:block;font-size:.78rem;font-weight:800;color:#526174;margin-bottom:7px}.planner-form input[type="date"],.planner-form input[type="time"],.planner-form select,.subject-plan-card select{width:100%;border:1px solid #cad5e2;border-radius:12px;padding:12px 13px;background:#fff;font:inherit;color:#10233e}.mode-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-choice{position:relative;border:1px solid #d5dee9;border-radius:16px;padding:18px;background:#fff;cursor:pointer}.mode-choice input{position:absolute;top:16px;right:16px}.mode-choice b{display:block;padding-right:24px;margin-bottom:7px}.mode-choice span{font-size:.84rem;color:#697687;line-height:1.45}.mode-choice:has(input:checked){border-color:#174f85;box-shadow:0 0 0 2px rgba(23,79,133,.08);background:#f8fbff}.weekday-pills{display:flex;flex-wrap:wrap;gap:9px}.weekday-pills label{cursor:pointer}.weekday-pills input{position:absolute;opacity:0}.weekday-pills span{display:inline-flex;min-width:52px;justify-content:center;border:1px solid #ced8e4;border-radius:999px;padding:9px 12px;background:#fff;font-size:.82rem;font-weight:800}.weekday-pills input:checked+span{background:#fff0ee;border-color:#e2a39b;color:#8e3228}.subject-planner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subject-plan-card{border:1px solid #d8e0ea;border-radius:16px;background:#fff;padding:16px}.subject-toggle{display:flex;align-items:center;gap:8px;margin-bottom:14px}.subject-toggle b{font-size:1.05rem}.subject-plan-card small{display:block;margin-top:10px;color:#7a8797;font-size:.73rem;line-height:1.4}.ladder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ladder-grid label{border:1px solid #dbe3ec;border-radius:14px;padding:14px;background:#fff;display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:3px;align-items:start}.ladder-grid label input{grid-row:1/3;margin-top:4px}.ladder-grid b{font-size:.9rem}.ladder-grid span{font-size:.78rem;color:#6e7b8b}.planner-note{display:flex;gap:10px;align-items:flex-start;background:#fff8e8;border:1px solid #eedaa8;border-radius:14px;padding:14px 16px}.planner-note b{white-space:nowrap;color:#6d5314}.planner-note span{color:#715f34;font-size:.86rem}.planner-actions{display:flex;gap:10px;flex-wrap:wrap}.planner-preview{min-width:0}.preview-sticky{position:sticky;top:92px;background:#10233e;color:#fff;border-radius:22px;padding:24px;box-shadow:0 18px 45px rgba(16,35,62,.18)}.preview-sticky>small{font-size:.7rem;letter-spacing:.12em;font-weight:800;color:#afc4da}.preview-sticky>h2{font-size:1.7rem;margin:7px 0}.preview-sticky>p{color:#c8d7e7;font-size:.86rem}.preview-sticky .schedule-list{margin-top:18px;max-height:70vh;overflow:auto;padding-right:4px}.preview-sticky .schedule-item{grid-template-columns:86px 1fr;padding:12px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}.preview-sticky .schedule-date b,.preview-sticky .schedule-copy h3{color:#fff}.preview-sticky .schedule-date span,.preview-sticky .schedule-copy p,.preview-sticky .schedule-copy small{color:#c8d7e7}.preview-sticky .schedule-action{grid-column:2}.preview-sticky .schedule-action span{background:rgba(255,255,255,.1);color:#d9e6f3}.preview-sticky .schedule-action a{background:#f1bb5a;color:#10233e}.preview-sticky .schedule-empty{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#c8d7e7}.preview-sticky .schedule-empty b{color:#fff}

.leaderboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.leaderboard-card{border:1px solid #dfe6ef;border-radius:20px;padding:25px;background:#fff}.leaderboard-card small{font-size:.7rem;font-weight:800;letter-spacing:.11em;color:#758394}.leaderboard-card h2{font-size:1.55rem;margin:8px 0}.leaderboard-card p{color:#697687}.empty-ranking{margin-top:18px;padding:16px;border-radius:14px;background:#f5f8fb;color:#637184;font-size:.86rem}.improvement-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.improvement-metrics span{padding:14px;border-radius:14px;background:#f5f8fb;color:#687586;font-size:.8rem}.improvement-metrics b{display:block;color:#10233e;font-size:1.4rem;margin-bottom:2px}

@media (max-width:1000px){.student-hero-grid,.planner-shell,.two-column-workspace{grid-template-columns:1fr}.preview-sticky{position:static}.dashboard-kpi-grid,.week-board{grid-template-columns:repeat(2,1fr)}.form-grid.three,.mode-choice-grid,.subject-planner-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.student-hero{padding:48px 0 38px}.student-hero h1{font-size:2.55rem}.dashboard-kpi-grid,.week-board,.leaderboard-grid,.form-grid.three,.mode-choice-grid,.subject-planner-grid,.ladder-grid{grid-template-columns:1fr}.schedule-item{grid-template-columns:1fr}.schedule-action{justify-self:start}.planner-note{flex-direction:column}.preview-sticky .schedule-item{grid-template-columns:1fr}.preview-sticky .schedule-action{grid-column:auto}.countdown-card strong{font-size:3.2rem}}
.blocked-date-builder{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:12px}.blocked-date-builder label{min-width:220px}.blocked-date-list{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.blocked-date-list small{color:#7a8797}.blocked-date-chip{border:1px solid #d8e0ea;background:#fff;border-radius:999px;padding:8px 11px;font:inherit;font-size:.78rem;color:#5d6978;cursor:pointer}.subject-plan-card input[type="text"],.subject-plan-card input[type="time"]{width:100%;border:1px solid #cad5e2;border-radius:12px;padding:10px 11px;background:#fff;font:inherit;color:#10233e}.subject-preference-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}@media(max-width:680px){.subject-preference-row{grid-template-columns:1fr}}

/* v0.3.2 — explicit self-scheduled test builder */
.mode-launch{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-launch-card{position:relative;display:block;border:1px solid #d6e0eb;border-radius:20px;padding:22px;background:#fff;cursor:pointer;box-shadow:0 8px 28px rgba(16,35,62,.05)}.mode-launch-card input{position:absolute;right:18px;top:18px;width:18px;height:18px}.mode-launch-card b{display:block;font-size:1.15rem;color:#10233e;margin:5px 28px 7px 0}.mode-launch-card p{margin:0;color:#687586;font-size:.86rem;line-height:1.5}.mode-kicker{font-size:.67rem;font-weight:900;letter-spacing:.1em;color:#77879a}.mode-launch-card:has(input:checked){border-color:#174f85;box-shadow:0 0 0 3px rgba(23,79,133,.09),0 14px 34px rgba(16,35,62,.1);background:#f8fbff}.mode-launch-card.personal-card:has(input:checked){background:#eef8f4;border-color:#4a8e78}.planner-mode-message{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:15px 17px;background:#edf5fc;border:1px solid #c9deef}.planner-mode-message b{white-space:nowrap;color:#12395d}.planner-mode-message span{color:#4b6278;font-size:.86rem;line-height:1.5}.planner-mode-message.mode-personal{background:#eef8f4;border-color:#c8e2d8}.planner-mode-message.mode-personal b{color:#245e4d}.availability-box{border:1px solid #d9e2ec;border-radius:18px;padding:18px;background:#fff}.availability-box>div:first-child{margin-bottom:14px}.availability-box strong{display:block;color:#10233e}.availability-box small{display:block;color:#718094;margin-top:4px}.auto-allocation{display:flex;gap:10px;align-items:flex-start;border:1px solid #cbd9e8;background:#f6faff;border-radius:14px;padding:14px 16px}.auto-allocation strong{white-space:nowrap;color:#174f85}.auto-allocation span{font-size:.85rem;color:#51677e;line-height:1.5}.my-scheduled-tests{margin-top:20px;padding-top:28px;border-top:2px solid #e3eaf2}.compact-heading{margin-bottom:18px}.compact-heading h2{font-size:2rem}.preview-dashboard-link{display:inline-flex;margin-top:18px;color:#f3c466;font-weight:800;text-decoration:none}.preview-dashboard-link:hover{text-decoration:underline}
@media (max-width:1000px){.mode-launch{grid-template-columns:1fr}.planner-mode-message,.auto-allocation{flex-direction:column}.planner-mode-message b,.auto-allocation strong{white-space:normal}}

/* v0.3.3 — teacher/institute sales + exam selection + website integration */
.role-hero{background:linear-gradient(180deg,#f8fbff,#fff)}
.role-hero .page-hero-grid{align-items:center}
.sales-summary-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#10233e;color:#fff;box-shadow:var(--shadow-lg)}
.sales-summary-card small{display:block;color:#a9bdd1;font-size:.7rem;font-weight:800;letter-spacing:.12em}
.sales-summary-card strong{display:block;margin:8px 0 10px;color:#fff;font-family:var(--font-heading);font-size:1.9rem;line-height:1.15}
.sales-summary-card p{margin:0;color:#c7d6e5;font-size:.9rem}
.exam-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.exam-offer-grid article,.capability-grid article,.mode-grid article,.integration-tier-grid article{border:1px solid var(--line);border-radius:18px;padding:21px;background:#fff;box-shadow:var(--shadow-sm)}
.exam-offer-grid b{display:block;color:var(--ink);font-family:var(--font-heading);font-size:1.05rem;margin-bottom:6px}.exam-offer-grid span{color:var(--muted);font-size:.82rem}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.capability-grid article small{font-size:.7rem;font-weight:900;letter-spacing:.1em;color:var(--saffron-dark)}.capability-grid h3{margin:8px 0}.capability-grid p{margin:0;color:var(--muted);font-size:.86rem}
.integration-callout{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,#f7fbff,#fff8ee)}.integration-callout h2{margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.8rem)}.integration-callout p{margin-bottom:0;max-width:760px;color:var(--muted)}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.mode-grid b{display:block;color:var(--ink);font-family:var(--font-heading);font-size:1.15rem}.mode-grid p{margin:8px 0 0;color:var(--muted);font-size:.86rem}
.integration-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px}.integration-flow>div{display:grid;gap:5px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.integration-flow>div span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--saffron);color:var(--ink);font-weight:900}.integration-flow>div b{color:var(--ink);font-family:var(--font-heading);font-size:1.1rem}.integration-flow>div small{color:var(--muted)}.integration-flow>i{font-style:normal;color:#7890a7;font-size:1.5rem}
.integration-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.integration-tier-grid small{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:var(--saffron-dark)}.integration-tier-grid h3{margin:8px 0}.integration-tier-grid p{margin:0;color:var(--muted);font-size:.84rem}.integration-tier-grid code,.integration-callout code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#174f85;background:#edf5fc;padding:2px 6px;border-radius:6px}
.plan-integration-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:24px 0;padding:18px 20px;border:1px solid #c8dceb;border-radius:16px;background:#f4f9fd}.plan-integration-link strong{color:var(--ink)}.plan-integration-link span{color:var(--muted);font-size:.84rem}.plan-integration-link a{color:#174f85;font-weight:800;font-size:.84rem}.integration-home-strip{padding-top:28px;padding-bottom:28px}
.onboarding-exam-block{margin:4px 0 24px;padding:18px;border:1px solid #d7e1eb;border-radius:18px;background:#f8fbfe}.onboarding-exam-block h3{margin-bottom:4px}.selector-help{margin-bottom:14px;color:var(--muted);font-size:.84rem}.exam-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.exam-check-grid label{position:relative;display:block;cursor:pointer}.exam-check-grid input{position:absolute;right:10px;top:10px}.exam-check-grid span{display:grid;min-height:64px;padding:11px 34px 10px 12px;border:1px solid #d7e0ea;border-radius:12px;background:#fff}.exam-check-grid b{color:var(--ink);font-size:.82rem}.exam-check-grid small{color:var(--muted);font-size:.67rem}.exam-check-grid label:has(input:checked) span{border-color:#2770b7;background:#edf6ff;box-shadow:0 0 0 2px rgba(39,112,183,.08)}.exam-selection-summary{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #dfe7ef}.exam-selection-summary>b{color:var(--ink);font-size:.82rem}.exam-selection-summary span{display:grid;grid-template-columns:minmax(120px,.7fr) 1.3fr;gap:8px;color:var(--muted);font-size:.76rem}.exam-selection-summary strong{color:#174f85}.exam-selection-summary small{font-size:.74rem;color:var(--muted)}
@media(max-width:1000px){.exam-offer-grid,.capability-grid,.mode-grid{grid-template-columns:repeat(2,1fr)}.integration-tier-grid{grid-template-columns:repeat(2,1fr)}.exam-check-grid{grid-template-columns:repeat(2,1fr)}.integration-callout{align-items:flex-start;flex-direction:column}.plan-integration-link{grid-template-columns:1fr}.integration-flow{grid-template-columns:1fr}.integration-flow>i{transform:rotate(90deg);justify-self:center}}
@media(max-width:680px){.exam-offer-grid,.capability-grid,.mode-grid,.integration-tier-grid,.exam-check-grid{grid-template-columns:1fr}.exam-selection-summary span{grid-template-columns:1fr}.sales-summary-card{padding:22px}}

/* v0.3.7 — simplified role-first homepage + samples + admin advertising preview */
.role-first-hero{background:linear-gradient(135deg,#f8fbff 0%,#fff 58%,#fff7ea 100%)}
.role-first-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:54px;align-items:center}
.problem-solution-board{display:grid;gap:12px;padding:26px;border:1px solid var(--line);border-radius:24px;background:#10233e;color:#fff;box-shadow:var(--shadow-lg)}
.problem-solution-board>small{color:#a8bdd1;font-weight:900;letter-spacing:.12em}
.problem-solution-board>div{display:grid;grid-template-columns:90px 1fr;gap:4px 14px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12)}
.problem-solution-board b{grid-row:1/span 2;color:#ffbd72;font-family:var(--font-heading)}
.problem-solution-board span{color:#b9c9d8;font-size:.8rem}.problem-solution-board strong{color:#fff;font-size:.9rem}
.beneficiary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.beneficiary-card{display:flex;flex-direction:column;min-height:520px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}
.beneficiary-card.student-card{background:linear-gradient(180deg,#f5faff,#fff)}
.beneficiary-card .role-number{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#eef4fa;color:#174f85;font-weight:900;font-size:.72rem}
.beneficiary-card h3{margin:12px 0 16px;font-size:1.55rem}.beneficiary-card .clean-list{margin:0 0 24px}.beneficiary-card .button{margin-top:auto;align-self:flex-start}
.simple-access-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:30px}.simple-access-grid article{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.simple-access-grid article>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#10233e;color:#fff;font-weight:900;font-size:.72rem}.simple-access-grid b{display:block;margin:12px 0 7px;color:var(--ink);font-family:var(--font-heading)}.simple-access-grid p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.55}
.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.sample-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.sample-grid b{display:block;color:var(--ink);font-family:var(--font-heading);font-size:1.1rem}.sample-grid p{color:var(--muted);font-size:.84rem}.sample-grid a{font-size:.8rem;font-weight:800;color:#174f85}
.role-faq{border-top:1px solid var(--line)}
.upgrade-note{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:18px;margin:24px 0;padding:20px;border:1px solid #d7e4ee;border-radius:16px;background:#f7fbfe}.upgrade-note strong{color:var(--ink)}.upgrade-note span{color:var(--muted);font-size:.84rem;line-height:1.6}
.admin-ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.admin-ad-grid article{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.admin-ad-grid small{font-weight:900;letter-spacing:.1em;color:var(--saffron-dark)}.admin-ad-grid h2{font-size:1.35rem;margin:8px 0}.admin-ad-grid p{color:var(--muted);font-size:.84rem}.admin-ad-grid b,.admin-ad-grid span{display:block}.admin-ad-grid b{margin-top:18px;color:var(--ink);font-size:.78rem}.admin-ad-grid span{margin-top:4px;color:var(--muted);font-size:.76rem}
.admin-panel{margin-top:20px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.admin-panel h2{margin-bottom:18px}.placement-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.placement-grid span{padding:16px;border-radius:14px;background:#f5f8fb}.placement-grid b,.placement-grid small{display:block}.placement-grid b{color:var(--ink);font-size:.82rem}.placement-grid small{margin-top:5px;color:var(--muted);font-size:.72rem}.placement-grid .blocked-placement{background:#fff1f1;border:1px solid #f0cccc}.placement-grid .blocked-placement b{color:#8d3030}
@media(max-width:1050px){.role-first-grid{grid-template-columns:1fr}.beneficiary-grid{grid-template-columns:1fr}.beneficiary-card{min-height:0}.simple-access-grid{grid-template-columns:repeat(2,1fr)}.admin-ad-grid{grid-template-columns:1fr}.placement-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.simple-access-grid,.sample-grid,.placement-grid{grid-template-columns:1fr}.upgrade-note{grid-template-columns:1fr}.problem-solution-board>div{grid-template-columns:1fr}.problem-solution-board b{grid-row:auto}}

/* v0.4.0 — near-final role-first conversion + live accounts + no-code question import */
.final-home-hero{padding:86px 0 92px;background:linear-gradient(135deg,#f4f9ff 0%,#fff 58%,#fff5e7 100%);border-bottom:1px solid var(--line)}
.final-home-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);gap:64px;align-items:center}
.final-home-copy h1{max-width:850px;margin:16px 0 24px;color:var(--ink);font-size:clamp(3.4rem,6vw,6rem);line-height:.94}.final-home-copy h1 em{color:var(--saffron-dark);font-style:normal}.final-home-lead{max-width:760px;color:#4d6279;font-size:1.18rem;line-height:1.72}.proof-strip{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:#566a80;font-size:.84rem;font-weight:800}
.role-outcome-board{display:grid;gap:0;padding:18px 30px;border-radius:28px;background:#10233e;color:#fff;box-shadow:0 25px 70px rgba(16,35,62,.22)}.role-outcome-board>div{padding:26px 0;border-top:1px solid rgba(255,255,255,.14)}.role-outcome-board>div:first-child{border-top:0}.role-outcome-board b{display:block;margin-bottom:8px;color:#f5b84f;font-size:.76rem;letter-spacing:.1em}.role-outcome-board h2{margin:0 0 8px;color:#fff;font-size:1.45rem;line-height:1.15}.role-outcome-board p{margin:0;color:#c4d2e0;font-size:.95rem;line-height:1.55}
.final-role-section{padding-top:84px}.final-beneficiary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}.final-beneficiary-card{display:flex;flex-direction:column;min-height:640px;padding:38px 34px;border:1px solid #d7e1ec;border-radius:26px;background:#fff;box-shadow:0 15px 44px rgba(16,35,62,.08)}.final-beneficiary-card:first-child{background:linear-gradient(180deg,#f2f8ff,#fff)}.final-beneficiary-card .role-number{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#edf4fb;color:#174f85;font-weight:900}.final-beneficiary-card h3{margin:14px 0 20px;color:var(--ink);font-size:1.85rem;line-height:1.08}.benefit-list{display:grid;gap:13px;padding:0;margin:0 0 30px;list-style:none;color:#4b5f75;font-size:.95rem;line-height:1.5}.benefit-list li{position:relative;padding-left:24px}.benefit-list li::before{position:absolute;left:0;top:0;content:'✓';color:#174f85;font-weight:900}.role-card-actions{display:grid;gap:12px;justify-items:start;margin-top:auto}.role-card-actions>a:not(.button){color:#174f85;font-weight:800;text-decoration:none}.role-card-actions>a:not(.button):hover{text-decoration:underline}
.final-access-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}.final-access-flow article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.final-access-flow span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#10233e;color:#fff;font-weight:900}.final-access-flow b{display:block;margin:13px 0 7px;color:var(--ink)}.final-access-flow p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}
.auth-shell{padding:64px 0 90px;background:linear-gradient(135deg,#f7fbff,#fff 60%,#fff7ea)}.auth-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:60px;align-items:start}.auth-copy{position:sticky;top:100px;padding-top:18px}.auth-copy h1{font-size:clamp(3rem,5vw,5rem);line-height:.96;margin:15px 0 22px}.auth-copy h1 em{font-style:normal;color:var(--saffron-dark)}.auth-copy>p{color:#50647b;line-height:1.7}.auth-promise-grid{display:grid;gap:10px;margin:28px 0}.auth-promise-grid article{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:14px 16px;border:1px solid #dce5ef;border-radius:14px;background:#fff}.auth-promise-grid b{color:var(--ink)}.auth-promise-grid span{color:#66778a;font-size:.84rem}.privacy-note{font-size:.82rem!important;color:#718094!important}.auth-card{padding:30px;border:1px solid #d9e2ec;border-radius:24px;background:#fff;box-shadow:0 22px 55px rgba(16,35,62,.1)}.auth-step{display:grid;grid-template-columns:38px 1fr;column-gap:11px;margin-bottom:20px}.auth-step>span{grid-row:1/3;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#10233e;color:#fff;font-weight:900}.auth-step small{color:#768598}.auth-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.auth-role-grid button{display:grid;gap:4px;min-height:90px;padding:16px;border:1px solid #d5dfea;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.auth-role-grid button.selected{border-color:#174f85;background:#eef6ff;box-shadow:0 0 0 2px rgba(23,79,133,.08)}.auth-role-grid b{color:var(--ink)}.auth-role-grid span{color:#718094;font-size:.76rem}.auth-fields{display:grid;gap:14px}.auth-fields.two{grid-template-columns:repeat(2,1fr)}.auth-fields label>span,.auth-label>span{display:block;margin-bottom:6px;color:#526174;font-size:.78rem;font-weight:800}.auth-fields input,.auth-fields select,.auth-label input,.import-form input,.import-form select{width:100%;border:1px solid #cbd6e2;border-radius:12px;padding:12px 13px;background:#fff;color:#10233e;font:inherit}.auth-fields label small{display:block;margin-top:4px;color:#7a8795;font-size:.7rem}.role-fields{margin-top:18px;padding-top:18px;border-top:1px solid #e6ecf2}.mentorship-needs,.source-filter{display:flex;flex-wrap:wrap;gap:9px 14px;margin:18px 0 4px;padding:16px;border:1px solid #e0e7ef;border-radius:14px}.mentorship-needs legend,.source-filter legend{padding:0 6px;color:#526174;font-size:.76rem;font-weight:800}.mentorship-needs label,.source-filter label{font-size:.8rem;color:#56677a}.consent-line{display:flex;gap:10px;align-items:flex-start;margin:18px 0;color:#657588;font-size:.78rem}.consent-line input{margin-top:3px}.auth-error{min-height:24px;margin:10px 0;color:#a52b23;font-size:.82rem;font-weight:700}.auth-switch{text-align:center;color:#69788a;font-size:.84rem}.auth-switch a{color:#174f85;font-weight:800}
.admin-hero{padding:64px 0;background:linear-gradient(135deg,#10233e,#173e68);color:#fff}.admin-hero h1{max-width:900px;color:#fff;font-size:clamp(3rem,5vw,5rem);margin:12px 0 18px}.admin-hero p:not(.eyebrow){max-width:880px;color:#cfdae6;line-height:1.7}.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.admin-qb-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:34px}.import-form{display:grid;gap:18px;padding:26px;border:1px solid #dce4ec;border-radius:20px;background:#fff}.import-note{padding:14px 16px;border-radius:12px;background:#f5f8fb;color:#637388;font-size:.78rem;line-height:1.6}.import-note code{font-size:.72rem}.admin-side{display:grid;gap:16px;align-content:start}.admin-side [data-pack-summary]{display:grid;gap:7px}.admin-side [data-pack-summary] b{color:#10233e;font-size:1.05rem}.admin-side [data-pack-summary] span{color:#687789;font-size:.8rem}
.auto-builder-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.55fr);gap:34px}.auto-builder-form{padding:26px;border:1px solid #dbe4ed;border-radius:20px;background:#fff}.generated-test-shell{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:44px 0 90px}.generated-test-head{margin-bottom:28px}.generated-test-head h1{margin:10px 0}.generated-test-head p{color:#6d7b8c}.generated-question{display:grid;grid-template-columns:54px 1fr;gap:18px;margin-bottom:16px;padding:24px;border:1px solid #dce4ed;border-radius:18px;background:#fff}.generated-q-number{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#10233e;color:#fff;font-weight:900}.generated-q-text{margin:0 0 16px;color:#10233e;font-weight:700;line-height:1.6;white-space:pre-wrap}.generated-options{display:grid;gap:9px;margin-bottom:13px}.generated-options label{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border:1px solid #dde5ed;border-radius:12px;cursor:pointer}.generated-question textarea{width:100%;border:1px solid #ced8e3;border-radius:12px;padding:12px;font:inherit;resize:vertical}.generated-question small{color:#7a8796}.generated-submit-bar{position:sticky;bottom:14px;display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid #dce4ed;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(16,35,62,.12)}.generated-results{display:grid;gap:18px}.result-summary{display:grid;grid-template-columns:1fr repeat(3,140px);gap:12px;align-items:center;padding:24px;border-radius:20px;background:#10233e;color:#fff}.result-summary h2{color:#fff}.result-summary>div{display:grid;text-align:center}.result-summary b{font-size:2rem;color:#f3bd5e}.result-summary span{font-size:.72rem;color:#cbd7e3}.review-card{padding:24px;border:1px solid #dce4ed;border-radius:18px;background:#fff}.review-card small{font-weight:900;letter-spacing:.08em;color:#7c8897}.review-card h3{margin:8px 0 12px;line-height:1.45}.review-solution{margin-top:14px;padding:16px;border-radius:13px;background:#f5f8fb}.review-solution p{white-space:pre-wrap}.book-source{display:flex;justify-content:space-between;gap:18px;margin-top:14px;padding:13px 15px;border:1px solid #f0d8ae;border-radius:12px;background:#fff9ed;color:#6d5b3b;font-size:.78rem}.book-source a{color:#174f85;font-weight:800;white-space:nowrap}.post-test-mentorship{padding:22px;border-radius:16px;background:#eef6ff}.post-test-mentorship b{color:#10233e}.post-test-mentorship a{color:#174f85;font-weight:800}.mentorship-section{background:linear-gradient(135deg,#f4f9ff,#fff)}.mentorship-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.mentorship-grid h2{font-size:clamp(2rem,4vw,3.3rem)}.mentorship-card{padding:26px;border-radius:20px;background:#10233e;color:#fff}.mentorship-card b{color:#fff}.mentorship-card li{color:#d4dfeb}.mentorship-card .button{margin-top:18px}.book-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.book-resource-grid article{padding:24px;border:1px solid #dce4ed;border-radius:18px;background:#fff}.book-resource-grid small{font-weight:900;letter-spacing:.08em;color:#d57813}.book-resource-grid h3{margin:8px 0}.book-resource-grid p{margin:0;color:#687789;font-size:.84rem;line-height:1.55}
@media(max-width:1100px){.final-home-grid,.auth-grid,.admin-qb-grid,.auto-builder-grid,.mentorship-grid{grid-template-columns:1fr}.auth-copy{position:static}.final-beneficiary-grid{grid-template-columns:1fr}.final-beneficiary-card{min-height:0}.final-access-flow{grid-template-columns:repeat(2,1fr)}.role-outcome-board{max-width:800px}.book-resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.final-home-hero{padding:58px 0 68px}.final-home-copy h1{font-size:clamp(2.9rem,13vw,4.3rem)}.role-outcome-board{padding:12px 20px}.role-outcome-board h2{font-size:1.25rem}.final-beneficiary-card{padding:28px 24px}.final-beneficiary-card h3{font-size:1.6rem}.final-access-flow,.auth-fields.two,.auth-role-grid,.book-resource-grid{grid-template-columns:1fr}.auth-shell{padding-top:34px}.auth-card{padding:22px}.auth-promise-grid article{grid-template-columns:1fr}.generated-question{grid-template-columns:1fr}.result-summary{grid-template-columns:1fr 1fr}.result-summary h2{grid-column:1/-1}.book-source{flex-direction:column}.primary-navigation.static-nav .nav-cta{display:inline-flex}}
.nav-text-button{border:0;background:transparent;color:var(--ink);font:700 .86rem var(--font-body);cursor:pointer;padding:8px 4px}.nav-text-button:hover{color:var(--saffron-dark)}
.partner-invite{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:34px;padding:28px;border:1px solid #dce4ed;border-radius:20px;background:linear-gradient(120deg,#f7fbff,#fff8ee)}.partner-invite h2{font-size:1.9rem;margin:8px 0}.partner-invite p{color:#67768a}.invite-box{display:grid;gap:10px;align-content:center}.invite-box input{width:100%;border:1px solid #ccd7e3;border-radius:12px;padding:12px 13px;font:inherit}.invite-box [data-invite-output]{display:grid;gap:4px;padding-top:5px;color:#52657a;font-size:.8rem;overflow-wrap:anywhere}.invite-box [data-invite-output] b{font-size:1.3rem;color:#10233e;letter-spacing:.08em}
@media(max-width:800px){.partner-invite{grid-template-columns:1fr}}
/* v0.4.0 near-final role-first conversion refinements */
.mobile-header-actions{display:none;align-items:center;gap:8px}.mobile-header-actions>a{font-size:.78rem;font-weight:800;color:var(--ink);text-decoration:none}.mobile-header-actions .nav-cta{padding:10px 13px;border-radius:10px;background:var(--saffron);box-shadow:0 8px 20px rgba(238,142,32,.2)}
.final-home-hero .container{width:min(calc(100% - 48px),1320px)}.final-home-grid{grid-template-columns:minmax(0,1fr) minmax(500px,.92fr);gap:70px}.role-outcome-board{padding:22px 36px;border-radius:30px}.role-outcome-board>div{padding:30px 0}.role-outcome-board h2{font-size:clamp(1.45rem,1.8vw,1.8rem)}.role-outcome-board p{font-size:1rem}.final-role-section .container{width:min(calc(100% - 48px),1380px)}.final-beneficiary-grid{gap:28px}.final-beneficiary-card{padding:42px 38px;min-height:650px}.final-beneficiary-card h3{font-size:2rem}.benefit-list{font-size:1rem;gap:14px}.role-card-actions .button{min-width:230px;justify-content:center}
@media(max-width:1100px){.final-home-grid{grid-template-columns:1fr}.role-outcome-board{max-width:none}.final-role-section .container,.final-home-hero .container{width:min(calc(100% - 40px),900px)}}
@media(max-width:720px){.site-header .static-nav{display:none}.mobile-header-actions{display:flex}.header-inner{gap:12px}.brand-copy span{display:none}.final-home-hero .container,.final-role-section .container{width:min(calc(100% - 28px),900px)}.role-outcome-board>div{padding:22px 0}.role-outcome-board p{font-size:.92rem}.final-beneficiary-card{padding:30px 24px}.final-beneficiary-card h3{font-size:1.65rem}.benefit-list{font-size:.93rem}.role-card-actions .button{width:100%;min-width:0}}

/* v0.4.1 — final exam-bank discovery, admin inventory, Class 9/11 expansion */
.chapter-bank-grid{display:grid;gap:18px;margin-top:24px}.chapter-bank-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:#fff;border:1px solid var(--border,#dce3eb);border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(16,35,62,.06)}.chapter-bank-card small{font-weight:800;letter-spacing:.08em;color:#6d5ce7}.chapter-bank-card h3{margin:.35rem 0 .5rem}.chapter-bank-card p{margin:0;color:var(--muted,#56667a)}.level-start-grid{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.level-start{min-width:120px;border:1px solid #cfd7e4;background:#f8faff;border-radius:14px;padding:10px 12px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:2px}.level-start:hover{border-color:#6d5ce7;transform:translateY(-1px)}.level-start b{font-size:.95rem}.level-start span{font-size:.78rem;color:#607086}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.admin-metric-grid article{background:#fff;border:1px solid #dce3eb;border-radius:18px;padding:20px}.admin-metric-grid small{display:block;font-weight:800;letter-spacing:.08em;color:#6d5ce7}.admin-metric-grid strong{display:block;font:800 clamp(1.65rem,3vw,2.4rem)/1.1 "Bricolage Grotesque",sans-serif;margin:.45rem 0}.admin-metric-grid span{color:#607086;font-size:.9rem}.admin-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-action-card{display:block;background:#fff;border:1px solid #dce3eb;border-radius:18px;padding:24px;text-decoration:none;color:inherit}.admin-action-card small{font-weight:800;letter-spacing:.08em;color:#6d5ce7}.admin-action-card h3{margin:.5rem 0}.admin-action-card p{color:#607086}.admin-action-card strong{color:#563fcb}.inventory-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.inventory-filters label{display:grid;gap:6px}.inventory-filters span{font-size:.78rem;font-weight:800;color:#59677a}.inventory-filters select{width:100%;padding:10px;border:1px solid #ccd6e2;border-radius:10px;background:#fff}.inventory-summary{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;border:1px solid #dce3eb;border-radius:12px;margin-bottom:12px}.inventory-summary span{color:#607086;font-size:.83rem}.inventory-table-wrap{overflow:auto;background:#fff;border:1px solid #dce3eb;border-radius:16px}.inventory-table{width:100%;border-collapse:collapse;min-width:850px}.inventory-table th,.inventory-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #edf1f6;vertical-align:top}.inventory-table th{font-size:.76rem;letter-spacing:.06em;color:#5e6d80;background:#f8faff;position:sticky;top:0}.inventory-table td small{display:block;color:#8793a3;font-size:.72rem;margin-top:2px}.inventory-table tbody tr:last-child td{border-bottom:0}
@media(max-width:900px){.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-bank-card{grid-template-columns:1fr}.level-start-grid{justify-content:flex-start}}@media(max-width:560px){.admin-metric-grid,.admin-action-grid,.inventory-filters{grid-template-columns:1fr}.inventory-summary{align-items:flex-start;flex-direction:column}.level-start{min-width:0;flex:1}.level-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}


/* v0.4.2 — final visibility, admin access and layout-stability pass */
body{font-size-adjust:.52}
.access-section{padding-bottom:56px}
.trust-section{padding:76px 0}
.trust-section h2,.trust-section h3{color:var(--paper)}
.trust-section p{color:#e7eef6}
.trust-section .button-light{box-shadow:0 10px 24px rgba(0,0,0,.08)}
.admin-login-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#f8faff;font-size:.82rem}
.admin-login-link span{color:var(--muted)}
.admin-login-link a{color:var(--blue);font-weight:800}
.admin-login-brand{background:linear-gradient(135deg,#08182d,#173c60)}
.admin-login-card .auth-intro{color:var(--muted);font-size:.9rem}
.admin-login-card code{font-size:.78rem;word-break:break-word}
@media(max-width:720px){.access-section{padding-bottom:40px}.trust-section{padding:56px 0}.trust-grid{gap:28px}.admin-login-link{align-items:flex-start;flex-direction:column}}

/* v0.4.6 — restored clickable exam-family navigation */
.exam-family-section,.home-exam-family-section{background:#fff}
.exam-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px}
.exam-family-card{position:relative;display:flex;flex-direction:column;min-height:290px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.exam-family-card:hover{transform:translateY(-3px);border-color:#9fb1c5;box-shadow:0 18px 40px rgba(16,35,62,.1)}
.family-code{display:grid;width:50px;height:50px;place-items:center;margin-bottom:20px;border-radius:14px;background:#10233e;color:#fff;font-family:var(--font-heading);font-weight:800;font-size:.78rem}
.exam-family-card small{color:var(--saffron-dark);font-weight:800;letter-spacing:.08em}
.exam-family-card h3{margin:8px 0 10px;font-size:1.36rem}
.exam-family-card p{margin-bottom:46px;color:var(--muted);font-size:.8rem;line-height:1.6}
.exam-family-card strong{position:absolute;left:26px;bottom:24px;font-size:.76rem;color:#174f85}
.family-all-link{margin-top:28px}
.family-exam-card{min-height:300px}
.family-bank-status{display:block;margin:12px 0 42px;padding:9px 10px;border-radius:10px;background:#f4f7fa;color:#5f6f83;font-size:.69rem;line-height:1.45}
@media(max-width:1100px){.exam-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.exam-family-grid{grid-template-columns:1fr}.exam-family-card{min-height:0}.exam-family-card p{margin-bottom:48px}}