
:root{
  --blue:#061f3f;
  --blue2:#0d3b68;
  --green:#22d696;
  --lime:#a6f25f;
  --cyan:#42d5ff;
  --ink:#1c2836;
  --muted:#627185;
  --soft:#f3f7fb;
  --white:#fff;
  --line:rgba(6,31,63,.12);
  --shadow:0 20px 55px rgba(6,31,63,.13);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--soft);color:var(--ink);line-height:1.6}
a{color:inherit}
.wrap{width:min(1160px,calc(100% - 34px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--blue);font-weight:900;white-space:nowrap}
.brand small{display:block;font-size:.72rem;letter-spacing:.22em;color:var(--muted);font-weight:800;margin-top:-3px}
.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,var(--green),var(--cyan));color:var(--blue);box-shadow:0 8px 24px rgba(6,31,63,.15);font-weight:900}
.main-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.main-nav a{font-size:.86rem;text-decoration:none;font-weight:800;color:var(--blue);padding:7px 10px;border-radius:999px;border:1px solid transparent}
.main-nav a:hover,.main-nav a.active{background:#eaf7f5;border-color:rgba(34,214,150,.35)}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 12% 14%,rgba(66,213,255,.38),transparent 32%),radial-gradient(circle at 84% 12%,rgba(166,242,95,.34),transparent 32%),linear-gradient(135deg,var(--blue),var(--blue2) 58%,#041226);}
.hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-34%;height:52%;background:linear-gradient(90deg,rgba(34,214,150,.82),rgba(66,213,255,.82));transform:skewY(-4deg);opacity:.75}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.16fr .84fr;gap:34px;align-items:center;min-height:540px;padding:70px 0}
.kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900;color:var(--green)}
.kicker{color:#eafff6;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;margin-bottom:18px}
h1{font-size:clamp(2.45rem,6vw,5.4rem);line-height:.93;margin:0 0 22px;letter-spacing:-.06em;max-width:900px}
.hero-copy p{font-size:clamp(1.05rem,2vw,1.28rem);color:#e8f5ff;max-width:760px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;text-decoration:none;font-weight:900;padding:12px 18px;background:#fff;color:var(--blue);border:1px solid rgba(255,255,255,.22)}.btn.secondary{background:rgba(255,255,255,.1);color:#fff}.hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.hero-panel strong{font-size:1.45rem}.hero-panel p{color:#e4f4ff;margin:10px 0 0}.section{padding:74px 0}.section.alt{background:#fff}h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.045em;color:var(--blue);margin:.25em 0 .35em}h3{color:var(--blue);margin:0 0 10px}.wide-text{font-size:1.12rem;max-width:900px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:start}.two-col p{font-size:1.08rem;color:var(--muted)}.card,.note-card,.data-card,.todo-box,.callout{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 12px 36px rgba(6,31,63,.08)}.section.alt .card,.section.alt .note-card,.section.alt .data-card,.section.alt .todo-box{background:var(--soft)}.cards{display:grid;gap:18px;margin-top:28px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card p{color:var(--muted);margin:0}.spaced{margin-top:34px}.text-link{display:inline-block;margin-top:14px;font-weight:900;color:var(--blue2)}.data-card dl{display:grid;grid-template-columns:1fr 1.2fr;gap:10px 16px;margin:0}.data-card dt{font-weight:900;color:var(--blue)}.data-card dd{margin:0;color:var(--muted)}.highlight{background:linear-gradient(135deg,#fff,#effcf7);border-color:rgba(34,214,150,.35)}.note-card{background:linear-gradient(135deg,#fff,#eef9ff)}.impact{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}.impact p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div{background:var(--blue);color:#fff;border-radius:22px;padding:20px}.stats strong{font-size:2rem;color:var(--lime);display:block;line-height:1}.stats span{display:block;color:#d9eaff;font-size:.9rem;margin-top:8px}.button-list{display:grid;gap:12px}.button-list a{display:block;padding:16px 18px;border-radius:18px;background:var(--blue);color:#fff;text-decoration:none;font-weight:900}.checklist{margin:12px 0 0;padding:0;list-style:none}.checklist li,.checklist-cards li{position:relative;padding-left:28px;margin:10px 0;color:var(--muted)}.checklist li:before,.checklist-cards li:before{content:"";position:absolute;left:0;top:.55em;width:13px;height:13px;border-radius:4px;background:linear-gradient(135deg,var(--green),var(--cyan))}.checklist-cards ul{padding:0;list-style:none;margin:0}.timeline{display:grid;gap:18px;margin-top:30px}.timeline article{display:grid;grid-template-columns:160px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.timeline time{font-weight:900;color:var(--blue);font-size:1.1rem}.timeline p{color:var(--muted);margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.gallery-grid div{min-height:170px;border-radius:22px;background:linear-gradient(135deg,#dfeaf5,#fff);border:1px dashed rgba(6,31,63,.25);display:flex;align-items:end;padding:16px}.gallery-grid span{display:inline-block;background:#fff;border-radius:999px;padding:8px 11px;font-size:.86rem;font-weight:900;color:var(--blue);box-shadow:0 8px 20px rgba(6,31,63,.12)}.callout{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.callout h2{color:#fff}.callout p{color:#e6f4ff;font-size:1.08rem}.site-footer{background:#041226;color:#fff;padding:46px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:26px}.site-footer p{color:#cfe0ec}.site-footer a{color:#fff;font-weight:800}@media(max-width:980px){.hero-inner,.two-col,.impact{grid-template-columns:1fr}.cards.three,.cards.four,.cards.two,.stats,.gallery-grid{grid-template-columns:repeat(2,1fr)}.main-nav{justify-content:flex-start}.topbar{align-items:flex-start;flex-direction:column}.timeline article{grid-template-columns:1fr}}@media(max-width:620px){.cards.three,.cards.four,.cards.two,.stats,.gallery-grid,.footer-grid{grid-template-columns:1fr}.hero-inner{min-height:auto;padding:46px 0}.section{padding:52px 0}.data-card dl{grid-template-columns:1fr}.main-nav a{font-size:.82rem}}

.compact-hero .hero-inner{min-height:390px}
.compact-hero h1{font-size:clamp(2.35rem,5vw,4.35rem)}
.todo-box a,.data-card a{font-weight:900;color:var(--blue2)}
