:root { --ink:#10264c; --muted:#52688c; --line:rgba(16,38,76,.14); --blue:#5a93f8; --navy:#0b1933; }
* { box-sizing:border-box; }
body { margin:0; background:linear-gradient(180deg,#f8fcff 0,#eef5ff 100%); color:var(--ink); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; }
.site-header { align-items:center; background:rgba(248,252,255,.94); border-bottom:1px solid var(--line); display:flex; justify-content:space-between; padding:14px max(24px,calc((100vw - 1120px)/2)); position:sticky; top:0; z-index:10; }
.brand { align-items:center; display:flex; gap:12px; text-decoration:none; }
.brand img { background:#fff; border:1px solid var(--line); border-radius:12px; padding:4px; }
.brand span,.brand small { display:block; }
.brand strong { font-size:14px; }
.brand small { color:var(--muted); font-size:10px; margin-top:2px; }
.site-header nav { display:flex; gap:24px; }
.site-header nav a { color:var(--muted); font-size:14px; text-decoration:none; }
.site-header nav a[aria-current=page] { color:var(--ink); font-weight:800; }
main { margin:auto; max-width:1120px; padding:0 24px; }
h1,h2,h3 { font-family:"Space Grotesk",Manrope,sans-serif; letter-spacing:-.035em; }
.eyebrow { color:#80aefc; font-size:12px; font-weight:800; letter-spacing:.16em; margin:0 0 14px; text-transform:uppercase; }
.hero { background:radial-gradient(circle at 88% 10%,rgba(90,147,248,.36),transparent 36%),var(--navy); border-radius:32px; color:#fff; margin:48px 0 72px; padding:72px 64px; }
h1 { font-size:clamp(46px,7vw,78px); line-height:1.01; margin:0; max-width:920px; }
.lead { color:#d6e5ff; font-size:20px; line-height:1.65; max-width:820px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.primary,.secondary { border:1px solid var(--line); border-radius:12px; display:inline-block; font-size:14px; font-weight:800; padding:12px 17px; text-decoration:none; }
.primary { background:var(--ink); color:#fff; }
.primary.light { background:#8fb6ff; color:#0b1933; }
.secondary { border-color:rgba(143,182,255,.45); color:#e0ebff; }
.section-heading { margin-bottom:28px; }
.section-heading h2,.system h2,.contact h2 { font-size:clamp(32px,4vw,44px); line-height:1.1; margin:0; }
.pathway-grid { display:grid; gap:22px; grid-template-columns:repeat(3,1fr); }
.pathway-grid article { background:rgba(255,255,255,.94); border:1px solid var(--line); border-radius:24px; box-shadow:0 20px 55px rgba(16,38,76,.07); display:flex; flex-direction:column; min-height:370px; padding:30px; transition:box-shadow 160ms ease,transform 160ms ease; }
.pathway-grid article:hover { box-shadow:0 25px 62px rgba(16,38,76,.12); transform:translateY(-2px); }
.pathway-top { align-items:flex-start; display:flex; justify-content:space-between; }
.pathway-number { color:#80aefc; font-size:12px; font-weight:800; }
.pathway-icon { align-items:center; background:linear-gradient(145deg,#f2f7ff,#e5efff); border:1px solid rgba(90,147,248,.2); border-radius:15px; color:#315f9e; display:flex; height:52px; justify-content:center; margin-top:-4px; transition:background 160ms ease,color 160ms ease,transform 160ms ease; width:52px; }
.pathway-icon svg { height:27px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.65; width:27px; }
.pathway-grid article:hover .pathway-icon { background:#10264c; color:#a9c7ff; transform:rotate(-2deg) scale(1.03); }
.pathway-label { color:var(--muted); font-size:12px; font-weight:700; margin:27px 0 8px; text-transform:uppercase; }
.pathway-grid h3 { font-size:34px; margin:0 0 14px; }
.pathway-grid article > p:last-of-type { color:#41597d; line-height:1.7; }
.pathway-grid article > a,.about a { color:var(--ink); font-weight:800; margin-top:auto; text-decoration:none; }
.system { align-items:center; background:var(--navy); border-radius:26px; color:#fff; display:grid; gap:46px; grid-template-columns:1fr 1fr; margin:72px 0; padding:44px; }
.system > p { color:#cfdef8; font-size:17px; line-height:1.75; }
.contact { align-items:center; background:#fff; border:1px solid var(--line); border-radius:24px; display:flex; justify-content:space-between; margin:64px 0; padding:38px; }
.contact > div { max-width:760px; }
.contact p:not(.eyebrow) { color:var(--muted); }
footer { border-top:1px solid var(--line); color:var(--muted); display:flex; font-size:14px; justify-content:space-between; margin-top:48px; padding:28px max(24px,calc((100vw - 1120px)/2)); }
footer nav { display:flex; flex-wrap:wrap; gap:18px; }

@media(max-width:820px) {
  .pathway-grid { grid-template-columns:1fr; }
  .pathway-grid article { min-height:0; }
  .system { grid-template-columns:1fr; }
}
@media(max-width:620px) {
  .site-header { align-items:flex-start; padding:12px 18px; }
  .brand span { display:none; }
  .site-header nav { flex-wrap:wrap; gap:8px 14px; justify-content:flex-end; max-width:280px; }
  .site-header nav a { font-size:12px; }
  main { padding:0 16px; }
  .hero { border-radius:22px; margin-top:24px; padding:44px 25px; }
  .hero .lead { font-size:17px; }
  .contact { align-items:flex-start; flex-direction:column; gap:22px; }
  footer { flex-direction:column; gap:12px; }
}