:root {
  --bg: #050c17;
  --bg-2: #071120;
  --panel: rgba(10, 23, 43, 0.76);
  --panel-2: rgba(13, 29, 54, 0.8);
  --line: rgba(91, 143, 255, 0.28);
  --line-soft: rgba(151, 190, 255, 0.16);
  --text: #f4f8ff;
  --muted: #b6c8e3;
  --muted-2: #8ea5c9;
  --blue: #5e93ff;
  --blue-2: #83b6ff;
  --deep: #020711;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: radial-gradient(circle at 72% 15%, rgba(29, 70, 154, .28), transparent 32%), var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
.site-shell { max-width: 1180px; margin: 0 auto; padding: 0 52px; }
.site-header {
  height: 138px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(83, 122, 191, .14);
  background: linear-gradient(180deg, rgba(5, 10, 21, .94), rgba(5, 10, 21, .74));
}
.brand img { width: 162px; height: auto; display: block; }
.nav { display: flex; gap: 36px; align-items: center; font-size: 13px; color: #f6fbff; }
.nav a { position: relative; opacity: .94; padding: 8px 0; }
.nav a.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background: var(--blue); border-radius: 2px; }
.section-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(320px, 1fr); gap: 72px; align-items: center; }
.reverse { grid-template-columns: minmax(340px, 1fr) minmax(0, .94fr); }
.hero { padding: 92px 0 82px; min-height: 520px; }
.eyebrow { margin: 0 0 22px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(46px, 6.2vw, 72px); line-height: .98; letter-spacing: -0.058em; margin-bottom: 30px; max-width: 690px; }
h2 { font-size: clamp(34px, 4vw, 56px); line-height: 1.02; letter-spacing: -0.052em; margin-bottom: 24px; }
h3 { font-size: 21px; line-height: 1.22; letter-spacing: -0.02em; margin-bottom: 14px; }
p { color: var(--muted); font-size: 17px; }
.lead { max-width: 660px; color: #eef5ff; font-size: 21px; line-height: 1.48; }
.lead.small { color: var(--muted); font-size: 18px; }
.hero-art { min-height: 360px; position: relative; overflow: hidden; border-radius: 28px; }
.hero-art img { position: absolute; width: 112%; height: 112%; object-fit: cover; top: -6%; left: -6%; opacity: .95; }
.proof-band { border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 56px 0; }
.proof-card { padding: 0 48px; border-right: 1px solid var(--line); min-height: 225px; }
.proof-card:first-child { padding-left: 0; }
.proof-card:last-child { border-right: 0; padding-right: 0; }
.icon { display: inline-grid; place-items: center; width: 58px; height: 58px; border: 2px solid var(--blue); border-radius: 999px; margin-bottom: 30px; position: relative; box-shadow: 0 0 28px rgba(84, 135, 255, .2); }
.icon::before, .icon::after { content: ""; position: absolute; border-color: var(--blue-2); }
.icon.trend::before { width: 25px; height: 25px; border-left: 2px solid; border-bottom: 2px solid; transform: rotate(135deg); }
.icon.network::before { width: 16px; height: 16px; border: 2px solid; border-radius: 50%; top: 13px; }
.icon.network::after { width: 34px; height: 18px; border: 2px solid; border-radius: 18px 18px 0 0; border-bottom: 0; bottom: 13px; }
.icon.target::before { width: 30px; height: 30px; border: 2px solid; border-radius: 50%; }
.icon.target::after { width: 12px; height: 12px; border: 2px solid; border-radius: 50%; }
.proof-card p { font-size: 18px; color: #eff5ff; }
.split-section, .architecture-section { padding: 92px 0; border-bottom: 1px solid var(--line-soft); }
.split-section { display: grid; grid-template-columns: 1fr .86fr; gap: 70px; align-items: start; }
.section-copy p { max-width: 720px; }
.insight-panel { background: linear-gradient(145deg, rgba(13, 29, 55, .92), rgba(4, 12, 26, .86)); border: 1px solid var(--line); border-radius: 18px; padding: 38px 42px; box-shadow: 0 18px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04); }
.insight-panel h3 { color: #fff; margin-bottom: 22px; }
ul { list-style: none; padding: 0; margin: 0; }
li { color: var(--muted); padding: 13px 0 13px 28px; border-top: 1px solid rgba(132, 171, 255, .14); position: relative; }
li:first-child { border-top: 0; }
li::before { content: ""; position: absolute; width: 8px; height: 8px; left: 0; top: 23px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 18px rgba(94, 147, 255, .75); }
.deep-section { padding: 94px 0; border-bottom: 1px solid var(--line-soft); }
.center-copy { max-width: 850px; margin-bottom: 48px; }
.operator-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.operator-grid article { min-height: 290px; padding: 32px 28px; background: rgba(9, 20, 38, .78); border: 1px solid var(--line); border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
.operator-grid article:hover { border-color: rgba(113, 164, 255, .76); transform: translateY(-2px); transition: .2s ease; }
.operator-grid p { font-size: 16px; }
.architecture-art { min-height: 410px; border-radius: 24px; overflow: hidden; background: radial-gradient(circle at 50% 50%, rgba(32,95,255,.14), transparent 60%); }
.architecture-art img { width: 100%; height: 100%; object-fit: cover; opacity: .92; }
.callout-line { margin-top: 28px; padding: 22px 24px; border-left: 3px solid var(--blue); background: rgba(85, 136, 255, .08); color: #f5f8ff; font-weight: 750; border-radius: 0 14px 14px 0; }
.manifesto-card { margin: 90px 0 86px; padding: 58px 70px; border: 1px solid rgba(99, 147, 255, .42); border-radius: 18px; background: linear-gradient(135deg, rgba(16, 37, 70, .8), rgba(6, 15, 29, .88)); box-shadow: 0 24px 90px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255,255,255,.04); }
.manifesto-card h2 { max-width: 920px; }
.manifesto-card p { max-width: 930px; }
.cta { display: inline-flex; align-items: center; margin-top: 18px; padding: 14px 22px; background: #5f90ff; color: #fff; border-radius: 8px; font-weight: 750; box-shadow: 0 0 34px rgba(82, 135, 255, .34); }
.cta::after { content: "→"; margin-left: 12px; }
.site-footer { padding: 42px 0 26px; border-top: 1px solid var(--line-soft); }
.footer-brand { display: inline-block; width: 300px; vertical-align: top; }
.footer-brand img { width: 152px; }
.footer-brand p { font-size: 15px; margin-top: 18px; max-width: 230px; }
.footer-links { float: right; display: grid; grid-template-columns: repeat(3, 170px); gap: 38px; }
.footer-links h4 { font-size: 13px; color: #fff; margin: 0 0 14px; }
.footer-links a { display: block; color: #d5e3ff; font-size: 13px; margin: 9px 0; }
.footer-bottom { clear: both; display: flex; justify-content: space-between; gap: 20px; padding-top: 48px; margin-top: 36px; border-top: 1px solid var(--line-soft); color: var(--muted-2); font-size: 12px; }
.footer-bottom a { margin-left: 30px; }
@media (max-width: 980px) {
  .site-shell { padding: 0 28px; }
  .site-header { height: auto; padding: 26px 0; align-items: flex-start; gap: 20px; flex-direction: column; }
  .nav { gap: 18px; flex-wrap: wrap; }
  .section-grid, .reverse, .split-section { grid-template-columns: 1fr; gap: 36px; }
  .hero { padding-top: 60px; }
  .proof-band, .operator-grid { grid-template-columns: 1fr; }
  .proof-card { border-right: 0; border-bottom: 1px solid var(--line); padding: 28px 0; min-height: unset; }
  .proof-card:first-child { padding-top: 0; }
  .proof-card:last-child { border-bottom: 0; }
  .manifesto-card { padding: 36px 28px; }
  .footer-links { float: none; grid-template-columns: 1fr; margin-top: 32px; }
  .footer-brand { width: auto; }
  .footer-bottom { flex-direction: column; }
  .footer-bottom a { margin-left: 0; margin-right: 20px; }
}




/* ------------------------------------------------------------------
   EVOLUTION SECTION
------------------------------------------------------------------- */
.evolution-section{padding:92px 0;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:start;}
.evolution-copy p{max-width:650px;}
.evolution-panel{position:relative;overflow:hidden;padding:38px 42px 40px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 88% 8%,rgba(94,147,255,.18),transparent 32%),linear-gradient(145deg,rgba(13,29,55,.92),rgba(4,12,26,.86));box-shadow:0 18px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);}
.evolution-line{position:relative;height:34px;margin:0 0 24px;}
.evolution-line::before{content:"";position:absolute;left:0;right:0;top:16px;height:2px;background:linear-gradient(90deg,rgba(94,147,255,.18),rgba(94,147,255,.74),rgba(131,182,255,.28));box-shadow:0 0 22px rgba(94,147,255,.3);}
.evolution-line span{position:absolute;top:7px;width:20px;height:20px;border:2px solid var(--blue);border-radius:50%;background:var(--panel-2);box-shadow:0 0 20px rgba(94,147,255,.45);}
.evolution-line span:nth-child(1){left:0;}.evolution-line span:nth-child(2){left:32%;}.evolution-line span:nth-child(3){left:64%;}.evolution-line span:nth-child(4){right:0;}
.evolution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.evolution-grid article{min-height:142px;padding:20px 18px;border:1px solid rgba(132,171,255,.2);border-radius:12px;background:rgba(7,18,35,.58);}
.evolution-grid strong{display:block;color:#fff;font-size:15px;line-height:1.25;margin-bottom:10px;}
.evolution-grid p{color:var(--muted);font-size:14px;line-height:1.5;margin:0;}
.evolution-callout{margin-top:24px;padding:22px 24px;border-left:3px solid var(--blue);border-radius:0 14px 14px 0;background:rgba(85,136,255,.08);color:#f5f8ff;font-size:16px;line-height:1.58;font-weight:650;}

/* ------------------------------------------------------------------
   WHY GAUSSIQ PAGE DESKTOP-CANVAS LOCK
   Mirrors the stable behavior used on the About page:
   - page keeps the intended desktop composition when browser narrows
   - browser narrowing uses horizontal scroll rather than squeezing layouts
   - very wide browsers keep the page centered at the designed canvas width
   - header, hero, proof band, sections, cards, and footer remain aligned
------------------------------------------------------------------- */

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

body{
  overflow-x:auto;
}

/* Center and lock the page canvas */
.site-shell{
  width:1180px !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:68px !important;
  padding-right:68px !important;
}

.site-header{
  width:1180px !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  min-height:104px !important;
  height:auto !important;
  padding-top:24px !important;
  padding-bottom:24px !important;
}

.brand img{
  width:184px !important;
  height:auto !important;
  display:block !important;
}

.nav{
  display:flex !important;
  align-items:center !important;
  gap:34px !important;
  flex-wrap:nowrap !important;
}

.nav a{
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
}

/* Preserve intended desktop layouts */
.section-grid,
.reverse{
  display:grid !important;
}

.section-grid{
  grid-template-columns:minmax(0,.92fr) minmax(320px,1fr) !important;
  gap:72px !important;
}

.reverse{
  grid-template-columns:minmax(340px,1fr) minmax(0,.94fr) !important;
  gap:72px !important;
}

.hero{
  min-height:520px !important;
  padding-top:92px !important;
  padding-bottom:82px !important;
}

.hero-art{
  min-height:360px !important;
}

.proof-band{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  padding:56px 0 !important;
}

.proof-card{
  border-right:1px solid var(--line) !important;
  border-bottom:0 !important;
  padding:0 48px !important;
  min-height:225px !important;
}

.proof-card:first-child{
  padding-left:0 !important;
}

.proof-card:last-child{
  border-right:0 !important;
  padding-right:0 !important;
}

.split-section{
  display:grid !important;
  grid-template-columns:1fr .86fr !important;
  gap:70px !important;
  align-items:start !important;
}

.operator-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:18px !important;
}

.architecture-art{
  min-height:410px !important;
}

.footer-links{
  float:right !important;
  display:grid !important;
  grid-template-columns:repeat(3,170px) !important;
  gap:38px !important;
}

.footer-brand{
  display:inline-block !important;
  width:300px !important;
}

.footer-bottom{
  display:flex !important;
  flex-direction:row !important;
  justify-content:space-between !important;
  gap:20px !important;
}

.footer-bottom a{
  margin-left:30px !important;
  margin-right:0 !important;
}

/* Keep desktop canvas when browser is narrow */
@media (max-width: 980px){
  .site-shell,
  .site-header{
    width:1180px !important;
    max-width:1180px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:68px !important;
    padding-right:68px !important;
  }

  .site-header{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:20px !important;
  }

  .nav{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:34px !important;
  }

  .section-grid{
    grid-template-columns:minmax(0,.92fr) minmax(320px,1fr) !important;
    gap:72px !important;
  }

  .reverse{
    grid-template-columns:minmax(340px,1fr) minmax(0,.94fr) !important;
    gap:72px !important;
  }

  .split-section{
    grid-template-columns:1fr .86fr !important;
    gap:70px !important;
  }

  .proof-band{
    grid-template-columns:repeat(3,1fr) !important;
  }

  .proof-card{
    border-right:1px solid var(--line) !important;
    border-bottom:0 !important;
    padding:0 48px !important;
    min-height:225px !important;
  }

  .proof-card:first-child{
    padding-left:0 !important;
  }

  .proof-card:last-child{
    border-right:0 !important;
    padding-right:0 !important;
  }

  .operator-grid{
    grid-template-columns:repeat(4,1fr) !important;
  }

  .manifesto-card{
    padding:58px 70px !important;
  }

  h1{
    font-size:72px !important;
  }

  h2{
    font-size:56px !important;
  }

  .footer-links{
    float:right !important;
    grid-template-columns:repeat(3,170px) !important;
    margin-top:0 !important;
  }

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

  .footer-bottom{
    flex-direction:row !important;
  }

  .footer-bottom a{
    margin-left:30px !important;
    margin-right:0 !important;
  }
}


/* ------------------------------------------------------------------
   FOOTER INVESTOR ICON SIDE-BY-SIDE FIX - v2
   The investor column contains the Investor Inquiries text link followed
   by the LinkedIn and email icon links. This overrides the default
   .footer-links a { display:block; } rule that was stacking the icons.
------------------------------------------------------------------- */

.footer-links > *:last-child a{
  display:inline-flex !important;
  vertical-align:middle !important;
}

.footer-links > *:last-child a:first-of-type{
  display:block !important;
  width:100% !important;
  margin-bottom:18px !important;
}

.footer-links > *:last-child a:not(:first-of-type){
  width:auto !important;
  margin:0 14px 0 0 !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
}

.footer-links > *:last-child a:not(:first-of-type) img,
.footer-links > *:last-child a:not(:first-of-type) svg{
  display:block !important;
}

/* If the icons are wrapped in a container on some page versions */
.footer-links > *:last-child .social-icons,
.footer-links > *:last-child .socials{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:14px !important;
  margin-top:18px !important;
}

.footer-links > *:last-child .social-icons a,
.footer-links > *:last-child .socials a{
  display:inline-flex !important;
  width:auto !important;
  margin:0 !important;
}

/* Preserve this behavior in the desktop canvas lock media rule */
@media (max-width:980px){
  .footer-links > *:last-child a{
    display:inline-flex !important;
  }

  .footer-links > *:last-child a:first-of-type{
    display:block !important;
    width:100% !important;
    margin-bottom:18px !important;
  }

  .footer-links > *:last-child a:not(:first-of-type){
    width:auto !important;
    margin:0 14px 0 0 !important;
  }

  .footer-links > *:last-child .social-icons,
  .footer-links > *:last-child .socials{
    display:flex !important;
    flex-direction:row !important;
    gap:14px !important;
  }
}


/* Evolution section desktop lock */
.evolution-section{display:grid !important;grid-template-columns:.86fr 1.14fr !important;gap:70px !important;}
.evolution-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:16px !important;}
@media (max-width:980px){.evolution-section{grid-template-columns:.86fr 1.14fr !important;gap:70px !important;}.evolution-grid{grid-template-columns:repeat(4,1fr) !important;}}


/* ------------------------------------------------------------------
   EVOLUTION SECTION RIGHT-PANEL WIDTH FIX
   Keeps the right-side evolution box in place while giving the cards
   enough room so the fourth card is not clipped.
------------------------------------------------------------------- */

.evolution-section{
  grid-template-columns:.74fr 1.26fr !important;
  gap:54px !important;
}

.evolution-panel{
  padding:38px 34px 40px 34px !important;
  overflow:hidden !important;
}

.evolution-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}

.evolution-grid article{
  min-width:0 !important;
  padding:20px 16px !important;
}

.evolution-grid strong{
  font-size:14px !important;
}

.evolution-grid p{
  font-size:14px !important;
  line-height:1.48 !important;
}

.evolution-callout{
  margin-right:0 !important;
}

/* Preserve the corrected desktop layout in narrow-browser desktop-canvas mode */
@media (max-width:980px){
  .evolution-section{
    grid-template-columns:.74fr 1.26fr !important;
    gap:54px !important;
  }

  .evolution-panel{
    padding:38px 34px 40px 34px !important;
  }

  .evolution-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}


/* ------------------------------------------------------------------
   EVOLUTION PANEL STAGGER
   Moves the right-side evolution panel down slightly for better
   optical balance against the taller headline/text block.
------------------------------------------------------------------- */

.evolution-panel{
  margin-top:32px !important;
}

@media (max-width:980px){
  .evolution-panel{
    margin-top:32px !important;
  }
}


/* ------------------------------------------------------------------
   WHY GAUSSIQ FOOTER CONSISTENCY FIX
   Aligns the Why GaussIQ footer typography and investor icons with
   the main About page footer.
------------------------------------------------------------------- */

.site-footer{
  padding:42px 0 26px !important;
  border-top:1px solid var(--line-soft) !important;
}

.footer-brand{
  display:inline-block !important;
  width:300px !important;
  vertical-align:top !important;
}

.footer-brand img{
  width:152px !important;
  height:auto !important;
  display:block !important;
  margin-bottom:18px !important;
}

.footer-brand p{
  font-size:15px !important;
  line-height:1.6 !important;
  color:var(--muted) !important;
  max-width:230px !important;
  margin-top:18px !important;
  margin-bottom:0 !important;
}

.footer-links{
  float:right !important;
  display:grid !important;
  grid-template-columns:repeat(3,170px) !important;
  gap:38px !important;
  align-items:start !important;
}

.footer-links h4{
  font-size:13px !important;
  line-height:1.2 !important;
  color:#fff !important;
  margin:0 0 14px !important;
}

.footer-links a{
  display:block !important;
  color:#d5e3ff !important;
  font-size:13px !important;
  line-height:1.35 !important;
  margin:9px 0 !important;
}

/* Keep investor icons side-by-side and at the same scale as other pages */
.footer-links .socials{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:16px !important;
}

.footer-links .socials a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
}

.footer-links .socials img{
  width:38px !important;
  height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  display:block !important;
}

.footer-bottom{
  clear:both !important;
  display:flex !important;
  flex-direction:row !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding-top:48px !important;
  margin-top:36px !important;
  border-top:1px solid var(--line-soft) !important;
  color:var(--muted-2) !important;
  font-size:12px !important;
  line-height:1.4 !important;
}

.footer-bottom a{
  margin-left:30px !important;
  margin-right:0 !important;
  color:var(--muted-2) !important;
  font-size:12px !important;
}

/* Preserve footer consistency in the desktop-canvas narrow-browser mode */
@media (max-width:980px){
  .footer-brand{
    width:300px !important;
  }

  .footer-brand p{
    font-size:15px !important;
    line-height:1.6 !important;
    max-width:230px !important;
  }

  .footer-links{
    float:right !important;
    grid-template-columns:repeat(3,170px) !important;
    gap:38px !important;
    margin-top:0 !important;
  }

  .footer-links .socials{
    display:flex !important;
    flex-direction:row !important;
    gap:10px !important;
  }

  .footer-links .socials a,
  .footer-links .socials img{
    width:38px !important;
    height:38px !important;
  }

  .footer-bottom{
    flex-direction:row !important;
  }
}


/* ------------------------------------------------------------------
   WHY GAUSSIQ HEADER ALIGNMENT FIX
   Matches the About page header canvas: the header itself stays at
   1180px wide, but the logo and navigation are inset 68px from the
   page edge so the right navigation aligns with the content column.
------------------------------------------------------------------- */

.site-header{
  padding:24px 68px !important;
}

@media (max-width:980px){
  .site-header{
    padding:24px 68px !important;
  }
}
/* ------------------------------------------------------------------
   WHY GAUSSIQ HERO STATEMENT LAYOUT
   Makes the hero headline a full-width section statement, then places
   the narrative copy and execution-wave visual side by side underneath.
------------------------------------------------------------------- */

.hero.hero-statement{
  display:block !important;
  min-height:520px !important;
  padding-top:92px !important;
  padding-bottom:82px !important;
}

.hero-statement .eyebrow{
  margin-bottom:22px !important;
}

.hero-statement h1{
  max-width:860px !important;
  margin-bottom:38px !important;
}

.hero-content-grid{
  display:grid !important;
  grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr) !important;
  gap:72px !important;
  align-items:start !important;
}

.hero-content-grid .hero-copy{
  max-width:540px !important;
}

.hero-content-grid .lead{
  max-width:540px !important;
}

.hero-content-grid .hero-art{
  min-height:300px !important;
  margin-top:-12px !important;
  border-radius:0 !important;
}

.hero-content-grid .hero-art img{
  position:absolute !important;
  width:118% !important;
  height:118% !important;
  object-fit:cover !important;
  top:-9% !important;
  left:-7% !important;
  opacity:.95 !important;
}

/* Preserve the revised hero in desktop-canvas narrow-browser mode */
@media (max-width:980px){
  .hero.hero-statement{
    display:block !important;
    min-height:520px !important;
    padding-top:92px !important;
    padding-bottom:82px !important;
  }

  .hero-statement h1{
    max-width:860px !important;
    margin-bottom:38px !important;
    font-size:72px !important;
  }

  .hero-content-grid{
    grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr) !important;
    gap:72px !important;
  }

  .hero-content-grid .hero-art{
    min-height:300px !important;
    margin-top:-12px !important;
  }
}





/* ------------------------------------------------------------------
   FINAL HEADER + PAGE CANVAS CONSISTENCY FIX
   Aligns the Why GaussIQ page with the About page structure:
   - outer page canvas = 1180px
   - content inset = 68px
   - header, body, and footer all share the same alignment rhythm
------------------------------------------------------------------- */

.site-shell{
  width:1180px !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.site-header,
main,
.site-footer{
  width:1180px !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.site-header{
  min-height:104px !important;
  height:auto !important;
  padding:24px 68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

main,
.site-footer{
  padding-left:68px !important;
  padding-right:68px !important;
}

@media (max-width:980px){

  .site-shell,
  .site-header,
  main,
  .site-footer{
    width:1180px !important;
    max-width:1180px !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .site-shell{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .site-header{
    padding:24px 68px !important;
  }

  main,
  .site-footer{
    padding-left:68px !important;
    padding-right:68px !important;
  }
}



.nav{
  gap:30px !important;
  font-size:14px !important;
}

.nav a{
  font-size:14px !important;
  font-weight:500 !important;
}

@media (max-width:980px){

  .brand img{
    width:154px !important;
  }

  .nav{
    gap:30px !important;
    font-size:14px !important;
  }

  .nav a{
    font-size:14px !important;
    font-weight:500 !important;
  }
}



/* ------------------------------------------------------------------
   FINAL WHY GAUSSIQ SHARED HEADER / CANVAS CLASS-MAPPING FIX
   Why GaussIQ uses:
   - .site-header = full header bar
   - .site-header .nav = navigation link group

   Other site pages use:
   - .nav = full header bar
   - .navlinks = navigation link group

   This block maps the Why GaussIQ structure to the same visual system:
   - 1180px outer page canvas
   - 68px content gutter
   - 142px logo
   - 15px navigation links
   - 34px navigation gap
------------------------------------------------------------------- */

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

body{
  overflow-x:auto !important;
}

.site-shell{
  width:1180px !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.site-header,
main,
.site-footer{
  width:1180px !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.site-header{
  min-height:104px !important;
  height:auto !important;
  padding:24px 68px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  position:sticky !important;
  top:0 !important;
  z-index:20 !important;
  background:rgba(5,9,20,.72) !important;
  backdrop-filter:blur(16px) !important;
  border-bottom:1px solid rgba(255,255,255,.04) !important;
}

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

/* On this page .nav is the link group, equivalent to .navlinks on other pages */
.site-header .nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:34px !important;
  flex-wrap:nowrap !important;
  font-size:15px !important;
  line-height:1 !important;
  color:#fff !important;
}

.site-header .nav a,
.site-header .nav a:not(.button){
  display:inline-flex !important;
  align-items:center !important;
  line-height:1 !important;
  font-size:15px !important;
  font-weight:400 !important;
  color:#fff !important;
  opacity:.92 !important;
  white-space:nowrap !important;
  padding:0 !important;
}

.site-header .nav a.active{
  color:var(--blue-2) !important;
  position:relative !important;
  opacity:1 !important;
}

.site-header .nav a.active::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-15px !important;
  transform:translateX(-50%) !important;
  width:28px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--blue) !important;
}

/* Keep body and footer inset aligned to the shared site rhythm */
main,
.site-footer{
  padding-left:68px !important;
  padding-right:68px !important;
}

/* Footer link sizes should align with shared footer sizing */
.footer-links a{
  font-size:14px !important;
}

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

/* Preserve fixed desktop canvas when browser is narrower */
@media (max-width:980px){

  .site-shell,
  .site-header,
  main,
  .site-footer{
    width:1180px !important;
    max-width:1180px !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .site-shell{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .site-header{
    min-height:104px !important;
    height:auto !important;
    padding:24px 68px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .site-header .brand img{
    width:142px !important;
  }

  .site-header .nav{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:34px !important;
    font-size:15px !important;
  }

  .site-header .nav a,
  .site-header .nav a:not(.button){
    display:inline-flex !important;
    font-size:15px !important;
    line-height:1 !important;
  }

  main,
  .site-footer{
    padding-left:68px !important;
    padding-right:68px !important;
  }
}


/* =========================================================
   FINAL WHY GAUSSIQ MOBILE RESPONSIVE + HAMBURGER NAV
   Keep this block at the very end of the file.
   Desktop layout remains unchanged; mobile overrides the 1180px
   desktop canvas lock and uses a checkbox-driven hamburger menu.
   ========================================================= */

/* Desktop: hide hamburger controls */
.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{
    overflow-x:hidden !important;
  }

  .site-shell,
  .site-header,
  main,
  .site-footer{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .site-shell{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  main,
  .site-footer{
    padding-left:28px !important;
    padding-right:28px !important;
  }

  /* Mobile header */
  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:100 !important;
    min-height:96px !important;
    height:auto !important;
    padding:20px 24px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    background:rgba(5,9,20,.86) !important;
    backdrop-filter:blur(16px) !important;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
  }

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

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

  .menu-toggle{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:1px !important;
    height:1px !important;
  }

  .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,.74) !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;
  }

  .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;
  }

  /* On this page .nav is the navigation link group */
  .site-header .nav{
    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 ~ .nav{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
    pointer-events:auto !important;
  }

  .site-header .nav a,
  .site-header .nav a:not(.button){
    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;
    white-space:normal !important;
    opacity:1 !important;
  }

  .site-header .nav a:last-child{
    border-bottom:0 !important;
  }

  .site-header .nav a:hover,
  .site-header .nav a:focus,
  .site-header .nav a.active{
    color:var(--blue-2) !important;
  }

  .site-header .nav a.active::after{
    display:none !important;
  }

  /* Mobile page layout */
  .hero.hero-statement{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-height:auto !important;
    padding:56px 0 54px !important;
  }

  .hero-statement h1{
    max-width:100% !important;
    font-size:42px !important;
    line-height:1.05 !important;
    letter-spacing:-0.052em !important;
    margin-bottom:30px !important;
  }

  .hero-content-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .hero-content-grid .hero-copy,
  .hero-content-grid .lead,
  .lead{
    max-width:100% !important;
  }

  .lead{
    font-size:18px !important;
    line-height:1.58 !important;
  }

  .hero-content-grid .hero-art{
    min-height:220px !important;
    margin-top:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .proof-band{
    display:grid !important;
    grid-template-columns:1fr !important;
    padding:42px 0 !important;
  }

  .proof-card{
    border-right:0 !important;
    border-bottom:1px solid var(--line) !important;
    padding:28px 0 !important;
    min-height:auto !important;
  }

  .proof-card:first-child{
    padding-top:0 !important;
  }

  .proof-card:last-child{
    border-bottom:0 !important;
    padding-bottom:0 !important;
  }

  .evolution-section,
  .split-section,
  .section-grid,
  .reverse{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
    padding:58px 0 !important;
  }

  .evolution-panel{
    margin-top:0 !important;
    padding:28px 24px !important;
  }

  .evolution-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .evolution-grid article{
    min-height:auto !important;
  }

  .operator-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .operator-grid article{
    min-height:auto !important;
  }

  .architecture-art{
    min-height:240px !important;
  }

  .manifesto-card{
    margin:58px 0 54px !important;
    padding:32px 24px !important;
  }

  h2{
    font-size:34px !important;
    line-height:1.08 !important;
  }

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

  .site-footer{
    padding-top:42px !important;
  }

  .footer-brand{
    width:auto !important;
    display:block !important;
  }

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

  .footer-links{
    float:none !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
    margin-top:34px !important;
  }

  .footer-links .socials{
    display:flex !important;
    flex-direction:row !important;
    gap:10px !important;
  }

  .footer-bottom{
    display:block !important;
    padding-top:34px !important;
  }

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

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