* { box-sizing: border-box; }
:root {
 --navy: #0a1628;
 --navy2: #0d1f3c;
 --teal: #0ea5e9;
 --teal2: #38bdf8;
 --gold: #f59e0b;
 --green: #16a34a;
 --text: #182235;
 --muted: #64748b;
 --line: #dbe4ef;
 --soft: #f6f9fc;
}
html { scroll-behavior: smooth; }
body {
 margin: 0;
 font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 color: var(--text);
 background: #fff;
 line-height: 1.65;
}
a { color: inherit; }
.simple-nav {
 position: sticky;
 top: 0;
 z-index: 1000;
 border-bottom: 1px solid rgba(255,255,255,0.08);
 background: rgba(10,22,40,0.96);
 backdrop-filter: blur(14px);
 -webkit-backdrop-filter: blur(14px);
 box-shadow: 0 8px 28px rgba(10,22,40,0.18);
}
.simple-nav-inner {
 width: min(1200px, calc(100% - 32px));
 margin: 0 auto;
 min-height: 68px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 18px;
}
.simple-logo {
 text-decoration: none;
 flex-shrink: 0;
 font-size: 1.45rem;
 font-weight: 900;
 color: #fff;
 letter-spacing: 0;
}
.simple-logo span { color: var(--teal); }
.simple-links {
 display: flex;
 align-items: center;
 gap: 6px;
 margin-left: auto;
 min-width: 0;
 overflow: visible;
 scrollbar-width: none;
 -webkit-overflow-scrolling: touch;
 font-size: 0.86rem;
 font-weight: 700;
 color: rgba(255,255,255,0.78);
}
.simple-links::-webkit-scrollbar { display: none; }
.simple-links a {
 flex: 0 0 auto;
 padding: 9px 10px;
 border-radius: 999px;
 text-decoration: none;
 transition: color 0.16s, background 0.16s;
}
.simple-links a:hover {
 color: #fff;
 background: rgba(14,165,233,0.14);
}
.simple-dropdown {
 position: relative;
 flex: 0 0 auto;
}
.simple-dropdown > a {
 display: inline-flex;
 align-items: center;
 gap: 5px;
}
.simple-dropdown > a::after {
 content: "";
 width: 6px;
 height: 6px;
 border-right: 2px solid currentColor;
 border-bottom: 2px solid currentColor;
 opacity: 0.7;
 transform: translateY(-2px) rotate(45deg);
}
.simple-dropdown-menu {
 position: absolute;
 left: 0;
 top: calc(100% + 8px);
 min-width: 250px;
 padding: 8px;
 border: 1px solid rgba(14,165,233,0.24);
 border-radius: 14px;
 background: #071326;
 box-shadow: 0 18px 44px rgba(0,0,0,0.38);
 opacity: 0;
 visibility: hidden;
 transform: translateY(-6px);
 transition: opacity 0.16s ease, visibility 0.16s ease, transform 0.16s ease;
 z-index: 1002;
}
.simple-dropdown:hover .simple-dropdown-menu,
.simple-dropdown:focus-within .simple-dropdown-menu {
 opacity: 1;
 visibility: visible;
 transform: translateY(0);
}
.simple-dropdown-menu a {
 display: block;
 padding: 10px 12px;
 border-radius: 10px;
 color: rgba(255,255,255,0.86);
 font-weight: 750;
 white-space: nowrap;
}
.simple-dropdown-menu a:hover {
 background: rgba(14,165,233,0.14);
 color: #fff;
}
.simple-dropdown-menu a.simple-gold {
 color: #fbbf24;
}
.simple-dropdown-menu a.simple-purple {
 color: #c4b5fd;
 font-weight: 900;
}
.simple-dropdown-menu a.simple-green {
 color: #4ade80;
 font-weight: 900;
}
.simple-links a.simple-gold {
 color: #fbbf24;
 font-weight: 900;
}
.simple-links a.simple-green {
 color: #4ade80;
 font-weight: 900;
}
.simple-cta {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 38px;
 padding: 0 16px !important;
 border-radius: 999px;
 background: var(--teal);
 color: #fff !important;
 box-shadow: 0 6px 18px rgba(14,165,233,0.24);
}
.simple-cta:hover {
 background: var(--teal2) !important;
 color: #04111f !important;
}
.simple-menu-toggle {
 display: none;
 width: 42px;
 height: 42px;
 border: 1px solid rgba(255,255,255,0.16);
 border-radius: 12px;
 background: rgba(255,255,255,0.08);
 color: #fff;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 gap: 5px;
 cursor: pointer;
 margin-left: auto;
 padding: 0;
 font: inherit;
}
.simple-menu-toggle span {
 display: block;
 width: 20px;
 height: 2px;
 border-radius: 999px;
 background: currentColor;
 transition: transform 0.18s ease, opacity 0.18s ease;
}
.simple-menu-toggle.open span:nth-child(1) {
 transform: translateY(7px) rotate(45deg);
}
.simple-menu-toggle.open span:nth-child(2) {
 opacity: 0;
}
.simple-menu-toggle.open span:nth-child(3) {
 transform: translateY(-7px) rotate(-45deg);
}
.page-hero {
 background: radial-gradient(circle at 20% 0%, rgba(14,165,233,0.25), transparent 34%),
 linear-gradient(135deg, var(--navy) 0%, var(--navy2) 100%);
 color: #fff;
 padding: 86px 0 64px;
}
.wrap {
 width: min(1120px, calc(100% - 32px));
 margin: 0 auto;
}
.eyebrow {
 display: inline-flex;
 align-items: center;
 min-height: 30px;
 padding: 0 12px;
 border-radius: 999px;
 border: 1px solid rgba(56,189,248,0.32);
 color: #bae6fd;
 background: rgba(14,165,233,0.12);
 font-size: 0.78rem;
 font-weight: 900;
 text-transform: uppercase;
 letter-spacing: 0.08em;
}
h1 {
 margin: 18px 0 14px;
 max-width: 820px;
 font-size: clamp(2.15rem, 5vw, 4.4rem);
 line-height: 1.04;
 letter-spacing: 0;
}
.hero-sub {
 max-width: 760px;
 margin: 0;
 color: rgba(255,255,255,0.76);
 font-size: 1.08rem;
}
.hero-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
 margin-top: 28px;
}
.btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 min-height: 48px;
 padding: 0 22px;
 border-radius: 999px;
 border: 1px solid transparent;
 text-decoration: none;
 font-weight: 900;
 line-height: 1.1;
 text-align: center;
 box-shadow: 0 14px 30px rgba(15,23,42,0.12);
 transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.btn:hover {
 transform: translateY(-1px);
}
.btn-primary {
 background: linear-gradient(135deg, var(--teal) 0%, var(--teal2) 100%);
 color: #fff;
 box-shadow: 0 16px 34px rgba(14,165,233,0.26);
}
.btn-primary::after {
 content: "->";
 font-weight: 900;
 opacity: 0.85;
 transform: translateY(-1px);
}
.btn-primary:hover {
 color: #fff;
 box-shadow: 0 20px 42px rgba(14,165,233,0.34);
}
.btn-outline {
 border-color: rgba(255,255,255,0.26);
 color: #fff;
 background: rgba(255,255,255,0.06);
 box-shadow: none;
}
.btn-outline:hover {
 border-color: rgba(56,189,248,0.62);
 background: rgba(14,165,233,0.14);
}
.content {
 padding: 54px 0 72px;
}
.grid {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 320px;
 gap: 34px;
 align-items: start;
}
.article {
 min-width: 0;
}
.article h2 {
 margin: 36px 0 10px;
 font-size: clamp(1.45rem, 2.4vw, 2rem);
 line-height: 1.18;
 letter-spacing: 0;
 color: var(--navy);
}
.article h2:first-child { margin-top: 0; }
.article h3 {
 margin: 26px 0 8px;
 font-size: 1.08rem;
 color: var(--navy);
}
.article p, .article li { color: #334155; }
.article a { color: #0369a1; font-weight: 800; }
.card-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 14px;
 margin: 22px 0;
}
.info-card, .side-card {
 border: 1px solid var(--line);
 border-radius: 10px;
 background: #fff;
 padding: 18px;
 box-shadow: 0 12px 34px rgba(15,23,42,0.06);
}
.info-card strong {
 display: block;
 color: var(--navy);
 margin-bottom: 6px;
}
.info-card span, .side-card p {
 color: var(--muted);
 font-size: 0.92rem;
}
.mmi-lens {
 margin: 0 0 34px;
 padding: 24px;
 border: 1px solid rgba(14,165,233,0.24);
 border-radius: 14px;
 background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 58%, #f8fafc 100%);
 box-shadow: 0 16px 40px rgba(15,23,42,0.07);
}
.mmi-lens-kicker {
 display: inline-flex;
 align-items: center;
 min-height: 26px;
 padding: 0 10px;
 border-radius: 999px;
 background: rgba(14,165,233,0.12);
 color: #0369a1;
 font-size: 0.72rem;
 font-weight: 900;
 letter-spacing: 0.08em;
 text-transform: uppercase;
}
.mmi-lens h2 {
 margin: 12px 0 8px;
 color: var(--navy);
}
.mmi-lens-intro {
 max-width: 760px;
 margin: 0;
 color: #334155;
}
.talking-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 12px;
 margin: 20px 0;
}
.talking-card {
 padding: 16px;
 border: 1px solid var(--line);
 border-radius: 10px;
 background: rgba(255,255,255,0.86);
}
.talking-card strong {
 display: block;
 color: var(--navy);
 margin-bottom: 6px;
}
.talking-card span {
 display: block;
 color: var(--muted);
 font-size: 0.9rem;
 line-height: 1.58;
}
.mmi-angle {
 margin-top: 18px;
 padding: 15px 16px;
 border-left: 4px solid var(--teal);
 border-radius: 10px;
 background: #e0f2fe;
 color: #164e63;
}
.mmi-angle strong {
 color: #0c4a6e;
}
.side {
 position: sticky;
 top: 88px;
 display: grid;
 gap: 14px;
}
.side-card h2, .side-card h3 {
 margin: 0 0 8px;
 font-size: 1rem;
 color: var(--navy);
}
.side-card ul {
 list-style: none;
 margin: 0;
 padding: 0;
 display: grid;
 gap: 8px;
}
.side-card li a {
 color: #0369a1;
 font-weight: 800;
 text-decoration: none;
}
.source-box {
 margin-top: 32px;
 padding: 16px 18px;
 border-left: 4px solid var(--teal);
 background: #eff6ff;
 border-radius: 8px;
 color: #164e63;
 font-size: 0.92rem;
}
.warning-box {
 margin: 22px 0;
 padding: 16px 18px;
 border-left: 4px solid var(--gold);
 background: #fffbeb;
 border-radius: 8px;
 color: #78350f;
}
.school-action-strip {
 margin: 28px 0;
 padding: 22px 24px;
 border: 1px solid rgba(56,189,248,0.22);
 border-radius: 18px;
 background: radial-gradient(circle at 92% 10%, rgba(56,189,248,0.24), transparent 34%),
 linear-gradient(135deg, #071326 0%, #0d2a52 100%);
 color: #fff;
 box-shadow: 0 22px 52px rgba(15,23,42,0.18);
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 18px;
 position: relative;
 overflow: hidden;
}
.school-action-strip::before {
 content: "";
 position: absolute;
 inset: 0 0 auto;
 height: 3px;
 background: linear-gradient(90deg, var(--teal), var(--teal2), var(--gold));
}
.school-action-strip > * {
 position: relative;
 z-index: 1;
}
.school-action-strip strong {
 display: block;
 color: #fff;
 margin-bottom: 4px;
 font-size: 1.02rem;
}
.school-action-strip span {
 display: block;
 color: rgba(255,255,255,0.72);
 font-size: 0.92rem;
}
.school-action-strip .btn-primary {
 flex: 0 0 auto;
 background: #fff;
 color: var(--navy);
 box-shadow: 0 14px 30px rgba(0,0,0,0.18);
}
.school-action-strip .btn-primary:hover {
 color: var(--navy);
 box-shadow: 0 18px 38px rgba(0,0,0,0.24);
}
.service-photo {
 width: 100%;
 border-radius: 12px;
 border: 1px solid var(--line);
 box-shadow: 0 18px 44px rgba(15,23,42,0.12);
 margin-bottom: 14px;
}
.proof-list {
 display: grid;
 gap: 10px;
 margin: 18px 0;
}
.proof-list div {
 padding: 12px 14px;
 border: 1px solid var(--line);
 border-radius: 10px;
 background: var(--soft);
 color: #334155;
 font-size: 0.92rem;
}
.service-links {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 12px;
 margin: 22px 0;
}
.service-links a {
 display: block;
 padding: 16px 18px;
 border: 1px solid var(--line);
 border-radius: 14px;
 background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
 text-decoration: none;
 color: #0369a1;
 font-weight: 900;
 box-shadow: 0 10px 26px rgba(15,23,42,0.06);
 transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.service-links a:hover {
 transform: translateY(-1px);
 border-color: rgba(14,165,233,0.38);
 box-shadow: 0 16px 34px rgba(14,165,233,0.12);
}
.table-wrap {
 overflow-x: auto;
 border: 1px solid var(--line);
 border-radius: 10px;
 margin: 18px 0;
}
table {
 width: 100%;
 min-width: 680px;
 border-collapse: collapse;
 font-size: 0.92rem;
}
th, td {
 padding: 12px 14px;
 border-bottom: 1px solid var(--line);
 text-align: left;
 vertical-align: top;
}
th { background: var(--soft); color: var(--navy); }
tr:last-child td { border-bottom: 0; }
.mini-cta {
 margin: 34px 0;
 padding: 26px;
 border-radius: 18px;
 color: #fff;
 background: radial-gradient(circle at 90% 10%, rgba(56,189,248,0.22), transparent 35%),
 linear-gradient(135deg, var(--navy) 0%, #12335f 100%);
 border: 1px solid rgba(56,189,248,0.18);
 box-shadow: 0 22px 52px rgba(15,23,42,0.16);
 position: relative;
 overflow: hidden;
}
.mini-cta h2 { margin: 0 0 8px; color: #fff; }
.mini-cta p { margin: 0 0 18px; color: rgba(255,255,255,0.74); }
.mini-cta .btn-primary {
 background: #fff;
 color: var(--navy);
 box-shadow: 0 14px 30px rgba(0,0,0,0.18);
}
.mini-cta .btn-primary:hover {
 color: var(--navy);
 box-shadow: 0 18px 38px rgba(0,0,0,0.24);
}
footer {
 padding: 30px 0;
 border-top: 1px solid var(--line);
 color: var(--muted);
 font-size: 0.88rem;
}
.footer-row {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: 14px;
}
.footer-links {
 display: flex;
 flex-wrap: wrap;
 gap: 14px;
}
.footer-links a { color: var(--muted); text-decoration: none; font-weight: 700; }
@media (max-width: 860px) {
 .simple-nav {
  position: sticky;
 }
	 .simple-nav-inner {
	 width: 100%;
	 min-height: 64px;
	 flex-wrap: nowrap;
	 align-items: center;
	 gap: 12px;
	 padding: 0 16px;
	 position: relative;
	 }
	 .simple-logo {
	 padding-top: 0;
	 }
 .simple-menu-toggle {
  display: inline-flex;
 }
	 .simple-links {
	  display: none;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  right: 0;
	  width: 100%;
	  max-height: calc(100vh - 64px);
	  overflow-y: auto;
	  flex-direction: column;
	  align-items: stretch;
	  gap: 4px;
	  margin: 0;
	  padding: 12px 16px 18px;
	  background: #060f1e;
	  border-top: 1px solid rgba(14,165,233,0.18);
	  border-bottom: 2px solid rgba(14,165,233,0.25);
	  box-shadow: 0 18px 44px rgba(0,0,0,0.58);
	  font-size: 0.92rem;
	  color: rgba(255,255,255,0.92);
	  -webkit-overflow-scrolling: touch;
	 }
 .simple-nav.simple-nav-open .simple-links {
  display: flex;
 }
	 .simple-links a {
	  width: 100%;
	  min-height: 42px;
	  display: flex;
	  align-items: center;
	  border-radius: 10px;
	  border-bottom: 1px solid rgba(255,255,255,0.06);
	  padding: 10px 14px;
	  white-space: normal;
	 }
 .simple-dropdown {
  width: 100%;
 }
	 .simple-dropdown > a {
	  min-height: auto;
	  border-bottom: 0;
	  padding: 12px 14px 4px;
	  font-size: 0.68rem;
	  letter-spacing: 0.1em;
	  text-transform: uppercase;
	  color: rgba(255,255,255,0.48);
  font-weight: 900;
  pointer-events: none;
 }
 .simple-dropdown > a::after {
  display: none;
 }
 .simple-dropdown-menu {
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
	  width: 100%;
	  min-width: 0;
	  margin-top: 0;
	  padding: 0 0 6px;
	  display: flex;
	  flex-direction: column;
	  gap: 4px;
	  background: transparent;
	  border: 0;
	  box-shadow: none;
	 }
	 .simple-dropdown-menu a {
	  padding: 10px 14px;
	  white-space: normal;
	 }
	 .simple-cta {
	  justify-content: center;
	  min-height: 44px;
	  margin-top: 4px;
	  padding: 0 14px !important;
	  border-bottom: 0 !important;
	 }
 .grid { grid-template-columns: 1fr; }
 .side { position: static; }
 .card-grid { grid-template-columns: 1fr; }
 .talking-grid { grid-template-columns: 1fr; }
 .mmi-lens { padding: 20px; }
 .school-action-strip { display: block; padding: 22px; }
 .school-action-strip .btn { margin-top: 14px; width: 100%; }
 .service-links { grid-template-columns: 1fr; }
}