/* =====================================================
   ASHWIN WELLNESS — CLEAN MASTER CSS
   PART 1: GLOBAL / NAV / HOME
===================================================== */

:root{
  --ink:#07111f;
  --muted:#5f6f82;
  --soft:#f7fbff;
  --soft-blue:#eef5ff;
  --blue:#1b4dff;
  --deep:#07111f;
  --line:rgba(0,0,0,.06);
  --shadow:0 24px 70px rgba(20,40,80,.08);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:#fff;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

h1,h2,h3,p{
  margin-top:0;
}

p{
  color:var(--muted);
  line-height:1.7;
}

.eyebrow{
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#335f92;
  margin-bottom:18px;
  font-weight:700;
}

/* NAV */

.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:76px;
  padding:0 6%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(22px);
  border-bottom:1px solid var(--line);
  z-index:1000;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:Georgia,serif;
  font-size:14px;
  letter-spacing:.18em;
  font-weight:700;
}

.brand-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 18px rgba(27,77,255,.55);
}

.nav{
  display:flex;
  align-items:center;
  gap:24px;
  font-size:12px;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.nav a{
  color:#324255;
}

.nav-cta{
  padding:11px 20px;
  border-radius:999px;
  background:var(--deep);
  color:white !important;
}

#menu-toggle,
.menu-button{
  display:none;
}

/* BUTTONS */

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 24px;
  border-radius:999px;
  font-weight:700;
  font-size:14px;
  border:1px solid var(--line);
  transition:.25s ease;
}

.btn:hover{
  transform:translateY(-2px);
}

.btn-dark{
  background:var(--deep);
  color:white;
}

.btn-light{
  background:white;
  color:var(--ink);
}

/* HOME HERO */

.hero.upgraded-hero{
  padding:115px 6% 80px;
  min-height:auto;
  background:
    radial-gradient(circle at 85% 35%, rgba(27,77,255,.10), transparent 36%),
    linear-gradient(180deg,#f8fbff,#eef5ff);
}

.hero-layout{
  width:min(1220px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:560px 560px;
  gap:80px;
  align-items:center;
  justify-content:center;
}

.hero-content{
  width:560px;
  max-width:560px;
}

.hero-content h1{
  margin:0 0 30px;
  font-size:64px;
  line-height:.96;
  letter-spacing:-.055em;
}

.hero-content h1 span{
  color:var(--blue);
}

.hero-text{
  max-width:520px;
  font-size:18px;
  line-height:1.75;
  margin:0;
}

.hero-actions{
  margin-top:34px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.hero-image-wrap{
  width:560px;
}

.hero-image-wrap img{
  width:560px;
  height:460px;
  object-fit:cover;
  border-radius:34px;
  box-shadow:var(--shadow);
}

/* HOME INTRO */

.intro,
.image-section,
.platform-section,
.use-cases{
  padding:110px 6%;
  text-align:center;
  background:#fff;
}

.intro h2,
.image-section h2,
.platform-section h2,
.use-cases h2{
  max-width:920px;
  margin:0 auto 24px;
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.intro p,
.image-section p,
.platform-section p,
.use-cases p{
  max-width:760px;
  margin:0 auto;
  font-size:18px;
}

/* HOME SIGNAL SECTION */

.signal-section{
  padding:110px 6%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
  background:#fff;
}

.signal-left h2{
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
  margin-bottom:24px;
}

.signal-copy{
  max-width:620px;
  font-size:18px;
}

.signal-right{
  display:flex;
  justify-content:center;
}

.signal-core{
  width:380px;
  height:380px;
  border-radius:50%;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.pulse-ring{
  position:absolute;
  border:1px solid rgba(27,77,255,.16);
  border-radius:50%;
}

.ring1{width:170px;height:170px;}
.ring2{width:260px;height:260px;}
.ring3{width:350px;height:350px;}

.human-dot{
  width:82px;
  height:82px;
  border-radius:50%;
  background:linear-gradient(180deg,#1b4dff,#07111f);
  box-shadow:0 0 50px rgba(27,77,255,.25);
}

.signal-tag{
  position:absolute;
  background:white;
  border:1px solid var(--line);
  border-radius:999px;
  padding:10px 16px;
  font-size:13px;
  font-weight:700;
  box-shadow:var(--shadow);
}

.t1{top:35px;left:130px;}
.t2{top:110px;right:-10px;}
.t3{bottom:90px;right:5px;}
.t4{bottom:35px;left:90px;}
.t5{left:-20px;top:170px;}

/* HOME INDEX */

.index-section.upgraded-index{
  padding:110px 6%;
  display:grid;
  grid-template-columns:1fr 380px;
  gap:80px;
  align-items:center;
  background:#f7fbff;
}

.index-copy h2{
  max-width:760px;
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.index-copy p{
  max-width:680px;
  font-size:18px;
}

.index-metrics{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  max-width:760px;
}

.index-metrics div{
  background:white;
  border:1px solid var(--line);
  border-radius:22px;
  padding:20px;
  box-shadow:var(--shadow);
}

.index-metrics span{
  display:block;
  color:var(--blue);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.index-orb{
  width:320px;
  height:320px;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  background:radial-gradient(circle,rgba(27,77,255,.16),rgba(255,255,255,.8));
  box-shadow:var(--shadow);
}

.index-orb strong{
  font-size:82px;
  line-height:1;
}

.index-orb small{
  letter-spacing:.16em;
  color:#335f92;
}

.index-visual-wrap{
  position:relative;
  display:grid;
  place-items:center;
}

.floating-tag{
  display:none;
}

/* HOME PLATFORM */

.platform-section.upgraded-platform{
  background:white;
}

.platform-lead{
  max-width:760px;
  margin:0 auto 60px;
  font-size:18px;
}

.platform-grid{
  max-width:1120px;
  margin:60px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.platform-grid div{
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:34px 28px;
  box-shadow:var(--shadow);
  text-align:left;
}

.platform-grid span{
  display:block;
  margin-bottom:16px;
  color:var(--blue);
  font-size:12px;
  letter-spacing:.14em;
  font-weight:700;
}

/* HOME FINAL CTA */

.closing.upgraded-closing{
  padding:120px 6%;
  background:linear-gradient(135deg,#07111f,#12376e);
  color:white;
}

.closing-grid{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}

.closing-left{
  text-align:left;
}

.closing-left h2{
  margin:0 0 24px;
  max-width:620px;
  color:white;
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.gradient-line{
  color:#7cc7ff !important;
}

.closing-text{
  max-width:620px;
  color:#c9d8ec;
  font-size:18px;
}

.closing-actions{
  margin-top:34px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.closing-right img{
  width:100%;
  height:480px;
  object-fit:cover;
  border-radius:34px;
  box-shadow:0 35px 90px rgba(0,0,0,.18);
}
/* =====================================================
   ASHWIN WELLNESS — CLEAN MASTER CSS
   PART 2: SUBPAGES / PAGE SECTIONS
===================================================== */

/* SUBPAGE HERO */

.subpage-hero{
  padding:145px 6% 85px;
  text-align:center;
  background:
    radial-gradient(circle at 80% 30%, rgba(27,77,255,.10), transparent 34%),
    linear-gradient(180deg,#f8fbff,#eef5ff);
}

.subpage-hero h1{
  max-width:900px;
  margin:0 auto 26px;
  font-size:56px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.subpage-hero p{
  max-width:760px;
  margin:0 auto;
  font-size:18px;
}

/* UNIVERSAL STORY IMAGE SECTION */

.story-section{
  padding:110px 6%;
  background:white;
}

.story-grid{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}

.story-grid.reverse .story-copy{
  order:2;
}

.story-grid.reverse .story-visual{
  order:1;
}

.story-copy h2{
  max-width:620px;
  margin:0 0 24px;
  font-size:52px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.story-copy p{
  max-width:620px;
  font-size:18px;
}

.story-visual img{
  width:100%;
  height:460px;
  object-fit:cover;
  border-radius:34px;
  box-shadow:var(--shadow);
}

/* =======================================
   HARMONY SCIENCE PAGE
======================================= */

.harmony-definition-section{
  padding:120px 6%;
  text-align:center;
  background:white;
}

.harmony-definition-section h2{
  max-width:980px;
  margin:0 auto 28px;
  font-size:58px;
  line-height:1.04;
  letter-spacing:-.045em;
}

.harmony-definition-section p{
  max-width:860px;
  margin:0 auto;
  font-size:19px;
}

.enable-section{
  padding:110px 6%;
  background:#f7fbff;
}

.enable-grid{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.enable-grid div{
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:34px 28px;
  box-shadow:var(--shadow);
}

.enable-grid span{
  display:block;
  margin-bottom:14px;
  color:var(--blue);
  font-size:12px;
  letter-spacing:.14em;
  font-weight:700;
}

.disclaimer-section{
  padding:100px 6%;
  text-align:center;
  background:#07111f;
}

.disclaimer-section p{
  max-width:860px;
  margin:0 auto;
  color:#c6d4e6;
  font-size:17px;
}

/* =======================================
   ASHWIN INDEX PAGE
======================================= */

.index-premium-section{
  padding:110px 6%;
  display:grid;
  grid-template-columns:380px 1fr;
  gap:80px;
  align-items:center;
  background:#f7fbff;
}

.index-detail-copy h2{
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.index-detail-copy p{
  max-width:720px;
  font-size:18px;
}

.index-scale-section{
  padding:110px 6%;
  text-align:center;
  background:white;
}

.index-scale-section h2{
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.scale-row{
  max-width:900px;
  margin:50px auto 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.scale-row div{
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:36px;
  box-shadow:var(--shadow);
}

/* =======================================
   PLATFORM PAGE
======================================= */

.platform-live-dashboard{
  padding:110px 6%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
  background:#f7fbff;
}

.dashboard-copy h2{
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.dashboard-copy p{
  max-width:640px;
  font-size:18px;
}

.dashboard-mockup{
  background:white;
  border:1px solid var(--line);
  border-radius:34px;
  padding:26px;
  box-shadow:var(--shadow);
}

.dashboard-top{
  display:flex;
  justify-content:space-between;
  padding-bottom:22px;
  border-bottom:1px solid var(--line);
}

.dashboard-grid{
  margin-top:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.dash-panel{
  background:#f7fbff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:24px;
}

.chart-panel,
.timeline-panel{
  grid-column:span 2;
}

.fake-chart{
  height:90px;
  margin-top:20px;
  border-radius:18px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(27,77,255,.35),
      transparent
    );
}

.platform-proprietary{
  padding:110px 6%;
  text-align:center;
  background:#eef5ff;
}

.platform-proprietary h2{
  max-width:920px;
  margin:0 auto 28px;
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
}

/* =======================================
   INFRASTRUCTURE PAGE
======================================= */

.invisible-layer-section{
  padding:120px 6%;
  text-align:center;
  background:#07111f;
}

.invisible-layer-section h2{
  max-width:980px;
  margin:0 auto 28px;
  color:white;
  font-size:56px;
  line-height:1.04;
  letter-spacing:-.045em;
}

.invisible-layer-section p{
  max-width:860px;
  margin:0 auto;
  color:#bfd1e6;
  font-size:19px;
}

.infra-stack-section{
  padding:110px 6%;
  background:white;
}

.infra-stack-section h2{
  text-align:center;
  margin-bottom:70px;
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.infra-stack-grid{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
}

.infra-stack-grid div{
  position:relative;
  background:white;
  border:1px solid var(--line);
  border-radius:30px;
  padding:36px 28px;
  box-shadow:var(--shadow);
}

.featured-stack{
  background:linear-gradient(180deg,#1b4dff,#07111f) !important;
  color:white !important;
  box-shadow:0 35px 90px rgba(27,77,255,.24) !important;
}

.featured-stack p{
  color:#d7e1ff !important;
}

/* =======================================
   RESEARCH PAGE
======================================= */

.research-direction-section{
  padding:120px 6%;
  text-align:center;
  background:white;
}

.research-direction-section h2{
  max-width:960px;
  margin:0 auto 28px;
  font-size:56px;
  line-height:1.04;
  letter-spacing:-.045em;
}

.research-direction-section p{
  max-width:860px;
  margin:0 auto;
  font-size:18px;
}

.research-grid{
  padding:110px 6%;
  background:#f7fbff;

  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.research-card{
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:34px 28px;
  box-shadow:var(--shadow);
}

.research-card span{
  display:block;
  margin-bottom:16px;
  color:var(--blue);
  font-size:12px;
  letter-spacing:.14em;
  font-weight:700;
}

/* =======================================
   PARTNERSHIPS PAGE
======================================= */

.partnership-main-section{
  padding:120px 6%;
  background:white;
}

.partnership-main-grid{
  max-width:1220px;
  margin:0 auto;

  display:grid;
  grid-template-columns:1fr 420px;
  gap:70px;
  align-items:center;
}

.partnership-main-left h2{
  font-size:56px;
  line-height:1.04;
  letter-spacing:-.045em;
}

.partner-model-grid{
  margin-top:50px;

  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.partner-model-grid div{
  background:#f7fbff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:30px 24px;
  box-shadow:var(--shadow);
}

.partner-model-grid span{
  display:block;
  margin-bottom:14px;
  color:var(--blue);
  font-size:12px;
  letter-spacing:.14em;
  font-weight:700;
}

.partner-access-card{
  padding:40px;
  border-radius:34px;
  background:linear-gradient(180deg,#1b4dff,#07111f);
  color:white;
  box-shadow:0 40px 110px rgba(27,77,255,.22);
}

.partner-access-card p{
  color:#d5e1ff;
}

/* =======================================
   ABOUT PAGE
======================================= */

.about-story-section{
  padding:110px 6%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
  background:#f7fbff;
}

.about-story-copy h2{
  font-size:56px;
  line-height:1.04;
  letter-spacing:-.045em;
}

.about-story-copy p{
  max-width:640px;
  font-size:18px;
}

.about-visual-card{
  position:relative;
  height:460px;
  border-radius:34px;
  background:linear-gradient(180deg,#07111f,#12376e);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.about-orb{
  position:absolute;
  inset:50%;
  transform:translate(-50%,-50%);
  width:140px;
  height:140px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle,#2f6bff,#07111f);
  color:white;
  letter-spacing:.14em;
}

.about-ring{
  position:absolute;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
}

.ar1{
  width:280px;
  height:280px;
  top:90px;
  left:90px;
}

.ar2{
  width:420px;
  height:420px;
  top:20px;
  left:20px;
}

.about-belief-section{
  padding:120px 6%;
  text-align:center;
  background:white;
}

.about-belief-section h2{
  max-width:920px;
  margin:0 auto 26px;
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.about-belief-section p{
  max-width:820px;
  margin:0 auto;
  font-size:18px;
}

/* =======================================
   CONTACT PAGE
======================================= */

.contact-main-section{
  padding:120px 6%;
  max-width:1220px;
  margin:0 auto;

  display:grid;
  grid-template-columns:1fr 420px;
  gap:70px;
  align-items:center;
}

.contact-main-left h2{
  font-size:56px;
  line-height:1.04;
  letter-spacing:-.045em;
}

.contact-main-card{
  padding:40px;
  border-radius:34px;
  background:linear-gradient(180deg,#1b4dff,#07111f);
  color:white;
  box-shadow:0 40px 110px rgba(27,77,255,.22);
}

.contact-main-card p{
  color:#d3e0ff;
}

.contact-button{
  display:inline-flex;
  padding:14px 24px;
  border-radius:999px;
  background:white;
  color:#07111f;
  font-weight:700;
}
/* =====================================================
   ASHWIN WELLNESS — CLEAN MASTER CSS
   PART 3: FOOTER / MOBILE / FINAL
===================================================== */

/* UNIVERSAL GRID CARDS */

.index-breakdown,
.about-principles-section{
  max-width:1120px;
  margin:0 auto;
  padding:110px 6%;

  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.index-breakdown div,
.about-principles-section div{
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:34px 28px;
  box-shadow:var(--shadow);
}

.index-breakdown span,
.about-principles-section span{
  display:block;
  margin-bottom:14px;

  color:var(--blue);

  font-size:12px;
  letter-spacing:.14em;
  font-weight:700;
}

/* DARK SECTIONS */

.founder-statement-section,
.environment-story-section,
.contact-note-section{
  padding:120px 6%;
  text-align:center;
  background:#07111f;
}

.founder-statement-section h2,
.environment-story-section h2,
.contact-note-section h2{
  max-width:920px;
  margin:0 auto 28px;

  color:white;

  font-size:56px;
  line-height:1.04;
  letter-spacing:-.045em;
}

.founder-statement-section p,
.environment-story-section p,
.contact-note-section p{
  max-width:820px;
  margin:0 auto;

  color:#c2d3e6;

  font-size:18px;
}

/* FOOTER */

.premium-footer{
  padding:80px 6%;
  text-align:center;
  background:#07111f;
}

.footer-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;

  margin-bottom:24px;

  color:white;

  letter-spacing:.14em;
}

.premium-footer p{
  max-width:760px;
  margin:0 auto 32px;

  color:#9fb2c9;
}

.footer-links{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:22px;

  margin-bottom:34px;
}

.footer-links a{
  color:#dce7f5;

  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.footer-links a:hover{
  color:white;
}

.premium-footer small{
  color:#6e8199;
}

/* MOBILE */

@media(max-width:980px){

  .nav{
    display:none;
  }

  .menu-button{
    display:block;
    font-size:24px;
    cursor:pointer;
  }

  .hero-layout,
  .signal-section,
  .index-section.upgraded-index,
  .closing-grid,
  .story-grid,
  .platform-live-dashboard,
  .index-premium-section,
  .partnership-main-grid,
  .about-story-section,
  .contact-main-section{
    grid-template-columns:1fr;
  }

  .hero-content,
  .hero-image-wrap,
  .hero-image-wrap img{
    width:100%;
    max-width:100%;
  }

  .hero-content{
    text-align:center;
  }

  .hero-actions,
  .closing-actions{
    justify-content:center;
  }

  .hero-content h1{
    font-size:44px;
  }

  .hero-image-wrap img,
  .story-visual img,
  .closing-right img{
    height:auto;
  }

  .platform-grid,
  .enable-grid,
  .research-grid,
  .partner-model-grid,
  .infra-stack-grid,
  .index-breakdown,
  .about-principles-section{
    grid-template-columns:1fr;
  }

  .index-metrics{
    grid-template-columns:1fr;
  }

  .dashboard-grid{
    grid-template-columns:1fr;
  }

  .chart-panel,
  .timeline-panel{
    grid-column:auto;
  }

  .subpage-hero{
    padding:125px 6% 70px;
  }

  .subpage-hero h1{
    font-size:40px;
  }

  .hero-content h1,
  .intro h2,
  .image-section h2,
  .platform-section h2,
  .use-cases h2,
  .closing-left h2,
  .story-copy h2,
  .harmony-definition-section h2,
  .index-detail-copy h2,
  .index-scale-section h2,
  .dashboard-copy h2,
  .platform-proprietary h2,
  .invisible-layer-section h2,
  .research-direction-section h2,
  .partnership-main-left h2,
  .about-story-copy h2,
  .about-belief-section h2,
  .contact-main-left h2,
  .founder-statement-section h2,
  .environment-story-section h2,
  .contact-note-section h2{
    font-size:38px;
  }

  .hero.upgraded-hero{
    padding:100px 6% 70px;
  }

  .hero-layout{
    gap:50px;
  }

  .signal-section,
  .platform-live-dashboard,
  .about-story-section,
  .partnership-main-section,
  .contact-main-section{
    text-align:center;
  }

  .signal-copy,
  .dashboard-copy p,
  .about-story-copy p,
  .contact-main-left p{
    margin-left:auto;
    margin-right:auto;
  }

  .closing-left{
    text-align:center;
  }

  .footer-links{
    gap:14px;
  }

}
/* =====================================================
   FINAL WEBSITE STRUCTURE PATCH
   Keeps every page matching the homepage structure
===================================================== */

/* HERO STRUCTURE FOR ALL PAGES USING SAME HOME HERO CLASSES */

.hero.upgraded-hero{
  padding:115px 6% 80px !important;
  min-height:auto !important;
  background:
    radial-gradient(circle at 85% 35%, rgba(27,77,255,.10), transparent 36%),
    linear-gradient(180deg,#f8fbff,#eef5ff) !important;
}

.hero.upgraded-hero .hero-layout{
  width:min(1220px,100%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:560px 560px !important;
  gap:80px !important;
  align-items:center !important;
  justify-content:center !important;
}

.hero.upgraded-hero .hero-content{
  width:560px !important;
  max-width:560px !important;
  text-align:left !important;
}

.hero.upgraded-hero .hero-content h1{
  margin:0 0 30px !important;
  font-size:64px !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  max-width:560px !important;
}

.hero.upgraded-hero .hero-text{
  max-width:520px !important;
  font-size:18px !important;
  line-height:1.75 !important;
  margin:0 !important;
}

.hero.upgraded-hero .hero-actions{
  margin-top:34px !important;
  display:flex !important;
  gap:14px !important;
  justify-content:flex-start !important;
}

.hero.upgraded-hero .hero-image-wrap{
  width:560px !important;
  max-width:560px !important;
}

.hero.upgraded-hero .hero-image-wrap img{
  width:560px !important;
  height:460px !important;
  object-fit:cover !important;
  border-radius:34px !important;
  box-shadow:var(--shadow) !important;
}

/* SECTIONS THAT NEED PROPER CONTAINMENT */

.science-visual-section,
.science-deep-section,
.science-principles-section,
.pattern-timeline-section,
.platform-section,
.index-premium-section,
.platform-live-dashboard,
.infra-stack-section,
.research-direction-section,
.partnership-main-section,
.about-story-section,
.about-belief-section,
.contact-main-section{
  padding:110px 6% !important;
  overflow:hidden !important;
}

/* CENTER MAJOR SECTION HEADERS */

.science-deep-section,
.science-principles-section,
.pattern-timeline-section,
.platform-section,
.infra-stack-section,
.research-direction-section,
.about-belief-section{
  text-align:center !important;
}

.science-deep-section h2,
.science-principles-section h2,
.pattern-timeline-section h2,
.platform-section h2,
.infra-stack-section h2,
.research-direction-section h2,
.about-belief-section h2{
  max-width:920px !important;
  margin:0 auto 24px !important;
  font-size:54px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.science-deep-section p,
.pattern-timeline-section p,
.platform-section p,
.research-direction-section p,
.about-belief-section p{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* SCIENCE VISUAL SECTION */

.science-visual-section{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:80px !important;
  align-items:center !important;
  background:#fff !important;
}

.science-copy h2{
  font-size:54px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

/* GRID RESTORE */

.platform-grid,
.pattern-timeline,
.principles-grid,
.research-grid,
.partner-model-grid,
.infra-stack-grid,
.enable-grid,
.scale-row,
.index-breakdown,
.about-principles-section{
  max-width:1120px !important;
  margin:60px auto 0 !important;
  display:grid !important;
  gap:20px !important;
}

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

.pattern-timeline,
.infra-stack-grid{
  grid-template-columns:repeat(5,1fr) !important;
}

.principles-grid,
.research-grid,
.partner-model-grid,
.enable-grid{
  grid-template-columns:repeat(4,1fr) !important;
}

.scale-row{
  grid-template-columns:repeat(2,1fr) !important;
}

.index-breakdown,
.about-principles-section{
  grid-template-columns:repeat(3,1fr) !important;
}

/* UNIVERSAL CARDS */

.platform-grid > div,
.pattern-timeline > div,
.principles-grid > div,
.research-grid > div,
.partner-model-grid > div,
.infra-stack-grid > div,
.enable-grid > div,
.scale-row > div,
.index-breakdown > div,
.about-principles-section > div{
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:28px !important;
  padding:34px 28px !important;
  box-shadow:var(--shadow) !important;
  text-align:left !important;
}

.platform-grid span,
.pattern-timeline span,
.principles-grid span,
.research-grid span,
.partner-model-grid span,
.infra-stack-grid span,
.enable-grid span,
.index-breakdown span,
.about-principles-section span{
  display:block !important;
  margin-bottom:16px !important;
  color:var(--blue) !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  font-weight:700 !important;
}

/* FEATURED BLUE CARDS */

.active-step,
.featured-stack,
.featured-step,
.featured-use,
.featured-partner-card{
  background:linear-gradient(180deg,#1b4dff,#07111f) !important;
  color:#fff !important;
  box-shadow:0 35px 90px rgba(27,77,255,.24) !important;
}

.active-step p,
.featured-stack p,
.featured-step p,
.featured-use p,
.featured-partner-card p{
  color:#d7e1ff !important;
}

.active-step span{
  background:#1b4dff !important;
  color:#fff !important;
}

/* CLOSING CTA MATCH */

.closing.upgraded-closing{
  padding:120px 6% !important;
  background:linear-gradient(135deg,#07111f,#12376e) !important;
}

.closing-grid{
  max-width:1220px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:80px !important;
  align-items:center !important;
}

.closing-left{
  text-align:left !important;
}

.closing-right img{
  width:100% !important;
  height:480px !important;
  object-fit:cover !important;
  border-radius:34px !important;
}

/* LIGHT FOOTER */

.premium-footer{
  background:#f3f6fa !important;
  color:#07111f !important;
  border-top:1px solid rgba(0,0,0,.06) !important;
}

.footer-brand,
.footer-brand strong{
  color:#07111f !important;
}

.premium-footer p{
  color:#5f6f82 !important;
}

.footer-links a{
  color:#324255 !important;
}

.footer-links a:hover{
  color:#07111f !important;
}

.premium-footer small{
  color:#7a8797 !important;
}

/* MOBILE */

@media(max-width:980px){

  .hero.upgraded-hero .hero-layout,
  .science-visual-section,
  .closing-grid,
  .platform-grid,
  .pattern-timeline,
  .principles-grid,
  .research-grid,
  .partner-model-grid,
  .infra-stack-grid,
  .enable-grid,
  .scale-row,
  .index-breakdown,
  .about-principles-section{
    grid-template-columns:1fr !important;
  }

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

  .hero.upgraded-hero .hero-content,
  .hero.upgraded-hero .hero-content h1,
  .hero.upgraded-hero .hero-text{
    text-align:center !important;
  }

  .hero.upgraded-hero .hero-actions{
    justify-content:center !important;
  }

  .hero.upgraded-hero .hero-content h1{
    font-size:44px !important;
  }

  .hero.upgraded-hero .hero-image-wrap img,
  .closing-right img{
    height:auto !important;
  }

  .science-deep-section h2,
  .science-principles-section h2,
  .pattern-timeline-section h2,
  .platform-section h2,
  .infra-stack-section h2,
  .research-direction-section h2,
  .about-belief-section h2{
    font-size:38px !important;
  }

  .closing-left{
    text-align:center !important;
  }

  .closing-actions{
    justify-content:center !important;
  }
}
/* =========================================
   PARTNERSHIPS PAGE FINAL FIX
========================================= */

.partner-models-section,
.partner-access-section,
.proprietary-section{
  padding:110px 6%;
  background:#fff;
  overflow:hidden;
}

.partner-models-section{
  text-align:center;
}

.partner-models-section h2,
.partner-access-left h2,
.proprietary-section h2{
  font-size:54px;
  line-height:1.04;
  letter-spacing:-.04em;
}

.partner-models-section h2{
  max-width:920px;
  margin:0 auto 60px;
}

.partner-model-grid{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.partner-model-grid > div{
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:34px 28px;
  box-shadow:var(--shadow);
  text-align:left;
}

.partner-model-grid span{
  display:block;
  margin-bottom:16px;
  color:var(--blue);
  font-size:12px;
  letter-spacing:.14em;
  font-weight:700;
}

/* FEATURED CARD */

.featured-partner-card{
  background:linear-gradient(180deg,#1b4dff,#07111f) !important;
  color:white !important;
  box-shadow:0 35px 90px rgba(27,77,255,.24) !important;
}

.featured-partner-card p{
  color:#d7e1ff !important;
}

/* ACCESS SECTION */

.partner-access-section{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:70px;
  align-items:center;
  background:#f7fbff;
}

.partner-access-left p{
  max-width:720px;
  font-size:18px;
}

.partner-access-list{
  display:grid;
  gap:16px;
}

.partner-access-list div{
  background:white;
  border:1px solid var(--line);
  border-radius:24px;
  padding:24px;
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  gap:16px;
}

.partner-access-list span{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#eef4ff;
  color:var(--blue);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
}

/* PROPRIETARY SECTION */

.proprietary-section{
  text-align:center;
}

.proprietary-section p{
  max-width:820px;
  margin:0 auto 60px;
  font-size:18px;
}

.proprietary-grid{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.proprietary-grid div{
  background:white;
  border:1px solid var(--line);
  border-radius:28px;
  padding:34px 24px;
  box-shadow:var(--shadow);
  font-weight:600;
}

/* CLOSING SECTION ALIGNMENT */

.closing.upgraded-closing{
  text-align:left;
}

.closing.upgraded-closing .eyebrow,
.closing.upgraded-closing h2,
.closing.upgraded-closing p{
  max-width:760px;
}

.closing-actions{
  margin-top:34px;
}

/* MOBILE */

@media(max-width:980px){

  .partner-model-grid,
  .proprietary-grid{
    grid-template-columns:1fr;
  }

  .partner-access-section{
    grid-template-columns:1fr;
    text-align:center;
  }

  .partner-access-left p{
    margin-left:auto;
    margin-right:auto;
  }

  .closing.upgraded-closing{
    text-align:center;
  }

  .closing-actions{
    justify-content:center;
  }
}
/* =========================================
   HUMAN ENVIRONMENTS PAGE FIX
========================================= */

.use-case-section{
  padding:110px 6% !important;
  background:#f7fbff !important;
}

.use-case-intro{
  max-width:920px !important;
  margin:0 auto 60px !important;
  text-align:center !important;
}

.use-case-intro h2{
  font-size:54px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.use-case-intro p{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:18px !important;
}

.use-case-grid{
  max-width:1120px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:20px !important;
}

.use-card{
  background:white !important;
  border:1px solid var(--line) !important;
  border-radius:28px !important;
  padding:34px 28px !important;
  box-shadow:var(--shadow) !important;
  text-align:left !important;
}

.use-card span{
  display:block !important;
  margin-bottom:16px !important;
  color:var(--blue) !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  font-weight:700 !important;
}

.featured-use{
  background:linear-gradient(180deg,#1b4dff,#07111f) !important;
  color:white !important;
  box-shadow:0 35px 90px rgba(27,77,255,.24) !important;
}

.featured-use p{
  color:#d7e1ff !important;
}

.page-cta{
  padding:110px 6% !important;
  text-align:center !important;
  background:white !important;
}

.page-cta h2{
  max-width:920px !important;
  margin:0 auto 24px !important;
  font-size:54px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.page-cta p{
  max-width:760px !important;
  margin:0 auto 34px !important;
  font-size:18px !important;
}

@media(max-width:980px){
  .use-case-grid{
    grid-template-columns:1fr !important;
  }

  .use-case-intro h2,
  .page-cta h2{
    font-size:38px !important;
  }
}
/* INFRASTRUCTURE PAGE FINAL FIX */

.infra-philosophy-section,
.infra-future-section{
  padding:110px 6% !important;
  background:#f7fbff !important;
}

.infra-philosophy-section{
  display:grid !important;
  grid-template-columns:1fr 420px !important;
  gap:70px !important;
  align-items:center !important;
}

.infra-philosophy-left h2,
.infra-future-section h2{
  font-size:54px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.infra-philosophy-left p,
.infra-future-section p{
  max-width:760px !important;
  font-size:18px !important;
}

.infra-orb{
  width:320px !important;
  height:320px !important;
  margin:0 auto !important;
  border-radius:50% !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:radial-gradient(circle,#1b4dff,#07111f) !important;
}

.infra-core{
  width:130px !important;
  height:130px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:white !important;
  background:#07111f !important;
}

.infra-ring{
  position:absolute !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

.ring-a{width:180px !important;height:180px !important;}
.ring-b{width:240px !important;height:240px !important;}
.ring-c{width:300px !important;height:300px !important;}

.infra-stack-section{
  padding:110px 6% !important;
  background:white !important;
  text-align:center !important;
}

.infra-stack-grid{
  max-width:1120px !important;
  margin:60px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:20px !important;
}

.stack-card{
  background:white !important;
  border:1px solid var(--line) !important;
  border-radius:28px !important;
  padding:34px 24px !important;
  box-shadow:var(--shadow) !important;
  text-align:left !important;
}

.featured-stack{
  background:linear-gradient(180deg,#1b4dff,#07111f) !important;
  color:white !important;
}

.invisible-layer-section{
  padding:120px 6% !important;
  background:#07111f !important;
  text-align:center !important;
}

.infra-future-section{
  text-align:center !important;
}

.infra-future-section h2,
.infra-future-section p{
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:980px){
  .infra-philosophy-section,
  .infra-stack-grid{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
}
/* =========================================
   PLATFORM PAGE FINAL FIX
========================================= */

.platform-layers-section{
  padding:110px 6% !important;
  background:#f7fbff !important;
  text-align:center !important;
}

.platform-layers-section h2{
  max-width:920px !important;
  margin:0 auto 24px !important;

  font-size:54px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.platform-layers-section p{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;

  font-size:18px !important;
}

.layer-flow{
  max-width:1120px !important;
  margin:60px auto 0 !important;

  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:20px !important;
}

.layer-flow > div{
  background:white !important;
  border:1px solid var(--line) !important;
  border-radius:28px !important;
  padding:34px 28px !important;
  box-shadow:var(--shadow) !important;
  text-align:left !important;
}

.layer-flow span{
  display:block !important;
  margin-bottom:16px !important;

  color:var(--blue) !important;

  font-size:12px !important;
  letter-spacing:.14em !important;
  font-weight:700 !important;
}

.featured-step{
  background:linear-gradient(180deg,#1b4dff,#07111f) !important;
  color:white !important;
  box-shadow:0 35px 90px rgba(27,77,255,.24) !important;
}

.featured-step p{
  color:#d7e1ff !important;
}

.platform-proprietary{
  padding:120px 6% !important;
  text-align:center !important;
}

.platform-proprietary h2{
  max-width:920px !important;
  margin:0 auto 24px !important;

  font-size:54px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.platform-proprietary p{
  max-width:760px !important;
  margin:0 auto !important;

  font-size:18px !important;
}

.timeline-line{
  margin-top:20px !important;
  display:flex !important;
  gap:10px !important;
}

.timeline-line span{
  flex:1 !important;
  height:8px !important;
  border-radius:999px !important;
  background:#d8e5ff !important;
}

.score-panel strong{
  font-size:54px !important;
}

@media(max-width:980px){

  .layer-flow{
    grid-template-columns:1fr !important;
  }

  .platform-layers-section h2,
  .platform-proprietary h2{
    font-size:38px !important;
  }

}
/* HARMONY SCIENCE FINAL FIX */

.science-visual-section{
  padding:110px 6% !important;
  display:grid !important;
  grid-template-columns:1fr 420px !important;
  gap:80px !important;
  align-items:center !important;
  background:white !important;
}

.science-copy h2{
  font-size:54px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.science-copy p{
  max-width:700px !important;
  font-size:18px !important;
}

.science-orb{
  width:320px !important;
  height:320px !important;
  margin:0 auto !important;
  border-radius:50% !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:radial-gradient(circle,#eef5ff,#dceaff) !important;
  box-shadow:var(--shadow) !important;
}

.science-core{
  width:130px !important;
  height:130px !important;
  border-radius:50% !important;
  background:linear-gradient(180deg,#1b4dff,#07111f) !important;
  color:white !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.science-core span{
  color:white !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
}

.science-ring{
  position:absolute !important;
  border-radius:50% !important;
  border:1px solid rgba(27,77,255,.18) !important;
}

.ring-a{width:180px !important;height:180px !important;}
.ring-b{width:240px !important;height:240px !important;}
.ring-c{width:300px !important;height:300px !important;}

.pattern-timeline-section,
.science-deep-section,
.science-principles-section{
  padding:110px 6% !important;
  text-align:center !important;
}

.pattern-timeline-section,
.science-principles-section{
  background:#f7fbff !important;
}

.science-deep-section{
  background:white !important;
}

.pattern-timeline-section h2,
.science-deep-section h2,
.science-principles-section h2{
  max-width:920px !important;
  margin:0 auto 24px !important;
  font-size:54px !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.timeline-copy,
.science-deep-section > p{
  max-width:760px !important;
  margin:0 auto 60px !important;
  font-size:18px !important;
}

.pattern-timeline,
.pattern-strip,
.principles-grid{
  max-width:1120px !important;
  margin:60px auto 0 !important;
  display:grid !important;
  gap:20px !important;
}

.pattern-timeline,
.pattern-strip{
  grid-template-columns:repeat(5,1fr) !important;
}

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

.timeline-step,
.pattern-strip div,
.principles-grid div{
  background:white !important;
  border:1px solid var(--line) !important;
  border-radius:28px !important;
  padding:34px 24px !important;
  box-shadow:var(--shadow) !important;
  text-align:left !important;
}

.timeline-step{
  text-align:center !important;
}

.timeline-step span,
.pattern-strip span,
.principles-grid span{
  display:block !important;
  margin-bottom:16px !important;
  color:var(--blue) !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
  font-weight:700 !important;
}

.timeline-step span{
  display:inline-flex !important;
  width:42px !important;
  height:42px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:#eef4ff !important;
}

.active-step{
  background:linear-gradient(180deg,#1b4dff,#07111f) !important;
  color:white !important;
}

.active-step p{
  color:#d7e1ff !important;
}

.active-step span{
  background:#1b4dff !important;
  color:white !important;
}

@media(max-width:980px){
  .science-visual-section,
  .pattern-timeline,
  .pattern-strip,
  .principles-grid{
    grid-template-columns:1fr !important;
  }

  .science-copy,
  .science-copy h2,
  .science-copy p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .pattern-timeline-section h2,
  .science-deep-section h2,
  .science-principles-section h2,
  .science-copy h2{
    font-size:38px !important;
  }
}
/* =====================================================
   FIX WASHED-OUT BLUE / READABILITY AREAS
   Only targets light blue-gray sections that look off
===================================================== */

/* light blue-gray sections should be cleaner, not muddy */
.platform-proprietary,
.pattern-timeline-section,
.science-principles-section,
.use-case-section,
.partner-access-section,
.index-premium-section,
.infra-philosophy-section,
.infra-future-section{
  background:#f8fbff !important;
}

/* improve text contrast inside those sections */
.platform-proprietary h2,
.pattern-timeline-section h2,
.science-principles-section h2,
.use-case-intro h2,
.partner-access-left h2,
.index-detail-copy h2,
.infra-philosophy-left h2,
.infra-future-section h2{
  color:#07111f !important;
}

.platform-proprietary p,
.pattern-timeline-section p,
.science-principles-section p,
.use-case-intro p,
.partner-access-left p,
.index-detail-copy p,
.infra-philosophy-left p,
.infra-future-section p{
  color:#4b5f76 !important;
}

/* ========================================
   CLEAN FEATURED CARD SYSTEM
======================================== */

/* normal white cards */
.platform-grid > div,
.pattern-timeline > div:not(.active-step),
.principles-grid > div,
.partner-access-list div,
.scale-row div,
.index-breakdown > div:not(.featured-step),
.about-principles-section > div,
.layer-flow > div:not(.featured-step),
.infra-stack-grid > div:not(.featured-stack),
.use-card:not(.featured-use),
.partner-model-grid > div:not(.featured-partner-card){
  background:#ffffff !important;
}

/* Ashwin Index orb */
.index-orb.upgraded-orb{
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.14), transparent 30%),
    linear-gradient(
      180deg,
      #2d63ff 0%,
      #12376e 45%,
      #07111f 100%
    ) !important;

  color:white !important;

  border:1px solid rgba(120,160,255,.30) !important;

  box-shadow:
    0 40px 100px rgba(27,77,255,.30),
    0 0 60px rgba(27,77,255,.16) !important;
}

.index-orb.upgraded-orb *{
  color:white !important;
}

/* featured blue cards */
.featured-step,
.featured-stack,
.featured-use,
.featured-partner-card,
.timeline-step.active-step,
.index-breakdown > div.featured-step,
.layer-flow > div.featured-step,
.infra-stack-grid > div.featured-stack,
.use-card.featured-use,
.partner-model-grid > div.featured-partner-card{

  background:
    linear-gradient(
      180deg,
      #2d63ff 0%,
      #12376e 45%,
      #07111f 100%
    ) !important;

  color:#ffffff !important;

  border:1px solid rgba(120,160,255,.35) !important;

  box-shadow:
    0 35px 90px rgba(27,77,255,.28),
    0 0 50px rgba(27,77,255,.14) !important;
}

/* featured card text */
.featured-step *,
.featured-stack *,
.featured-use *,
.featured-partner-card *,
.timeline-step.active-step *{
  color:#ffffff !important;
}

/* active timeline number */
.timeline-step.active-step span{
  background:#ffffff !important;
  color:#1b4dff !important;
}
/* =====================================================
   ASHWIN FINAL VISUAL RESTORE
   Restores stronger blue identity + glow system
===================================================== */

/* HERO RESTORE */

.hero.upgraded-hero{
  background:
    radial-gradient(circle at 82% 28%, rgba(27,77,255,.18), transparent 34%),
    radial-gradient(circle at 15% 10%, rgba(27,77,255,.06), transparent 30%),
    linear-gradient(180deg,#f8fbff,#edf5ff) !important;
}

/* FEATURED BLUE CARDS */

.active-step,
.featured-stack,
.featured-step,
.featured-use,
.featured-partner-card{
  background:
    linear-gradient(
      180deg,
      #2d63ff 0%,
      #12376e 45%,
      #07111f 100%
    ) !important;

  color:white !important;

  box-shadow:
    0 35px 90px rgba(27,77,255,.26),
    0 0 40px rgba(27,77,255,.10) !important;
}

/* FEATURED CARD TEXT */

.active-step p,
.featured-stack p,
.featured-step p,
.featured-use p,
.featured-partner-card p{
  color:#dbe6ff !important;
}

/* INDEX ORB */

.index-orb{
  background:
    radial-gradient(circle at center,
    rgba(72,120,255,.30),
    rgba(255,255,255,.92)) !important;

  box-shadow:
    0 40px 120px rgba(27,77,255,.14),
    0 0 50px rgba(27,77,255,.08) !important;
}

/* SCIENCE ORB */

.science-orb{
  background:
    radial-gradient(circle,
    #f4f8ff 0%,
    #dfeaff 100%) !important;

  box-shadow:
    0 35px 100px rgba(27,77,255,.10) !important;
}

.science-core{
  background:
    linear-gradient(
      180deg,
      #2f6bff 0%,
      #12376e 50%,
      #07111f 100%
    ) !important;

  box-shadow:
    0 0 45px rgba(27,77,255,.22) !important;
}

/* ABOUT ORB */

.about-visual-card{
  background:
    linear-gradient(
      180deg,
      #12376e 0%,
      #07111f 100%
    ) !important;
}

.about-orb{
  background:
    radial-gradient(circle,
    #4f82ff 0%,
    #12376e 55%,
    #07111f 100%) !important;

  box-shadow:
    0 0 60px rgba(27,77,255,.24) !important;
}

/* INFRA ORB */

.infra-orb{
  background:
    radial-gradient(circle,
    #2f6bff 0%,
    #12376e 55%,
    #07111f 100%) !important;

  box-shadow:
    0 0 70px rgba(27,77,255,.20) !important;
}

/* BUTTONS */

.btn-dark{
  background:
    linear-gradient(
      180deg,
      #12376e,
      #07111f
    ) !important;

  border:none !important;

  box-shadow:
    0 12px 30px rgba(27,77,255,.14) !important;
}

.btn-dark:hover{
  transform:translateY(-3px) !important;

  box-shadow:
    0 18px 45px rgba(27,77,255,.22) !important;
}

/* HERO IMAGE GLOW */

.hero-image-wrap{
  position:relative !important;
}

.hero-image-wrap::after{
  content:"";

  position:absolute;
  left:12%;
  right:12%;
  bottom:-35px;

  height:80px;

  background:rgba(27,77,255,.18);

  filter:blur(55px);

  z-index:-1;
}

/* CLOSING SECTION RESTORE */

.closing.upgraded-closing{
  background:
    linear-gradient(
      135deg,
      #07111f 0%,
      #12376e 55%,
      #1b4dff 140%
    ) !important;
}

/* FOOTER RESTORE */

.premium-footer{
  background:#eef4fb !important;
  border-top:1px solid rgba(27,77,255,.08) !important;
}

.footer-brand strong{
  color:#07111f !important;
}

.footer-links a{
  color:#2c4058 !important;
}

.footer-links a:hover{
  color:#1b4dff !important;
}

/* BLUE TEXT */

.gradient-line{
  color:#7cc7ff !important;
}
.infra-stack-grid .stack-card.featured-stack{
  background:
    linear-gradient(
      180deg,
      #2d63ff 0%,
      #12376e 45%,
      #07111f 100%
    ) !important;

  color:white !important;

  border:1px solid rgba(120,160,255,.35) !important;

  box-shadow:
    0 35px 90px rgba(27,77,255,.28),
    0 0 50px rgba(27,77,255,.14) !important;
}

.infra-stack-grid .stack-card.featured-stack p{
  color:#dce8ff !important;
}

.infra-stack-grid .stack-card.featured-stack span{
  color:#cfe0ff !important;
}
/* ======================================== */
/* UNIVERSAL FEATURED BLUE GLOW CARDS */
/* ======================================== */

.featured-step,
.featured-stack,
.featured-use,
.featured-partner-card{

  background:
    linear-gradient(
      180deg,
      #2d63ff 0%,
      #12376e 45%,
      #07111f 100%
    ) !important;

  color:white !important;

  border:1px solid rgba(120,160,255,.35) !important;

  box-shadow:
    0 35px 90px rgba(27,77,255,.28),
    0 0 50px rgba(27,77,255,.14) !important;
}

/* text */

.featured-step p,
.featured-stack p,
.featured-use p,
.featured-partner-card p{
  color:#dce8ff !important;
}

.featured-step span,
.featured-stack span,
.featured-use span,
.featured-partner-card span{
  color:#cfe0ff !important;
}

.featured-step strong,
.featured-stack h3,
.featured-use h3,
.featured-partner-card h3{
  color:white !important;
}
/* ========================================
   FINAL RESPONSIVE ALIGNMENT FIX
======================================== */

.hero.upgraded-hero .hero-layout,
.story-grid,
.science-visual-section,
.index-premium-section,
.platform-live-dashboard,
.about-story-section,
.contact-main-section,
.partner-access-section,
.infra-philosophy-section,
.closing-grid{
  width:min(1180px,100%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) !important;
  gap:clamp(36px,5vw,70px) !important;
  align-items:center !important;
  justify-content:center !important;
}

.hero-content,
.story-copy,
.science-copy,
.index-detail-copy,
.dashboard-copy,
.about-story-copy,
.contact-main-left,
.partner-access-left,
.infra-philosophy-left,
.closing-left{
  width:100% !important;
  max-width:520px !important;
  text-align:left !important;
  justify-self:start !important;
}

.hero.upgraded-hero .hero-content h1,
main section h2{
  font-size:clamp(34px,3.4vw,48px) !important;
  line-height:1.08 !important;
  letter-spacing:-0.035em !important;
  font-weight:600 !important;
  max-width:100% !important;
}

.hero.upgraded-hero{
  padding:105px 6% 70px !important;
  margin-bottom:0 !important;
  overflow:hidden !important;
  background:#f6f9ff !important;
}

.hero.upgraded-hero .hero-layout{
  width:min(1040px,100%) !important;
  grid-template-columns:minmax(0,520px) minmax(0,360px) !important;
  gap:52px !important;
}

.hero.upgraded-hero .hero-image-wrap{
    width:400px !important;
    max-width:400px !important;
    justify-self:center !important;
}

.hero.upgraded-hero .hero-image-wrap img{
    width:400px !important;
    height:400px !important;
    object-fit:contain !important;
    border-radius:28px !important;
    background:#fff;
}

.story-visual,
.closing-right{
  width:100% !important;
  max-width:400px !important;
  justify-self:center !important;
}

.story-visual img,
.closing-right img{
  width:100% !important;
  height:300px !important;
  object-fit:cover !important;
  border-radius:28px !important;
}

.hero.upgraded-hero .hero-image-wrap::before,
.hero.upgraded-hero .hero-image-wrap::after{
  display:none !important;
  content:none !important;
}

@media(max-width:980px){
  .hero.upgraded-hero .hero-layout,
  .story-grid,
  .science-visual-section,
  .index-premium-section,
  .platform-live-dashboard,
  .about-story-section,
  .contact-main-section,
  .partner-access-section,
  .infra-philosophy-section,
  .closing-grid{
    grid-template-columns:1fr !important;
    gap:36px !important;
  }

  .hero-content,
  .story-copy,
  .science-copy,
  .index-detail-copy,
  .dashboard-copy,
  .about-story-copy,
  .contact-main-left,
  .partner-access-left,
  .infra-philosophy-left,
  .closing-left{
    text-align:center !important;
    justify-self:center !important;
  }

  .hero.upgraded-hero .hero-content h1,
  main section h2{
    font-size:36px !important;
  }

  .hero-image-wrap img,
  .story-visual img,
  .closing-right img{
    height:auto !important;
  }
}
main section{
    background:#ffffff !important;
}
/* ========================================
   FINAL WHITE BACKGROUND + READABILITY FIX
======================================== */

/* make normal sections white, not blue/grey */
main section,
.story-section,
.about-story-section,
.index-premium-section,
.partner-access-section,
.infra-philosophy-section,
.pattern-timeline-section,
.science-principles-section,
.platform-live-dashboard,
.platform-proprietary,
.use-case-section,
.infra-future-section{
  background:#ffffff !important;
}

/* keep only dark sections dark */
.closing.upgraded-closing,
.invisible-layer-section,
.founder-statement-section,
.environment-story-section,
.contact-note-section{
  background:linear-gradient(135deg,#07111f,#12376e) !important;
}

/* remove faded/transparent card look */
.platform-grid > div,
.pattern-timeline > div,
.principles-grid > div,
.partner-access-list div,
.scale-row div,
.index-breakdown > div,
.about-principles-section > div,
.layer-flow > div,
.infra-stack-grid > div,
.use-card,
.partner-model-grid > div,
.proprietary-grid div{
  opacity:1 !important;
  background:#ffffff !important;
  color:#07111f !important;
}

/* force readable text */
main section p,
main section h2,
main section h3,
main section strong,
main section span{
  opacity:1 !important;
}

main section p{
  color:#3f5065 !important;
}

main section h2,
main section h3,
main section strong{
  color:#07111f !important;
}

/* restore featured blue cards only */
.featured-step,
.featured-stack,
.featured-use,
.featured-partner-card,
.timeline-step.active-step{
  background:linear-gradient(180deg,#2d63ff 0%,#12376e 45%,#07111f 100%) !important;
  color:white !important;
}

.featured-step *,
.featured-stack *,
.featured-use *,
.featured-partner-card *,
.timeline-step.active-step *{
  color:white !important;
  opacity:1 !important;
}

/* remove blue bleed blocks from image wrappers */
.hero-image-wrap::before,
.hero-image-wrap::after,
.story-visual::before,
.story-visual::after{
  display:none !important;
  content:none !important;
}
/* ========================================
   FIX TEXT ON DARK BLUE SECTIONS
======================================== */

.closing.upgraded-closing,
.invisible-layer-section,
.founder-statement-section,
.environment-story-section,
.contact-note-section{
  color:#ffffff !important;
}

.closing.upgraded-closing h1,
.closing.upgraded-closing h2,
.closing.upgraded-closing h3,
.closing.upgraded-closing strong,
.closing.upgraded-closing span,
.invisible-layer-section h1,
.invisible-layer-section h2,
.invisible-layer-section h3,
.invisible-layer-section strong,
.invisible-layer-section span,
.founder-statement-section h1,
.founder-statement-section h2,
.founder-statement-section h3,
.founder-statement-section strong,
.founder-statement-section span,
.environment-story-section h1,
.environment-story-section h2,
.environment-story-section h3,
.environment-story-section strong,
.environment-story-section span,
.contact-note-section h1,
.contact-note-section h2,
.contact-note-section h3,
.contact-note-section strong,
.contact-note-section span{
  color:#ffffff !important;
}

.closing.upgraded-closing p,
.invisible-layer-section p,
.founder-statement-section p,
.environment-story-section p,
.contact-note-section p{
  color:#d7e6ff !important;
}
/* INDEX FOUR CARDS — FORCE ONE ROW */

.index-breakdown{
  width:min(1050px,100%) !important;
  margin:0 auto !important;
  padding:70px 6% !important;

  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:20px !important;
}

.index-breakdown > div{
  min-height:230px !important;
  padding:28px !important;
  border-radius:28px !important;
}

/* keep featured card blue */
.index-breakdown > div.featured-step{
  background:linear-gradient(180deg,#2d63ff 0%,#12376e 45%,#07111f 100%) !important;
  color:#ffffff !important;
}

.index-breakdown > div.featured-step *{
  color:#ffffff !important;
}

/* smaller card text */
.index-breakdown h3{
  font-size:20px !important;
  line-height:1.2 !important;
}

.index-breakdown p{
  font-size:15px !important;
  line-height:1.55 !important;
}

/* mobile stacks */
@media(max-width:980px){
  .index-breakdown{
    grid-template-columns:1fr !important;
  }
}
/* ABOUT PAGE CARD TEXT FIX */

.about-principles-section > div,
.about-principles-section > div *{
  color:#07111f !important;
  opacity:1 !important;
}
main h1{
  font-size:25px !important;
  font-weight:600 !important;
}

main h2{
  font-size:25px !important;
  font-weight:600 !important;
}

main h3{
  font-size:22px !important;
  font-weight:600 !important;
}
/* MOBILE NAV FIX */

@media(max-width:980px){

  .site-header{
    position:fixed;
  }

  .menu-button{
    display:block !important;
    z-index:1002;
  }

  #menu-toggle{
    display:none;
  }

  .nav{
    display:none !important;
    position:absolute;
    top:76px;
    left:0;
    right:0;

    background:#ffffff;
    border-bottom:1px solid rgba(0,0,0,.08);
    padding:24px 6%;

    flex-direction:column;
    align-items:flex-start;
    gap:18px;

    box-shadow:0 24px 60px rgba(0,0,0,.08);
  }

  #menu-toggle:checked ~ .nav{
    display:flex !important;
  }

  .nav a{
    width:100%;
    padding:10px 0;
  }

  .nav-cta{
    text-align:center;
    padding:12px 18px !important;
  }
}
.contact-email-plain{
  max-width:420px !important;
  color:#07111f !important;
}

.contact-email-plain h3{
  color:#07111f !important;
  font-size:28px !important;
}

.contact-email-plain p{
  color:#3f5065 !important;
}
/* FINAL HERO IMAGE SYSTEM */

.hero.upgraded-hero .hero-image-wrap{
    width:400px !important;
    max-width:400px !important;
    height:400px !important;
    overflow:hidden !important;
    border-radius:32px !important;
    background:#07111f !important;
}

.hero.upgraded-hero .hero-image-wrap img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:32px !important;
}

@media (max-width:980px){

    .hero.upgraded-hero .hero-image-wrap{
        width:100% !important;
        max-width:400px !important;
        height:400px !important;
        margin:0 auto !important;
    }

}
.about-card-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:32px;
}
/* ABOUT IMAGE CARD — MATCH HERO/BRAIN IMAGE SIZE */

.about-story-section .about-visual-card{
  width:400px !important;
  max-width:400px !important;
  height:400px !important;
  justify-self:center !important;
  overflow:hidden !important;
  border-radius:32px !important;
  background:#07111f !important;
  padding:0 !important;
  box-shadow:var(--shadow) !important;
}

.about-story-section .about-visual-card img,
.about-story-section .about-card-image{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:32px !important;
}
/* Active navigation link */
.nav a.active{
    color:#1d4fff;
    font-weight:700;
    position:relative;
}

.nav a.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:100%;
    height:2px;
    background:#1d4fff;
    border-radius:999px;
}