:root{
  --ink:#10213d;
  --navy:#062d68;
  --blue:#0077d9;
  --aqua:#10b8d7;
  --sky:#dff4ff;
  --gold:#f2a51a;
  --coral:#f46f4e;
  --leaf:#3aa56f;
  --cream:#fff5df;
  --paper:#fffef8;
  --mist:#f4fbff;
  --muted:#637189;
  --line:rgba(16,33,61,.12);
  --shadow:0 22px 60px rgba(8,40,91,.12);
  --radius:8px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"DM Sans","Inter","Source Sans 3","Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 16%, rgba(244,111,78,.16), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(16,184,215,.22), transparent 26%),
    linear-gradient(180deg,var(--paper) 0%,var(--cream) 42%,#ecf9ff 100%);
  line-height:1.6;
  font-weight:400;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1160px,92vw);margin-inline:auto}
.topbar{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,254,251,.92);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand img{height:52px;max-width:220px;width:auto;mix-blend-mode:multiply}
.navlinks{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.navlinks a{
  border-radius:999px;
  color:var(--navy);
  font-size:14px;
  font-weight:500;
  padding:9px 13px;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.navlinks a:hover,.navlinks a.active{background:linear-gradient(120deg,var(--sky),#fff1cb);color:var(--blue)}
.menuBtn{
  display:none;
  border:1px solid var(--line);
  background:#fff;
  color:var(--navy);
  padding:10px 14px;
  font-weight:600;
  border-radius:var(--radius);
}
.eyebrow,.breadcrumb{
  color:#b35c26;
  font-size:12px;
  font-weight:500;
  letter-spacing:.16em;
  margin:0 0 14px;
  text-transform:uppercase;
}
.hero{padding:64px 0 54px;overflow:hidden}
.heroGrid,.pageHeroInner,.grid2{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.hero h1,.pageHero h1,.sectionTitle{
  color:var(--navy);
  font-weight:600;
  letter-spacing:0;
  line-height:1.02;
  margin:0;
}
.hero h1{font-size:clamp(48px,7vw,92px);max-width:820px}
.pageHero h1{font-size:clamp(42px,5.8vw,76px);max-width:820px}
.sectionTitle{font-size:clamp(34px,4.2vw,58px);margin-bottom:16px}
.lead{
  color:#253b5f;
  font-size:clamp(19px,2.1vw,27px);
  line-height:1.32;
  margin:22px 0 0;
  max-width:720px;
}
.sectionIntro,.sub{color:var(--muted);font-size:18px;max-width:760px}
.sub{margin:16px 0 0}
.gold{color:var(--gold)}
.blue{color:var(--blue)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{
  align-items:center;
  border:1px solid transparent;
  border-radius:999px;
  display:inline-flex;
  font-weight:600;
  justify-content:center;
  min-height:46px;
  padding:12px 18px;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.btn:hover{box-shadow:0 14px 30px rgba(8,40,91,.14);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff}
.btn.secondary{background:#fff;color:var(--navy);border-color:rgba(0,119,217,.22)}
.btn.gold{background:linear-gradient(120deg,var(--gold),#ffd66f);color:#281700}
.heroVisual,.pageHero img,.visualCard{
  background:#fff;
  border:1px solid rgba(16,33,61,.08);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.heroVisual{aspect-ratio:4/5}
.heroVisual.wide{aspect-ratio:16/10}
.heroVisual img,.pageHero img,.visualCard img{height:100%;object-fit:cover;width:100%}
.section{padding:72px 0}
.section.soft{
  background:
    linear-gradient(120deg,rgba(223,244,255,.82),rgba(255,241,203,.74) 52%,rgba(240,250,238,.86));
  border-block:1px solid rgba(16,33,61,.06);
}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{
  background:rgba(255,255,255,.86);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 14px 34px rgba(8,40,91,.06);
  padding:24px;
}
.card.tint{background:linear-gradient(135deg,var(--sky),#fff1cb)}
.card.dark{background:var(--navy);color:#fff}
.card h3{color:var(--navy);font-size:22px;font-weight:600;line-height:1.18;margin:0 0 9px}
.card.dark h3{color:#fff}
.card p{color:var(--muted);margin:0}
.card.dark p{color:#dceaff}
.icon{
  align-items:center;
  background:linear-gradient(135deg,#fff0bc,#dff4ff);
  border:1px solid rgba(242,165,26,.34);
  border-radius:50%;
  color:#073c86;
  display:flex;
  font-weight:600;
  height:40px;
  justify-content:center;
  margin-bottom:18px;
  width:40px;
}
.marketStats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.stat strong{color:var(--coral);display:block;font-size:38px;font-weight:600;line-height:1}
.stat span{color:var(--muted);display:block;margin-top:8px}
.flow{counter-reset:step;display:grid;gap:14px}
.flowItem{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:16px;grid-template-columns:auto 1fr;padding:20px}
.flowItem:before{counter-increment:step;content:counter(step);background:var(--navy);border-radius:50%;color:#fff;display:grid;font-weight:600;height:36px;place-items:center;width:36px}
.pillList{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pill{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--navy);font-weight:500;padding:9px 13px}
.pageHero{background:linear-gradient(120deg,#fffef8 0%,#fff1cb 42%,#dff4ff 100%);border-bottom:1px solid var(--line);padding:62px 0 46px}
.pageHero img{aspect-ratio:5/4}
.investorNav{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.investorNav a{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--blue);font-weight:500;padding:8px 12px}
.band{
  align-items:center;
  background:linear-gradient(120deg,var(--navy),#0c75c9 48%,#16a78c);
  border-radius:var(--radius);
  color:#fff;
  display:flex;
  gap:24px;
  justify-content:space-between;
  padding:30px 34px;
}
.band h2{font-size:clamp(30px,3.5vw,48px);font-weight:600;line-height:1.08;margin:0}
.band p{color:#dceaff;margin:8px 0 0}
.footer{background:linear-gradient(120deg,#061f47,#073c86 60%,#0d6f84);color:#fff;margin-top:54px;padding:46px 0}
.footerGrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
.footer img{height:52px;background:#fff;border-radius:6px;padding:4px;mix-blend-mode:normal}
.footer h3{font-size:16px;font-weight:600;margin:0 0 10px}
.footer a{color:#dceaff;display:block;margin:8px 0}
.footer p,.footer small{color:#c9d9ef}
@media(max-width:900px){
  .nav{min-height:70px}
  .navlinks{display:none;position:absolute;left:4vw;right:4vw;top:72px;background:#fffefb;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;padding:12px}
  .navlinks.open{display:flex}
  .navlinks a{border-radius:var(--radius);padding:13px 16px}
  .menuBtn{display:inline-flex}
  .hero{padding-top:36px}
  .heroGrid,.pageHeroInner,.grid2{grid-template-columns:1fr}
  .grid3,.grid4,.marketStats{grid-template-columns:1fr 1fr}
  .heroVisual,.pageHero img{order:-1}
  .section{padding:52px 0}
  .footerGrid{grid-template-columns:1fr}
  .band{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .brand img{height:38px;max-width:172px}
  .hero h1{font-size:44px}
  .pageHero h1{font-size:40px}
  .sectionTitle{font-size:34px}
  .grid3,.grid4,.marketStats{grid-template-columns:1fr}
  .footer{margin-top:30px}
}