:root{
  --bg:#050914;
  --bg2:#08111f;
  --panel:#0d1422;
  --panel2:#101827;
  --border:#22304a;
  --text:#f6f8ff;
  --muted:#aab3c5;
  --muted2:#7f8aa3;
  --blue:#4f7cff;
  --blue2:#72a1ff;
  --page-max:1440px;
  --content-max:1248px;
  --gutter:clamp(40px,6.5vw,96px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 78% 6%,rgba(43,88,210,.24),transparent 34%),
    linear-gradient(180deg,#050914 0%,#07101c 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

/* Site shell */
.nav,
main,
.footer,
.legal{
  width:100%;
  max-width:var(--page-max);
  margin-left:auto;
  margin-right:auto;
}

/* Navigation */
.nav{
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 var(--gutter);
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(5,9,20,.72);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.04);
}
.brand img{width:154px;height:auto;display:block;transform:translateY(1px)}
.navlinks{display:flex;align-items:center;gap:34px;font-size:15px;color:#fff}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:linear-gradient(135deg,#356bff,#4f7cff);
  color:#fff!important;
  padding:16px 24px;
  border-radius:8px;
  font-weight:600;
  box-shadow:0 14px 40px rgba(79,124,255,.25);
  border:1px solid rgba(255,255,255,.12);
  white-space:nowrap;
}
.button.small{padding:14px 22px;border-radius:7px}
.button.secondary{background:transparent;border-color:rgba(255,255,255,.5);box-shadow:none}

/* Main */
main{
  max-width:var(--page-max);
  margin:0 auto;
  overflow:hidden;
}

/* Hero */
.hero{
  min-height:640px;
  display:grid;
  grid-template-columns:minmax(420px,47%) minmax(520px,53%);
  align-items:center;
  padding:75px var(--gutter) 78px;
  border-bottom:1px solid var(--border);
  overflow:hidden;
}
.hero-copy{max-width:600px;z-index:2}
.hero h1{
  font-size:clamp(52px,4.25vw,61px);
  line-height:1.03;
  letter-spacing:-.055em;
  margin:0 0 28px;
}
.hero h1 span{color:var(--blue)}
.lead{
  color:#d6dbea;
  font-size:19px;
  line-height:1.55;
  max-width:560px;
  margin:0 0 44px;
}
.hero-actions{display:flex;gap:30px;flex-wrap:wrap}
.hero-visual{position:relative;height:450px;min-width:0}
.hero-visual img{
  position:absolute;
  right:clamp(-245px,-16vw,-150px);
  top:-68px;
  width:1000px;
  max-width:none;
  opacity:.85;
}

/* Credibility strip */
.cred-strip{
  min-height:118px;
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:center;
  padding:28px var(--gutter);
  background:linear-gradient(90deg,rgba(16,24,39,.85),rgba(20,29,48,.78),rgba(16,24,39,.85));
  border-bottom:1px solid var(--border);
}
.cred-strip img{width:46px;height:46px;flex:0 0 auto}
.cred-strip p{font-size:17px;line-height:1.5;color:#dfe5f7;max-width:800px;margin:0}

/* Shared sections */
.section-grid{
  display:grid;
  grid-template-columns:minmax(360px,1fr) minmax(420px,1fr);
  gap:clamp(64px,7vw,90px);
  padding:80px var(--gutter);
  border-bottom:1px solid var(--border);
}
.eyebrow{
  margin:0 0 22px;
  color:var(--blue2);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:14px;
  font-weight:700;
}
.centered{text-align:center}
h2{
  font-size:36px;
  line-height:1.15;
  letter-spacing:-.03em;
  margin:0 0 22px;
}
h3{margin:0 0 8px;font-size:17px}
p{color:var(--muted);font-size:17px;line-height:1.62}
.issue,.capability{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:22px;
  margin-bottom:22px;
  align-items:start;
}
.issue img,.capability img{width:48px;height:48px}
.issue p,.capability p{font-size:14px;margin:0;color:var(--muted)}
.result-card{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:28px;
  padding:18px 22px;
  border:1px solid var(--border);
  border-radius:10px;
  background:rgba(16,24,39,.72);
  color:#d9def0;
}
.result-card img{width:38px}

/* Building */
.building{padding-top:70px}
.building>div:first-child{
  border-right:1px solid var(--border);
  padding-right:clamp(48px,5.5vw,80px);
}

/* How it works */
.how{
  padding:55px var(--gutter) 70px;
  border-bottom:1px solid var(--border);
}
.flow{
  display:grid;
  grid-template-columns:minmax(320px,1.25fr) 40px minmax(240px,1fr) 40px minmax(320px,1.25fr);
  align-items:center;
  gap:0;
}
.flow-card{
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(16,24,39,.7);
  padding:22px;
  text-align:center;
  min-width:0;
}
.flow-card h4{
  margin:0 0 16px;
  text-transform:uppercase;
  font-size:12px;
  color:#fff;
}
.mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.mini-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.mini-grid div{border-right:1px solid var(--border);padding:4px 10px}
.mini-grid div:last-child{border-right:0}
.mini-grid img{width:38px;height:38px;display:block;margin:0 auto 8px}
.mini-grid span{font-size:12px;color:#dfe5f7}
.flow-card p{font-size:13px;margin:16px 0 0;color:#c1c8d8}
.dash{height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:.7}
.gauss-box{
  text-align:center;
  border:1px solid var(--blue);
  border-radius:13px;
  padding:24px 22px;
  box-shadow:0 0 40px rgba(79,124,255,.22);
  background:linear-gradient(180deg,rgba(31,54,105,.72),rgba(14,22,38,.85));
  min-width:0;
}
.gauss-box img{width:160px}
.gauss-box span{display:block;color:#bfcaff;font-size:12px}
.signals{
  width:max-content;
  max-width:100%;
  margin:24px auto 0;
  padding:15px 44px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(16,24,39,.76);
  font-size:18px;
  text-align:center;
}
.signals span{color:var(--blue);padding:0 24px}

/* Why now */
.why{align-items:center}
.why-art img{width:100%;opacity:.9}

/* Cards */
.card{
  background:linear-gradient(180deg,rgba(16,24,39,.86),rgba(9,16,28,.86));
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}

/* Design Partners - locked to screenshot proportions */
.design{
  width:calc(100% - (var(--gutter) * 2));
  max-width:1248px;
  margin:70px auto 60px;
  padding:40px 38px;
  display:grid;
  grid-template-columns:minmax(390px,.93fr) minmax(620px,1.35fr);
  gap:58px;
  align-items:center;
}
.design h2{
  font-size:34px;
  max-width:430px;
}
.design p{
  max-width:520px;
}
.design a{
  color:var(--blue2);
  font-weight:600;
}
.dp-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
.dp-points div{
  min-height:168px;
  text-align:center;
  padding:12px 34px;
  border-left:1px solid var(--border);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.dp-points img{
  width:54px;
  height:54px;
  margin-bottom:14px;
  flex:0 0 auto;
}
.dp-points span{
  color:#dce3f6;
  font-size:16px;
  line-height:1.35;
}

/* Footer */
.footer{
  max-width:var(--page-max);
  display:grid;
  grid-template-columns:2fr 1fr 1.2fr 1.2fr;
  gap:44px;
  padding:30px var(--gutter) 42px;
}
.footer-brand img{width:168px;margin-bottom:14px}
.footer p{font-size:15px;max-width:270px}
.footer h4{font-size:14px;color:#fff;margin:12px 0 16px}
.footer a{display:block;color:#d7dcea;margin:0 0 12px;font-size:14px}
.socials{display:flex;gap:10px;margin-top:16px}
.socials img{width:38px;height:38px}
.legal{
  max-width:calc(var(--page-max) - (var(--gutter) * 2));
  padding:18px 0 36px;
  display:flex;
  justify-content:space-between;
  color:var(--muted2);
  font-size:13px;
  border-top:1px solid var(--border);
}
.legal a{margin-left:26px;color:var(--muted2)}

/* ------------------------------------------------------------------
   DESKTOP-CANVAS LOCK
   This keeps the site visually stable when the browser is narrowed.
   Instead of squeezing/reflowing the layout, the page maintains a
   professional desktop design width and the browser scrolls horizontally
   only if the viewport is narrower than the design canvas.
------------------------------------------------------------------- */

html,
body{
  min-width:1180px;
}

body{
  overflow-x:auto;
}

.nav,
main,
.footer,
.legal{
  width:1180px;
  max-width:1180px;
}

.nav{
  padding-left:68px;
  padding-right:68px;
}

main{
  overflow:visible;
}

.hero{
  grid-template-columns:47% 53%;
  min-height:640px;
  padding-left:68px;
  padding-right:68px;
}

.hero h1{
  font-size:56px;
}

.hero-visual{
  height:450px;
}

.hero-visual img{
  right:-250px;
  top:-68px;
  width:960px;
}

.cred-strip{
  padding-left:68px;
  padding-right:68px;
}

.section-grid{
  grid-template-columns:1fr 1fr;
  gap:76px;
  padding-left:68px;
  padding-right:68px;
}

.how{
  padding-left:68px;
  padding-right:68px;
}

.flow{
  grid-template-columns:minmax(290px,1.25fr) 34px minmax(240px,1fr) 34px minmax(290px,1.25fr);
}

.design{
  width:calc(100% - 136px);
  max-width:1044px;
  grid-template-columns:minmax(345px,.95fr) minmax(520px,1.3fr);
  gap:42px;
  padding:40px 38px;
}

.dp-points div{
  padding-left:22px;
  padding-right:22px;
}

.footer{
  padding-left:68px;
  padding-right:68px;
}

.legal{
  width:1044px;
  max-width:1044px;
}

/* Keep the nav usable without collapsing */
.navlinks a:not(.button){
  display:inline-flex;
}



/* FINAL HEADER POLISH OVERRIDE
   Adds real breathing room above and below the logo and prevents it from crowding the top edge.
*/
.nav{
  min-height:104px !important;
  height:auto !important;
  padding-top:24px !important;
  padding-bottom:24px !important;
  align-items:center !important;
}

.brand img{
  width:184px !important;
  height:auto !important;
  display:block !important;
  transform:translateY(0) !important;
}



/* --- HERO CTA REFINEMENT --- */
.hero-actions {
  display: flex;
  gap: 24px;
  margin-top: 32px;
}

.button.primary {
  background: linear-gradient(135deg, #356bff, #4f7cff);
  box-shadow: 0 14px 40px rgba(79,124,255,.25);
}

.button.secondary {
  background: transparent;
  border: 1px solid rgba(255,255,255,.4);
  color: #fff;
}


/* =========================================================
   HOME PAGE HERO CONTAINMENT FIX
   Mirrors the investor hero fix: keeps the left hero copy
   from visually running into the right-side wave image while
   preserving the existing desktop canvas and site fidelity.
   ========================================================= */

.hero{
  position:relative !important;
  display:grid !important;
  grid-template-columns:43% 57% !important;
  align-items:center !important;
  column-gap:28px !important;
  overflow:hidden !important;
}

.hero-copy{
  position:relative !important;
  z-index:3 !important;
  width:420px !important;
  min-width:420px !important;
  max-width:420px !important;
  padding-right:18px !important;
}

.hero h1{
  width:420px !important;
  max-width:420px !important;
  font-size:50px !important;
  line-height:1.03 !important;
  letter-spacing:-0.055em !important;
  font-weight:800 !important;
  margin:0 0 24px !important;
  text-wrap:normal !important;
}

.hero .lead{
  width:410px !important;
  max-width:410px !important;
  font-size:16px !important;
  line-height:1.55 !important;
  margin:0 0 34px !important;
}

.hero-actions{
  position:relative !important;
  z-index:4 !important;
  margin-top:0 !important;
}

.hero-visual{
  position:relative !important;
  z-index:1 !important;
  height:450px !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.hero-visual img{
  position:absolute !important;
  right:-165px !important;
  top:-68px !important;
  width:940px !important;
  max-width:none !important;
  opacity:.85 !important;
}

/* Soft separation between copy and visual field so the image reads as
   a deliberate right-side layer rather than a box competing with text. */
.hero::after{
  content:"";
  position:absolute;
  top:0;
  left:390px;
  width:190px;
  height:100%;
  background:linear-gradient(
    90deg,
    rgba(5,9,20,0) 0%,
    rgba(5,9,20,.72) 46%,
    rgba(5,9,20,0) 100%
  );
  pointer-events:none;
  z-index:2;
}

/* Preserve fixed-width desktop behavior when the browser is narrowed. */
@media (max-width:1000px){
  .hero{
    display:grid !important;
    grid-template-columns:43% 57% !important;
    column-gap:28px !important;
  }

  .hero-copy{
    width:420px !important;
    min-width:420px !important;
    max-width:420px !important;
    padding-right:18px !important;
  }

  .hero h1{
    width:420px !important;
    max-width:420px !important;
    font-size:50px !important;
    line-height:1.03 !important;
  }

  .hero .lead{
    width:410px !important;
    max-width:410px !important;
    font-size:16px !important;
    line-height:1.55 !important;
  }

  .hero-visual{
    height:450px !important;
  }

  .hero-visual img{
    right:-165px !important;
    top:-68px !important;
    width:940px !important;
  }
}


/* =========================================================
   GAUSS QUOTE SECTION — FINAL POLISH, NO DECORATIVE QUOTE
   Cleaner quote hierarchy, better attribution spacing, and a
   subtle premium glow without the extra quote-mark artifact.
   ========================================================= */

.gauss-quote{
  width:calc(100% - 136px) !important;
  max-width:900px !important;
  margin:56px auto 70px !important;
  padding:38px 46px 36px !important;
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(79,124,255,.44) !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at 12% 16%,rgba(79,124,255,.14),transparent 30%),
    radial-gradient(circle at 88% 78%,rgba(114,161,255,.10),transparent 32%),
    linear-gradient(180deg,rgba(16,24,39,.90),rgba(9,16,28,.88)) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.25),
    0 0 34px rgba(79,124,255,.10),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.gauss-quote::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,transparent,rgba(79,124,255,.16),transparent),
    repeating-linear-gradient(
      90deg,
      rgba(114,161,255,.045) 0,
      rgba(114,161,255,.045) 1px,
      transparent 1px,
      transparent 46px
    ) !important;
  opacity:.22 !important;
  pointer-events:none !important;
}

.gauss-quote::after{
  content:"" !important;
  position:absolute !important;
  left:46px !important;
  right:46px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(114,161,255,.62),transparent) !important;
  opacity:.58 !important;
  pointer-events:none !important;
}

.gauss-quote .eyebrow{
  position:relative !important;
  z-index:2 !important;
  margin:0 0 14px !important;
  font-size:12px !important;
  letter-spacing:.105em !important;
  color:var(--blue2) !important;
}

.gauss-quote blockquote{
  position:relative !important;
  z-index:2 !important;
  max-width:720px !important;
  margin:0 !important;
  color:#f6f8ff !important;
  font-size:25px !important;
  line-height:1.28 !important;
  letter-spacing:-.025em !important;
  font-weight:760 !important;
}

.gauss-quote blockquote span{
  display:block !important;
}

.gauss-quote blockquote .quote-muted{
  color:#b8c2d8 !important;
  font-weight:700 !important;
}

.gauss-quote blockquote span:last-child{
  color:#ffffff !important;
  font-weight:820 !important;
}

.quote-attribution{
  position:relative !important;
  z-index:2 !important;
  margin:14px 0 0 !important;
  color:var(--blue2) !important;
  font-size:15px !important;
  line-height:1.4 !important;
  font-weight:650 !important;
}

.quote-bridge{
  position:relative !important;
  z-index:2 !important;
  max-width:760px !important;
  margin:20px 0 0 !important;
  padding-top:19px !important;
  border-top:1px solid rgba(34,48,74,.92) !important;
  color:#cbd3e4 !important;
  font-size:16px !important;
  line-height:1.58 !important;
}

.gauss-quote-art{
  display:none !important;
}

.gauss-quote-copy{
  position:relative !important;
  z-index:2 !important;
}

@media (max-width:1000px){
  .gauss-quote{
    width:calc(100% - 136px) !important;
    max-width:900px !important;
    margin:56px auto 70px !important;
    padding:38px 46px 36px !important;
  }

  .gauss-quote blockquote{
    font-size:25px !important;
    line-height:1.28 !important;
  }
}

/* Credibility label aligned with system eyebrow */
.cred-label{
  font-size:12px;
  letter-spacing:0.105em;
  text-transform:uppercase;
  color:var(--blue2);
  font-weight:700;
  display:block;
  margin-bottom:4px;
}


/* =========================================================
   HOW IT WORKS IMAGE REPLACEMENT
   Replaces the old HTML-built flow diagram with Eric's
   HowItWorks.png asset while preserving page rhythm.
   ========================================================= */

.how{
  padding:55px 68px 70px !important;
  border-bottom:1px solid var(--border) !important;
}

.how-image-wrap{
  width:100% !important;
  max-width:1044px !important;
  margin:0 auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.how-image-wrap img{
  display:block !important;
  width:100% !important;
  max-width:1044px !important;
  height:auto !important;
  object-fit:contain !important;
}

.how .flow,
.how .signals{
  display:none !important;
}

@media (max-width:1000px){
  .how{
    padding-left:68px !important;
    padding-right:68px !important;
  }

  .how-image-wrap,
  .how-image-wrap img{
    max-width:1044px !important;
  }
}


/* =========================================================
   FINAL MOBILE RESPONSIVE + HAMBURGER NAV OVERRIDE
   Keep this block at the very end of the CSS file.

   Required small HTML addition inside <header class="nav">:
   place these two lines after the logo link and before <nav class="navlinks">

   <input type="checkbox" id="mobile-menu-toggle" class="menu-toggle" aria-label="Open navigation">
   <label for="mobile-menu-toggle" class="hamburger" aria-hidden="true"><span></span><span></span><span></span></label>
   ========================================================= */

/* Desktop: hamburger controls are hidden */
.menu-toggle,
.hamburger{
  display:none;
}

@media (max-width:1000px){

  html,
  body{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body{
    background:
      radial-gradient(circle at 78% 8%,rgba(43,88,210,.20),transparent 34%),
      linear-gradient(180deg,#050914 0%,#07101c 100%) !important;
  }

  .nav,
  main,
  .footer,
  .legal,
  .cred-strip,
  .section-grid,
  .how,
  .design{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  main{
    overflow:hidden !important;
  }

  /* Mobile header */
  .nav{
    position:sticky !important;
    top:0 !important;
    min-height:104px !important;
    height:auto !important;
    padding:22px 24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
    z-index:100 !important;
  }

  .brand{
    position:relative !important;
    z-index:110 !important;
  }

  .brand img{
    width:142px !important;
    height:auto !important;
    display:block !important;
    transform:none !important;
  }

  /* Hidden checkbox that controls the menu */
  .menu-toggle{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:1px !important;
    height:1px !important;
  }

  /* Hamburger button */
  .hamburger{
    display:flex !important;
    position:relative !important;
    z-index:110 !important;
    width:46px !important;
    height:46px !important;
    border:1px solid rgba(114,161,255,.36) !important;
    border-radius:12px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    background:rgba(16,24,39,.72) !important;
    box-shadow:0 12px 34px rgba(0,0,0,.18) !important;
    cursor:pointer !important;
  }

  .hamburger span{
    display:block !important;
    width:20px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#f6f8ff !important;
    transition:transform .22s ease, opacity .18s ease !important;
  }

  /* Transform hamburger into X when open */
  .menu-toggle:checked + .hamburger span:nth-child(1){
    transform:translateY(7px) rotate(45deg) !important;
  }

  .menu-toggle:checked + .hamburger span:nth-child(2){
    opacity:0 !important;
  }

  .menu-toggle:checked + .hamburger span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg) !important;
  }

  /* Mobile dropdown navigation */
  .navlinks{
    display:flex !important;
    position:absolute !important;
    left:24px !important;
    right:24px !important;
    top:calc(100% - 8px) !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:14px !important;
    border:1px solid rgba(114,161,255,.26) !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,rgba(16,24,39,.98),rgba(7,13,25,.98)) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.34) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-8px) !important;
    pointer-events:none !important;
    transition:opacity .2s ease, transform .2s ease, visibility .2s ease !important;
    z-index:105 !important;
  }

  .menu-toggle:checked ~ .navlinks{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
    pointer-events:auto !important;
  }

  .navlinks a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    padding:16px 14px !important;
    border-bottom:1px solid rgba(34,48,74,.72) !important;
    color:#f6f8ff !important;
    font-size:16px !important;
    line-height:1.2 !important;
  }

  .navlinks a:last-child{
    border-bottom:0 !important;
  }

  .navlinks a:hover,
  .navlinks a:focus{
    color:var(--blue2) !important;
  }

  .navlinks a.active{
    color:var(--blue2) !important;
  }

  .navlinks a.active::after{
    display:none !important;
  }

  .hero{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:auto !important;
    padding:64px 28px 58px !important;
    overflow:hidden !important;
    border-bottom:1px solid var(--border) !important;
  }

  .hero::after{
    display:none !important;
    content:none !important;
  }

  .hero-copy{
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding-right:0 !important;
  }

  .hero h1{
    width:100% !important;
    max-width:100% !important;
    font-size:40px !important;
    line-height:1.06 !important;
    letter-spacing:-0.052em !important;
    margin:0 0 24px !important;
    font-weight:800 !important;
  }

  .hero .lead,
  .lead{
    width:100% !important;
    max-width:100% !important;
    font-size:17px !important;
    line-height:1.58 !important;
    margin:0 0 32px !important;
  }

  .hero-actions{
    display:flex !important;
    flex-direction:column !important;
    gap:15px !important;
    width:100% !important;
    margin-top:0 !important;
  }

  .hero-actions .button,
  .button{
    width:100% !important;
    max-width:100% !important;
    justify-content:center !important;
    padding:16px 20px !important;
    font-size:16px !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .hero-visual{
    display:block !important;
    height:215px !important;
    width:auto !important;
    min-width:0 !important;
    margin:38px -28px 0 !important;
    overflow:hidden !important;
    position:relative !important;
  }

  .hero-visual img{
    position:absolute !important;
    right:-245px !important;
    top:-96px !important;
    width:760px !important;
    max-width:none !important;
    opacity:.76 !important;
  }

  .cred-strip{
    display:block !important;
    min-height:auto !important;
    padding:34px 28px !important;
    text-align:left !important;
  }

  .cred-strip img{
    width:44px !important;
    height:44px !important;
    margin:0 0 16px !important;
  }

  .cred-strip p{
    font-size:16px !important;
    line-height:1.55 !important;
    max-width:100% !important;
  }

  .section-grid{
    display:block !important;
    padding:54px 28px !important;
    border-bottom:1px solid var(--border) !important;
  }

  .section-grid > div,
  .building > div:first-child{
    border-right:0 !important;
    padding-right:0 !important;
  }

  .building{
    padding-top:54px !important;
  }

  h2{
    font-size:32px !important;
    line-height:1.14 !important;
    letter-spacing:-.035em !important;
  }

  h3{
    font-size:18px !important;
  }

  p{
    font-size:16px !important;
    line-height:1.62 !important;
  }

  .issue,
  .capability{
    grid-template-columns:46px 1fr !important;
    gap:17px !important;
    margin-bottom:24px !important;
  }

  .issue img,
  .capability img{
    width:40px !important;
    height:40px !important;
  }

  .issue p,
  .capability p{
    font-size:14px !important;
  }

  .result-card{
    align-items:flex-start !important;
    padding:18px !important;
  }

  .how{
    padding:48px 28px 54px !important;
  }

  .how-image-wrap,
  .how-image-wrap img{
    width:100% !important;
    max-width:100% !important;
  }

  .flow{
    display:block !important;
  }

  .flow-card,
  .gauss-box{
    margin-bottom:18px !important;
  }

  .mini-grid,
  .mini-grid.three{
    grid-template-columns:1fr 1fr !important;
    row-gap:18px !important;
  }

  .mini-grid div{
    border-right:0 !important;
  }

  .dash{
    display:none !important;
  }

  .signals{
    width:100% !important;
    padding:15px 18px !important;
    font-size:15px !important;
  }

  .signals span{
    padding:0 8px !important;
  }

  .gauss-quote{
    width:calc(100% - 56px) !important;
    max-width:none !important;
    margin:42px 28px 54px !important;
    padding:30px 26px !important;
  }

  .gauss-quote blockquote{
    font-size:22px !important;
    line-height:1.3 !important;
  }

  .quote-bridge{
    font-size:15px !important;
  }

  .design{
    width:calc(100% - 56px) !important;
    max-width:none !important;
    margin:50px 28px 52px !important;
    padding:30px 24px !important;
    display:block !important;
  }

  .design h2{
    font-size:31px !important;
    max-width:100% !important;
  }

  .design p{
    max-width:100% !important;
  }

  .dp-points{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    margin-top:32px !important;
  }

  .dp-points div{
    min-height:auto !important;
    border-left:0 !important;
    border-top:1px solid var(--border) !important;
    padding:24px 0 0 !important;
  }

  .footer{
    display:block !important;
    padding:46px 28px 34px !important;
  }

  .footer-brand img{
    width:152px !important;
  }

  .footer p{
    max-width:100% !important;
  }

  .footer > div{
    margin-bottom:30px !important;
  }

  .footer a{
    font-size:14px !important;
  }

  .socials img{
    width:36px !important;
    height:36px !important;
  }

  .legal{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    padding:18px 28px 34px !important;
    font-size:12px !important;
  }

  .legal span{
    display:block !important;
    margin-bottom:14px !important;
  }

  .legal a{
    margin-left:0 !important;
    margin-right:22px !important;
  }
}