:root{--bg:#050914;--bg2:#08111f;--panel:#0d1422;--panel2:#101827;--border:#22304a;--text:#f6f8ff;--muted:#aab3c5;--muted2:#7f8aa3;--blue:#4f7cff;--blue2:#72a1ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 80% 8%,rgba(43,88,210,.24),transparent 35%),linear-gradient(180deg,#050914 0%,#07101c 100%)}a{color:inherit;text-decoration:none}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 64px;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:184px}.navlinks{display:flex;align-items:center;gap:34px;font-size:15px}.navlinks a.active{color:var(--blue2);position:relative}.navlinks a.active:after{content:"";position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);width:28px;height:2px;background:var(--blue)}.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)}main{max-width:1440px;margin:0 auto}.hero{min-height:620px;display:grid;grid-template-columns:46% 54%;align-items:center;padding:70px 96px 76px;border-bottom:1px solid var(--border);overflow:hidden}.hero-copy{max-width:620px;z-index:2}.hero h1{font-size:58px;line-height:1.07;letter-spacing:-.055em;margin:0 0 26px}.lead{color:#d6dbea;font-size:19px;line-height:1.62;max-width:560px;margin:0 0 42px}.hero-visual{position:relative;height:430px}.hero-visual img{position:absolute;right:-230px;top:-70px;width:990px;max-width:none;opacity:.92}.eyebrow{margin:0 0 22px;color:var(--blue2);text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:700}h2{font-size:36px;line-height:1.15;letter-spacing:-.03em;margin:0 0 22px}h3,p{margin-top:0}p{color:var(--muted);font-size:17px;line-height:1.62}.section-grid{display:grid;grid-template-columns:.95fr 1.35fr;gap:84px;padding:76px 96px;border-bottom:1px solid var(--border)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.stat{padding:12px 38px 12px 0;border-right:1px solid var(--border)}.stat:last-child{border-right:0}.stat img{width:62px;height:62px;margin-bottom:24px}.stat h3{font-size:24px;margin-bottom:12px}.stat p{font-size:15px;margin:0;color:var(--muted)}.card{background:linear-gradient(180deg,rgba(16,24,39,.88),rgba(9,16,28,.88));border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.solution{margin:66px 64px 58px;display:grid;grid-template-columns:38% 62%;align-items:center;overflow:hidden;min-height:355px}.orb-wrap{height:355px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(79,124,255,.20),transparent 58%)}.orb-wrap img{
  width:360px;
  height:auto;
  object-fit:contain;
  filter: drop-shadow(0 0 30px rgba(79,124,255,0.25));
}.solution-copy{padding:50px 54px}.solution-copy h2{font-size:40px}.solution-points{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.solution-points div{display:flex;gap:12px;align-items:center}.solution-points img{width:48px}.solution-points span{font-weight:700;font-size:15px;line-height:1.2}.raise{grid-template-columns:.9fr .9fr 1fr;align-items:center;padding-top:58px}.raise h2 span{font-size:24px}.raise-amount{font-size:48px;font-weight:800;color:var(--blue);letter-spacing:-.04em;margin:24px 0}.check{display:flex;gap:14px;align-items:center;margin:18px 0;color:#dfe5f7;font-weight:600}.check img{width:32px}.funds{padding:0;overflow:hidden}.funds img{width:100%;display:block}.why-invest{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:38px;padding:72px 96px;border-bottom:1px solid var(--border)}.why-card{border-left:1px solid var(--border);padding-left:36px}.why-card img{width:62px;margin-bottom:22px}.why-card h3{font-size:20px}.why-card p{font-size:15px}.investor-cta{margin:62px 72px 58px;padding:34px 42px;display:flex;align-items:center;justify-content:space-between;gap:36px}.cta-left{display:flex;align-items:center;gap:28px}.cta-left img{width:72px}.investor-cta h2{font-size:28px;margin-bottom:8px}.investor-cta p{margin:0}.footer{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr;gap:44px;padding:30px 96px 42px}.footer-brand img{width:168px;margin-bottom:14px}.footer p{font-size:15px;max-width:270px;color:var(--muted);line-height:1.6}.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}.legal{max-width:1248px;margin:0 auto;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)}@media(max-width:1000px){.nav{padding:0 24px}.navlinks a:not(.active){display:none}.hero,.section-grid,.raise,.why-invest,.solution,.investor-cta,.footer{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.hero h1{font-size:44px}.hero-visual{height:230px}.hero-visual img{right:-310px;top:-160px}.stat-grid,.solution-points{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--border);padding-bottom:24px}.solution{margin-left:24px;margin-right:24px}.why-card{border-left:0;border-top:1px solid var(--border);padding-left:0;padding-top:24px}.investor-cta{margin-left:24px;margin-right:24px;display:block}.legal{margin:0 24px;display:block}.legal span{display:block;margin-bottom:12px}}

/* --- Private Investor Materials (Card-Forward) --- */
.private-materials {
  margin: 62px 64px 58px;
  padding: 48px 56px;
  display: grid;
  grid-template-columns: 1.2fr auto;
  align-items: center;
  gap: 48px;

  background: linear-gradient(180deg, rgba(16,24,39,0.88), rgba(9,16,28,0.88));
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.25);

  position: relative;
  overflow: hidden;
}

.private-materials::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -120px;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(79,124,255,0.18), transparent 70%);
  pointer-events: none;
}

.private-materials h2 {
  font-size: 36px;
  line-height: 1.15;
  letter-spacing: -0.03em;
  margin-bottom: 14px;
}

.private-materials p {
  max-width: 640px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--muted);
  margin-bottom: 0;
}

.private-materials .button {
  white-space: nowrap;
}

@media (max-width: 1000px) {
  .private-materials {
    margin-left: 24px;
    margin-right: 24px;
    grid-template-columns: 1fr;
    padding: 36px 28px;
  }

  .private-materials .button {
    margin-top: 28px;
    width: 100%;
    justify-content: center;
  }
}


/* =========================================================
   INVESTOR PAGE RESPONSIVE CANVAS + FOOTER ALIGNMENT FIX
   Mirrors the fixed-width behavior used on the Contact page
   so the design holds its proportions when the browser is
   stretched wide or made narrow.
   ========================================================= */

:root{
  --page-max:1180px;
  --content-max:1044px;
  --gutter:68px;
}

html{
  scroll-behavior:smooth;
}

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

body{
  overflow-x:auto;
}

/* Lock the main page canvas to the same designed width as the Contact page */
.nav,
main,
.footer{
  width:var(--page-max);
  max-width:var(--page-max);
  margin-left:auto;
  margin-right:auto;
}

/* Header alignment */
.nav{
  min-height:104px;
  height:auto;
  padding:24px var(--gutter);
}

/* Main page sections use the same stable horizontal rhythm */
.hero{
  padding-left:var(--gutter);
  padding-right:var(--gutter);
}

.section-grid{
  padding-left:var(--gutter);
  padding-right:var(--gutter);
}

.solution{
  margin-left:var(--gutter);
  margin-right:var(--gutter);
}

.private-materials{
  margin-left:var(--gutter);
  margin-right:var(--gutter);
}

.why-invest{
  padding-left:var(--gutter);
  padding-right:var(--gutter);
}

.investor-cta{
  margin-left:var(--gutter);
  margin-right:var(--gutter);
}

/* Footer: match Contact page structure and move social icons to the right side */
.footer{
  position:relative;
  display:grid;
  grid-template-columns:2fr 1fr 1.2fr 1.2fr;
  gap:44px;
  padding:72px var(--gutter) 42px;
}

/* Keep the company/logo block clean on the left */
.footer-brand{
  position:relative;
}

.footer-brand img{
  width:168px;
  height:auto;
  display:block;
  margin:0 0 14px;
}

.footer-brand p{
  max-width:270px;
}

/* If the LinkedIn/mail icons are inside the footer-brand block,
   visually place them on the right side to match the Contact page. */
.footer-brand .socials{
  position:absolute;
  left:auto;
  right:calc(-1 * (var(--page-max) - (2 * var(--gutter))) + 220px);
  top:70px;
  display:flex;
  gap:10px;
  margin-top:0;
}

/* General social icon treatment */
.socials{
  display:flex;
  gap:10px;
}

.socials a{
  margin:0;
}

.socials img{
  width:38px;
  height:38px;
  display:block;
}

/* Legal row matches Contact page width and alignment */
.legal{
  width:var(--content-max);
  max-width:var(--content-max);
  margin-left:auto;
  margin-right:auto;
}

/* Preserve the designed canvas on narrow browser windows */
@media (max-width:1179px){
  .nav,
  main,
  .footer,
  .legal{
    margin-left:0;
    margin-right:0;
  }
}

/* Override the earlier mobile-collapse behavior for this locked-width design.
   This keeps the investor page looking like the desktop design even when
   the browser is narrowed; users can horizontally scroll if needed. */
@media (max-width:1000px){
  html,
  body{
    min-width:1180px;
  }

  .nav{
    padding:24px var(--gutter);
  }

  .navlinks a:not(.active){
    display:inline-flex;
  }

  .hero,
  .section-grid,
  .raise,
  .why-invest,
  .solution,
  .investor-cta,
  .footer{
    grid-template-columns:initial;
    padding-left:var(--gutter);
    padding-right:var(--gutter);
  }

  .hero{
    display:grid;
    grid-template-columns:46% 54%;
  }

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

  .hero-visual{
    height:430px;
  }

  .hero-visual img{
    right:-230px;
    top:-70px;
  }

  .section-grid{
    display:grid;
    grid-template-columns:.95fr 1.35fr;
  }

  .stat-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .stat{
    border-right:1px solid var(--border);
    border-bottom:0;
    padding-bottom:12px;
  }

  .stat:last-child{
    border-right:0;
  }

  .solution{
    display:grid;
    grid-template-columns:38% 62%;
    margin-left:var(--gutter);
    margin-right:var(--gutter);
  }

  .solution-points{
    grid-template-columns:repeat(4,1fr);
  }

  .private-materials{
    display:grid;
    grid-template-columns:1.2fr auto;
    margin-left:var(--gutter);
    margin-right:var(--gutter);
    padding:48px 56px;
  }

  .private-materials .button{
    width:auto;
    margin-top:0;
  }

  .why-invest{
    grid-template-columns:1.2fr 1fr 1fr 1fr;
  }

  .why-card{
    border-left:1px solid var(--border);
    border-top:0;
    padding-left:36px;
    padding-top:0;
  }

  .investor-cta{
    display:flex;
    margin-left:var(--gutter);
    margin-right:var(--gutter);
  }

  .footer{
    grid-template-columns:2fr 1fr 1.2fr 1.2fr;
  }

  .legal{
    display:flex;
    margin-left:auto;
    margin-right:auto;
  }

  .legal span{
    display:inline;
    margin-bottom:0;
  }
}



   Align LinkedIn + mail icons under the Investors column,
   matching the Contact page footer placement.
   ========================================================= */

.footer{
  position:relative;
}

/* The investor page HTML currently keeps .socials inside .footer-brand.
   This override visually places the icons under the Investors column. */
.footer-brand .socials{
  position:absolute !important;
  left:auto !important;
  right:260px !important;
  top:126px !important;
  display:flex !important;
  gap:10px !important;
  margin-top:0 !important;
  z-index:2;
}

.footer-brand .socials a{
  margin:0 !important;
}

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

/* Preserve the same placement when the browser is narrowed but the
   fixed-width design canvas remains active. */
@media (max-width:1179px){
  .footer-brand .socials{
    right:260px !important;
  }
}

@media (max-width:1000px){
  .footer-brand .socials{
    right:260px !important;
    top:126px !important;
  }
}


/* =========================================================
   FINAL INVESTOR FOOTER SOCIAL ICON FIX
   Match Contact page footer: LinkedIn + mail icons stay in
   the left footer-brand column, below the company description.
   ========================================================= */

.footer{
  position:relative;
}

.footer-brand{
  position:relative;
}

/* Reset any prior absolute positioning so icons behave like Contact page */
.footer-brand .socials,
.footer .socials{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  display:flex !important;
  gap:10px !important;
  margin-top:16px !important;
  z-index:auto !important;
}

.footer-brand .socials a,
.footer .socials a{
  margin:0 !important;
  display:block !important;
}

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

/* Keep the same footer alignment behavior as the Contact page */
.footer-brand img{
  width:168px;
  height:auto;
  display:block;
  margin:0 0 14px;
}

.footer-brand p{
  max-width:270px;
}

/* Preserve the designed canvas on narrow browser windows */
@media (max-width:1179px){
  .footer-brand .socials,
  .footer .socials{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    margin-top:16px !important;
  }
}

@media (max-width:1000px){
  .footer-brand .socials,
  .footer .socials{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    margin-top:16px !important;
  }
}


/* === CORRECT FOOTER SOCIAL PLACEMENT (RIGHT SIDE UNDER INVESTORS) === */

/* Ensure footer grid is used properly */
.footer{
  display:grid;
  grid-template-columns:2fr 1fr 1.2fr 1.2fr;
  align-items:start;
}

/* Move socials INTO the Investors column */
.footer .socials{
  grid-column:4;
  justify-self:start;
  margin-top:12px;
}

/* Remove any overrides keeping it left */
.footer-brand .socials{
  position:static !important;
}

/* Keep sizing consistent */
.socials img{
  width:38px;
  height:38px;
}


/* =========================================================
   FINAL WHY INVEST SECTION FIX
   Fixes the actual investor page HTML:
   <section class="why-invest">
     <div>headline</div>
     <div class="why-card">...</div>
     <div class="why-card">...</div>
     <div class="why-card">...</div>
   </section>

   Goal: match the wider, less crowded mockup without changing
   the overall page canvas width.
   ========================================================= */

.why-invest{
  display:grid;
  grid-template-columns:32% 1fr 1fr 1fr;
  gap:0;
  align-items:start;
  padding:72px var(--gutter);
  border-bottom:1px solid var(--border);
}

.why-invest > div:first-child{
  max-width:340px;
  padding-right:58px;
}

.why-invest > div:first-child .eyebrow{
  margin-bottom:18px;
}

.why-invest > div:first-child h2{
  font-size:34px;
  line-height:1.1;
  letter-spacing:-0.035em;
  margin:0;
}

.why-invest .why-card{
  min-height:220px;
  padding:0 42px;
  border-left:1px solid rgba(114,161,255,0.22);
}

.why-invest .why-card:last-child{
  padding-right:0;
}

.why-invest .why-card img{
  width:58px;
  height:58px;
  display:block;
  margin:0 0 26px;
}

.why-invest .why-card h3{
  font-size:20px;
  line-height:1.18;
  letter-spacing:-0.02em;
  margin:0 0 14px;
  color:#fff;
  font-weight:800;
}

.why-invest .why-card p{
  font-size:15px;
  line-height:1.6;
  max-width:220px;
  margin:0;
  color:var(--muted);
}

/* Preserve the same desktop-style layout in the locked-width narrow-browser mode */
@media (max-width:1000px){
  .why-invest{
    display:grid;
    grid-template-columns:32% 1fr 1fr 1fr;
    gap:0;
    padding:72px var(--gutter);
  }

  .why-invest .why-card{
    border-left:1px solid rgba(114,161,255,0.22);
    border-top:0;
    padding:0 42px;
  }

  .why-invest .why-card:last-child{
    padding-right:0;
  }
}


/* === HERO HEADLINE LINE BREAK FIX === */
.hero h1{
  max-width: 640px; /* increase from tighter width */
}

/* optional tighter control to avoid awkward wrap */
.hero h1{
  line-height: 1.05;
}


/* =========================================================
   FINAL HERO HEADLINE 3-LINE FIX
   Goal: keep the investor headline on 3 lines:
   Backing the next
   phase of enterprise
   execution.

   The issue was not only max-width. The left grid column was
   still constraining the text. This gives the hero copy enough
   usable width while keeping the wave image anchored on the right.
   ========================================================= */

.hero{
  position:relative;
  grid-template-columns:52% 48%;
}

.hero-copy{
  width:620px;
  max-width:620px;
  min-width:620px;
}

.hero h1{
  max-width:620px;
  font-size:54px;
  line-height:1.08;
  letter-spacing:-0.055em;
}

.hero-visual{
  position:relative;
  z-index:1;
}

.hero-copy{
  position:relative;
  z-index:2;
}

/* Preserve the 3-line headline in the locked-width narrow-browser mode */
@media (max-width:1000px){
  .hero{
    display:grid;
    grid-template-columns:52% 48%;
  }

  .hero-copy{
    width:620px;
    max-width:620px;
    min-width:620px;
  }

  .hero h1{
    max-width:620px;
    font-size:54px;
    line-height:1.08;
  }
}


/* =========================================================
   FINAL INVESTOR HERO PIXEL MATCH
   Targets the goal line break:
   Backing the next
   phase of enterprise
   execution.

   Key change: controlled headline width, not a wider column.
   ========================================================= */

.hero{
  grid-template-columns:46% 54% !important;
}

.hero-copy{
  width:500px !important;
  max-width:500px !important;
  min-width:500px !important;
}

.hero h1{
  width:500px !important;
  max-width:500px !important;
  font-size:50px !important;
  line-height:1.08 !important;
  letter-spacing:-0.052em !important;
  font-weight:800 !important;
  margin:0 0 26px !important;
  text-wrap:normal;
}

.hero .lead{
  max-width:500px !important;
}

/* Keep the same controlled hero treatment in the locked-width narrow-browser mode */
@media (max-width:1000px){
  .hero{
    grid-template-columns:46% 54% !important;
  }

  .hero-copy{
    width:500px !important;
    max-width:500px !important;
    min-width:500px !important;
  }

  .hero h1{
    width:500px !important;
    max-width:500px !important;
    font-size:50px !important;
    line-height:1.08 !important;
    letter-spacing:-0.052em !important;
    font-weight:800 !important;
  }

  .hero .lead{
    max-width:500px !important;
  }
}


/* =========================================================
   FINAL BUTTON TEXT WRAP FIX
   Keeps "Investor Inquiries" on one line in all CTA buttons.
   ========================================================= */

.button,
.investor-cta .button,
.private-materials .button{
  white-space: nowrap !important;
  min-width: 190px;
  width: auto !important;
  flex: 0 0 auto;
}

/* Specific fix for the bottom investor CTA button */
.investor-cta .button{
  padding: 16px 26px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* Prevent the arrow from forcing the label to wrap */
.investor-cta .button span,
.private-materials .button span,
.button span{
  flex: 0 0 auto;
}

/* Preserve single-line button behavior in locked-width narrow-browser mode */
@media (max-width:1000px){
  .button,
  .investor-cta .button,
  .private-materials .button{
    white-space: nowrap !important;
    min-width: 190px;
    width: auto !important;
  }
}


/* =========================================
   WHY INVEST HEADLINE FIX
   Force "Domain expertise." to stay on one line
   ========================================= */

.why-invest h2,
.why h2 {
  max-width: 320px; /* controls wrap */
}

.why-invest h2 span:first-child,
.why h2 span:first-child {
  white-space: nowrap; /* keeps "Domain expertise." together */
}

/* If no spans in HTML, fallback */
.why-invest h2 {
  word-break: normal;
}

/* Slight width bump to allow clean wrapping */
.why-invest {
  grid-template-columns: 36% 64%;
}

@media (max-width:1000px){
  .why-invest h2 {
    max-width: 320px;
  }
}


/* =========================================================
   FINAL WHY INVEST LAYOUT CORRECTION
   Fixes the prior bad override that caused the Why Invest
   cards to collapse into a 2-column layout.

   Goal:
   - Keep the section as 4 columns
   - Give the headline column enough width so
     "Domain expertise." stays on one line
   - Preserve the goal mockup rhythm
   ========================================================= */

.why-invest{
  display:grid !important;
  grid-template-columns:350px 1fr 1fr 1fr !important;
  gap:0 !important;
  align-items:start !important;
  padding:72px var(--gutter) !important;
  border-bottom:1px solid var(--border);
}

.why-invest > div:first-child{
  max-width:350px !important;
  width:350px !important;
  padding-right:58px !important;
}

.why-invest > div:first-child h2,
.why-invest h2{
  max-width:350px !important;
  width:350px !important;
  font-size:34px !important;
  line-height:1.1 !important;
  letter-spacing:-0.035em !important;
  margin:0 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.why-invest .why-card{
  min-height:220px !important;
  padding:0 38px !important;
  border-left:1px solid rgba(114,161,255,0.22) !important;
  border-top:0 !important;
}

.why-invest .why-card:last-child{
  padding-right:0 !important;
}

.why-invest .why-card img{
  width:58px !important;
  height:58px !important;
  display:block !important;
  margin:0 0 26px !important;
}

.why-invest .why-card h3{
  font-size:20px !important;
  line-height:1.18 !important;
  letter-spacing:-0.02em !important;
  margin:0 0 14px !important;
  color:#fff !important;
  font-weight:800 !important;
}

.why-invest .why-card p{
  font-size:15px !important;
  line-height:1.6 !important;
  max-width:220px !important;
  margin:0 !important;
  color:var(--muted) !important;
}

/* Preserve the desktop-style locked canvas */
@media (max-width:1000px){
  .why-invest{
    display:grid !important;
    grid-template-columns:350px 1fr 1fr 1fr !important;
    gap:0 !important;
    padding:72px var(--gutter) !important;
  }

  .why-invest > div:first-child{
    max-width:350px !important;
    width:350px !important;
    padding-right:58px !important;
  }

  .why-invest h2{
    max-width:350px !important;
    width:350px !important;
  }

  .why-invest .why-card{
    border-left:1px solid rgba(114,161,255,0.22) !important;
    border-top:0 !important;
    padding:0 38px !important;
  }
}


/* =========================================================
   FINAL HERO CONTAINMENT FIX
   Prevents the hero copy from visually running into the
   right-side image while preserving the current page width,
   three-line headline intent, and overall 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:46px !important;
  line-height:1.08 !important;
  letter-spacing:-0.052em !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.6 !important;
  margin:0 0 36px !important;
}

.hero-visual{
  position:relative !important;
  z-index:1 !important;
  height:430px !important;
  overflow:hidden !important;
}

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

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

@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:46px !important;
    line-height:1.08 !important;
  }

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

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

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


/* =========================================================
   FINAL INVESTORS MOBILE RESPONSIVE + HAMBURGER NAV
   Desktop layout remains unchanged.
   Mobile overrides the fixed desktop canvas and enables
   a checkbox-driven hamburger navigation.
   ========================================================= */

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

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

  /* Mobile header */
  .nav{
    position:sticky !important;
    top:0 !important;
    z-index:100 !important;
    min-height:96px !important;
    height:auto !important;
    padding:20px 24px !important;
    display:flex !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;
  }

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

  .brand img{
    width:142px !important;
    height:auto !important;
    display:block !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;
  }

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

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

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

  /* Hero */
  .hero{
    display:block !important;
    min-height:auto !important;
    padding:56px 28px 54px !important;
    overflow:hidden !important;
  }

  .hero-copy{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding-right:0 !important;
  }

  .hero h1{
    width:100% !important;
    max-width:100% !important;
    font-size:42px !important;
    line-height:1.05 !important;
    margin-bottom:22px !important;
  }

  .hero .lead{
    width:100% !important;
    max-width:100% !important;
    font-size:18px !important;
    line-height:1.58 !important;
    margin-bottom:34px !important;
  }

  .hero-visual{
    height:240px !important;
    margin-top:20px !important;
  }

  .hero-visual img{
    right:-260px !important;
    top:-120px !important;
    width:760px !important;
  }

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

  /* Sections */
  .section-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:38px !important;
    padding:58px 28px !important;
  }

  .stat-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .stat{
    border-right:0 !important;
    border-bottom:1px solid var(--border) !important;
    padding:0 0 24px !important;
  }

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

  .solution{
    display:grid !important;
    grid-template-columns:1fr !important;
    margin:34px 28px !important;
    min-height:auto !important;
  }

  .orb-wrap{
    height:240px !important;
  }

  .orb-wrap img{
    width:260px !important;
  }

  .solution-copy{
    padding:32px 28px !important;
  }

  .solution-copy h2{
    font-size:34px !important;
  }

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

  .private-materials{
    display:grid !important;
    grid-template-columns:1fr !important;
    margin:34px 28px !important;
    padding:34px 28px !important;
    gap:28px !important;
  }

  .private-materials h2{
    font-size:32px !important;
  }

  .private-materials .button{
    width:100% !important;
    justify-content:center !important;
  }

  .why-invest{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    padding:58px 28px !important;
  }

  .why-invest > div:first-child{
    width:100% !important;
    max-width:100% !important;
    padding-right:0 !important;
    margin-bottom:28px !important;
  }

  .why-invest h2{
    width:100% !important;
    max-width:100% !important;
    font-size:34px !important;
  }

  .why-invest .why-card{
    min-height:auto !important;
    border-left:0 !important;
    border-top:1px solid rgba(114,161,255,0.22) !important;
    padding:28px 0 !important;
  }

  .why-invest .why-card:first-of-type{
    border-top:0 !important;
    padding-top:0 !important;
  }

  .why-invest .why-card:last-child{
    padding-bottom:0 !important;
  }

  .investor-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    margin:34px 28px 54px !important;
    padding:30px 28px !important;
  }

  .cta-left{
    display:grid !important;
    grid-template-columns:58px 1fr !important;
    gap:18px !important;
    align-items:start !important;
  }

  .cta-left img{
    width:58px !important;
  }

  .investor-cta h2{
    font-size:28px !important;
  }

  .investor-cta .button{
    width:100% !important;
    justify-content:center !important;
  }

  /* Footer */
  .footer{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:30px !important;
    padding:40px 28px !important;
  }

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

  .footer .socials{
    justify-content:flex-start !important;
    grid-column:auto !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;
  }
}