html{color-scheme:light}
body{background:#f3f7fb;color:#17243a}
.gateway{
  padding:22px 34px 26px;
  background:
    radial-gradient(circle at 8% 12%,rgba(94,216,197,.18),transparent 28rem),
    radial-gradient(circle at 92% 20%,rgba(128,101,214,.13),transparent 30rem),
    linear-gradient(180deg,#f9fcff 0%,#eef5f8 100%);
}
.gateway:before{opacity:.28;background-image:radial-gradient(rgba(30,63,80,.14) .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(to bottom,#000,transparent 58%)}
.topbar{padding:8px 10px 8px 8px;border:1px solid #dfe9ee;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 12px 32px rgba(31,66,82,.08);backdrop-filter:blur(16px)}
.brand-mark{border-color:#d8e4e9;background:#f4f8fa}.brand strong{color:#17243a}.brand small{color:#677684}
.contact{color:#203648;border-color:#dce7eb;background:#fff}.contact span{background:#24bca4;box-shadow:none}
.gateway-title{padding:clamp(32px,5vh,58px) 16px 24px}
.overline{color:#158a78;letter-spacing:.16em}
.gateway-title h1{max-width:850px;margin:12px auto;color:#17243a;font-size:clamp(34px,5vw,62px);line-height:1.02}
.gateway-title p{max-width:720px;color:#5c6d7a;font-size:16px;line-height:1.6}
.choice-grid{gap:20px;max-width:1140px}
.choice{min-height:455px;border-color:#dbe7eb;border-radius:32px;padding:25px;background:#fff;box-shadow:0 18px 55px rgba(39,72,88,.1)}
.choice:hover{transform:translateY(-5px);box-shadow:0 26px 70px rgba(39,72,88,.15)}
.choice--school:hover{border-color:#c8bcec;box-shadow:0 25px 70px rgba(96,75,164,.15)}
.choice--family:hover{border-color:#9edfd4;box-shadow:0 25px 70px rgba(34,151,132,.15)}
.choice-bg:after{background:linear-gradient(to bottom,rgba(255,255,255,.05),rgba(255,255,255,.68) 56%,rgba(255,255,255,.96) 100%)}
.choice--school .choice-bg{background:radial-gradient(circle at 50% 34%,rgba(122,93,211,.18),transparent 39%),linear-gradient(145deg,#f4f0ff,#fff)}
.choice--family .choice-bg{background:radial-gradient(circle at 50% 34%,rgba(36,188,164,.2),transparent 39%),linear-gradient(145deg,#e9fbf7,#fff)}
.audience{color:#526473;font-size:11px}.arrow{color:#26384a;border-color:#d7e3e8;background:#fff}
.choice:hover .arrow{background:#17243a;color:#fff}
.choice-logo{width:210px;height:210px;margin:2px auto 0}.choice-logo img{width:204px;height:204px;filter:drop-shadow(0 18px 28px rgba(31,53,67,.2))}
.choice-logo:after{border-color:rgba(31,65,79,.12)}
.choice-copy small{color:#667986;font-size:12px}.choice-copy strong{color:#17243a;font-size:clamp(28px,3.2vw,40px)}
.choice-copy>span:not(.choice-points){color:#5b6c78;font-size:15px;line-height:1.55}
.choice-points{display:flex!important;justify-content:center;gap:8px;margin-top:14px!important}
.choice-points em{padding:8px 11px;border:1px solid #dce8eb;border-radius:999px;background:rgba(255,255,255,.82);color:#314959;font-size:12px;font-style:normal;font-weight:700}
.choice-copy b{margin-top:15px;padding:12px 18px;font-size:13px;box-shadow:0 8px 18px rgba(26,72,72,.1)}
.choice--school b{background:#6f54c9;color:#fff}.choice--family b{background:#169e89;color:#fff}
footer{color:#70808c;align-items:center}footer nav{display:flex;align-items:center;gap:16px}footer nav a{color:#60727f;font-weight:700;transition:color .2s}footer nav a:hover,footer nav a:focus-visible{color:#167f76}
@media(max-width:760px){
  .gateway{padding:12px 10px 18px}.topbar{padding:5px 7px 5px 5px}.brand-mark{width:42px;height:42px}.brand-mark img{width:34px;height:34px}
  .contact{font-size:11px}.gateway-title{padding:26px 8px 20px}.gateway-title h1{max-width:340px;font-size:35px;line-height:1.06}.gateway-title p{max-width:345px;font-size:15px;line-height:1.55}
  .choice-grid{gap:12px}.choice{min-height:405px;border-radius:25px;padding:18px}.choice-logo{width:164px;height:164px}.choice-logo img{width:158px;height:158px}
  .choice-copy strong{font-size:28px}.choice-copy>span:not(.choice-points){max-width:325px;font-size:14px}.choice-points{gap:5px;flex-wrap:wrap}.choice-points em{padding:7px 9px;font-size:11px}
  footer{font-size:11px}footer nav{justify-content:center;gap:12px;flex-wrap:wrap}
}