.schools-page-shell { padding: 1rem 0 2rem; color: var(--neutral-800); }
.schools-page-content { display: grid; gap: 2rem; max-width: 1200px; margin: 0 auto; }
.schools-hero, .schools-section, .schools-highlight, .schools-closing-cta { border: 1px solid var(--neutral-200); border-radius: 28px; background: var(--neutral-50); box-shadow: var(--shadow-xl); }
.schools-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); gap: 1.5rem; padding: 2.25rem; background: linear-gradient(135deg, var(--neutral-50), var(--primary-light) 70%, var(--success-light)); }
.schools-eyebrow, .schools-kicker { margin: 0 0 .75rem; color: var(--primary-color); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.schools-hero h1, .schools-section h2, .schools-highlight h2, .schools-closing-cta h2 { margin: 0; color: var(--neutral-900); font-family: var(--font-headings); line-height: 1.05; letter-spacing: -.03em; }
.schools-hero h1 { max-width: 14ch; font-size: clamp(2.15rem, 4vw, 4.15rem); }
.schools-section h2, .schools-highlight h2, .schools-closing-cta h2 { max-width: 21ch; font-size: clamp(1.9rem, 3vw, 3rem); }
.schools-lead, .schools-heading > p, .schools-feature-card p, .schools-copy-card p, .schools-highlight p, .schools-closing-cta p { color: var(--neutral-600); line-height: 1.7; }
.schools-actions { display: flex; flex-wrap: wrap; gap: .85rem; margin-top: 1.5rem; }
.schools-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .85rem 1.25rem; border-radius: 999px; font-weight: 700; text-align: center; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.schools-btn:hover, .schools-btn:focus { transform: translateY(-2px); }
.schools-btn:focus-visible { outline: 3px solid var(--secondary-color); outline-offset: 3px; }
.schools-btn-primary { background: linear-gradient(135deg, var(--primary-color), var(--success)); color: var(--neutral-50); box-shadow: var(--shadow-lg); }
.schools-btn-primary:hover, .schools-btn-primary:focus { color: var(--neutral-50); }
.schools-btn-secondary { border: 1px solid var(--neutral-200); color: var(--primary-hover); background: var(--neutral-50); }
.schools-hero-visual { display: grid; gap: 1rem; align-content: center; }
.schools-visual-main, .schools-visual-grid > div, .schools-feature-card, .schools-copy-card, .schools-highlight-callout { border: 1px solid var(--neutral-200); border-radius: 22px; background: var(--neutral-50); }
.schools-visual-main { display: grid; gap: .55rem; padding: 1.5rem; background: linear-gradient(145deg, var(--primary-color), var(--primary-hover)); color: var(--neutral-50); box-shadow: var(--shadow-lg); }
.schools-visual-main i { font-size: 2rem; }.schools-visual-main strong { font-size: 1.35rem; }.schools-visual-main span { color: rgba(255,255,255,.84); }
.schools-visual-grid, .schools-feature-grid, .schools-split-grid { display: grid; gap: 1rem; }.schools-visual-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.schools-visual-grid > div { display: grid; gap: .45rem; padding: 1rem; }.schools-visual-grid i, .schools-feature-card i { color: var(--primary-color); font-size: 1.25rem; }
.schools-proof { padding: 1rem 1.25rem; border: 1px solid var(--neutral-200); border-radius: 22px; background: linear-gradient(90deg, var(--success-light), var(--neutral-50)); }.schools-proof strong { color: var(--primary-hover); margin-right: .45rem; }.schools-proof span { color: var(--neutral-600); }
.schools-section { padding: 2.25rem; }.schools-section[id] { scroll-margin-top: 6rem; }.schools-heading { margin-bottom: 1.25rem; }.schools-heading > p { max-width: 68ch; }.schools-section-tinted { background: linear-gradient(135deg, var(--neutral-50), var(--primary-surface-soft)); }
.schools-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.schools-feature-card, .schools-copy-card { padding: 1.25rem; }.schools-feature-card h3, .schools-copy-card h3 { margin: .9rem 0 .75rem; font-size: 1.2rem; letter-spacing: -.02em; }.schools-copy-card h3 { margin-top: 0; }.schools-split-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.schools-check-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding: 0; margin: 0; list-style: none; }.schools-check-list li { position: relative; padding: 1rem 1rem 1rem 2.75rem; border: 1px solid var(--neutral-200); border-radius: 18px; background: var(--neutral-50); color: var(--neutral-700); }.schools-check-list li::before { content: "✓"; position: absolute; left: 1rem; color: var(--success); font-size: 1.25rem; font-weight: 800; }
.schools-highlight { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); gap: 1.25rem; padding: 2.25rem; background: linear-gradient(135deg, var(--neutral-50), var(--primary-light)); }.schools-highlight-callout { display: grid; align-content: center; gap: .65rem; padding: 1.5rem; }.schools-highlight-callout i { color: var(--primary-color); font-size: 1.75rem; }.schools-highlight-callout strong { font-size: 1.25rem; }.schools-highlight-callout span { color: var(--neutral-600); line-height: 1.6; }
.schools-closing-cta { display: grid; grid-template-columns: minmax(0, 1.2fr) auto; align-items: center; gap: 1rem; padding: 2.25rem; background: linear-gradient(135deg, var(--primary-color), var(--primary-hover)); color: var(--neutral-50); }.schools-closing-cta .schools-kicker, .schools-closing-cta p { color: rgba(255,255,255,.84); }.schools-closing-cta h2 { color: var(--neutral-50); }.schools-btn-light { background: var(--neutral-50); color: var(--primary-hover); }
@media (max-width: 1023.98px) { .schools-hero, .schools-highlight, .schools-closing-cta { grid-template-columns: 1fr; }.schools-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .schools-page-shell { padding: .75rem 0 1.5rem; }.schools-hero, .schools-section, .schools-highlight, .schools-closing-cta { padding: 1.25rem; border-radius: 22px; }.schools-hero h1, .schools-section h2, .schools-highlight h2, .schools-closing-cta h2 { max-width: none; }.schools-feature-grid, .schools-split-grid, .schools-check-list, .schools-visual-grid { grid-template-columns: 1fr; }.schools-actions { flex-direction: column; }.schools-btn { width: 100%; } }