.page-hero { padding: 105px 0 90px; background: linear-gradient(120deg, #07152a, #12305b); color: white; overflow: hidden; position: relative; }
.page-hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -220px; top: -280px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 65px rgba(255,255,255,.025), 0 0 0 130px rgba(255,255,255,.02); }
.page-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr .9fr; gap: 70px; align-items: center; }
.breadcrumbs { margin-bottom: 24px; color: #8fa6c9; font-size: 12px; }.breadcrumbs a:hover { color: white; }
.page-hero h1 { max-width: 760px; margin: 0 0 22px; font: 800 clamp(40px, 5vw, 62px)/1.06 "Manrope", sans-serif; letter-spacing: -.05em; }
.page-hero h1 em { color: #86a7e6; font-style: normal; }
.page-hero p { max-width: 660px; margin: 0; color: #b8c5d8; font-size: 18px; line-height: 1.7; }
.page-hero-actions { display: flex; gap: 18px; margin-top: 32px; flex-wrap: wrap; }.page-hero-actions .secondary-button { display: inline-flex; padding: 15px 22px; border: 1px solid #58739f; border-radius: 4px; font-size: 14px; font-weight: 700; }
.page-hero-image { width: 100%; height: auto; object-fit: contain; border: 5px solid rgba(255,255,255,.12); border-radius: 8px; box-shadow: 0 24px 55px rgba(0,0,0,.35); }
.page-section { padding: 95px 0; }.page-section.muted { background: var(--paper); }.page-section.dark { background: var(--ink); color: white; }
.content-narrow { width: min(780px, 100%); }.content-narrow.center { margin-inline: auto; text-align: center; }
.page-section h2 { margin-bottom: 22px; }.page-section h2 em { color: var(--blue); }.page-section.dark h2 em { color: #7899d7; }
.intro { color: var(--muted); font-size: 18px; line-height: 1.75; }.dark .intro { color: #aab7c9; }
.feature-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 48px; }
.feature-card { padding: 30px; border: 1px solid var(--line); background: white; box-shadow: 0 12px 30px rgba(8,22,44,.05); }.feature-card h3 { font-size: 18px; margin-bottom: 12px; }.feature-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.feature-card .number { display: block; margin-bottom: 22px; color: var(--red); font: 800 12px "Manrope"; letter-spacing: .12em; }
.split-content { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }.split-content img { width: 100%; height: auto; object-fit: contain; border: 1px solid #cbd2db; box-shadow: 0 20px 45px rgba(8,22,44,.14); }
.verified-caption { margin-top: 10px; color: var(--muted); font-size: 11px; }
.plain-list { list-style: none; padding: 0; margin: 28px 0 0; }.plain-list li { position: relative; padding: 13px 0 13px 28px; border-top: 1px solid var(--line); color: #425066; line-height: 1.55; }.plain-list li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 800; }
.dark .plain-list li { border-color: #273750; color: #c1cddd; }
.audience-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 45px; }.audience-link { padding: 26px; border: 1px solid var(--line); background: white; transition: transform .2s, box-shadow .2s; }.audience-link:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(8,22,44,.1); }.audience-link strong { display: block; margin-bottom: 8px; font: 700 17px "Manrope"; }.audience-link span { color: var(--muted); font-size: 13px; line-height: 1.6; }
.faq-list { margin-top: 42px; border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); padding: 0 5px; }.faq-list summary { cursor: pointer; padding: 22px 0; font: 700 16px "Manrope"; }.faq-list p { margin: -4px 0 24px; color: var(--muted); line-height: 1.7; }
.page-cta { padding: 75px 0; background: linear-gradient(110deg, var(--blue), #16336b); color: white; }.page-cta-grid { display: flex; align-items: center; justify-content: space-between; gap: 40px; }.page-cta h2 { margin: 0 0 8px; font-size: 34px; }.page-cta p { margin: 0; color: #c7d3e8; }
.subpage-footer-link { color: #71839f; font-size: 12px; }
.reseller-badge { display: inline-flex; margin-bottom: 22px; padding: 7px 12px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; color: #fff; font: 700 11px "Manrope", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.curriculum-logo-card { display: grid; place-items: center; padding: 44px 34px 34px; border-radius: 8px; background: #fff; box-shadow: 0 24px 55px rgba(0,0,0,.35); text-align: center; }
.curriculum-logo-card img { width: min(390px, 100%); height: auto; }
.curriculum-logo-card p { margin: 22px 0 0; color: #4b5870; font-size: 14px; line-height: 1.55; }
@media (max-width: 900px) { .page-hero-grid, .split-content { grid-template-columns: 1fr; }.page-hero-image { max-width: 720px; }.feature-cards, .audience-links { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .page-hero { padding: 70px 0; }.page-section { padding: 70px 0; }.feature-cards, .audience-links { grid-template-columns: 1fr; }.page-cta-grid { align-items: flex-start; flex-direction: column; } }