:root {
  --bg: #f8fbff;
  --surface: #ffffff;
  --surface-2: #f2f6fc;
  --text: #101828;
  --muted: #667085;
  --line: #e3eaf4;
  --primary: #2563eb;
  --primary-2: #4f7df3;
  --primary-soft: #eaf1ff;
  --success: #12a66a;
  --success-soft: #eafaf3;
  --warning: #f59e0b;
  --danger: #ef4444;
  --violet: #7c3aed;
  --shadow-sm: 0 8px 24px rgba(27, 46, 94, .08);
  --shadow: 0 24px 70px rgba(33, 58, 117, .14);
  --radius: 18px;
  --radius-lg: 28px;
  --container: 1180px;
}

[data-theme="dark"] {
  --bg: #f8fbff;
  --surface: #ffffff;
  --surface-2: #f2f6fc;
  --text: #101828;
  --muted: #667085;
  --line: #e3eaf4;
  --primary: #2563eb;
  --primary-2: #4f7df3;
  --primary-soft: #eaf1ff;
  --success-soft: #eafaf3;
  --shadow-sm: 0 8px 24px rgba(27, 46, 94, .08);
  --shadow: 0 24px 70px rgba(33, 58, 117, .14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img, svg { display: block; max-width: 100%; }
.hidden { display: none !important; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }

.site-header { position: sticky; top: 0; z-index: 40; border-bottom: 1px solid color-mix(in srgb, var(--line) 75%, transparent); background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(20px); }
.nav-wrap { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 15px; letter-spacing: -.02em; }
.brand > span:last-child { display: grid; line-height: 1.05; }
.brand strong { font-size: 17px; }
.brand small { color: var(--primary); font-size: 12px; font-weight: 700; margin-top: 4px; }
.brand-mark { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; background: linear-gradient(145deg, #1e40af, #3b82f6); box-shadow: 0 8px 18px rgba(37, 99, 235, .28); }
.brand-mark svg { width: 27px; height: 27px; fill: none; stroke: white; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.desktop-nav { display: flex; align-items: center; gap: 30px; margin-left: auto; }
.desktop-nav a { color: var(--muted); font-weight: 600; font-size: 14px; transition: .2s; }
.desktop-nav a:hover { color: var(--primary); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.theme-button, .mobile-menu-button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--text); }
.mobile-menu-button { display: none; }
.mobile-nav { display: none; padding: 12px 20px 18px; background: var(--surface); border-top: 1px solid var(--line); }
.mobile-nav.open { display: grid; }
.mobile-nav a { padding: 11px 4px; color: var(--muted); border-bottom: 1px solid var(--line); }

.button { border: 1px solid transparent; border-radius: 12px; padding: 11px 18px; display: inline-flex; justify-content: center; align-items: center; gap: 8px; font-weight: 750; font-size: 14px; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: white; background: linear-gradient(135deg, var(--primary), var(--primary-2)); box-shadow: 0 10px 24px rgba(37, 99, 235, .23); }
.button.soft { color: var(--primary); background: var(--surface); border-color: var(--line); }
.button.ghost { background: transparent; border-color: var(--line); }
.button.white { background: white; color: #1746a2; box-shadow: 0 14px 40px rgba(9, 31, 79, .2); }
.button.small { padding: 9px 15px; }
.button.large { padding: 14px 22px; border-radius: 14px; font-size: 15px; }
.button.danger { color: white; background: var(--danger); }
.button.success { color: white; background: var(--success); }
.button:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.text-link { color: var(--primary); font-weight: 750; }

.hero { position: relative; overflow: hidden; padding: 88px 0 0; border-bottom: 1px solid var(--line); }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .55; background-image: linear-gradient(color-mix(in srgb, var(--primary) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary) 7%, transparent) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, black, transparent 82%); }
.hero-glow { position: absolute; border-radius: 999px; filter: blur(4px); pointer-events: none; }
.glow-one { width: 540px; height: 540px; right: -170px; top: -180px; background: radial-gradient(circle, rgba(80, 132, 255, .2), transparent 68%); }
.glow-two { width: 440px; height: 440px; left: -220px; bottom: -180px; background: radial-gradient(circle, rgba(124, 58, 237, .13), transparent 70%); }
.hero-grid { position: relative; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 62px; min-height: 610px; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--primary); background: var(--primary-soft); border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line)); border-radius: 999px; padding: 6px 11px; font-weight: 750; font-size: 12px; letter-spacing: .02em; }
.eyebrow.light { background: rgba(255,255,255,.12); color: white; border-color: rgba(255,255,255,.18); }
.pulse-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 5px color-mix(in srgb, var(--success) 15%, transparent); }
.hero h1 { max-width: 720px; margin: 22px 0 22px; font-size: clamp(42px, 5.1vw, 69px); line-height: 1.04; letter-spacing: -.058em; }
.hero h1 span { color: var(--primary); position: relative; }
.hero h1 span::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 9px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10'%3E%3Cpath d='M2 7c46-7 95-7 196-2' fill='none' stroke='%2398b6ff' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat; }
.hero-copy > p { margin: 0; color: var(--muted); max-width: 600px; font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.hero-proof { display: flex; align-items: center; gap: 14px; margin-top: 28px; }
.avatar-stack { display: flex; }
.avatar-stack span { width: 34px; height: 34px; display: grid; place-items: center; border: 3px solid var(--bg); background: #dce8ff; color: #1d4ed8; border-radius: 50%; font-size: 10px; font-weight: 800; margin-left: -8px; }
.avatar-stack span:first-child { margin-left: 0; }
.avatar-stack span:last-child { background: var(--text); color: var(--surface); }
.stars { color: #f59e0b; letter-spacing: 2px; font-size: 13px; }
.hero-proof small { color: var(--muted); }

.hero-product { position: relative; }
.browser-frame { border: 1px solid color-mix(in srgb, var(--line) 85%, white); background: var(--surface); border-radius: 22px; overflow: hidden; box-shadow: var(--shadow); transform: perspective(1300px) rotateY(-2deg) rotateX(1deg); }
.browser-bar { height: 38px; display: flex; align-items: center; gap: 6px; padding: 0 14px; background: var(--surface-2); border-bottom: 1px solid var(--line); }
.browser-bar > span { width: 8px; height: 8px; border-radius: 50%; background: #c7d1e0; }
.browser-bar div { margin-inline: auto; width: 46%; height: 21px; border-radius: 8px; background: var(--surface); color: var(--muted); font-size: 8px; display: grid; place-items: center; }
.preview-shell { display: grid; grid-template-columns: 54px 1fr; min-height: 450px; }
.preview-side { background: #0e2a55; display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 15px 9px; }
.mini-logo { width: 27px; height: 27px; border-radius: 8px; background: white; color: #1d4ed8; font-size: 12px; font-weight: 900; display: grid; place-items: center; margin-bottom: 9px; }
.preview-side i { width: 23px; height: 23px; border-radius: 7px; border: 1px solid rgba(255,255,255,.16); }
.preview-side i.active { background: #3778f6; border-color: #5790ff; }
.preview-main { padding: 20px; background: color-mix(in srgb, var(--bg) 50%, var(--surface)); }
.preview-top { display: flex; justify-content: space-between; gap: 12px; align-items: start; }
.preview-top b, .card-title-row b { display: block; font-size: 12px; }
.preview-top small, .card-title-row small { display: block; color: var(--muted); font-size: 8px; }
.credit-pill { font-size: 8px; padding: 6px 8px; border: 1px solid var(--line); background: var(--surface); border-radius: 8px; }
.preview-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 15px 0; }
.preview-stats div { padding: 11px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; }
.preview-stats span, .preview-stats small { display: block; font-size: 7px; color: var(--muted); }
.preview-stats b { font-size: 17px; line-height: 1.3; }
.preview-stats .positive { color: var(--success); }
.preview-content { display: grid; grid-template-columns: 1.42fr .8fr; gap: 10px; }
.create-card, .chart-card { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 13px; }
.card-title-row { display: flex; justify-content: space-between; }
.ai-badge { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; font-size: 8px; font-weight: 900; background: var(--primary-soft); color: var(--primary); }
.mock-form { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 12px; }
.mock-form label { font-size: 7px; font-weight: 700; }
.mock-form label.wide { grid-column: span 3; }
.mock-form span { margin-top: 4px; display: flex; justify-content: space-between; padding: 7px; color: var(--muted); font-weight: 500; background: var(--surface-2); border: 1px solid var(--line); border-radius: 6px; }
.free-note { margin-top: 9px; padding: 7px; background: #fff8e8; color: #875d00; border-radius: 6px; font-size: 7px; }
.create-card button { margin-top: 9px; width: 100%; border: 0; border-radius: 7px; padding: 8px; background: var(--primary); color: white; font-size: 8px; font-weight: 700; }
.chart-card b { font-size: 9px; }
.bar-chart { height: 150px; display: flex; align-items: end; gap: 5px; padding-top: 20px; border-bottom: 1px solid var(--line); }
.bar-chart i { flex: 1; min-height: 15px; border-radius: 4px 4px 0 0; background: linear-gradient(to top, #3b82f6, #8bb0ff); }
.chart-card > small { display: block; word-spacing: 6px; color: var(--muted); font-size: 6px; margin-top: 7px; text-align: center; }
.floating-card { position: absolute; display: flex; gap: 10px; align-items: center; padding: 12px 15px; border: 1px solid var(--line); border-radius: 13px; background: color-mix(in srgb, var(--surface) 94%, transparent); backdrop-filter: blur(14px); box-shadow: var(--shadow-sm); }
.floating-card > span { width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; background: var(--success-soft); color: var(--success); font-weight: 900; }
.floating-card b, .floating-card small { display: block; font-size: 10px; }
.floating-card small { color: var(--muted); font-size: 8px; }
.float-score { left: -28px; bottom: 45px; }
.float-ai { right: -26px; top: 84px; }
.float-ai > span { background: #f0eaff; color: var(--violet); }
.trust-strip { position: relative; margin-top: 58px; min-height: 84px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 36px; border-top: 1px solid var(--line); color: var(--muted); }
.trust-strip span { font-size: 12px; }
.trust-strip b { color: color-mix(in srgb, var(--text) 70%, var(--muted)); font-size: 15px; letter-spacing: -.02em; }

.section { padding: 104px 0; }
.soft-section { background: color-mix(in srgb, var(--surface-2) 72%, transparent); border-block: 1px solid var(--line); }
.section-heading { max-width: 640px; }
.section-heading.centered { margin: 0 auto 52px; text-align: center; }
.section-heading h2 { margin: 17px 0 16px; font-size: clamp(32px, 4vw, 48px); line-height: 1.12; letter-spacing: -.045em; }
.section-heading p { margin: 0; color: var(--muted); font-size: 16px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.feature-card { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); transition: .25s; }
.feature-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--primary) 30%, var(--line)); box-shadow: var(--shadow); }
.feature-card h3 { margin: 19px 0 8px; font-size: 19px; }
.feature-card p { margin: 0 0 18px; color: var(--muted); font-size: 14px; }
.feature-card > span { color: var(--primary); font-weight: 700; font-size: 13px; }
.feature-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; font-weight: 900; }
.feature-icon.blue { background: #eaf1ff; color: #2563eb; }.feature-icon.violet { background: #f1eaff; color: #7c3aed; }.feature-icon.green { background: #e7f9f0; color: #059669; }.feature-icon.amber { background: #fff6df; color: #d97706; }.feature-icon.cyan { background: #e6faff; color: #0891b2; }.feature-icon.rose { background: #fff0f4; color: #e11d48; }
.board-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 72px; align-items: center; }
.check-list { list-style: none; padding: 0; margin: 28px 0; display: grid; gap: 13px; }
.check-list li { position: relative; padding-left: 30px; color: var(--muted); }
.check-list li::before { content: "✓"; position: absolute; left: 0; width: 21px; height: 21px; display: grid; place-items: center; border-radius: 50%; background: var(--success-soft); color: var(--success); font-size: 12px; font-weight: 900; }
.board-cloud { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.board-card { min-height: 148px; padding: 22px; border-radius: 18px; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow-sm); }
.board-card.featured { grid-row: span 2; display: flex; flex-direction: column; justify-content: center; background: linear-gradient(145deg, #1e40af, #3977f6); color: white; }
.board-card span, .board-card b, .board-card small { display: block; }
.board-card span { color: var(--primary); font-weight: 900; font-size: 19px; }
.board-card.featured span { color: #bdd2ff; font-size: 31px; }
.board-card b { margin: 8px 0; }
.board-card small { color: var(--muted); }
.board-card.featured small { color: #dce8ff; }
.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; counter-reset: steps; }
.steps-grid article { position: relative; padding: 28px 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.steps-grid article > span { position: absolute; right: 18px; top: 14px; color: color-mix(in srgb, var(--primary) 17%, transparent); font-size: 35px; font-weight: 900; }
.step-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: var(--primary-soft); color: var(--primary); font-weight: 900; }
.steps-grid h3 { margin: 18px 0 8px; }
.steps-grid p { margin: 0; color: var(--muted); font-size: 14px; }
.stories-section { background: linear-gradient(180deg, color-mix(in srgb, var(--primary-soft) 45%, var(--bg)), var(--bg)); }
.story-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.story-card { padding: 29px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.quote-mark { color: var(--primary); font-size: 48px; font-family: Georgia, serif; line-height: .7; }
.story-card > p { min-height: 140px; color: var(--muted); font-size: 15px; }
.story-person { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 11px; border-top: 1px solid var(--line); padding-top: 18px; }
.story-person > span { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--primary-soft); color: var(--primary); font-weight: 900; font-size: 12px; }
.story-person b, .story-person small { display: block; }
.story-person small { color: var(--muted); font-size: 11px; }
.story-person strong { color: var(--success); }
.story-disclaimer { max-width: 780px; margin: 24px auto 0; text-align: center; color: var(--muted); font-size: 12px; }
.pricing-tabs { margin: 0 auto 30px; width: fit-content; display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-2); }
.pricing-tabs button { border: 0; border-radius: 9px; padding: 8px 18px; background: transparent; color: var(--muted); font-size: 13px; }
.pricing-tabs button.active { color: var(--primary); background: var(--surface); box-shadow: var(--shadow-sm); }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.price-card { position: relative; padding: 30px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--line); }
.price-card.featured { border: 2px solid var(--primary); box-shadow: var(--shadow); }
.popular { position: absolute; left: 50%; top: -14px; transform: translateX(-50%); border-radius: 999px; padding: 5px 13px; background: var(--primary); color: white; font-size: 10px; font-weight: 800; }
.price-card h3 { margin: 0; color: var(--muted); font-size: 14px; text-transform: uppercase; letter-spacing: .08em; }
.price { margin: 20px 0 4px; }
.price b { font-size: 36px; letter-spacing: -.04em; }
.price small { color: var(--muted); margin-left: 6px; }
.price-card > strong { display: block; font-size: 20px; }
.price-card > p { margin: 5px 0 20px; color: var(--muted); }
.price-card ul { list-style: none; padding: 18px 0; margin: 0; border-top: 1px solid var(--line); display: grid; gap: 9px; color: var(--muted); font-size: 14px; }
.price-card .button { width: 100%; margin-top: 12px; }
.pricing-trust { margin-top: 28px; padding: 18px; display: flex; flex-wrap: wrap; justify-content: center; gap: 34px; border: 1px solid var(--line); background: var(--surface-2); border-radius: 16px; color: var(--muted); font-size: 12px; }
.faq-section { background: var(--surface-2); border-top: 1px solid var(--line); }
.faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 72px; align-items: start; }
.faq-layout .button { margin-top: 24px; }
.faq-list { display: grid; gap: 12px; }
.faq-list details { border: 1px solid var(--line); border-radius: 15px; background: var(--surface); overflow: hidden; }
.faq-list summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 20px; padding: 19px 21px; font-weight: 750; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--primary); font-size: 20px; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list p { margin: 0; padding: 0 21px 21px; color: var(--muted); font-size: 14px; }
.cta-section { padding: 50px 0 90px; background: var(--surface-2); }
.cta-card { min-height: 250px; border-radius: var(--radius-lg); padding: 48px; display: flex; align-items: center; justify-content: space-between; gap: 40px; color: white; overflow: hidden; position: relative; background: linear-gradient(125deg, #12398d, #2563eb 60%, #678df5); box-shadow: var(--shadow); }
.cta-card::after { content: ""; position: absolute; width: 330px; height: 330px; right: -80px; top: -160px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.04), 0 0 0 110px rgba(255,255,255,.03); }
.cta-card > * { position: relative; z-index: 1; }
.cta-card h2 { margin: 16px 0 8px; font-size: clamp(30px, 4vw, 45px); letter-spacing: -.04em; }
.cta-card p { margin: 0; color: #dce8ff; }
.site-footer { padding: 68px 0 24px; background: #071426; color: #d9e4f3; }
.footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3, .7fr); gap: 48px; }
.footer-brand strong { color: white; }
.footer-grid > div:first-child p { max-width: 290px; color: #8fa2bd; font-size: 13px; }
.footer-grid > div:not(:first-child) { display: grid; align-content: start; gap: 10px; }
.footer-grid b { color: white; margin-bottom: 8px; }
.footer-grid a:not(.brand) { color: #96a8c1; font-size: 13px; }
.footer-grid a:hover { color: white; }
.footer-bottom { margin-top: 48px; padding-top: 22px; border-top: 1px solid #1b2a40; display: flex; justify-content: space-between; gap: 20px; color: #7689a5; font-size: 12px; }

/* Application shell */
.portal { min-height: 100vh; display: grid; grid-template-columns: 248px 1fr; background: var(--bg); }
.portal-sidebar { position: sticky; top: 0; height: 100vh; border-right: 1px solid var(--line); background: var(--surface); padding: 20px 15px; display: flex; flex-direction: column; z-index: 20; }
.portal-sidebar .brand { padding: 0 8px 22px; border-bottom: 1px solid var(--line); }
.portal-nav { margin-top: 18px; display: grid; gap: 5px; }
.portal-nav .nav-label { padding: 14px 12px 5px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.portal-nav button { width: 100%; display: flex; align-items: center; gap: 11px; padding: 11px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); text-align: left; font-weight: 650; font-size: 13px; }
.portal-nav button:hover, .portal-nav button.active { color: var(--primary); background: var(--primary-soft); }
.portal-nav button span:first-child { width: 22px; text-align: center; font-size: 16px; }
.portal-sidebar-footer { margin-top: auto; border-top: 1px solid var(--line); padding-top: 14px; }
.user-mini { display: flex; align-items: center; gap: 10px; padding: 8px; }
.user-avatar { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: linear-gradient(135deg, var(--primary), var(--violet)); color: white; font-size: 12px; font-weight: 900; }
.user-mini b, .user-mini small { display: block; line-height: 1.3; }
.user-mini b { font-size: 12px; }.user-mini small { color: var(--muted); font-size: 10px; }
.portal-main { min-width: 0; }
.portal-topbar { position: sticky; top: 0; z-index: 15; height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(18px); }
.portal-topbar h1 { margin: 0; font-size: 19px; letter-spacing: -.025em; }
.portal-topbar small { color: var(--muted); }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.icon-button { width: 38px; height: 38px; border-radius: 11px; border: 1px solid var(--line); background: var(--surface); color: var(--text); display: grid; place-items: center; }
.credit-badge { height: 38px; padding: 0 12px; display: flex; align-items: center; gap: 7px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); font-weight: 800; font-size: 12px; }
.credit-badge span { color: #f59e0b; }
.portal-content { padding: 28px; max-width: 1500px; margin: 0 auto; }
.portal-mobile-toggle { display: none; }
.page-header { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; }
.page-header h2 { margin: 0 0 5px; font-size: 25px; letter-spacing: -.035em; }.page-header p { margin: 0; color: var(--muted); font-size: 13px; }
.dashboard-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.panel-pad { padding: 22px; }
.panel-header { display: flex; justify-content: space-between; align-items: start; gap: 18px; margin-bottom: 18px; }
.panel-header h3 { margin: 0; font-size: 16px; }.panel-header p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.metric-card { grid-column: span 3; padding: 20px; }
.metric-top { display: flex; justify-content: space-between; align-items: center; }
.metric-icon { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; background: var(--primary-soft); color: var(--primary); }
.metric-card small { color: var(--muted); font-size: 11px; }.metric-card b { display: block; margin-top: 12px; font-size: 27px; letter-spacing: -.04em; }.metric-card .trend { color: var(--success); font-size: 11px; }
.col-4 { grid-column: span 4; }.col-5 { grid-column: span 5; }.col-6 { grid-column: span 6; }.col-7 { grid-column: span 7; }.col-8 { grid-column: span 8; }.col-12 { grid-column: span 12; }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.field { display: grid; gap: 7px; }.field.full { grid-column: 1 / -1; }
.field label { font-size: 12px; font-weight: 750; }
.input, .select, .textarea { width: 100%; border: 1px solid var(--line); border-radius: 11px; padding: 11px 12px; color: var(--text); background: var(--surface); outline: none; }
.input:focus, .select:focus, .textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent); }
.select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%; background-size: 5px 5px; background-repeat: no-repeat; }
.free-banner { padding: 13px 15px; border: 1px solid #f7d48d; border-radius: 12px; background: #fff9e9; color: #744f00; font-size: 12px; }
[data-theme="dark"] .free-banner { background: #2b2512; color: #f7d48d; border-color: #5f4b18; }
.action-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 18px; }
.muted { color: var(--muted); }.small-text { font-size: 12px; }
.progress-ring { width: 145px; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--primary) var(--progress, 78%), var(--surface-2) 0); position: relative; }
.progress-ring::before { content: ""; position: absolute; inset: 13px; border-radius: 50%; background: var(--surface); }
.progress-ring > div { position: relative; z-index: 1; text-align: center; }.progress-ring b { display: block; font-size: 28px; }.progress-ring small { color: var(--muted); }
.score-overview { display: flex; align-items: center; justify-content: space-around; gap: 22px; }
.score-list { display: grid; gap: 12px; min-width: 180px; }.score-row { display: flex; justify-content: space-between; gap: 25px; padding-bottom: 9px; border-bottom: 1px solid var(--line); font-size: 12px; }.score-row span { color: var(--muted); }
.table-wrap { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; min-width: 700px; }
.data-table th, .data-table td { padding: 13px 14px; border-bottom: 1px solid var(--line); text-align: left; font-size: 12px; }
.data-table th { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; background: var(--surface-2); }
.data-table tr:last-child td { border-bottom: 0; }
.status { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 5px 9px; font-size: 10px; font-weight: 750; }
.status.success { background: var(--success-soft); color: var(--success); }.status.warning { background: #fff6df; color: #b66d00; }.status.info { background: var(--primary-soft); color: var(--primary); }.status.danger { background: #fff0f0; color: var(--danger); }
.line-chart { height: 210px; position: relative; display: flex; align-items: end; gap: 7px; padding-top: 20px; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to bottom, transparent 0, transparent 41px, var(--line) 42px); }
.line-chart .bar { flex: 1; border-radius: 6px 6px 0 0; background: linear-gradient(to top, color-mix(in srgb, var(--primary) 80%, #12398d), #83a7ff); min-width: 14px; }
.subject-list { display: grid; gap: 16px; }.subject-row { display: grid; grid-template-columns: 110px 1fr 40px; align-items: center; gap: 10px; font-size: 12px; }.subject-track { height: 8px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }.subject-track i { display: block; height: 100%; border-radius: inherit; background: var(--primary); }
.quick-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.quick-action { border: 1px solid var(--line); border-radius: 13px; padding: 15px; background: var(--surface); text-align: left; }.quick-action:hover { border-color: var(--primary); }.quick-action span { display: block; font-size: 20px; }.quick-action b { display: block; margin-top: 8px; font-size: 12px; }.quick-action small { color: var(--muted); font-size: 10px; }

/* Auth */
.auth-page { min-height: 100vh; display: grid; grid-template-columns: 1.05fr .95fr; background: var(--bg); }
.auth-visual { position: relative; overflow: hidden; padding: 48px; color: white; background: linear-gradient(140deg, #0d2c68, #225fd8 60%, #6a8ff2); display: flex; flex-direction: column; justify-content: space-between; }
.auth-visual::before, .auth-visual::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,.13); }.auth-visual::before { width: 540px; height: 540px; right: -190px; top: -180px; box-shadow: 0 0 0 70px rgba(255,255,255,.04), 0 0 0 140px rgba(255,255,255,.03); }.auth-visual::after { width: 280px; height: 280px; left: -150px; bottom: -100px; }
.auth-visual .brand { position: relative; z-index: 1; color: white; }.auth-visual .brand small { color: #cfe0ff; }
.auth-copy { position: relative; z-index: 1; max-width: 540px; }.auth-copy h1 { font-size: clamp(38px, 4.5vw, 62px); line-height: 1.06; letter-spacing: -.05em; margin: 0 0 20px; }.auth-copy p { color: #d8e5ff; font-size: 17px; }.auth-benefits { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }.auth-benefits span { padding: 8px 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.08); font-size: 12px; }
.auth-form-side { display: grid; place-items: center; padding: 40px; }
.auth-card { width: min(100%, 440px); padding: 32px; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); box-shadow: var(--shadow); }
.auth-card h2 { margin: 0; font-size: 25px; }.auth-card > p { margin: 6px 0 24px; color: var(--muted); font-size: 13px; }
.auth-tabs { display: flex; border-bottom: 1px solid var(--line); margin-bottom: 21px; }.auth-tabs button { flex: 1; padding: 10px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-size: 12px; }.auth-tabs button.active { border-color: var(--primary); color: var(--primary); font-weight: 800; }
.auth-form { display: grid; gap: 15px; }.auth-form .button { width: 100%; margin-top: 4px; }
.demo-divider { display: flex; align-items: center; gap: 10px; margin: 20px 0 14px; color: var(--muted); font-size: 11px; }.demo-divider::before, .demo-divider::after { content: ""; height: 1px; flex: 1; background: var(--line); }
.demo-roles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.demo-role { border: 1px solid var(--line); border-radius: 11px; padding: 10px 6px; background: var(--surface); color: var(--muted); font-size: 10px; }.demo-role:hover { border-color: var(--primary); color: var(--primary); background: var(--primary-soft); }
.auth-footnote { margin-top: 18px; text-align: center; color: var(--muted); font-size: 11px; }.auth-footnote a { color: var(--primary); font-weight: 700; }

/* Test runner */
.test-page { min-height: 100vh; background: var(--bg); }
.test-topbar { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 28px; background: var(--surface); border-bottom: 1px solid var(--line); }
.test-meta b, .test-meta small { display: block; }.test-meta small { color: var(--muted); font-size: 11px; }
.test-timer { min-width: 130px; padding: 8px 14px; text-align: center; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-2); }.test-timer b { display: block; font-size: 18px; font-variant-numeric: tabular-nums; }.test-timer small { color: var(--muted); font-size: 9px; }
.test-layout { width: min(calc(100% - 40px), 1280px); margin: 26px auto; display: grid; grid-template-columns: 1fr 310px; gap: 20px; }
.question-card { min-height: 590px; display: flex; flex-direction: column; }
.question-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 23px; border-bottom: 1px solid var(--line); }.question-head b { font-size: 14px; }.review-toggle { border: 0; background: transparent; color: var(--muted); font-size: 12px; }.review-toggle.marked { color: var(--warning); font-weight: 750; }
.question-body { padding: 30px; flex: 1; }.question-body h2 { margin: 0 0 26px; font-size: 20px; line-height: 1.55; }
.options-list { display: grid; gap: 13px; }.option-item { display: grid; grid-template-columns: 29px 1fr; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); transition: .18s; cursor: pointer; }.option-item:hover { border-color: color-mix(in srgb, var(--primary) 45%, var(--line)); background: var(--primary-soft); }.option-item.selected { border-color: var(--primary); background: var(--primary-soft); box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 10%, transparent); }.option-letter { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--line); font-size: 11px; font-weight: 800; }.option-item.selected .option-letter { background: var(--primary); border-color: var(--primary); color: white; }
.question-actions { padding: 19px 22px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); }
.palette-card { padding: 21px; height: fit-content; position: sticky; top: 98px; }.palette-card h3 { margin: 0 0 14px; font-size: 15px; }.palette-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }.palette-button { aspect-ratio: 1; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); color: var(--muted); font-size: 11px; }.palette-button.answered { color: #087a50; background: var(--success-soft); border-color: color-mix(in srgb, var(--success) 25%, var(--line)); }.palette-button.marked { color: #a65c00; background: #fff6df; border-color: #f4d28c; }.palette-button.current { color: white; background: var(--primary); border-color: var(--primary); }
.palette-legend { display: grid; gap: 9px; margin-top: 22px; padding-top: 17px; border-top: 1px solid var(--line); }.legend-row { display: flex; justify-content: space-between; color: var(--muted); font-size: 11px; }.legend-row span:first-child::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 3px; background: var(--line); margin-right: 7px; }.legend-row.answered span:first-child::before { background: var(--success); }.legend-row.marked span:first-child::before { background: var(--warning); }

/* Results */
.result-hero { display: grid; grid-template-columns: 240px 1fr; gap: 36px; align-items: center; }.result-message h2 { margin: 0 0 9px; font-size: 28px; }.result-message p { color: var(--muted); }.result-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin-top: 20px; }.result-stat { padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); }.result-stat b, .result-stat small { display: block; }.result-stat small { color: var(--muted); font-size: 10px; }
.solution-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }.solution-tabs button { border: 1px solid var(--line); border-radius: 9px; padding: 8px 12px; background: var(--surface); color: var(--muted); font-size: 11px; }.solution-tabs button.active { color: white; background: var(--primary); border-color: var(--primary); }
.solution-item { padding: 21px; border: 1px solid var(--line); border-radius: 14px; margin-bottom: 13px; background: var(--surface); }.solution-item h4 { margin: 0 0 14px; }.answer-box { padding: 11px 13px; border-radius: 9px; margin: 8px 0; font-size: 12px; }.answer-box.correct { background: var(--success-soft); color: #087a50; }.answer-box.incorrect { background: #fff0f0; color: #b42318; }.explanation-box { margin-top: 13px; padding: 14px; border-left: 3px solid var(--primary); background: var(--primary-soft); color: var(--muted); font-size: 12px; }

/* Modals/toasts */
.modal-backdrop { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 20px; background: rgba(2, 10, 23, .58); backdrop-filter: blur(6px); }.modal { width: min(100%, 520px); max-height: 90vh; overflow: auto; padding: 26px; border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); }.modal-head { display: flex; justify-content: space-between; align-items: start; gap: 15px; }.modal-head h3 { margin: 0; }.modal-close { border: 0; background: transparent; color: var(--muted); font-size: 21px; }
#toast-root { position: fixed; z-index: 100; right: 20px; bottom: 20px; display: grid; gap: 10px; }.toast { min-width: 280px; max-width: 420px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: var(--shadow); animation: toastIn .2s ease both; }.toast.success { border-left: 4px solid var(--success); }.toast.error { border-left: 4px solid var(--danger); }.toast b, .toast small { display: block; }.toast small { color: var(--muted); }
@keyframes toastIn { from { opacity: 0; transform: translateY(8px); } }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }.reveal.visible { opacity: 1; transform: none; }.delay-1 { transition-delay: .1s; }.delay-2 { transition-delay: .2s; }

@media (max-width: 1080px) {
  .desktop-nav { display: none; }.mobile-menu-button { display: grid; place-items: center; }.nav-actions .ghost { display: none; }
  .hero-grid { grid-template-columns: 1fr; gap: 55px; text-align: center; }.hero-copy > p { margin-inline: auto; }.hero-actions, .hero-proof { justify-content: center; }.hero-product { width: min(100%, 760px); margin-inline: auto; }.trust-strip { margin-top: 70px; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }.board-layout { grid-template-columns: 1fr; gap: 48px; }.steps-grid { grid-template-columns: repeat(2, 1fr); }.story-grid { grid-template-columns: 1fr; }.story-card > p { min-height: auto; }.pricing-grid { grid-template-columns: 1fr; max-width: 620px; margin-inline: auto; }.faq-layout { grid-template-columns: 1fr; gap: 42px; }
  .portal { grid-template-columns: 86px 1fr; }.portal-sidebar { padding-inline: 10px; }.portal-sidebar .brand > span:last-child, .portal-nav button span:last-child, .portal-nav .nav-label, .portal-sidebar-footer .user-mini > div:not(.user-avatar) { display: none; }.portal-sidebar .brand { justify-content: center; padding-inline: 0; }.portal-nav button { justify-content: center; }.metric-card { grid-column: span 6; }.col-4, .col-5, .col-7, .col-8 { grid-column: span 6; }
}

@media (max-width: 760px) {
  .container { width: min(calc(100% - 28px), var(--container)); }.nav-wrap { height: 66px; }.nav-actions .theme-button { display: none; }.hero { padding-top: 58px; }.hero-grid { min-height: auto; }.hero h1 { font-size: 43px; }.hero-copy > p { font-size: 16px; }.hero-actions .button { width: 100%; }.browser-frame { transform: none; }.preview-shell { min-height: 360px; }.preview-stats { grid-template-columns: 1fr 1fr; }.preview-stats div:last-child { display: none; }.preview-content { grid-template-columns: 1fr; }.chart-card { display: none; }.float-score { left: -4px; bottom: -25px; }.float-ai { right: -4px; top: 62px; }.trust-strip { gap: 18px 24px; padding-block: 25px; }.section { padding: 76px 0; }.feature-grid, .board-cloud, .steps-grid { grid-template-columns: 1fr; }.board-card.featured { grid-row: auto; }.story-person { grid-template-columns: 42px 1fr; }.story-person strong { grid-column: 2; }.cta-card { padding: 34px 24px; display: grid; }.cta-card .button { width: 100%; }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-grid > div:first-child { grid-column: 1 / -1; }.footer-bottom { flex-direction: column; }
  .portal { display: block; }.portal-sidebar { position: fixed; left: -280px; top: 0; width: 260px; transition: left .22s; box-shadow: var(--shadow); }.portal.sidebar-open .portal-sidebar { left: 0; }.portal-sidebar .brand > span:last-child, .portal-nav button span:last-child, .portal-nav .nav-label, .portal-sidebar-footer .user-mini > div:not(.user-avatar) { display: grid; }.portal-nav button { justify-content: flex-start; }.portal-topbar { padding: 0 15px; }.portal-mobile-toggle { display: grid; }.portal-content { padding: 18px 14px; }.page-header { align-items: flex-start; flex-direction: column; }.dashboard-grid { gap: 13px; }.metric-card, .col-4, .col-5, .col-6, .col-7, .col-8, .col-12 { grid-column: span 12; }.form-grid { grid-template-columns: 1fr; }.field.full { grid-column: auto; }.quick-actions { grid-template-columns: 1fr; }.score-overview, .result-hero { display: grid; grid-template-columns: 1fr; }.progress-ring { margin-inline: auto; }
  .auth-page { grid-template-columns: 1fr; }.auth-visual { min-height: 340px; padding: 28px; }.auth-form-side { padding: 20px 14px; }.auth-card { padding: 25px 20px; }.demo-roles { grid-template-columns: 1fr; }
  .test-topbar { height: auto; min-height: 72px; padding: 12px 14px; flex-wrap: wrap; }.test-layout { width: min(calc(100% - 22px), 1280px); grid-template-columns: 1fr; }.question-body { padding: 22px 18px; }.question-card { min-height: 540px; }.palette-card { position: static; }.palette-grid { grid-template-columns: repeat(10, 1fr); }.question-actions { gap: 10px; }.question-actions .button { padding-inline: 13px; }
}

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

/* =========================================================
   MockTestr v1.1: multilingual, worried-student hero, coupons,
   SEO administration and support operations
   ========================================================= */
.language-control,.mobile-language{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:6px 9px;color:var(--text)}
.language-control select,.mobile-language select,.topbar-language select{border:0;background:transparent;color:inherit;font:inherit;outline:none;max-width:128px}
.mobile-language{justify-content:space-between;margin:8px 14px;padding:10px 12px}.mobile-language span{font-weight:700}
.hero-student-visual{position:relative;min-height:580px;display:flex;align-items:flex-end;justify-content:center}
.student-image-card{position:relative;width:min(100%,470px);height:550px;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,#eef5ff,#fff);box-shadow:0 34px 90px rgba(31,75,164,.18)}
.student-image-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.student-gradient{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(7,23,56,.85))}
.student-caption{position:absolute;left:28px;right:28px;bottom:26px;color:#fff;display:grid;gap:5px}.student-caption span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#cfe0ff}.student-caption b{font-size:20px;line-height:1.35}
.visual-language{left:-18px;top:92px}.visual-score{right:-22px;top:205px}
.visual-test-card{position:absolute;left:22px;right:22px;bottom:-32px;padding:17px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 55px rgba(24,58,128,.18);display:grid;grid-template-columns:1fr auto;gap:7px 14px;align-items:center}.visual-test-card div{display:grid}.visual-test-card small,.visual-test-card>span{color:var(--muted);font-size:12px}.visual-test-card button{grid-column:2;grid-row:1/3;border:0;border-radius:10px;background:var(--primary);color:#fff;padding:11px 14px;font-weight:800;cursor:pointer}
.marketing-slogan{display:grid;gap:3px;margin-top:22px;padding:14px 17px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));background:color-mix(in srgb,var(--primary) 6%,var(--surface));border-radius:14px;max-width:560px}.marketing-slogan strong{font-size:16px}.marketing-slogan small{color:var(--muted)}
.coupon-hero-strip{position:relative;z-index:2;margin-top:44px;margin-bottom:-6px;border:1px solid #f4d08b;background:linear-gradient(90deg,#fff8e8,#fffdf8);color:#6f4b00;border-radius:15px;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.coupon-hero-strip span{font-weight:800}.coupon-hero-strip code,.public-coupon-box code{padding:4px 8px;border-radius:8px;background:#fff;border:1px dashed #e7b34d;color:#7a4d00}.coupon-hero-strip a{color:#865200;font-weight:800}
.public-coupon-box{max-width:900px;margin:0 auto 24px;border:1px solid #f3d195;background:#fffaf0;border-radius:14px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.public-coupon-box div{display:grid}.public-coupon-box small{color:#7d6844;margin-top:3px}
.topbar-language{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.coupon-entry{display:grid;grid-template-columns:1fr auto;gap:10px;margin:16px 0}.coupon-entry .coupon-note{grid-column:1/-1;font-size:13px;color:var(--muted)}
.discount-summary{border:1px solid color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 7%,var(--surface));border-radius:12px;padding:12px 14px;margin-top:10px;display:flex;justify-content:space-between;gap:12px;color:var(--text)}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-form-grid .wide{grid-column:1/-1}.code-area{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.support-layout{display:grid;grid-template-columns:300px 1fr;min-height:560px}.support-list{border-right:1px solid var(--line);padding:14px}.support-thread{display:flex;flex-direction:column;min-width:0}.support-thread-messages{padding:22px;display:flex;flex-direction:column;gap:12px;overflow:auto;min-height:400px}.chat-bubble{max-width:min(78%,620px);border-radius:16px;padding:12px 14px;line-height:1.5;background:var(--soft);align-self:flex-start}.chat-bubble.user{background:var(--primary);color:#fff;align-self:flex-end}.chat-bubble small{display:block;opacity:.72;margin-top:5px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid var(--line)}
.support-ticket-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ticket-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--surface);display:grid;gap:8px}.ticket-card-head{display:flex;justify-content:space-between;gap:10px}.ticket-card small{color:var(--muted)}
.support-launcher{position:fixed;right:22px;bottom:20px;z-index:70;border:0;border-radius:999px;background:#0f9d58;color:#fff;box-shadow:0 14px 35px rgba(15,157,88,.3);padding:12px 18px;display:flex;align-items:center;gap:8px;font:inherit;cursor:pointer}.support-launcher span{font-size:19px}
.public-support-widget{position:fixed;right:22px;bottom:78px;z-index:71;width:min(380px,calc(100vw - 28px));background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 80px rgba(14,34,78,.24);overflow:hidden;transform:translateY(14px) scale(.98);opacity:0;pointer-events:none;transition:.2s}.public-support-widget.open{transform:none;opacity:1;pointer-events:auto}.public-support-widget header{padding:16px 18px;background:linear-gradient(135deg,#0b57d0,#4f7df3);color:#fff;display:flex;justify-content:space-between;gap:10px}.public-support-widget header div{display:grid}.public-support-widget header small{color:#dce8ff;margin-top:3px}.public-support-widget header button{border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:8px;width:32px;height:32px;font-size:22px}.support-welcome{padding:16px 18px;border-bottom:1px solid var(--line)}.support-welcome p{margin:0 0 7px}.support-welcome small{color:var(--muted)}.support-options{display:grid;padding:12px}.support-options a{padding:12px;border-radius:10px;color:var(--text);font-weight:700}.support-options a:hover{background:var(--soft);color:var(--primary)}
.seo-status-bar{display:flex;gap:10px;flex-wrap:wrap}.seo-preview{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--surface)}.seo-preview .seo-url{font-size:13px;color:#188038}.seo-preview h4{margin:4px 0;color:#1a0dab;font-size:19px;font-weight:500}.seo-preview p{margin:0;color:var(--muted);line-height:1.45}
.coupon-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.coupon-stat{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface)}.coupon-stat small{color:var(--muted);display:block}.coupon-stat b{font-size:22px;margin-top:4px;display:block}
@media(max-width:980px){.hero-student-visual{min-height:520px}.student-image-card{height:500px}.visual-language{left:6px}.visual-score{right:6px}.support-layout{grid-template-columns:1fr}.support-list{border-right:0;border-bottom:1px solid var(--line)}.support-ticket-grid{grid-template-columns:1fr}.coupon-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.language-control{display:none}.hero-student-visual{min-height:490px}.student-image-card{height:450px;border-radius:24px}.visual-language,.visual-score{position:absolute;transform:scale(.88)}.visual-language{left:-5px;top:75px}.visual-score{right:-5px;top:180px}.visual-test-card{left:8px;right:8px;bottom:-28px;grid-template-columns:1fr}.visual-test-card button{grid-column:1;grid-row:auto}.coupon-hero-strip{text-align:center}.public-coupon-box{display:grid}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .wide{grid-column:auto}.coupon-entry{grid-template-columns:1fr}.support-launcher b{display:none}.support-launcher{width:52px;height:52px;padding:0;justify-content:center}.public-support-widget{right:14px;bottom:82px}.coupon-stat-grid{grid-template-columns:1fr}}
.check-line{display:flex;align-items:flex-start;gap:9px;margin:14px 0;color:var(--muted);font-size:14px}.check-line input{margin-top:3px}
.seo-landing-hero{padding:62px 0 76px}.seo-landing-hero .section-heading{max-width:850px}.seo-landing-hero h1{max-width:900px;margin:18px 0;font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-.05em}.seo-landing-hero p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.7}.seo-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;margin-bottom:25px}.seo-breadcrumb a{color:var(--primary);font-weight:700}


/* ===== Homepage UX upgrade v1.2 ===== */
.landing-hero-v2 { padding-top: 34px; padding-bottom: 26px; }
.hero-grid-v2 { display:grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr); gap: 36px; align-items:center; }
.hero-kicker { display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid rgba(37,99,235,.14); background:rgba(255,255,255,.82); border-radius:999px; color:#1e3a8a; font-weight:700; font-size:.85rem; margin-bottom:18px; box-shadow:0 16px 36px rgba(15,23,42,.06); }
.section-heading-simple .eyebrow { display:none !important; }
.hero-copy h1 { max-width: 11ch; }
.hero-copy p { max-width: 62ch; }
.marketing-slogan-v2 { margin-top: 24px; }
.hero-inline-points { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.hero-inline-points span { padding:10px 12px; border-radius:999px; background:#fff; border:1px solid rgba(148,163,184,.32); box-shadow:0 10px 30px rgba(15,23,42,.05); font-size:.92rem; color:#334155; }
.hero-visual-wrap { display:grid; gap:16px; }
.hero-scene-slider { position:relative; min-height: 680px; border-radius: 30px; padding: 18px; background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,245,249,.94)); border:1px solid rgba(148,163,184,.28); box-shadow:0 30px 70px rgba(37,99,235,.14); overflow:hidden; }
.hero-scene-slide { position:absolute; inset:18px; display:grid; grid-template-rows: 1fr auto; gap:16px; opacity:0; transform: translateX(20px); pointer-events:none; transition: opacity .6s ease, transform .6s ease; }
.hero-scene-slide.active { opacity:1; transform:translateX(0); pointer-events:auto; }
.hero-scene-media { border-radius:24px; overflow:hidden; min-height: 520px; background:#f8fafc; display:flex; align-items:center; justify-content:center; }
.hero-scene-media img { width:100%; height:100%; object-fit:cover; display:block; }
.hero-scene-copy { padding: 6px 6px 2px; }
.hero-scene-copy h3 { margin:10px 0 8px; font-size:1.36rem; line-height:1.2; color:#0f172a; }
.hero-scene-copy p { margin:0; color:#475569; font-size:.98rem; line-height:1.65; }
.hero-scene-badge { display:inline-flex; align-items:center; padding:8px 12px; border-radius:999px; font-size:.78rem; font-weight:700; }
.badge-warning { background:#fff7ed; color:#c2410c; }
.badge-success { background:#ecfdf5; color:#047857; }
.hero-slider-controls { position:absolute; right:18px; bottom:18px; display:flex; gap:10px; z-index:3; }
.hero-dot { width:12px; height:12px; border-radius:999px; border:none; background:#cbd5e1; cursor:pointer; transition:transform .2s ease, background .2s ease; }
.hero-dot.active { background:#2563eb; transform:scale(1.15); }
.hero-mini-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.hero-mini-card { display:block; padding:18px 18px 16px; text-decoration:none; color:inherit; border-radius:22px; background:#fff; border:1px solid rgba(148,163,184,.26); box-shadow:0 18px 40px rgba(15,23,42,.06); }
.hero-mini-card strong { display:block; font-size:1rem; margin-bottom:6px; color:#0f172a; }
.hero-mini-card small { display:block; color:#475569; line-height:1.6; }
.trust-strip-v2 { margin-top: 22px; gap:14px; flex-wrap:wrap; }
.compact-links-section { padding-top: 0; }
.compact-link-row { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.compact-link-pill { padding:12px 16px; border-radius:999px; text-decoration:none; color:#1e293b; background:#fff; border:1px solid rgba(148,163,184,.28); box-shadow:0 12px 30px rgba(15,23,42,.04); font-weight:600; }
.feature-grid-v2, .story-grid-v2 { align-items:stretch; }
.interactive-card, .feature-card, .board-card, .price-card, .story-card, .step-card, .compact-link-pill { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease; }
.interactive-card:hover, .feature-card:hover, .board-card:hover, .price-card:hover, .story-card:hover, .step-card:hover, .compact-link-pill:hover { transform:translateY(-6px); box-shadow:0 24px 60px rgba(37,99,235,.14); border-color:rgba(37,99,235,.26); }
.board-layout-v2 { align-items:start; }
.board-card-grid { display:grid; grid-template-columns: 1.3fr 1fr 1fr; gap:16px; }
.board-card-grid .board-card-large { grid-row: span 2; min-height: 230px; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; }
.board-card-grid .board-card { display:flex; flex-direction:column; justify-content:space-between; min-height:108px; padding:22px; border-radius:24px; text-decoration:none; background:#fff; border:1px solid rgba(148,163,184,.26); box-shadow:0 18px 40px rgba(15,23,42,.05); }
.board-card-grid .board-card h3 { margin:0 0 8px; font-size:1.1rem; }
.board-card-grid .board-card p { margin:0; color:inherit; opacity:.9; line-height:1.55; }
.step-grid-v2 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.step-card { display:block; text-decoration:none; color:inherit; padding:24px 20px; border-radius:24px; background:#fff; border:1px solid rgba(148,163,184,.26); box-shadow:0 16px 36px rgba(15,23,42,.05); }
.step-card span:first-child { font-size:1.4rem; font-weight:800; color:#cbd5e1; display:block; }
.step-card h3 { margin:14px 0 8px; font-size:1.05rem; }
.step-card p { margin:0; color:#475569; line-height:1.6; }
.promo-band { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border:1px solid rgba(251,191,36,.4); background:linear-gradient(90deg,#fffbeb,#fff7ed); border-radius:20px; margin-bottom:20px; color:#7c2d12; }
.pricing-grid-v2 .price-card { text-decoration:none; color:inherit; }
.faq-layout-v2 { display:grid; grid-template-columns: minmax(260px,.82fr) minmax(0,1.18fr); gap:28px; align-items:start; }
.faq-section-v2 .faq-list { display:grid; gap:12px; }
.faq-section-v2 details { border:1px solid rgba(148,163,184,.25); background:#fff; border-radius:18px; padding:0 18px; box-shadow:0 12px 28px rgba(15,23,42,.04); }
.faq-section-v2 details:hover { box-shadow:0 18px 46px rgba(37,99,235,.10); border-color:rgba(37,99,235,.22); }
.faq-section-v2 summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 0; font-weight:700; color:#0f172a; }
.faq-section-v2 summary::-webkit-details-marker { display:none; }
.faq-section-v2 summary span { color:#2563eb; font-weight:900; font-size:1.05rem; }
.faq-section-v2 details p { margin:0 0 18px; color:#475569; line-height:1.72; }
@media (max-width: 1180px) {
  .hero-grid-v2 { grid-template-columns:1fr; }
  .hero-copy h1 { max-width: 14ch; }
  .hero-scene-slider { min-height: 620px; }
  .hero-scene-media { min-height: 460px; }
  .board-card-grid { grid-template-columns: repeat(2,1fr); }
  .board-card-grid .board-card-large { grid-row:auto; min-height:180px; }
  .step-grid-v2 { grid-template-columns:repeat(2,1fr); }
  .faq-layout-v2 { grid-template-columns:1fr; }
}
@media (max-width: 720px) {
  .landing-hero-v2 { padding-top:18px; }
  .hero-copy h1 { max-width:none; }
  .hero-inline-points { gap:8px; }
  .hero-inline-points span { width:100%; justify-content:center; text-align:center; }
  .hero-scene-slider { min-height:auto; padding:12px; }
  .hero-scene-slide { position:relative; inset:auto; display:none; opacity:1; transform:none; pointer-events:auto; }
  .hero-scene-slide.active { display:grid; }
  .hero-scene-media { min-height:360px; }
  .hero-mini-cards { grid-template-columns:1fr; }
  .compact-link-row { justify-content:flex-start; overflow:auto; padding-bottom:4px; }
  .compact-link-pill { white-space:nowrap; }
  .board-card-grid, .step-grid-v2 { grid-template-columns:1fr; }
  .promo-band { flex-direction:column; align-items:flex-start; }
}

/* ===== Curriculum-aware paper builder v1.3 ===== */
.curriculum-form-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.curriculum-form-grid .wide { grid-column:1 / -1; }
.curriculum-units { min-height:150px; padding:10px; }
.curriculum-units option { padding:8px 10px; border-radius:8px; }
.curriculum-preview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; padding:16px; border-radius:18px; background:linear-gradient(135deg,rgba(37,99,235,.07),rgba(124,58,237,.06)); border:1px solid rgba(37,99,235,.14); }
.curriculum-preview > div { padding:12px; border-radius:14px; background:rgba(255,255,255,.78); border:1px solid rgba(148,163,184,.2); }
.curriculum-preview small,.curriculum-preview b { display:block; }
.curriculum-preview small { color:var(--muted); margin-bottom:6px; }
.curriculum-preview p { grid-column:1/-1; margin:0; color:var(--muted); font-size:.86rem; line-height:1.6; }
.source-integrity-note { margin-top:14px; padding:14px 16px; border-radius:16px; background:rgba(15,23,42,.035); color:var(--muted); font-size:.9rem; line-height:1.65; }
.source-integrity-note b { color:var(--text); }
.plan-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.plan-list > div { display:flex; justify-content:space-between; gap:12px; padding:14px 16px; border-radius:15px; border:1px solid var(--border); background:var(--surface-2); }
.plan-list span { color:var(--muted); text-align:right; }
.question-badges { display:flex; gap:8px; flex-wrap:wrap; margin-top:9px; }
.question-badges span,.solution-meta span,.paper-summary span { display:inline-flex; align-items:center; padding:6px 9px; border-radius:999px; background:var(--surface-2); border:1px solid var(--border); color:var(--muted); font-size:.76rem; font-weight:600; }
.written-answer-wrap { display:grid; gap:9px; }
.written-answer-wrap label { font-weight:700; }
.written-answer-wrap small { color:var(--muted); line-height:1.5; }
.written-answer { min-height:130px; resize:vertical; font-size:1rem; line-height:1.7; }
.test-credit-used { min-width:82px; text-align:center; padding:8px 12px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.test-credit-used b,.test-credit-used small { display:block; }
.test-credit-used small { color:var(--muted); font-size:.7rem; }
.paper-summary { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0 16px; }
.paper-source-summary { margin-top:18px; padding:13px; border-radius:14px; background:var(--surface-2); border:1px solid var(--border); }
.paper-source-summary b,.paper-source-summary small { display:block; }
.paper-source-summary small { color:var(--muted); margin-top:5px; line-height:1.45; }
.solution-meta { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:12px; }
.written-review,.model-answer-box { padding:16px; border-radius:15px; margin-top:12px; }
.written-review { background:rgba(245,158,11,.07); border:1px solid rgba(245,158,11,.2); }
.model-answer-box { background:rgba(16,185,129,.07); border:1px solid rgba(16,185,129,.2); }
.written-review p,.model-answer-box p { margin:8px 0 0; line-height:1.7; white-space:pre-wrap; }
.explanation-box hr { border:0; border-top:1px solid var(--border); margin:14px 0; }
@media (max-width:980px){
  .curriculum-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .curriculum-preview { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
  .curriculum-form-grid { grid-template-columns:1fr; }
  .curriculum-form-grid .wide { grid-column:auto; }
  .curriculum-preview { grid-template-columns:1fr; }
  .curriculum-preview p { grid-column:auto; }
  .plan-list { grid-template-columns:1fr; }
  .test-topbar { align-items:flex-start; }
  .test-topbar > div:last-child { flex-wrap:wrap; justify-content:flex-end; }
  .test-credit-used { display:none; }
}

/* ===== v1.3 curriculum, SEO and support operations ===== */
.quality-gate-grid,.seo-cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.quality-gate-grid article,.seo-cluster-grid article{border:1px solid var(--border,#dbe4f0);border-radius:16px;padding:16px;background:var(--card,#fff);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.quality-gate-grid article:hover,.seo-cluster-grid article:hover{transform:translateY(-3px);border-color:rgba(37,99,235,.35);box-shadow:0 14px 32px rgba(37,99,235,.09)}
.quality-gate-grid b,.seo-cluster-grid b{display:block;margin-bottom:7px;color:var(--text,#0f172a)}
.quality-gate-grid p,.seo-cluster-grid p{margin:0;color:var(--muted,#64748b);font-size:.9rem;line-height:1.55}
.seo-cluster-grid span{display:block;color:#2563eb;font-size:.82rem;font-weight:700;margin-bottom:7px}
.seo-score-ring{width:62px;height:62px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#2563eb var(--score),#e2e8f0 0);position:relative;color:#0f172a}
.seo-score-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--card,#fff)}
.seo-score-ring b,.seo-score-ring small{position:relative;z-index:1;line-height:1}
.seo-score-ring b{font-size:1.15rem}.seo-score-ring small{font-size:.65rem;color:#64748b}
.seo-audit-note{margin-top:18px;padding:15px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.seo-audit-note p{margin:6px 0 0;font-size:.86rem;line-height:1.55}
.support-layout-rich{min-height:560px}
.support-thread-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border,#e2e8f0)}
.support-thread-header b,.support-thread-header small{display:block}.support-thread-header small{color:var(--muted,#64748b);margin-top:3px}
.support-channel-button,.support-conversation-card{width:100%;text-align:left;cursor:pointer;font:inherit}
.support-safety-card{padding:15px;border-radius:15px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}
.support-safety-card p{margin:6px 0 0;font-size:.84rem;line-height:1.55}
.canned-question-row{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;border-top:1px solid var(--border,#e2e8f0)}
.canned-question-row button{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:8px 11px;font-size:.78rem;cursor:pointer;transition:background .2s ease,transform .2s ease}
.canned-question-row button:hover{background:#dbeafe;transform:translateY(-1px)}
.ticket-card-rich{display:grid;gap:10px}
.ticket-meta-row{display:flex;flex-wrap:wrap;gap:7px}
.ticket-meta-row span{font-size:.72rem;padding:5px 8px;border-radius:999px;background:var(--soft,#f1f5f9);color:var(--muted,#64748b);text-transform:capitalize}
.support-filter-row{display:flex;gap:6px;padding:12px;border-bottom:1px solid var(--border,#e2e8f0);overflow:auto}
.support-filter-row button{white-space:nowrap;border:1px solid var(--border,#e2e8f0);background:transparent;border-radius:999px;padding:7px 10px;font-size:.76rem;cursor:pointer}.support-filter-row button.active{background:#2563eb;color:#fff;border-color:#2563eb}
.support-filter-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.paper-source-summary{margin-top:16px;padding:12px;border-radius:12px;background:var(--soft,#f8fafc);border:1px solid var(--border,#e2e8f0)}.paper-source-summary b,.paper-source-summary small{display:block}.paper-source-summary small{margin-top:5px;color:var(--muted,#64748b);line-height:1.45}
@media(max-width:1000px){.quality-gate-grid,.seo-cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-filter-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.quality-gate-grid,.seo-cluster-grid,.support-filter-toolbar{grid-template-columns:1fr}.support-thread-header{align-items:flex-start;flex-direction:column}.canned-question-row{overflow:auto;flex-wrap:nowrap}.canned-question-row button{white-space:nowrap}}
.public-plan-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0 24px}.public-plan-card{display:flex;flex-direction:column;gap:7px;padding:16px;border-radius:18px;background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);text-decoration:none;color:var(--text,#0f172a);box-shadow:0 12px 28px rgba(15,23,42,.04)}.public-plan-card b{font-size:1.05rem}.public-plan-card span{color:#2563eb;font-weight:800}.public-plan-card small{color:var(--muted,#64748b);line-height:1.4}@media(max-width:1050px){.public-plan-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.public-plan-grid{grid-template-columns:repeat(2,1fr)}}

.curriculum-pattern-note { grid-column: 1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; padding:12px 14px; border-radius:14px; background:rgba(37,99,235,.06); border:1px solid rgba(37,99,235,.14); }
.curriculum-pattern-note small { color:var(--muted, #64748b); }
.curriculum-pattern-note b { color:var(--text, #0f172a); }
.curriculum-pattern-note a { margin-left:auto; color:#2563eb; font-weight:700; text-decoration:none; }
@media (max-width:720px){ .curriculum-pattern-note a { width:100%; margin-left:0; } }

/* ===== Launch-ready public experience v1.4 ===== */
.skip-link{position:fixed;left:14px;top:-80px;z-index:9999;background:#0f172a;color:#fff;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700}.skip-link:focus{top:14px}
.brand-image{display:inline-flex;align-items:center}.brand-image img{display:block;width:min(248px,42vw);height:auto}.footer-brand img{filter:brightness(0) invert(1);opacity:.96}
.launch-hero{padding:46px 0 24px;overflow:hidden}.launch-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:44px;align-items:center}.launch-hero .hero-copy h1{max-width:11ch;font-size:clamp(3rem,5.4vw,5.6rem);line-height:.98;letter-spacing:-.055em}.launch-hero .hero-copy>p:not(.hero-kicker){max-width:64ch;font-size:1.08rem;line-height:1.75}.hero-kicker{display:inline-flex;max-width:max-content;padding:10px 14px;border:1px solid rgba(37,99,235,.18);border-radius:999px;background:rgba(255,255,255,.86);color:#1e3a8a;font-size:.83rem;font-weight:800;box-shadow:0 14px 35px rgba(15,23,42,.06);margin:0 0 22px}.hero-benefit-list{display:grid;gap:10px;margin:22px 0 0}.hero-benefit-list span{display:flex;align-items:center;gap:10px;color:#334155;font-weight:650}.hero-benefit-list svg{width:20px;height:20px;fill:none;stroke:#16a34a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.marketing-slogan-v2{margin-top:24px;padding:18px 20px;border-radius:18px;border:1px solid rgba(37,99,235,.15);background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.98));box-shadow:0 16px 40px rgba(37,99,235,.07)}.marketing-slogan-v2 strong{font-size:1.05rem}.marketing-slogan-v2 small{display:block;margin-top:5px;color:#64748b}
.hero-visual-wrap{display:grid;gap:14px;min-width:0}.hero-slider-launch{display:grid;position:relative;border-radius:30px;padding:14px;background:rgba(255,255,255,.94);border:1px solid rgba(148,163,184,.27);box-shadow:0 34px 80px rgba(37,99,235,.16);overflow:hidden;isolation:isolate}.hero-slider-launch .hero-scene-slide{grid-area:1/1;position:relative;inset:auto;display:block;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .55s ease,transform .55s ease,visibility .55s;pointer-events:none}.hero-slider-launch .hero-scene-slide.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.hero-slider-launch .hero-scene-media{position:relative;min-height:0;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:#eaf0f8}.hero-slider-launch .hero-scene-media img{width:100%;height:100%;object-fit:cover;object-position:center 34%;display:block}.hero-slider-launch .hero-scene-slide:nth-child(2) .hero-scene-media img{object-position:center 36%}.hero-scene-overlay{position:absolute;left:0;right:0;bottom:0;padding:84px 24px 25px;color:#fff;background:linear-gradient(180deg,transparent 0%,rgba(8,15,32,.18) 18%,rgba(8,15,32,.9) 100%)}.hero-scene-overlay h2{font-size:clamp(1.35rem,2.3vw,2rem);margin:10px 0 7px;color:#fff;line-height:1.18}.hero-scene-overlay p{margin:0;color:#e2e8f0;line-height:1.55;font-size:.94rem;max-width:44ch}.hero-slider-launch .hero-slider-controls{position:absolute;right:28px;top:28px;bottom:auto;background:rgba(15,23,42,.48);backdrop-filter:blur(10px);padding:8px 10px;border-radius:999px;z-index:5}.hero-slider-launch .hero-dot{width:10px;height:10px;background:#cbd5e1}.hero-slider-launch .hero-dot.active{background:#fff}.hero-plan-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid rgba(148,163,184,.25);border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.06)}.hero-plan-card div{display:grid;gap:3px}.hero-plan-card small{color:#64748b}.hero-plan-card strong{color:#0f172a}.hero-plan-card span{font-size:.83rem;color:#64748b}.hero-plan-card a{white-space:nowrap;color:#1d4ed8;font-weight:800;text-decoration:none}.trust-strip-v2{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.trust-strip-v2>span{font-size:.82rem;color:#64748b;font-weight:700}.trust-strip-v2 a{display:inline-flex;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.25);text-decoration:none;color:#334155;font-size:.84rem;font-weight:700;transition:.2s ease}.trust-strip-v2 a:hover{border-color:#93c5fd;color:#1d4ed8;transform:translateY(-2px)}
.section-heading-simple .eyebrow{display:none!important}.section-heading-simple h2{margin-top:0}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.audience-card,.trust-card{display:block;text-decoration:none;color:inherit;padding:26px;border-radius:24px;background:#fff;border:1px solid rgba(148,163,184,.25);box-shadow:0 18px 42px rgba(15,23,42,.055)}.audience-card h3,.trust-card h3{margin:16px 0 8px;color:#0f172a}.audience-card p,.trust-card p{margin:0;color:#475569;line-height:1.65}.audience-card span{display:inline-block;margin-top:18px;color:#2563eb;font-weight:800}.section-icon{width:46px;height:46px;fill:none;stroke:#2563eb;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.step-card .step-icon svg{width:24px;height:24px;fill:none;stroke:#2563eb;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.curriculum-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center}.curriculum-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.curriculum-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.25);text-decoration:none;color:inherit;box-shadow:0 15px 35px rgba(15,23,42,.05)}.curriculum-card img{flex:none}.curriculum-card h3{margin:0 0 6px}.curriculum-card p{margin:0;color:#64748b;line-height:1.55;font-size:.92rem}
.sample-paper-section{background:linear-gradient(180deg,#f8fbff,#eef4ff)}.sample-paper-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:42px;align-items:center}.sample-paper-preview{padding:24px;border-radius:26px;background:#fff;border:1px solid rgba(148,163,184,.25);box-shadow:0 28px 65px rgba(30,64,175,.12)}.paper-header{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.paper-header div{display:grid;gap:4px}.paper-header span{font-size:.82rem;color:#64748b}.paper-question{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:21px 0;border-bottom:1px solid #eef2f7}.paper-question>span{width:31px;height:31px;border-radius:10px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:800}.paper-question p{margin:0 0 12px;line-height:1.55;color:#0f172a}.paper-question small{color:#64748b}.paper-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.paper-options i{font-style:normal;padding:10px 12px;border:1px solid #e2e8f0;border-radius:11px;color:#475569;font-size:.88rem}.paper-note{margin-top:17px;padding:13px 15px;border-radius:13px;background:#f0fdf4;color:#166534;font-size:.88rem;font-weight:650}
.family-section{background:#fff}.family-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:42px;align-items:center}.family-visual{height:560px;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(15,23,42,.12)}.family-visual img{width:100%;height:100%;object-fit:cover;object-position:center 36%}.family-points{display:grid;gap:12px;margin-top:24px}.family-points article{padding:17px 18px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc}.family-points strong{display:block;margin-bottom:4px;color:#0f172a}.family-points span{color:#64748b;line-height:1.55}.trust-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.trust-card{padding:22px}.trust-card .section-icon{width:40px;height:40px}.use-cases-section{background:#f8fbff}.story-grid-v2 .story-card{display:block;text-decoration:none;color:inherit}.story-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#dbeafe;color:#1d4ed8;font-weight:900;margin-bottom:15px}.story-card h3{margin:0 0 8px}.story-tag{display:inline-block;margin-top:16px;padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.78rem;font-weight:700}.seasonal-offer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 auto 22px;padding:16px 18px;border-radius:18px;border:1px solid #fbbf24;background:#fffbeb;color:#78350f}.seasonal-offer[hidden]{display:none}.seasonal-offer span{font-size:.88rem;line-height:1.5}.pricing-grid-v2 .price-card a.button{display:flex;justify-content:center;text-decoration:none}.pricing-trust{flex-wrap:wrap}.faq-section-v2 details{transition:box-shadow .2s ease,border-color .2s ease}.faq-section-v2 details:focus-within{outline:3px solid rgba(59,130,246,.25);outline-offset:2px}.interactive-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.interactive-card:hover{transform:translateY(-5px);box-shadow:0 25px 58px rgba(37,99,235,.13);border-color:rgba(37,99,235,.25)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px}
@media(max-width:1100px){.launch-hero-grid,.curriculum-showcase,.sample-paper-grid{grid-template-columns:1fr}.launch-hero .hero-copy h1{max-width:13ch}.hero-visual-wrap{max-width:720px;margin:0 auto;width:100%}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-grid{grid-template-columns:1fr}.family-visual{height:500px}.curriculum-showcase .section-heading,.sample-paper-grid .section-heading{max-width:760px}}
@media(max-width:760px){.launch-hero{padding-top:24px}.launch-hero-grid{gap:28px}.launch-hero .hero-copy h1{max-width:none;font-size:clamp(2.65rem,12vw,4.2rem)}.hero-scene-overlay{padding:78px 18px 19px}.hero-scene-overlay h2{font-size:1.35rem}.hero-scene-overlay p{font-size:.86rem}.hero-plan-card{align-items:flex-start;flex-direction:column}.hero-plan-card a{white-space:normal}.audience-grid,.curriculum-card-grid,.trust-card-grid{grid-template-columns:1fr}.sample-paper-preview{padding:17px}.paper-options{grid-template-columns:1fr}.family-visual{height:420px}.seasonal-offer{align-items:flex-start;flex-direction:column}.brand-image img{width:210px}.footer-brand img{width:220px}}
@media(max-width:480px){.hero-slider-launch{padding:9px;border-radius:23px}.hero-slider-launch .hero-scene-media{border-radius:17px;aspect-ratio:3/4}.hero-scene-overlay{padding-top:70px}.trust-strip-v2{justify-content:flex-start}.trust-strip-v2 a{font-size:.78rem}.audience-card,.trust-card{padding:21px}.family-visual{height:360px}}

/* ===== Student paper builder usability ===== */
.paper-builder-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.builder-step{padding:15px 16px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.builder-step b{display:block;color:#0f172a;margin-bottom:3px}.builder-step span{font-size:.82rem;color:#64748b}.builder-section{padding:20px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;margin-top:14px}.builder-section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.builder-section-title span{width:30px;height:30px;border-radius:10px;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:900}.builder-section-title h4{margin:0}.unit-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.unit-chip{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #dbe2ea;border-radius:12px;background:#f8fafc;cursor:pointer}.unit-chip:has(input:checked){border-color:#60a5fa;background:#eff6ff}.unit-chip input{margin-top:3px}.curriculum-status-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 15px;border-radius:14px;background:#f0f9ff;border:1px solid #bae6fd;margin-top:12px}.curriculum-status-card b{display:block;color:#0c4a6e}.curriculum-status-card small{color:#0369a1}.curriculum-status-card .status-dot{width:12px;height:12px;border-radius:50%;background:#22c55e}.source-integrity-note.customer-note{background:#f8fafc;color:#475569;border-color:#e2e8f0}.source-integrity-note.customer-note b{color:#0f172a}.written-score-warning{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;margin-top:14px}.written-score-warning svg{width:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2}.curriculum-form-grid .field.wide{grid-column:1/-1}@media(max-width:760px){.paper-builder-intro{grid-template-columns:1fr}.unit-chip-grid{grid-template-columns:1fr}.builder-section{padding:16px}.curriculum-status-card{grid-template-columns:1fr}}
.portal-brand-image{display:block;width:212px;max-width:100%;height:auto}.portal-sidebar .brand{display:flex;justify-content:center}.portal-sidebar .portal-brand-image{filter:brightness(0) invert(1);opacity:.97}.empty-state-small{padding:14px;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;background:#f8fafc;font-size:.9rem}
.independent-note{margin-top:18px;padding:13px 15px;border-left:4px solid #60a5fa;background:#eff6ff;color:#1e3a8a;border-radius:0 12px 12px 0;font-size:.9rem;line-height:1.6}.intent-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center}.intent-examples{display:grid;gap:12px}.intent-examples article{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:17px 18px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 13px 32px rgba(15,23,42,.04)}.intent-examples span{width:40px;height:40px;border-radius:12px;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:900}.intent-examples p{margin:0;color:#334155;line-height:1.55}.related-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.related-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;border-radius:18px;background:#fff;border:1px solid #e2e8f0;text-decoration:none;color:#0f172a;box-shadow:0 12px 28px rgba(15,23,42,.04)}.related-card b{color:#2563eb;font-size:.84rem;white-space:nowrap}@media(max-width:900px){.intent-grid{grid-template-columns:1fr}.related-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.related-card-grid{grid-template-columns:1fr}}
.not-found-page{min-height:100vh;display:grid;place-items:center;align-content:center;gap:16px;text-align:center;padding:28px;background:radial-gradient(circle at 50% 20%,#eff6ff,#fff 55%)}.not-found-page h1{margin:10px 0 0;font-size:clamp(2rem,6vw,4rem);color:#0f172a}.not-found-page p{margin:0 0 12px;color:#64748b}
.legal-page{background:#f8fafc}.legal-hero{padding:76px 0 58px;background:radial-gradient(circle at 50% 0,#dbeafe,transparent 52%),#f8fbff;text-align:center}.legal-hero .container{max-width:900px}.legal-hero h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.05em;margin:16px 0;color:#0f172a}.legal-hero p:not(.hero-kicker){font-size:1.08rem;line-height:1.7;color:#475569}.legal-hero small{color:#64748b}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start}.legal-nav{position:sticky;top:96px;display:grid;gap:8px;padding:20px;border-radius:18px;background:#fff;border:1px solid #e2e8f0}.legal-nav b{margin-bottom:5px}.legal-nav a{padding:8px 10px;border-radius:9px;color:#475569;text-decoration:none;font-size:.9rem}.legal-nav a:hover{background:#eff6ff;color:#1d4ed8}.legal-content{padding:34px;border-radius:24px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 18px 45px rgba(15,23,42,.05)}.legal-content section{padding:10px 0 25px;border-bottom:1px solid #eef2f7}.legal-content section:last-child{border-bottom:0}.legal-content h2{font-size:1.5rem;margin:13px 0 10px}.legal-content p,.legal-content li{color:#475569;line-height:1.75}.legal-content ul{padding-left:22px}.legal-notice{padding:18px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;margin-bottom:20px}.legal-notice p{color:#9a3412;margin:6px 0 0}@media(max-width:850px){.legal-layout{grid-template-columns:1fr}.legal-nav{position:static;grid-template-columns:repeat(2,1fr)}.legal-content{padding:24px}}@media(max-width:520px){.legal-nav{grid-template-columns:1fr}.legal-content{padding:18px}}
.launch-check-list{display:grid;gap:11px}.launch-check-item{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc}.launch-check-item p{margin:4px 0 0;color:#64748b;line-height:1.5;font-size:.87rem}.launch-check-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;font-weight:900}.launch-check-icon.ready{background:#dcfce7;color:#15803d}.launch-check-icon.required{background:#dbeafe;color:#1d4ed8}.launch-check-icon.attention{background:#fef3c7;color:#b45309}@media(max-width:720px){.launch-check-item{grid-template-columns:38px 1fr}.launch-check-item>.status{grid-column:2}}
.auth-visual .portal-brand-image{filter:brightness(0) invert(1);opacity:.97}
.dashboard-paper-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.paper-preset{display:grid;gap:5px;text-align:left;padding:18px;border:1px solid #dbe2ea;border-radius:16px;background:#f8fafc;cursor:pointer;color:#0f172a}.paper-preset b{font-size:1.05rem}.paper-preset span{font-size:.84rem;color:#64748b}.paper-preset.featured{border-color:#60a5fa;background:#eff6ff}.paper-preset:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(37,99,235,.1)}@media(max-width:650px){.dashboard-paper-presets{grid-template-columns:1fr}}

/* ===== v1.5 learning-platform redesign ===== */
:root{--academy-teal:#0b7a75;--academy-teal-dark:#075e5a;--academy-teal-soft:#e5f7f5;--academy-gold:#f5b642;--academy-ink:#17233c;--academy-soft:#f7f8fb}
.skip-link{position:fixed;left:16px;top:-60px;z-index:999;padding:10px 14px;border-radius:10px;background:#fff;color:#0f172a;box-shadow:var(--shadow);font-weight:800}.skip-link:focus{top:14px}
.ka-inspired-header{background:rgba(255,255,255,.96);border-bottom:1px solid #dfe5ee;backdrop-filter:blur(16px)}
.ka-nav-wrap{height:72px;display:grid;grid-template-columns:auto minmax(220px,1fr) auto minmax(330px,auto) auto;gap:16px}
.centered-brand{justify-self:center}.centered-brand img{width:205px;height:auto}.explore-button{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid #d8e0ea;border-radius:8px;background:#fff;color:#174a7c;font-weight:800}.explore-button:hover,.explore-button[aria-expanded="true"]{background:#eef7ff;border-color:#9dc9ee}.explore-grid-icon{font-size:17px}.header-search{height:42px;display:flex;align-items:center;gap:9px;border:1px solid #d8e0ea;border-radius:8px;background:#fff;padding:0 11px;color:#6b7a90}.header-search:focus-within{border-color:#62a7d9;box-shadow:0 0 0 3px rgba(74,148,200,.14)}.header-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#17233c}.header-search kbd{font-size:10px;padding:3px 6px;border:1px solid #dde4ed;border-bottom-width:2px;border-radius:5px;background:#f7f8fa;color:#718096}.ka-desktop-nav{margin:0;gap:20px}.ka-desktop-nav a{font-size:13px;color:#33465d}.compact-language{max-width:116px}.compact-language select{max-width:84px}.explore-mega-menu{position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid #dfe5ee;box-shadow:0 24px 56px rgba(20,42,72,.15);z-index:35}.explore-mega-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:34px;padding-top:32px;padding-bottom:34px}.explore-mega-column{display:grid;align-content:start;gap:10px}.explore-mega-column>b{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6b7a90;margin-bottom:4px}.explore-mega-column>a:not(.button){display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:9px;border-radius:10px}.explore-mega-column>a:not(.button):hover{background:#f3f7fb}.explore-mega-column a span span,.explore-mega-column a b{display:block}.explore-mega-column a small{display:block;color:#7b8798;font-size:11px}.catalog-dot{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:900}.catalog-dot.teal,.audience-cta-icon.teal,.model-icon.teal{background:#dff6f2;color:#08766e}.catalog-dot.blue,.audience-cta-icon.blue,.model-icon.blue{background:#e3efff;color:#2058a3}.catalog-dot.orange,.audience-cta-icon.orange,.model-icon.orange{background:#fff0d8;color:#b85e00}.catalog-dot.violet,.audience-cta-icon.violet,.model-icon.violet{background:#efe7ff;color:#6e3ab8}.catalog-dot.green{background:#e5f7e9;color:#1c7a3e}.featured-explore{padding:24px;border-radius:16px;background:linear-gradient(135deg,#0c776f,#154ca0);color:#fff}.featured-explore>b{color:#c5f3ef}.featured-explore h3{margin:2px 0 0;font-size:22px;line-height:1.25}.featured-explore p{color:#d8edf5;font-size:13px}.featured-explore .button{justify-self:start;background:#fff;color:#174a7c;box-shadow:none}
.academy-hero{padding:72px 0 78px;background:#fff;overflow:hidden}.academy-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.academy-hero-visual{position:relative;min-height:530px}.academy-photo-shape{position:absolute;overflow:hidden}.photo-shape-main{left:28px;top:0;width:min(90%,470px);height:500px;border-radius:50% 46% 48% 42% / 40% 50% 44% 54%;background:#cfeeed;box-shadow:0 28px 70px rgba(20,74,95,.16)}.photo-shape-main img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.shape-squiggle{position:absolute;left:0;bottom:18px;width:160px;height:65px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 65'%3E%3Cpath d='M2 32c18-35 34 35 52 0s34 35 52 0 34 35 52 0' fill='none' stroke='%2317233c' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}.shape-diamond{position:absolute;width:31px;height:31px;border:4px solid #f3a73c;transform:rotate(19deg)}.shape-diamond-one{left:32px;top:70px}.shape-diamond-two{right:12px;bottom:110px;border-color:#2f78c5}.hero-progress-float{position:absolute;right:-4px;bottom:34px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dce5ee;border-radius:14px;background:#fff;box-shadow:0 18px 42px rgba(24,54,82,.14)}.hero-progress-float strong,.hero-progress-float small{display:block}.hero-progress-float strong{font-size:13px}.hero-progress-float small{font-size:11px;color:#748198}.progress-orbit{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--academy-teal) 0 72%,#e6edf4 72% 100%);position:relative}.progress-orbit:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.progress-orbit b{position:relative;z-index:1;font-size:11px;color:#075e5a}.academy-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef5ff;color:#1e5e9e;font-size:12px;font-weight:800}.academy-hero-copy h1{font-family:Georgia,"Times New Roman",serif;max-width:650px;margin:18px 0 20px;font-size:clamp(45px,5.2vw,72px);line-height:1.03;letter-spacing:-.045em;color:#17233c}.academy-hero-copy h1 span{position:relative}.academy-hero-copy h1 span:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:#f5b642;border-radius:999px;transform:skewX(-18deg)}.academy-hero-copy>p{max-width:660px;margin:0;color:#526276;font-size:18px;line-height:1.72}.audience-cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.audience-cta-grid>a{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:12px 13px;border:1px solid #dbe3ec;border-radius:10px;background:#fff;color:#17233c;box-shadow:0 7px 16px rgba(24,54,82,.04)}.audience-cta-grid>a:hover{border-color:#6da9d3;box-shadow:0 15px 32px rgba(24,94,145,.11);transform:translateY(-2px)}.audience-cta-icon{grid-row:span 2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900}.audience-cta-grid b{font-size:13px}.audience-cta-grid small{font-size:11px;color:#718096}.hero-trust-line{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:23px;color:#4d647c;font-size:12px;font-weight:700}
.course-catalog-section{padding:84px 0;background:#f5f7fa;border-block:1px solid #e2e7ee}.catalog-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:32px 0 22px}.catalog-tabs{display:flex;flex-wrap:wrap;gap:6px}.catalog-tabs button{border:1px solid #d8e0ea;border-radius:999px;padding:8px 15px;background:#fff;color:#44566c;font-weight:750;font-size:12px}.catalog-tabs button.active{background:#17233c;color:#fff;border-color:#17233c}.catalog-search{min-width:270px;display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border:1px solid #d8e0ea;border-radius:9px;background:#fff}.catalog-search input{width:100%;border:0;outline:0;background:transparent}.course-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.public-course-card{display:grid;grid-template-columns:50px 1fr auto;gap:13px;align-items:start;padding:20px;border:1px solid #dce4ed;border-radius:12px;background:#fff;color:#17233c}.public-course-card:hover{border-color:#78aacd;box-shadow:0 15px 36px rgba(30,75,112,.1);transform:translateY(-3px)}.course-symbol{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:14px}.course-symbol.teal{background:#dff6f2;color:#08766e}.course-symbol.green{background:#e5f7e9;color:#1c7a3e}.course-symbol.blue{background:#e3efff;color:#2058a3}.course-symbol.orange{background:#fff0d8;color:#b85e00}.course-symbol.violet{background:#efe7ff;color:#6e3ab8}.course-symbol.gold{background:#fff5cf;color:#8c6500}.public-course-card small{color:#728095;font-size:11px}.public-course-card h3{margin:2px 0 5px;font-size:17px}.public-course-card p{margin:0;color:#66758a;font-size:12px;line-height:1.55}.public-course-card>b{color:#1d6395}.course-meta{display:flex;gap:12px;margin-top:10px;color:#516579;font-size:10px;font-weight:700}.catalog-empty{text-align:center;padding:32px;color:#66758a}.center-action{text-align:center;margin-top:30px}
.mastery-section{padding:90px 0;background:#fff}.mastery-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}.mastery-benefits{display:grid;gap:9px;margin:24px 0;color:#3e556c}.learner-dashboard-preview{padding:18px;border:1px solid #dce4ed;border-radius:18px;background:#f8fafc;box-shadow:0 26px 62px rgba(28,60,96,.13)}.preview-dashboard-top{display:flex;justify-content:space-between;align-items:center;padding:7px 5px 15px}.preview-profile{display:flex;align-items:center;gap:10px}.preview-profile>span{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#dff6f2;color:#08766e;font-weight:900}.preview-profile b,.preview-profile small{display:block}.preview-profile small{font-size:10px;color:#748198}.preview-level{display:flex;gap:6px}.preview-level span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #dce4ed;font-size:10px;font-weight:800}.preview-goal{padding:13px;border-radius:11px;background:#fff;border:1px solid #e0e6ed}.preview-goal>div:first-child{display:flex;justify-content:space-between;font-size:11px}.preview-goal-track{height:7px;margin-top:8px;border-radius:999px;background:#e7edf3;overflow:hidden}.preview-goal-track i{display:block;height:100%;background:linear-gradient(90deg,#0b7a75,#36a89e)}.preview-course-card{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;margin-top:12px;padding:16px;border:1px solid #dce4ed;border-radius:12px;background:#fff}.preview-course-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e3efff;color:#2058a3;font-size:20px;font-weight:900}.preview-course-card small,.preview-course-card b,.preview-course-card span{display:block}.preview-course-card small{font-size:10px;color:#77859a}.preview-course-card b{font-size:15px}.preview-course-card span{font-size:10px;color:#66758a}.preview-course-card button,.preview-assignment button{border:0;border-radius:7px;padding:8px 13px;background:#1e67a5;color:#fff;font-weight:800;font-size:10px}.preview-masteries{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.preview-masteries>div{text-align:center;padding:14px 8px;border:1px solid #dce4ed;border-radius:12px;background:#fff}.preview-masteries b,.preview-masteries small{display:block}.preview-masteries b{font-size:11px;margin-top:7px}.preview-masteries small{font-size:9px;color:#77859a}.mini-ring{--mini-progress:50%;width:54px;height:54px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0b7a75 0 var(--mini-progress),#e6edf4 var(--mini-progress) 100%);position:relative}.mini-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.mini-ring i{position:relative;z-index:1;font-style:normal;font-size:10px;font-weight:900;color:#075e5a}.preview-assignment{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;margin-top:12px;padding:12px;border-radius:10px;background:#fff8e8;border:1px solid #f2dca4}.assignment-check{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#b87500}.preview-assignment b,.preview-assignment small{display:block}.preview-assignment b{font-size:12px}.preview-assignment small{font-size:9px;color:#8a7650}
.learning-model-section{padding:82px 0;background:#eef7f6}.learning-model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.learning-model-card{padding:25px;border-radius:14px;background:#fff;border:1px solid #d9e8e6}.learning-model-card h3{margin:17px 0 8px;font-size:17px}.learning-model-card p{margin:0;color:#65758a;font-size:13px}.model-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.transformation-section{padding:90px 0;background:#fff}.transformation-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.transformation-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:360px;border-radius:20px;overflow:hidden;border:1px solid #dce4ed;background:#fff;box-shadow:0 18px 48px rgba(24,54,82,.08)}.transformation-image{min-height:360px}.transformation-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.transformation-copy{padding:30px;display:flex;flex-direction:column;justify-content:center}.transformation-copy>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.stress-card .transformation-copy>span{color:#b65a19}.confidence-card .transformation-copy>span{color:#08766e}.transformation-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:26px;line-height:1.25;margin:12px 0}.transformation-copy p{margin:0;color:#65758a}.transformation-arrow{font-size:36px;color:#9aabc0}
.role-solutions-section{padding:82px 0;background:#f5f7fa}.role-solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.role-solution-card{display:block;padding:28px;border:1px solid #dce4ed;border-radius:14px;background:#fff}.role-solution-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(24,74,110,.1)}.role-illustration{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900}.family-role{background:#fff0d8;color:#b85e00}.teacher-role{background:#e3efff;color:#2058a3}.school-role{background:#efe7ff;color:#6e3ab8}.role-solution-card h3{margin:19px 0 8px}.role-solution-card p{min-height:72px;margin:0 0 18px;color:#65758a;font-size:13px}.role-solution-card b{color:#155f94;font-size:12px}
.paper-engine-section{padding:90px 0;background:#17233c;color:#fff}.paper-engine-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.paper-engine-section .section-heading h2{color:#fff}.paper-engine-section .section-heading p,.paper-engine-section .check-list{color:#c7d2e1}.paper-engine-preview{padding:22px;border-radius:17px;background:#fff;color:#17233c;box-shadow:0 28px 70px rgba(0,0,0,.2)}.paper-preview-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e2e7ee}.paper-preview-head small,.paper-preview-head b{display:block}.paper-preview-head small{color:#748198;font-size:10px}.paper-preview-head>span{padding:7px 10px;border-radius:999px;background:#dff6f2;color:#08766e;font-weight:900;font-size:11px}.paper-builder-steps{display:grid;gap:8px;margin:17px 0}.paper-builder-steps>div{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#f6f8fb}.paper-builder-steps i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#e7edf3;color:#66758a;font-size:10px;font-weight:900}.paper-builder-steps .done i{background:#dff6f2;color:#08766e}.paper-builder-steps .active{background:#eaf3ff}.paper-builder-steps .active i{background:#1e67a5;color:#fff}.paper-builder-steps b,.paper-builder-steps small{display:block}.paper-builder-steps b{font-size:12px}.paper-builder-steps small{font-size:9px;color:#748198}.paper-preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.paper-preview-summary>div{padding:10px;border:1px solid #e1e7ee;border-radius:8px}.paper-preview-summary span,.paper-preview-summary b{display:block}.paper-preview-summary span{font-size:9px;color:#748198}.paper-preview-summary b{font-size:11px}.paper-engine-preview .button{width:100%}.paper-engine-section .independent-note{background:rgba(255,255,255,.08);border-color:#65b9db;color:#d9e6f3}
.join-section{padding:70px 0;background:#fff}.join-card{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:42px 46px;border-radius:19px;background:linear-gradient(120deg,#0b776f,#164f99);color:#fff}.join-card span{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#c9f0ec}.join-card h2{max-width:730px;margin:8px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,4vw,46px);line-height:1.13}.join-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.join-outline{border-color:rgba(255,255,255,.48);background:transparent;color:#fff}.academy-footer{background:#14213a}.academy-footer-grid{grid-template-columns:1.4fr repeat(4,.7fr)}.academy-footer .brand-image img{filter:brightness(0) invert(1);width:235px}.footer-language{display:grid;gap:5px;margin-top:18px;max-width:190px;color:#afbed0;font-size:11px}.footer-language select{padding:8px 10px;border-radius:7px;border:1px solid #31425e;background:#1c2c48;color:#fff}
/* App learning experience */
.portal.learning-portal{grid-template-columns:230px 1fr}.learning-portal .portal-sidebar{background:#14213a;color:#fff}.learning-portal .portal-nav button{color:#b9c7da}.learning-portal .portal-nav button:hover,.learning-portal .portal-nav button.active{background:#203656;color:#fff}.learning-portal .portal-nav .nav-label{color:#7f93ad}.learning-portal .portal-sidebar-footer{border-color:#31425e}.learning-portal .user-mini small{color:#91a4bc}.learning-home-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.learning-home-header h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:32px;letter-spacing:-.025em}.learning-home-header p{margin:4px 0 0;color:var(--muted)}.learner-stat-row{display:grid;grid-template-columns:1.1fr .8fr .8fr .8fr;gap:13px;margin-bottom:17px}.learner-stat-card{padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.learner-stat-card strong,.learner-stat-card small{display:block}.learner-stat-card strong{font-size:20px}.learner-stat-card small{color:var(--muted);font-size:11px}.daily-goal-card{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.daily-goal-track{height:8px;margin-top:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}.daily-goal-track i{display:block;height:100%;background:linear-gradient(90deg,#0b7a75,#37b3a8)}.course-resume-card{display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:center;padding:20px;border-radius:14px;background:linear-gradient(135deg,#eef7ff,#f7fbff);border:1px solid #cfe1f1}.course-resume-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1d68a6;color:#fff;font-size:23px;font-weight:900}.course-resume-card small,.course-resume-card b,.course-resume-card span{display:block}.course-resume-card small{color:#63768a;font-size:10px}.course-resume-card b{font-size:19px}.course-resume-card span{color:#526a80;font-size:12px}.mastery-bar{height:7px;margin-top:10px;border-radius:999px;background:#dce7ef;overflow:hidden}.mastery-bar i{display:block;height:100%;background:#0b7a75}.learner-section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.learner-section-title h3{margin:0}.learner-section-title button,.learner-section-title a{color:#1d68a6;font-size:12px;font-weight:800}.enrolled-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.enrolled-course-card{display:block;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-align:left;color:inherit}.enrolled-course-card:hover{border-color:#6da9d3;box-shadow:0 13px 30px rgba(25,82,120,.09)}.enrolled-course-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.enrolled-course-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900}.enrolled-course-card small{color:var(--muted);font-size:10px}.enrolled-course-card h4{margin:12px 0 5px}.course-progress-line{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:10px}.assignment-list{display:grid;gap:9px}.assignment-item{display:grid;grid-template-columns:35px 1fr auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.assignment-item-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff0d8;color:#ad6200}.assignment-item b,.assignment-item small{display:block}.assignment-item small{color:var(--muted);font-size:10px}.assignment-item button{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:var(--surface-2);color:var(--primary);font-weight:800;font-size:10px}.mastery-goal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mastery-goal-card{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.goal-ring{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0b7a75 0 var(--goal-progress),var(--surface-2) var(--goal-progress) 100%);position:relative}.goal-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--surface)}.goal-ring b{position:relative;z-index:1;font-size:10px}.mastery-goal-card h4{margin:0 0 4px}.mastery-goal-card p{margin:0;color:var(--muted);font-size:11px}.learning-library-head{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.learning-filter-row{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.learning-filter-row button{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:800}.learning-filter-row button.active{background:#17233c;color:#fff}.learning-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.learning-course-card{display:flex;flex-direction:column;min-height:245px;padding:19px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;color:inherit}.learning-course-card:hover{border-color:#72a8ca;box-shadow:0 16px 36px rgba(25,82,120,.1)}.learning-course-card .course-symbol{margin-bottom:14px}.learning-course-card small{color:var(--muted);font-size:10px}.learning-course-card h3{margin:5px 0 7px}.learning-course-card p{margin:0;color:var(--muted);font-size:12px}.learning-course-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:10px}.course-page-hero{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:28px;border-radius:16px;background:linear-gradient(135deg,#183b63,#0b7a75);color:#fff}.course-page-hero small{color:#cde8e7}.course-page-hero h2{margin:7px 0;font-family:Georgia,"Times New Roman",serif;font-size:34px}.course-page-hero p{max-width:650px;margin:0;color:#d7e5ee}.course-page-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.course-page-actions .button.soft{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}.course-master-circle{--course-progress:65%;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f5b642 0 var(--course-progress),rgba(255,255,255,.2) var(--course-progress) 100%);position:relative}.course-master-circle:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#16445a}.course-master-circle div{position:relative;z-index:1;text-align:center}.course-master-circle b,.course-master-circle small{display:block}.course-master-circle b{font-size:24px}.unit-list{display:grid;gap:10px;margin-top:18px}.unit-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.unit-card-head{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:15px}.unit-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900}.unit-card-head h3{margin:0;font-size:15px}.unit-card-head small{color:var(--muted)}.unit-skills{display:grid;gap:0;border-top:1px solid var(--line)}.skill-row{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:11px 15px;border-bottom:1px solid var(--line)}.skill-row:last-child{border-bottom:0}.skill-status{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-size:9px;font-weight:900}.skill-status.mastered{background:#dff6f2;color:#08766e}.skill-row b{font-size:12px}.skill-row small{display:block;color:var(--muted);font-size:9px}.skill-row button{padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--primary);font-size:9px;font-weight:800}.course-challenge-card{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;margin-top:14px;padding:16px;border-radius:12px;background:#fff7e4;border:1px solid #efdca9}.course-challenge-card>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#b37800}.course-challenge-card b,.course-challenge-card small{display:block}.course-challenge-card small{color:#7d6a42;font-size:10px}
@media(max-width:1180px){.ka-nav-wrap{grid-template-columns:auto 1fr auto auto}.ka-desktop-nav{display:none}.centered-brand{justify-self:start}.academy-hero-grid,.mastery-layout,.paper-engine-grid{grid-template-columns:1fr}.academy-hero-visual{max-width:600px;margin:auto;width:100%}.academy-hero-copy{text-align:center}.academy-hero-copy>p{margin-inline:auto}.audience-cta-grid{max-width:680px;margin-inline:auto;margin-top:28px}.hero-trust-line{justify-content:center}.course-catalog-grid{grid-template-columns:repeat(2,1fr)}.transformation-grid{grid-template-columns:1fr}.transformation-arrow{transform:rotate(90deg);text-align:center}.role-solutions-grid{grid-template-columns:1fr}.learning-model-grid{grid-template-columns:repeat(2,1fr)}.academy-footer-grid{grid-template-columns:repeat(3,1fr)}.academy-footer-grid>div:first-child{grid-column:1/-1}.learner-stat-row{grid-template-columns:repeat(2,1fr)}.enrolled-course-grid,.learning-course-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.ka-nav-wrap{display:flex}.explore-button,.header-search,.centered-brand{display:none}.ka-nav-wrap .nav-actions{margin-left:auto}.compact-language{display:none}.mobile-menu-button{display:block}.explore-mega-menu{display:none!important}.academy-hero{padding-top:40px}.academy-hero-grid{gap:28px}.academy-hero-visual{min-height:430px}.photo-shape-main{height:410px;left:8%}.academy-hero-copy h1{font-size:clamp(42px,11vw,62px)}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-search{min-width:0}.course-catalog-grid{grid-template-columns:1fr}.learning-model-grid{grid-template-columns:1fr}.transformation-card{grid-template-columns:1fr}.transformation-image{height:330px;min-height:0}.transformation-copy{padding:24px}.join-card{align-items:flex-start;flex-direction:column}.join-actions{justify-content:flex-start}.academy-footer-grid{grid-template-columns:repeat(2,1fr)}.learner-stat-row,.enrolled-course-grid,.mastery-goal-grid,.learning-course-grid{grid-template-columns:1fr}.course-page-hero{grid-template-columns:1fr}.course-master-circle{width:94px;height:94px}.learning-library-head{grid-template-columns:1fr}}
@media(max-width:560px){.academy-hero-visual{min-height:360px}.photo-shape-main{width:88%;height:350px}.hero-progress-float{right:0;bottom:4px;padding:10px}.shape-squiggle{width:110px}.audience-cta-grid{grid-template-columns:1fr}.academy-hero-copy h1{font-size:42px}.hero-trust-line{display:grid;justify-content:start;text-align:left}.course-catalog-section,.mastery-section,.learning-model-section,.transformation-section,.role-solutions-section,.paper-engine-section{padding:64px 0}.preview-masteries{grid-template-columns:1fr}.preview-course-card,.preview-assignment{grid-template-columns:42px 1fr}.preview-course-card button,.preview-assignment button{grid-column:2}.paper-preview-summary{grid-template-columns:1fr}.academy-footer-grid{grid-template-columns:1fr}.join-card{padding:30px 24px}.learner-stat-row{grid-template-columns:1fr}.learning-home-header{flex-direction:column}.course-resume-card{grid-template-columns:48px 1fr}.course-resume-card .button{grid-column:1/-1}.unit-card-head{grid-template-columns:38px 1fr}.unit-card-head>.button{grid-column:1/-1}.skill-row{grid-template-columns:22px 1fr}.skill-row button{grid-column:2;justify-self:start}}
.teacher-class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.teacher-class-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.teacher-class-head{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center}.teacher-class-head h3{margin:2px 0 0;font-size:15px}.teacher-class-head small{color:var(--muted);font-size:10px}.teacher-class-card>p{margin:15px 0 8px;color:var(--muted);font-size:12px}.teacher-class-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.teacher-attention-list{display:grid;gap:8px}.teacher-attention-list>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.teacher-attention-list p{margin:0}.teacher-attention-list b,.teacher-attention-list small{display:block}.teacher-attention-list small{color:var(--muted);font-size:9px}.teacher-attention-list button{border:0;background:transparent;color:var(--primary);font-size:10px;font-weight:800}.assignment-builder-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.assignment-builder-strip>div{display:grid;grid-template-columns:32px 1fr;column-gap:9px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.assignment-builder-strip span{grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900;font-size:10px}.assignment-builder-strip b,.assignment-builder-strip small{display:block}.assignment-builder-strip small{font-size:9px;color:var(--muted)}.assignment-tabs{display:flex;gap:5px}.assignment-tabs button{padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:10px;font-weight:800}.assignment-tabs button.active{background:var(--text);color:var(--surface)}@media(max-width:1000px){.teacher-class-grid{grid-template-columns:1fr}.assignment-builder-strip{grid-template-columns:1fr}}
.hero-learning-slider .hero-scene-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.02);transition:opacity .65s ease,transform .65s ease;pointer-events:none}.hero-learning-slider .hero-scene-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.hero-learning-slider .hero-scene-slide img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.hero-learning-slider .hero-scene-slide:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(to top,rgba(9,30,48,.82),transparent)}.hero-learning-slider figcaption{position:absolute;left:28px;right:70px;bottom:22px;z-index:3;color:#fff;font-size:14px;font-weight:800;line-height:1.35}.hero-learning-slider .hero-slider-controls{right:24px;bottom:24px;z-index:4}.hero-learning-slider .hero-dot{background:rgba(255,255,255,.55)}.hero-learning-slider .hero-dot.active{background:#fff}@media(max-width:560px){.hero-learning-slider figcaption{left:20px;right:62px;bottom:17px;font-size:12px}.hero-learning-slider .hero-slider-controls{right:18px;bottom:18px}}

/* ===== Conversion, course-library and role-page upgrade v1.6 ===== */
.commerce-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #e2e8f0}.commerce-nav{min-height:74px;display:grid;grid-template-columns:auto 1fr minmax(240px,.6fr) auto;gap:22px;align-items:center}.commerce-nav .desktop-nav{justify-content:center}.commerce-search{display:flex;align-items:center;border:1px solid #d7e0e9;border-radius:10px;background:#f8fafc;overflow:hidden}.commerce-search input{min-width:0;width:100%;height:40px;border:0;background:transparent;padding:0 12px;outline:0}.commerce-search button{width:42px;height:40px;border:0;background:#eef5ff;color:#174a7c;font-size:19px}.library-hero,.course-detail-hero,.pricing-hero-v2,.role-hero,.simple-page-hero,.legal-hero{padding:52px 0 58px;background:linear-gradient(180deg,#f7fbff 0,#fff 100%);border-bottom:1px solid #e7edf4}.library-hero-grid,.course-detail-hero-grid,.role-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:42px;align-items:center}.library-hero h1,.course-detail-hero h1,.pricing-hero-v2 h1,.role-hero h1,.simple-page-hero h1,.legal-hero h1{max-width:760px;margin:16px 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,66px);line-height:1.05;letter-spacing:-.035em;color:#17233c}.library-hero p,.course-detail-hero p,.pricing-hero-v2 p,.role-hero p,.simple-page-hero p{font-size:17px;line-height:1.7;color:#526276}.library-hero-search{padding:24px;border-radius:20px;background:#fff;border:1px solid #dfe7ef;box-shadow:0 24px 54px rgba(24,54,82,.11)}.library-hero-search label{display:block;margin-bottom:10px;font-weight:800;color:#17233c}.library-hero-search>div{display:flex;gap:10px}.library-hero-search input{flex:1;min-width:0;height:48px;border:1px solid #cfd9e4;border-radius:9px;padding:0 14px}.library-hero-search button{border:0;border-radius:9px;background:#0b7a75;color:#fff;font-weight:800;padding:0 18px}.course-library-section{background:#f7f9fc}.full-library-toolbar{position:sticky;top:86px;z-index:10;padding:18px;border:1px solid #dfe6ee;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 14px 34px rgba(28,58,88,.08)}.library-filter-row{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:12px;margin-top:14px}.library-filter-row label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#526276}.library-filter-row input,.library-filter-row select{height:44px;border:1px solid #d6e0ea;border-radius:9px;background:#fff;padding:0 12px}.library-results-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.library-results-head h2{margin:0}.library-results-head span{font-weight:700;color:#587089}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.library-course-card{border:1px solid #dde6ef;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(29,58,87,.055);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.library-course-card:hover{transform:translateY(-4px);border-color:#79b7c9;box-shadow:0 20px 44px rgba(21,89,122,.13)}.library-course-main{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:start;padding:20px;color:inherit;text-decoration:none}.library-course-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#e5f7f4;color:#08766e;font-size:21px;font-weight:900}.library-course-copy{display:grid;gap:5px}.library-course-copy small{font-size:11px;color:#6e7e91;text-transform:uppercase;letter-spacing:.05em}.library-course-copy strong{font-size:18px;color:#17233c}.library-course-copy span{color:#536476;line-height:1.5}.library-course-copy em{font-style:normal;font-size:12px;color:#7a8798}.library-course-main>b{font-size:22px;color:#1e6d8a}.library-course-footer{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid #edf1f5;background:#fbfcfe}.library-course-footer span{font-size:11px;color:#6f7f91}.library-course-footer button{margin-left:auto;border:0;background:transparent;color:#0b6f6a;font-weight:800;cursor:pointer}.course-source-note{padding:36px 0;background:#fff9e8;border-top:1px solid #f0dfaf}.course-source-note .container{max-width:980px}.course-source-note h2{margin:0 0 8px}.course-source-note p{margin:0;line-height:1.7;color:#6b5a2b}.course-conversion-card,.role-feature-panel,.organisation-enquiry-card,.course-side-note,.contact-methods{padding:26px;border:1px solid #dbe5ee;border-radius:20px;background:#fff;box-shadow:0 24px 56px rgba(24,54,82,.11)}.course-conversion-card h2,.role-feature-panel h2,.organisation-enquiry-card h2,.course-side-note h3,.contact-methods h2{margin:12px 0}.course-conversion-card ul,.role-feature-panel ul,.pricing-detail-grid ul,.referral-rules ul{padding-left:20px;line-height:1.8;color:#485b70}.course-conversion-card .button{width:100%;justify-content:center}.course-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.course-side-note{position:sticky;top:94px}.course-side-note a{display:block;margin-top:14px;font-weight:800;color:#0b6f6a}.public-unit-card{margin-bottom:12px;border:1px solid #dfe7ef;border-radius:14px;background:#fff;overflow:hidden}.public-unit-card summary{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}.public-unit-card summary::-webkit-details-marker{display:none}.public-unit-card summary span{display:grid;gap:3px}.public-unit-card summary small{color:#758496;font-size:11px}.public-unit-card summary strong{font-size:17px}.public-unit-card summary>b{align-self:center;color:#0b7a75;font-size:12px}.public-unit-body{padding:0 20px 20px}.public-skill-list{display:flex;flex-wrap:wrap;gap:8px}.public-skill-list span{padding:7px 10px;border-radius:999px;background:#eef7f5;color:#0b6a65;font-size:12px}.demo-question-card{margin:16px 0;padding:18px;border-radius:13px;background:#f7faff;border:1px solid #dfe9f5}.demo-question-card>span{font-size:11px;font-weight:900;text-transform:uppercase;color:#286092}.demo-question-card h4{margin:8px 0}.demo-question-card ol{padding-left:22px;color:#4e6175}.demo-question-card details{margin-top:12px}.demo-question-card details summary{display:block;padding:0;color:#0b6f6a;font-weight:800}.pricing-switch{display:inline-flex;margin-top:24px;padding:5px;border:1px solid #d9e3ec;border-radius:12px;background:#fff}.pricing-switch button{border:0;border-radius:8px;background:transparent;padding:10px 18px;font-weight:800;color:#506276}.pricing-switch button.active{background:#0b7a75;color:#fff}.launch-price-banner{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px;padding:17px 20px;border-radius:14px;background:#fff5d8;border:1px solid #f1d68a;color:#6e4b00}.price-sale{display:flex;align-items:baseline;gap:10px;margin:12px 0}.price-sale del{font-size:20px;color:#d11c1c;text-decoration-thickness:3px}.price-sale strong{font-size:42px;color:#0f172a}.pricing-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.pricing-detail-grid>article{padding:24px;border:1px solid #dfe6ee;border-radius:16px;background:#fff}.pricing-detail-grid table{width:100%;border-collapse:collapse}.pricing-detail-grid td{padding:10px;border-bottom:1px solid #edf1f5}.role-detail-grid,.school-capability-grid,.referral-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.role-detail-grid article,.school-capability-grid article,.referral-steps article{padding:22px;border:1px solid #dfe6ee;border-radius:16px;background:#fff}.role-detail-grid article>span,.referral-steps article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dff6f2;color:#08766e;font-weight:900}.role-detail-grid h2,.school-capability-grid h2,.referral-steps h2{font-size:18px}.school-trust-note{margin-top:22px;padding:15px;border-left:4px solid #f2ae32;background:#fff8e7;color:#6c5527}.organisation-enquiry-card{display:grid;gap:14px}.organisation-enquiry-card label{display:grid;gap:6px;font-weight:700;color:#35485d}.organisation-enquiry-card input,.organisation-enquiry-card select,.organisation-enquiry-card textarea{width:100%;border:1px solid #d4dfe9;border-radius:9px;padding:11px 12px;background:#fff}.partner-section{padding:70px 0;background:#f6f8fb}.verified-partner-empty{max-width:720px;margin:0 auto;padding:32px;text-align:center;border:1px dashed #bfcbd8;border-radius:18px;background:#fff}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.contact-methods a{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid #edf1f4}.contact-methods a span{font-size:13px;color:#6f7e90}.referral-hero{background:linear-gradient(135deg,#effbf7,#eef5ff)}.referral-rules{margin-top:28px;padding:28px;border-radius:18px;background:#f7f9fc;border:1px solid #dfe6ee}.legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:38px;align-items:start}.legal-toc{position:sticky;top:94px;display:grid;gap:9px;padding:20px;border:1px solid #dfe6ee;border-radius:14px;background:#f8fafc}.legal-toc>b{margin-bottom:6px}.legal-toc a{font-size:13px;color:#455a70}.legal-content{max-width:840px}.legal-content section{scroll-margin-top:100px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e8edf2}.legal-content h2{font-size:26px}.legal-content p,.legal-content li{line-height:1.78;color:#465a6f}.legal-review-note{padding:18px;border-radius:12px;background:#fff7df;border:1px solid #efdc9e}.exit-offer-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:18px}.exit-offer-backdrop[hidden]{display:none}.exit-offer-modal{position:relative;width:min(100%,900px);min-height:520px;display:grid;grid-template-columns:1fr 1.05fr;overflow:hidden;border-radius:22px;background:#f4f3ef;box-shadow:0 40px 100px rgba(0,0,0,.35)}.exit-offer-close{position:absolute;right:16px;top:12px;z-index:4;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.8);font-size:28px;cursor:pointer}.exit-wheel-wrap{position:relative;display:grid;place-items:center;overflow:hidden;background:#ebe9e2}.exit-wheel{width:470px;height:470px;margin-left:-170px;border:14px solid #fff;border-radius:50%;background:conic-gradient(#f0002f 0 60deg,#fff5d1 60deg 120deg,#d8dde2 120deg 180deg,#e9bd00 180deg 240deg,#f0002f 240deg 300deg,#fff5d1 300deg 360deg);box-shadow:0 0 0 8px #c7c7c7;position:relative;transition:transform 1.8s cubic-bezier(.15,.8,.2,1)}.exit-wheel.spinning{transform:rotate(1100deg)}.exit-wheel span{position:absolute;width:110px;text-align:center;font-weight:900;color:#111}.exit-wheel span:nth-child(1){top:38px;left:180px;transform:rotate(25deg)}.exit-wheel span:nth-child(2){top:120px;right:22px;transform:rotate(82deg)}.exit-wheel span:nth-child(3){bottom:90px;right:28px;transform:rotate(140deg)}.exit-wheel span:nth-child(4){bottom:35px;left:170px;transform:rotate(202deg)}.exit-wheel span:nth-child(5){bottom:112px;left:20px;transform:rotate(260deg)}.exit-wheel span:nth-child(6){top:100px;left:20px;transform:rotate(315deg)}.exit-wheel-wrap>i{position:absolute;right:28px;width:0;height:0;border-top:22px solid transparent;border-bottom:22px solid transparent;border-right:55px solid #111}.exit-offer-copy{padding:54px 42px 34px;display:flex;flex-direction:column;justify-content:center}.exit-offer-copy h2{margin:18px 0 10px;font-size:32px}.exit-offer-copy p{line-height:1.6;color:#555}.exit-offer-copy form{display:grid;gap:12px;margin-top:12px}.exit-offer-copy form label{display:grid;gap:6px;font-weight:700}.exit-offer-copy input{height:46px;border:1px solid #bbb;border-radius:6px;padding:0 12px}.exit-offer-copy small{color:#777}.exit-skip{margin-top:16px;align-self:center;border:0;background:transparent;color:#666;text-decoration:underline;cursor:pointer}.exit-offer-result{text-align:center;padding-top:14px}.exit-offer-result span{display:block;font-weight:800;color:#0b7a75}.exit-offer-result strong{display:block;font-size:46px;margin:6px}.exit-offer-result code{display:block;margin:10px auto 16px;padding:12px;border-radius:8px;background:#fff;border:1px dashed #0b7a75;font-size:20px}.form-error{color:#b42318!important}.modal-open{overflow:hidden}
@media(max-width:1180px){.commerce-nav{grid-template-columns:auto 1fr auto}.commerce-nav .desktop-nav{display:none}.commerce-search{grid-column:1/-1;grid-row:2;margin-bottom:12px}.library-hero-grid,.course-detail-hero-grid,.role-hero-grid,.course-detail-layout,.contact-layout{grid-template-columns:1fr}.course-side-note{position:static}.role-detail-grid,.school-capability-grid,.referral-steps{grid-template-columns:repeat(2,1fr)}.library-grid{grid-template-columns:1fr}.full-library-toolbar{position:static}.legal-layout{grid-template-columns:1fr}.legal-toc{position:static}.exit-offer-modal{grid-template-columns:.85fr 1.15fr}}
@media(max-width:760px){.commerce-nav{display:flex;flex-wrap:wrap}.commerce-nav .brand{flex:1}.commerce-nav .nav-actions .ghost{display:none}.commerce-search{order:3;width:100%}.library-hero,.course-detail-hero,.pricing-hero-v2,.role-hero,.simple-page-hero,.legal-hero{padding:34px 0}.library-hero-search>div{flex-direction:column}.library-hero-search button{height:46px}.library-filter-row{grid-template-columns:1fr}.catalog-tabs{overflow:auto;justify-content:flex-start}.catalog-tabs button{white-space:nowrap}.library-course-main{grid-template-columns:44px 1fr}.library-course-main>b{display:none}.library-course-footer{flex-wrap:wrap}.library-course-footer button{width:100%;margin-left:0;text-align:left}.pricing-grid-v2,.pricing-detail-grid,.role-detail-grid,.school-capability-grid,.referral-steps{grid-template-columns:1fr}.launch-price-banner{flex-direction:column}.exit-offer-modal{grid-template-columns:1fr;max-height:92vh;overflow:auto}.exit-wheel-wrap{min-height:230px}.exit-wheel{width:310px;height:310px;margin:0}.exit-wheel span{font-size:10px;width:80px}.exit-wheel span:nth-child(1){top:25px;left:115px}.exit-wheel span:nth-child(2){top:78px;right:5px}.exit-wheel span:nth-child(3){bottom:56px;right:4px}.exit-wheel span:nth-child(4){bottom:20px;left:110px}.exit-wheel span:nth-child(5){bottom:73px;left:0}.exit-wheel span:nth-child(6){top:68px;left:0}.exit-wheel-wrap>i{right:0}.exit-offer-copy{padding:28px 22px}.exit-offer-copy h2{font-size:26px}}

/* v1.6 commerce, family and social-proof components */
.portal-sale-price{display:grid;grid-template-columns:auto auto;align-items:end;justify-content:start;gap:8px 12px;margin:10px 0 8px}.portal-sale-price del{color:#dc2626;font-weight:800;text-decoration-thickness:2px}.portal-sale-price b{font-size:2rem;line-height:1;color:var(--text,#0f172a)}.portal-sale-price small{grid-column:1/-1;color:#b45309;font-weight:700}.parent-student-switch{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 16px;margin-bottom:16px}.parent-student-switch button{min-width:210px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;gap:2px 10px;padding:14px;border:1px solid var(--border,#dbe4f0);background:var(--panel,#fff);border-radius:16px;cursor:pointer;transition:.2s}.parent-student-switch button:hover,.parent-student-switch button.active{border-color:#2563eb;box-shadow:0 12px 30px rgba(37,99,235,.12);transform:translateY(-2px)}.parent-student-switch button>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dbeafe;color:#1d4ed8;font-weight:800}.parent-student-switch b{align-self:end}.parent-student-switch small{color:#64748b}.learner-testimonials-section{overflow:hidden}.testimonial-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.testimonial-track{display:flex;width:max-content;gap:18px;animation:mok-testimonial-scroll 55s linear infinite;padding:12px 0 24px}.testimonial-marquee:hover .testimonial-track,.testimonial-marquee:focus-within .testimonial-track{animation-play-state:paused}.student-testimonial-card{width:310px;min-height:205px;display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;gap:12px 14px;padding:22px;border:1px solid rgba(148,163,184,.28);border-radius:22px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.07)}.student-testimonial-card img{grid-row:1/3;border-radius:16px;background:#eff6ff}.student-testimonial-card blockquote{grid-column:2;margin:0;color:#334155;line-height:1.65;font-size:.96rem}.student-testimonial-card>div{grid-column:2;display:grid;gap:2px}.student-testimonial-card b{color:#0f172a}.student-testimonial-card span{color:#64748b;font-size:.84rem}.student-testimonial-card em{color:#b45309;font-size:.72rem;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.04em}@keyframes mok-testimonial-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}@media (prefers-reduced-motion:reduce){.testimonial-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}@media(max-width:720px){.student-testimonial-card{width:270px}.parent-student-switch button{min-width:185px}.portal-sale-price b{font-size:1.65rem}}
.referral-share-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px dashed #60a5fa;background:#eff6ff;border-radius:18px;margin:16px 0}.referral-share-box code{font-size:1.5rem;font-weight:900;color:#1d4ed8;letter-spacing:.08em}@media(max-width:620px){.referral-share-box{align-items:stretch;flex-direction:column}.referral-share-box code{text-align:center}}
.verified-partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.verified-partner-card{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;border:1px solid rgba(148,163,184,.28);border-radius:20px;background:#fff;text-decoration:none;color:#0f172a;box-shadow:0 14px 34px rgba(15,23,42,.06);transition:.2s}.verified-partner-card:hover{transform:translateY(-4px);border-color:#60a5fa;box-shadow:0 20px 44px rgba(37,99,235,.12)}.verified-partner-card img{max-width:140px;max-height:64px;object-fit:contain}.verified-partner-card>span{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#eff6ff;color:#1d4ed8;font-weight:900;font-size:1.2rem}

/* ===== Public conversion, role and SEO upgrade v1.7 ===== */
.modern-public-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.24)}
.modern-public-nav{display:grid;grid-template-columns:auto minmax(560px,1fr) minmax(180px,260px) auto auto;gap:18px;align-items:center;min-height:76px}
.modern-desktop-nav{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}.modern-desktop-nav>a,.nav-dropdown>button{border:0;background:none;color:#1e293b;font:inherit;font-weight:700;font-size:.9rem;text-decoration:none;padding:11px 10px;border-radius:10px;cursor:pointer;white-space:nowrap}.modern-desktop-nav>a:hover,.nav-dropdown>button:hover,.nav-dropdown.open>button{background:#eff6ff;color:#1d4ed8}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:0;width:330px;padding:12px;background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.17);display:none;z-index:80}.nav-dropdown.open .nav-dropdown-menu{display:grid}.nav-dropdown-menu a{display:flex;gap:12px;padding:13px;border-radius:13px;text-decoration:none;color:#0f172a}.nav-dropdown-menu a:hover{background:#f1f5f9}.nav-dropdown-menu b,.nav-dropdown-menu small{display:block}.nav-dropdown-menu small{margin-top:3px;color:#64748b;line-height:1.45}.dropdown-featured-link{background:#eff6ff;color:#1d4ed8!important}.audience-dropdown-menu{width:360px}.audience-dropdown-menu>a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eff6ff;color:#1d4ed8;font-size:1.15rem;flex:0 0 auto}.header-course-search{display:flex!important;align-items:center;border:1px solid #dbe4f0;border-radius:12px;background:#f8fafc;overflow:hidden}.header-course-search input{width:100%;border:0;background:transparent;padding:11px 8px 11px 13px;outline:none}.header-course-search button{border:0;background:transparent;padding:11px;color:#334155;cursor:pointer}.modern-mobile-nav b{padding:12px 16px 4px;color:#64748b;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.academy-photo-shape .hero-scene-slide figcaption,.hero-learning-slider figcaption{display:none!important}.hero-learning-slider .hero-scene-slide{grid-template-rows:1fr!important}
.homepage-course-toolbar{display:grid;gap:18px}.catalog-filter-fields{display:grid;grid-template-columns:180px 220px minmax(280px,1fr);gap:12px;align-items:end}.catalog-filter-fields label:not(.catalog-search){display:grid;gap:6px;color:#475569;font-size:.78rem;font-weight:800}.catalog-filter-fields select{width:100%;padding:13px;border:1px solid #dbe4f0;border-radius:12px;background:#fff;color:#0f172a}.catalog-result-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;color:#64748b}.catalog-result-line a{color:#1d4ed8;font-weight:800;text-decoration:none}
.turnstile-slot{min-height:58px;margin:8px 0}.turnstile-status{margin:4px 0 8px;color:#047857;font-size:.8rem}.turnstile-status.error{color:#b91c1c}.cf-turnstile{max-width:100%}
.cookie-consent-panel{position:fixed;left:20px;bottom:20px;z-index:120;width:min(430px,calc(100vw - 40px));display:grid;grid-template-columns:56px 1fr;gap:14px;padding:20px;background:#fff;border:1px solid rgba(148,163,184,.32);border-radius:20px;box-shadow:0 24px 90px rgba(15,23,42,.23)}.cookie-icon{font-size:2.35rem}.cookie-copy h2{font-size:1.15rem;margin:0 0 7px}.cookie-copy p{margin:0 0 8px;color:#475569;line-height:1.55;font-size:.88rem}.cookie-copy>a{color:#1d4ed8;font-size:.83rem;font-weight:700}.cookie-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.cookie-custom{display:grid;gap:9px;margin-top:14px;padding:12px;background:#f8fafc;border-radius:12px}.cookie-custom label{display:flex;gap:8px;align-items:center;font-size:.84rem}.cookie-custom label span{margin-left:auto;color:#64748b;font-size:.75rem}
.role-marketing-hero{padding:76px 0;background:linear-gradient(145deg,#f8fbff,#eef5ff)}.role-marketing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);gap:56px;align-items:center}.role-marketing-hero h1{font-size:clamp(2.45rem,5vw,4.55rem);line-height:1.04;letter-spacing:-.055em;max-width:12ch;margin:18px 0}.role-marketing-hero p{font-size:1.08rem;line-height:1.75;color:#475569;max-width:66ch}.role-trust-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.role-trust-points span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #dbe4f0;color:#334155;font-size:.84rem;font-weight:700}.parent-dashboard-mock,.teacher-workspace-mock,.school-overview-mock{padding:22px;border:1px solid rgba(148,163,184,.25);border-radius:28px;background:#fff;box-shadow:0 35px 85px rgba(37,99,235,.13)}.dashboard-mock-head{display:flex;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.dashboard-mock-head span{color:#64748b}.parent-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.parent-metric-grid article{padding:15px;background:#f8fafc;border-radius:16px}.parent-metric-grid small,.parent-metric-grid span{display:block;color:#64748b;font-size:.72rem}.parent-metric-grid strong{display:block;font-size:1.7rem;margin:4px 0;color:#0f172a}.parent-progress-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:center;padding:11px 0;font-size:.85rem}.parent-progress-row i{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.parent-progress-row i b{display:block;height:100%;background:#2563eb;border-radius:inherit}.parent-dashboard-mock>.button{margin-top:16px;width:100%}.benefit-card-grid{display:grid;gap:18px}.six-grid{grid-template-columns:repeat(3,1fr)}.benefit-card-grid article{padding:24px;border:1px solid rgba(148,163,184,.26);border-radius:22px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.05);transition:.22s}.benefit-card-grid article:hover{transform:translateY(-5px);box-shadow:0 25px 55px rgba(37,99,235,.12)}.benefit-card-grid article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eff6ff;color:#1d4ed8;font-size:1.25rem}.benefit-card-grid h3{margin:15px 0 8px}.benefit-card-grid p{margin:0;color:#64748b;line-height:1.65}.role-steps-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start}.role-step-list{display:grid;gap:14px}.role-step-list article{display:grid;grid-template-columns:54px 1fr;gap:15px;padding:20px;border-radius:18px;background:#fff;border:1px solid #e2e8f0}.role-step-list article>b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#1d4ed8;color:#fff}.role-step-list h3{margin:0 0 6px}.role-step-list p{margin:0;color:#64748b;line-height:1.6}.role-step-list.compact article{padding:16px}.parent-confidence-grid,.educator-value-grid,.institution-workflow-grid,.school-trust-layout,.application-layout{display:grid;grid-template-columns:1fr .82fr;gap:50px;align-items:start}.parent-plan-card,.educator-boundary-card,.institution-fit-card,.school-contact-summary,.application-form-card{padding:28px;border:1px solid rgba(148,163,184,.28);border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.08)}.parent-plan-card .price-sale{margin:12px 0}.parent-plan-card .button,.educator-boundary-card .button,.institution-fit-card .button{width:100%;margin-top:10px}.teacher-chart{display:flex;align-items:end;gap:10px;height:150px;margin:22px 0;padding:18px;background:#f8fafc;border-radius:18px}.teacher-chart i{flex:1;background:linear-gradient(180deg,#60a5fa,#2563eb);border-radius:8px 8px 3px 3px}.assignment-mock-row,.teacher-insight{display:flex;justify-content:space-between;gap:14px;margin-top:18px;padding:15px;border-radius:16px;background:#f8fafc}.assignment-mock-row small,.teacher-insight small{display:block;color:#64748b;margin-top:4px}.application-form-card{display:grid;gap:15px}.application-form-card label{display:grid;gap:7px;color:#334155;font-size:.86rem;font-weight:700}.application-form-card input,.application-form-card select,.application-form-card textarea{width:100%;padding:12px 13px;border:1px solid #dbe4f0;border-radius:12px;background:#fff;font:inherit}.application-form-card>small{color:#64748b;line-height:1.55}.school-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center}.school-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.school-metric-grid article{padding:15px;background:#f8fafc;border-radius:15px;text-align:center}.school-metric-grid strong{display:block;font-size:1.45rem}.school-metric-grid small{color:#64748b}.school-report-bars{display:grid;gap:12px}.school-report-bars>span{display:grid;grid-template-columns:110px 1fr 44px;gap:10px;align-items:center;font-size:.82rem}.school-report-bars i{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.school-report-bars em{display:block;height:100%;background:#14b8a6}.rich-capability-grid{grid-template-columns:repeat(3,1fr)}.institution-fit-card ul{padding-left:20px;line-height:1.9;color:#475569}
.board-browser-section{background:#f8fbff}.board-browser-toolbar{display:grid;gap:18px}.board-class-filter{display:flex;flex-wrap:wrap;gap:8px}.board-class-filter button{border:1px solid #dbe4f0;background:#fff;color:#334155;border-radius:999px;padding:10px 13px;font-weight:700;cursor:pointer}.board-class-filter button.active,.board-class-filter button:hover{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.board-browser-fields{display:grid;grid-template-columns:240px minmax(280px,1fr);gap:14px}.board-browser-fields>label:not(.catalog-search){display:grid;gap:7px;font-size:.8rem;font-weight:800;color:#475569}.board-browser-fields select{padding:13px;border:1px solid #dbe4f0;border-radius:12px;background:#fff}.board-course-grid{margin-top:20px}.board-conversion-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding:24px;border-radius:22px;background:linear-gradient(125deg,#0f3b82,#2563eb);color:#fff}.board-conversion-banner h3{margin:0 0 7px}.board-conversion-banner p{margin:0;color:#dbeafe}.course-detail-hero{padding:62px 0;background:linear-gradient(145deg,#f8fbff,#eef5ff)}.course-detail-hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:46px;align-items:start}.course-detail-hero h1{font-size:clamp(2.35rem,5vw,4rem);line-height:1.05;letter-spacing:-.05em}.course-stat-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.course-stat-row span{padding:10px 12px;border-radius:999px;background:#fff;border:1px solid #dbe4f0;color:#475569}.course-conversion-card{padding:26px;border:1px solid #dbe4f0;border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(37,99,235,.1)}.course-conversion-card ol{padding-left:22px;line-height:1.85;color:#475569}.course-conversion-card small{display:block;padding:12px;background:#f8fafc;border-radius:12px;color:#64748b}.course-detail-layout{display:grid;grid-template-columns:290px 1fr;gap:42px;align-items:start}.course-sticky-summary{position:sticky;top:100px;padding:22px;border:1px solid #dbe4f0;border-radius:20px;background:#fff}.course-sticky-summary>div{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid #e2e8f0}.course-sticky-summary span{color:#64748b;font-size:.78rem}.course-sticky-summary .button{width:100%;margin-top:18px}.course-sales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-sales-grid article{padding:24px;background:#fff;border-radius:20px;border:1px solid #e2e8f0}.course-sales-grid article>span{font-size:1.6rem;color:#94a3b8;font-weight:800}
.student-testimonial-card em{display:none!important}.student-testimonial-card img{object-fit:cover;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #dbe4f0}
@media(max-width:1260px){.modern-public-nav{grid-template-columns:auto 1fr auto auto}.header-course-search{display:none!important}.modern-desktop-nav{justify-content:flex-end}.modern-desktop-nav>a,.nav-dropdown>button{padding:10px 7px;font-size:.84rem}}
@media(max-width:1020px){.modern-desktop-nav,.modern-public-nav>.nav-actions{display:none}.modern-public-nav{grid-template-columns:1fr auto}.role-marketing-grid,.school-hero-grid,.parent-confidence-grid,.educator-value-grid,.institution-workflow-grid,.school-trust-layout,.application-layout,.role-steps-layout,.course-detail-hero-grid,.course-detail-layout{grid-template-columns:1fr}.course-sticky-summary{position:static}.six-grid,.rich-capability-grid,.course-sales-grid{grid-template-columns:repeat(2,1fr)}.modern-public-header .mobile-menu-button{display:grid}}
@media(max-width:720px){.cookie-consent-panel{left:10px;bottom:10px;width:calc(100vw - 20px);grid-template-columns:1fr}.cookie-icon{display:none}.role-marketing-hero{padding:48px 0}.role-marketing-hero h1{font-size:2.55rem}.role-trust-points span{width:100%;text-align:center}.parent-metric-grid,.school-metric-grid,.six-grid,.rich-capability-grid,.course-sales-grid{grid-template-columns:1fr}.catalog-filter-fields,.board-browser-fields{grid-template-columns:1fr}.catalog-result-line,.board-conversion-banner{align-items:flex-start;flex-direction:column}.parent-progress-row{grid-template-columns:1fr auto}.parent-progress-row i{grid-column:1/-1}.school-report-bars>span{grid-template-columns:90px 1fr 38px}.course-detail-hero-grid{gap:24px}.course-detail-hero h1{font-size:2.5rem}}

/* ===== Public test-library, navigation and footer upgrade v1.8 ===== */
.public-logo{min-width:218px;display:flex!important;align-items:center}.public-logo img{display:block!important;width:218px!important;max-width:none!important;height:auto!important;opacity:1!important;visibility:visible!important}
.modern-public-nav{grid-template-columns:218px minmax(520px,1fr) minmax(180px,250px) auto;gap:16px}
.modern-desktop-nav,.modern-desktop-nav>a,.nav-dropdown>button{font-family:ui-rounded,"SF Pro Rounded","Avenir Next",Nunito,"Segoe UI",sans-serif}
.modern-desktop-nav{gap:7px}.modern-desktop-nav>a,.nav-dropdown>button{padding:10px 14px;border:1px solid transparent;border-radius:999px;font-size:.91rem;font-weight:750;letter-spacing:-.01em}.modern-desktop-nav>a:hover,.nav-dropdown>button:hover,.nav-dropdown.open>button{background:#eef4ff;border-color:#d8e5ff;color:#1d4ed8;box-shadow:0 7px 18px rgba(37,99,235,.08)}
.filter-select-no-title{align-self:end}.filter-select-no-title select{min-height:47px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.launch-footer-grid{grid-template-columns:1.42fr repeat(5,minmax(120px,.72fr));gap:28px}.footer-brand-column{display:grid;align-content:start;gap:13px}.footer-downloads{display:grid;gap:10px;margin-top:10px}.footer-downloads>b{font-size:.84rem;color:#fff}.footer-downloads>div{display:grid;grid-template-columns:1fr;gap:8px}.footer-downloads a{display:block;width:max-content;max-width:100%}.footer-downloads img{display:block;width:154px;height:auto}.footer-utility{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0;border-top:1px solid rgba(148,163,184,.18)}.footer-language{display:flex;align-items:center;gap:12px;margin:0;max-width:none}.footer-language label{font-size:.82rem;font-weight:800;color:#dbe7f5}.footer-language select{min-width:190px;padding:10px 12px;border-radius:999px;border:1px solid #3b4e6b;background:#1d2e4b;color:#fff}.footer-socials{display:flex;align-items:center;gap:10px}.footer-socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;transition:.2s}.footer-socials a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.24)}.footer-socials a[aria-disabled="true"],.footer-downloads a[aria-disabled="true"]{opacity:.48;cursor:not-allowed}.footer-socials img{display:block;width:36px;height:36px}.modern-footer .footer-brand img{filter:none!important;background:#fff;border-radius:12px;padding:5px;width:218px!important}
.uploaded-partner-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.uploaded-partner-grid .verified-partner-card{min-height:190px;padding:16px}.uploaded-partner-grid .verified-partner-card img{width:100%;height:100px;max-width:230px;max-height:100px;border-radius:12px;object-fit:contain;background:#fff}.uploaded-partner-grid .verified-partner-card small{color:#64748b;font-size:.76rem;text-align:center}.verified-partner-card{cursor:default}.verified-partner-card:hover{transform:translateY(-4px)}
.test-confidence-note{padding:36px 0;background:#fff9e8;border-top:1px solid #f0dfaf}.test-confidence-note .container{max-width:980px}.test-confidence-note h2{margin:0 0 8px}.test-confidence-note p{margin:0;line-height:1.7;color:#6b5a2b}
.about-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-value-grid article,.support-topic-grid>a,.news-card{padding:26px;border:1px solid #dfe6ee;border-radius:20px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.06)}.about-value-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8f0ff;color:#1d4ed8;font-weight:900}.about-value-grid h2{font-size:1.2rem;margin:16px 0 8px}.about-value-grid p,.support-topic-grid p,.news-card p{color:#64748b;line-height:1.65}.support-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.support-topic-grid>a{display:block;color:inherit;text-decoration:none;transition:.22s}.support-topic-grid>a:hover,.news-card:hover{transform:translateY(-5px);border-color:#93b7ff;box-shadow:0 24px 55px rgba(37,99,235,.12)}.support-topic-grid>a>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eef4ff;color:#1d4ed8;font-size:1.2rem}.support-topic-grid h2{font-size:1.15rem}.support-topic-grid b{color:#1d4ed8}.support-boundary{display:grid;grid-template-columns:1fr 1fr;gap:22px}.support-boundary>div{padding:26px;border-radius:20px;background:#fff;border:1px solid #e2e8f0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{transition:.22s}.news-card time{color:#64748b;font-size:.8rem}.news-card h2{font-size:1.28rem;line-height:1.35}.news-card h2 a{color:#0f172a;text-decoration:none}.news-article-content{max-width:820px}.news-article-content>p,.news-article-content li{font-size:1.03rem;line-height:1.8;color:#475569}.news-article-content h2{margin-top:34px}.news-article-actions{display:flex;gap:12px;margin-top:34px}.marks-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.marks-guide-grid article{padding:18px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.marks-guide-grid b{font-size:1.1rem}.marks-guide-grid p{margin-bottom:0}
@media(max-width:1320px){.modern-public-nav{grid-template-columns:205px 1fr auto}.header-course-search{display:none!important}.public-logo{min-width:205px}.public-logo img{width:205px!important}.launch-footer-grid{grid-template-columns:1.35fr repeat(3,1fr)}.launch-footer-grid>div:nth-child(5),.launch-footer-grid>div:nth-child(6){margin-top:12px}}
@media(max-width:1020px){.public-logo{min-width:190px}.public-logo img{width:190px!important}.launch-footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand-column{grid-column:1/-1}.about-value-grid,.support-topic-grid,.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.launch-footer-grid,.about-value-grid,.support-topic-grid,.news-grid,.support-boundary,.marks-guide-grid{grid-template-columns:1fr}.footer-utility{align-items:flex-start;flex-direction:column}.footer-language{align-items:flex-start;flex-direction:column}.footer-language select{width:100%}.modern-footer .footer-brand img{width:205px!important}.news-article-actions{align-items:stretch;flex-direction:column}}


/* v1.8.1 header cleanup */
.modern-public-header .compact-language {
  position: relative;
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 0;
  justify-content: center;
  border-radius: 999px;
  overflow: hidden;
}
.modern-public-header .compact-language > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.05rem;
}
.modern-public-header .compact-language > select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}


/* v1.8.2: header text stability and full-width FAQ layout */
.modern-public-nav .nav-actions {
  flex-wrap: nowrap;
  flex-shrink: 0;
  white-space: nowrap;
}
.modern-public-nav .nav-actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: max-content;
  white-space: nowrap;
  line-height: 1.15;
}
.modern-public-nav .nav-actions .ghost {
  min-width: 70px;
}
.modern-public-nav .nav-actions .primary {
  min-width: 126px;
}
.faq-layout,
.faq-layout-v2 {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 28px !important;
}
.faq-layout .section-heading,
.faq-layout-v2 .section-heading {
  max-width: 780px;
}
.faq-layout .faq-list,
.faq-layout-v2 .faq-list,
.faq-list details {
  width: 100%;
  max-width: none;
}
@media (max-width: 1180px) {
  .modern-public-nav .nav-actions .button {
    padding-inline: 12px;
  }
  .modern-public-nav .nav-actions .primary {
    min-width: 116px;
  }
}

/* Student management and test-library refinements — v1.8.3 */
.student-library-selects{display:grid;grid-template-columns:minmax(160px,220px) minmax(180px,260px) 1fr;gap:12px;align-items:center;margin:14px 0 20px}.student-library-selects select{min-height:44px;border:1px solid var(--border,#dbe3f0);border-radius:12px;background:var(--surface,#fff);color:inherit;padding:0 38px 0 13px;font:inherit}.student-library-selects>span{justify-self:end;color:var(--muted,#64748b);font-size:.9rem}.learning-library-head .catalog-search input{width:min(380px,100%)}[data-admin-student-rows] tr[hidden]{display:none}.verified-partner-grid.uploaded-partner-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.verified-partner-card img{object-fit:contain;background:#fff;border-radius:10px;padding:8px}.filter-select-no-title>.sr-only,.library-hero-search>.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.student-library-selects{grid-template-columns:1fr}.student-library-selects>span{justify-self:start}.learning-library-head{align-items:stretch}.learning-library-head .catalog-search,.learning-library-head .catalog-search input{width:100%}}


/* MockTestr uploaded logo sizing */
.brand-image img{width:min(158px,38vw)!important;height:auto!important;object-fit:contain}
.public-logo{min-width:158px!important}
.public-logo img{width:158px!important;height:auto!important}
.portal-brand-image{width:158px!important;height:auto!important}
.portal-sidebar .portal-brand-image,.auth-visual .portal-brand-image{filter:none!important;background:#fff;border-radius:14px;padding:7px;box-shadow:0 10px 28px rgba(15,23,42,.14)}
.modern-footer .footer-brand img{width:168px!important;height:auto!important;filter:none!important;background:#fff;border-radius:14px;padding:7px}
@media(max-width:1320px){.modern-public-nav{grid-template-columns:165px 1fr auto}.public-logo{min-width:150px!important}.public-logo img{width:150px!important}}
@media(max-width:1020px){.public-logo{min-width:145px!important}.public-logo img{width:145px!important}}
@media(max-width:720px){.brand-image img,.public-logo img{width:138px!important}.public-logo{min-width:138px!important}.modern-footer .footer-brand img{width:155px!important}}


/* =========================================================
   MockTestr v1.9.1 — light-only visual system
   ========================================================= */
html { color-scheme: light only; }
body, #site-shell, #app-shell { background:#ffffff; color:#101828; }
.paper-engine-section,
.learner-testimonials-section,
.pricing-section,
.faq-section,
.academy-footer,
.site-footer {
  background:#ffffff !important;
  color:#17233c !important;
  border-color:#e2e8f0 !important;
}
.paper-engine-section { background:#f6f9fd !important; border-block:1px solid #e2e8f0; }
.paper-engine-section .section-heading h2,
.paper-engine-section h2,
.paper-engine-section h3,
.paper-engine-section b { color:#17233c !important; }
.paper-engine-section .section-heading p,
.paper-engine-section .check-list,
.paper-engine-section p,
.paper-engine-section small { color:#526276 !important; }
.paper-engine-section .independent-note {
  background:#eef6ff !important;
  border-color:#bfdbfe !important;
  color:#334155 !important;
}
.learner-testimonials-section { background:#ffffff !important; }
.pricing-section { background:#f7f9fc !important; border-block:1px solid #e2e8f0; }
.faq-section { background:#ffffff !important; }
.faq-section-v2 details { background:#f8fafc !important; }
.join-card {
  background:linear-gradient(120deg,#e6f7f4,#eaf2ff) !important;
  color:#17233c !important;
  border:1px solid #cbd5e1;
  box-shadow:0 20px 55px rgba(37,99,235,.10);
}
.join-card span { color:#08766e !important; }
.join-card h2 { color:#17233c !important; }
.join-card .button.white { background:#2563eb; color:#fff; }
.join-card .join-outline { border-color:#94a3b8; color:#174a7c; background:#fff; }

.site-footer,
.academy-footer {
  border-top:1px solid #dfe7f0 !important;
}
.footer-grid b,
.site-footer b,
.academy-footer b { color:#17233c !important; }
.footer-grid a:not(.brand),
.site-footer a,
.academy-footer a { color:#526276 !important; }
.footer-grid a:hover,
.site-footer a:hover,
.academy-footer a:hover { color:#1d4ed8 !important; }
.footer-grid > div:first-child p,
.footer-brand-column p { color:#64748b !important; }
.footer-bottom {
  color:#64748b !important;
  border-top-color:#dfe7f0 !important;
}
.footer-utility { border-top-color:#dfe7f0 !important; }
.footer-language label { color:#334155 !important; }
.footer-language select {
  background:#ffffff !important;
  color:#17233c !important;
  border-color:#cbd5e1 !important;
}
.footer-downloads>b { color:#17233c !important; }
.footer-socials a:hover { box-shadow:0 10px 24px rgba(37,99,235,.12); }
.modern-footer .footer-brand img,
.portal-sidebar .portal-brand-image,
.auth-visual .portal-brand-image {
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
.public-logo img { width:176px !important; }
.portal-brand-image { width:170px !important; }
.modern-footer .footer-brand img { width:190px !important; }
@media(max-width:720px){
  .public-logo img { width:150px !important; }
  .public-logo { min-width:150px !important; }
  .modern-footer .footer-brand img { width:170px !important; }
}

/* v1.9.2 locked light design: compact brand mark */
.site-header .public-logo img,
.site-header .brand-image img,
.portal-sidebar .brand-image img,
.auth-visual .brand-image img { width:132px !important; max-height:54px !important; object-fit:contain; }
.site-header .public-logo { min-width:132px !important; }
@media (max-width:720px) {
  .site-header .public-logo img,
  .site-header .brand-image img,
  .portal-sidebar .brand-image img,
  .auth-visual .brand-image img { width:118px !important; max-height:48px !important; }
  .site-header .public-logo { min-width:118px !important; }
}

/* v1.9.2 payment, email and institution administration */
.payment-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payment-method-card{display:flex;align-items:flex-start;gap:10px;padding:15px;border:1px solid #dbe4ef;border-radius:14px;background:#fff;cursor:pointer}.payment-method-card.active{border-color:#2c6eea;box-shadow:0 0 0 3px rgba(44,110,234,.1);background:#f7faff}.payment-method-card input{margin-top:4px}.payment-method-card span{display:grid;gap:4px}.payment-method-card small{color:#64748b;line-height:1.45}.upi-checkout-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:22px;align-items:start}.upi-checkout-qr,.upi-admin-qr{display:block;width:min(260px,100%);aspect-ratio:1;object-fit:contain;margin:0 auto 16px;border:1px solid #dce5ef;border-radius:16px;background:#fff;padding:10px}.settings-toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.panel-divider{border:0;border-top:1px solid #e5ebf3;margin:24px 0}.email-template-list{display:grid;gap:10px}.email-template-card{display:grid;text-align:left;gap:6px;width:100%;padding:14px;border:1px solid #dbe4ef;border-radius:13px;background:#fff;cursor:pointer}.email-template-card:hover{border-color:#70a7ef;background:#f8fbff}.email-template-card small{color:#64748b;line-height:1.4}.email-template-card i{font-style:normal;font-size:12px;color:#26734d}.email-template-editor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.institution-access-list{display:grid;gap:18px}.institution-access-card{width:100%}.empty-state-mini{padding:28px 18px;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;background:#f8fafc}
@media(max-width:840px){.payment-method-grid,.settings-toggle-grid{grid-template-columns:1fr}.upi-checkout-layout{grid-template-columns:1fr}}

/* v1.9.2 institution-sponsored access */
.institution-covered-badge{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#047857!important;white-space:nowrap}
.institution-access-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.institution-access-summary>div{padding:16px;border:1px solid #dbe7e1;background:#f4fbf7;border-radius:16px}
.institution-access-summary small{display:block;color:#64748b;margin-bottom:5px}.institution-access-summary b{color:#14532d}
@media(max-width:720px){.institution-access-summary{grid-template-columns:1fr}}


/* v1.9.3 translation, institution and email editor controls */
.email-template-card.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px rgba(37,99,235,.12)}
.email-editor-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.email-editor-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:18px;align-items:start}
.email-preview-frame{width:100%;min-height:760px;border:1px solid #dbe5f1;border-radius:14px;background:#f4f7fb}
.institution-filter-panel{margin-bottom:18px}
.institution-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.mini-tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:11px;margin:2px}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .nav-actions,html[dir="rtl"] .action-row,html[dir="rtl"] .panel-header{flex-direction:row-reverse}
@media(max-width:900px){.email-editor-split{grid-template-columns:1fr}.email-preview-frame{min-height:580px}}