:root{--navy:#14223d;--blue:#3559e8;--ink:#172033;--muted:#667085;--line:#e3e8f0;--soft:#f6f8fb;font:16px Inter,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{text-decoration:none;color:inherit}.header{height:78px;padding:0 clamp(20px,6vw,88px);display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(10px);z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:850;color:var(--navy)}.brand span{width:40px;height:40px;border-radius:12px;background:var(--navy);color:white;display:grid;place-items:center;font-size:13px}.header nav{margin-left:auto;display:flex;gap:24px;align-items:center}.header nav a:not(.btn){font-size:15px;font-weight:700;color:#536074}.menu{display:none;margin-left:auto}.btn{min-height:46px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;border:1px solid transparent}.primary{background:var(--blue);color:white}.secondary{border-color:var(--line);background:white;color:var(--navy)}.ghost{background:#eef2ff;color:var(--blue)}.hero{min-height:calc(100vh - 78px);padding:90px clamp(20px,7vw,108px);display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;background:radial-gradient(circle at 85% 15%,#3559e81d,transparent 28%),linear-gradient(#fff,#fafbff)}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:900;color:var(--blue)}h1,h2,h3{color:var(--navy);line-height:1.12}h1{font-size:clamp(54px,7vw,88px);letter-spacing:-.065em;margin:14px 0 24px}h1 em{color:var(--blue);font-style:normal}.lead{font-size:20px;color:var(--muted);max-width:780px}.lead.small{font-size:18px}.actions{display:flex;gap:12px;margin-top:28px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}.chips span{padding:7px 10px;border:1px solid var(--line);border-radius:99px;font-size:13px;font-weight:800;color:#657086;background:white}.mock{border:1px solid #d9e0ec;border-radius:18px;overflow:hidden;box-shadow:0 32px 80px #19274a29;background:white}.bar{height:42px;background:#f4f6fa;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px}.bar i{width:10px;height:10px;border-radius:50%;background:#c7ceda}.mockbody{display:grid;grid-template-columns:170px 1fr;min-height:430px}.mockbody aside{background:var(--navy);padding:22px 15px;color:white;display:grid;align-content:start;gap:8px}.mockbody aside span{font-size:13px;color:#ffffffb3;padding:7px}.mockbody section{padding:30px}.mockbody h2{font-size:29px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics article{padding:14px;border:1px solid var(--line);border-radius:10px}.metrics small,.metrics b{display:block}.recommend{margin-top:18px;padding:20px;border-radius:12px;background:#eef2ff;border:1px solid #d1d9ff}.recommend small{font-size:11px;font-weight:900;color:var(--blue)}.recommend b{display:block;margin:9px 0}.recommend p{font-size:13px;color:var(--muted)}.section{padding:100px clamp(20px,7vw,108px)}.dark{background:var(--navy);color:white}.dark h2,.dark h3{color:white}.dark .heading p,.dark article p{color:#ffffffb3}.heading{max-width:780px;margin-bottom:42px}.heading h2,.split h2,.cta h2{font-size:clamp(38px,5vw,58px);letter-spacing:-.045em;margin:12px 0 16px}.heading>p:last-child{font-size:18px;color:var(--muted)}.grid{display:grid;gap:16px}.six,.features{grid-template-columns:repeat(3,1fr)}.three{grid-template-columns:repeat(3,1fr)}.grid article{padding:27px;border-radius:14px}.dark .grid article{border:1px solid #ffffff1f;background:#ffffff0d}.features article,.card{border:1px solid var(--line);box-shadow:0 18px 50px #16223d0d}.grid article p{color:var(--muted);font-size:15px}.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.beforeafter{display:grid;gap:14px}.beforeafter article{padding:24px;border:1px solid var(--line);border-radius:14px;background:white}.beforeafter span{display:block;font-size:12px;font-weight:900;color:var(--blue);text-transform:uppercase}.beforeafter b{display:block;margin-top:8px;font-size:18px}.status{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:900}.complete{background:#eaf8f1;color:#17784e}.active{background:#eef2ff;color:var(--blue)}.planned{background:#f2f4f7;color:#667085}.textlink{color:var(--blue);font-weight:850}.cta{text-align:center;padding:100px 20px;background:linear-gradient(145deg,#eef2ff,#fff)}.cta p{font-size:18px;color:var(--muted)}footer{padding:45px clamp(20px,7vw,108px);background:var(--navy);color:white;display:grid;grid-template-columns:1fr auto;gap:20px}footer p,footer small,footer a{color:#ffffffa6}footer nav{display:flex;gap:18px}.page{max-width:1100px;margin:0 auto;padding:90px 24px}.page h1{font-size:clamp(48px,7vw,74px)}.list{display:grid;gap:15px;margin-top:40px}.list article{padding:28px;border:1px solid var(--line);border-radius:14px}.early{min-height:calc(100vh - 78px);padding:70px clamp(20px,7vw,108px);display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;background:var(--soft)}.form{padding:30px;background:white;border:1px solid var(--line);border-radius:16px;display:grid;gap:16px}.form label{display:grid;gap:7px;font-size:14px;font-weight:800}.form input,.form textarea{padding:12px;border:1px solid var(--line);border-radius:9px;font-size:16px}.note{font-size:13px;color:var(--muted)}@media(max-width:1000px){.hero,.split,.early{grid-template-columns:1fr}.six,.features,.three{grid-template-columns:repeat(2,1fr)}.header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:20px;background:white;flex-direction:column}.header nav.open{display:flex}.menu{display:block}}@media(max-width:650px){.section,.hero{padding:70px 20px}.six,.features,.three{grid-template-columns:1fr}.mockbody{grid-template-columns:1fr}.mockbody aside{display:none}.metrics{grid-template-columns:1fr}.actions{flex-direction:column}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}}
:root{--navy:#071B3B;--blue:#2563EB;--blue-dark:#1D4ED8;--blue-soft:#EFF6FF;--muted:#64748B;--soft:#F8FAFC}body{font-family:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.brand{min-width:240px}.header-logo{display:block;width:250px;max-height:52px}.hero-art{display:grid;place-items:center}.hero-art img{display:block;width:100%;max-width:760px;filter:drop-shadow(0 25px 42px rgba(37,99,235,.12))}.footer-brand img{display:block;width:360px;max-width:100%}.footer-brand p{letter-spacing:.12em;text-transform:uppercase;font-size:13px}.early-logo{display:block;width:min(420px,80%);margin:0 auto 30px}.privacy-logo{display:block;width:min(440px,100%);margin:0 0 34px}.primary{background:#2563EB}.primary:hover{background:#1D4ED8}.eyebrow,.textlink{color:#2563EB}@media(max-width:650px){.header-logo{width:205px}.brand{min-width:205px}.footer-brand img{width:285px}}

.header nav a[aria-current="page"] {
  color: var(--launch-blue);
}

.page {
  min-height: calc(100vh - 82px);
}

.page > h2 {
  margin-top: 38px;
  color: var(--midnight);
  font-size: 26px;
}

.page > p {
  color: var(--slate);
  font-size: 16px;
}

@media (max-width: 1000px) {
  .header nav .btn {
    width: 100%;
  }
}


/* =========================================================
   Unified site header and footer — v0.2.2
   This final block intentionally overrides all prior variants.
   ========================================================= */

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 68px;
  padding: 0;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
}

.site-header-inner {
  width: 100%;
  max-width: 1480px;
  height: 100%;
  margin: 0 auto;
  padding: 0 clamp(18px, 4.5vw, 68px);
  display: flex;
  align-items: center;
  gap: 28px;
}

.site-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
}

.site-brand img {
  display: block;
  width: 208px;
  height: auto;
  max-height: 38px;
  object-fit: contain;
  object-position: left center;
}

.site-navigation {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: clamp(15px, 1.65vw, 25px);
}

.site-navigation > a:not(.btn) {
  color: #52627a;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.site-navigation > a:not(.btn):hover,
.site-navigation > a[aria-current="page"] {
  color: var(--launch-blue);
}

.site-login-button {
  min-height: 40px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 9px;
}

.site-menu-button {
  display: none;
  margin-left: auto;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: white;
  color: var(--midnight);
  font-size: 14px;
  font-weight: 800;
}

.site-footer {
  padding: 46px clamp(20px, 7vw, 110px);
  background: var(--midnight);
  color: white;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 26px;
  align-items: start;
}

.site-footer-brand img {
  display: block;
  width: 310px;
  max-width: 100%;
  height: auto;
}

.site-footer-brand p {
  margin: 10px 0 0;
  color: rgba(248, 250, 252, 0.62);
  font-size: 13px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.site-footer-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 18px;
}

.site-footer-navigation a {
  color: rgba(248, 250, 252, 0.76);
  font-size: 14px;
}

.site-footer small {
  grid-column: 1 / -1;
  color: rgba(248, 250, 252, 0.45);
}

/* Neutralize all former header/footer selectors. */
.header,
.header nav,
.header .brand,
.header .menu,
.brand img,
.menu,
footer:not(.site-footer),
.footer-brand,
.footer-brand img {
  all: unset;
}

/* Restore document flow for any old footer selector no longer used. */
footer.site-footer {
  box-sizing: border-box;
}

@media (max-width: 980px) {
  .site-header {
    height: 64px;
  }

  .site-header-inner {
    padding: 0 18px;
  }

  .site-brand img {
    width: 188px;
    max-height: 34px;
  }

  .site-menu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .site-navigation {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 16px 18px 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    background: white;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 18px 35px rgba(7, 27, 59, 0.10);
  }

  .site-navigation.open {
    display: flex;
  }

  .site-navigation > a:not(.btn) {
    min-height: 44px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-size: 15px;
  }

  .site-navigation > a:not(.btn):hover {
    background: #eff6ff;
  }

  .site-login-button {
    width: 100%;
    min-height: 44px;
    margin-top: 7px;
  }
}

@media (max-width: 650px) {
  .site-brand img {
    width: 172px;
    max-height: 32px;
  }

  .site-footer {
    grid-template-columns: 1fr;
    padding: 40px 20px;
  }

  .site-footer-brand img {
    width: 265px;
  }

  .site-footer-navigation {
    justify-content: flex-start;
  }

  .site-footer small {
    grid-column: auto;
  }
}