﻿.home-refresh {
   background: #fff;
}

.home-modern {
   --home-ink: #181540;
   --home-plum: #181540;
   --home-orange: #427dff;
   --home-blue: #2b9ed4;
   --home-green: #28a8ff;
   --home-paper: #fff;
   --home-soft: #fcfdff;
   --home-cream: #f2f5ff;
   --home-lilac: #eef7ff;
   --home-line: rgba(72, 107, 234, .14);
   --home-muted: #625668;
   --home-shadow: 0 24px 70px rgba(72, 107, 234, .12);
   color: var(--home-ink);
   background: #fff;
   font-size: 16px;
   line-height: 1.6;
   overflow: hidden;
}

.home-modern *,
.home-modern *::before,
.home-modern *::after {
   box-sizing: border-box;
}

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

.home-modern a {
   color: inherit;
}

.home-shell {
   width: min(1180px, calc(100% - 40px));
   margin-inline: auto;
}

.home-kicker {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   color: var(--home-orange);
   font-family: var(--font-weight-600);
   font-size: 13px;
   line-height: 1.2;
   letter-spacing: .08em;
   text-transform: uppercase;
}

.home-kicker::before {
   content: "";
   width: 30px;
   height: 2px;
   background: linear-gradient(90deg, var(--home-plum), var(--home-orange));
}

.home-pill {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   min-height: 34px;
   padding: 8px 12px;
   border: 1px solid var(--home-line);
   border-radius: 8px 8px 0 0;
   background: rgba(255, 255, 255, .76);
   color: var(--home-muted);
   font-size: 13px;
   font-family: var(--font-weight-500);
}

.home-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   min-height: 50px;
   padding: 14px 22px;
   border-radius: 8px;
   border: 1px solid transparent;
   font-family: var(--font-weight-600);
   font-size: 15px;
   line-height: 1;
   text-decoration: none;
   transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}

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

.home-btn--primary {
   color: #fff;
   background: linear-gradient(135deg, var(--home-plum), var(--home-orange));
   box-shadow: 0 16px 34px rgba(72, 107, 234, .24);
}

.home-btn--primary:hover {
   color: #fff;
   box-shadow: 0 20px 42px rgba(72, 107, 234, .22);
}

.home-btn--ghost {
   color: var(--home-plum);
   background: rgba(255, 255, 255, .78);
   border-color: rgba(72, 107, 234, .22);
}

.home-btn--ghost:hover {
   color: var(--home-ink);
   border-color: rgba(72, 107, 234, .42);
   background: #fff;
}

.home-hero {
   position: relative;
   min-height: clamp(560px, 76svh, 760px);
   display: flex;
   align-items: center;
   padding: clamp(78px, 10vw, 128px) 0 104px;
   isolation: isolate;
   background:
      radial-gradient(circle at 9% 12%, rgba(168, 216, 238, .50) 0%, transparent 30%),
      radial-gradient(circle at 82% 8%, rgba(232, 215, 229, .72) 0%, transparent 36%),
      radial-gradient(circle at 88% 80%, rgba(245, 196, 154, .62) 0%, transparent 34%),
      linear-gradient(135deg, #fff 0%, #fcfdff 54%, #f2f5ff 100%);
}

.home-hero::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -2;
   background-image:
      linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .88) 35%, rgba(255, 255, 255, .22) 65%, rgba(255, 255, 255, 0) 100%),
      url("../images/mascot-geni/geni-homepage-hero.webp");
   background-size: cover;
   background-position: center right;
   transform: scale(1.02);
   animation: homeHeroDrift 18s ease-in-out infinite alternate;
}

.home-hero::after {
   content: "";
   position: absolute;
   inset: auto -12% -32% 48%;
   height: 48%;
   z-index: -1;
   background: radial-gradient(circle, rgba(72, 107, 234, .18), transparent 68%);
   filter: blur(16px);
   animation: homeSoftPulse 8s ease-in-out infinite;
}

.home-hero__copy {
   max-width: 650px;
   position: relative;
   z-index: 2;
}

.home-hero__copy h1 {
   margin: 18px 0 0;
   color: var(--home-ink);
   font-size: clamp(68px, 10vw, 132px);
   line-height: .88;
   letter-spacing: 0;
   font-family: var(--font-weight-800);
}

.home-hero__claim {
   margin-top: 18px;
   max-width: 760px;
   color: transparent;
   background: linear-gradient(135deg, var(--home-plum) 8%, var(--home-orange) 92%);
   -webkit-background-clip: text;
   background-clip: text;
   font-family: var(--font-weight-700);
   font-size: clamp(30px, 4.2vw, 56px);
   line-height: 1.02;
   letter-spacing: 0;
}

.home-hero__text {
   max-width: 600px;
   margin-top: 24px;
   color: #4a3d50;
   font-size: clamp(17px, 1.5vw, 20px);
   line-height: 1.65;
}

.home-hero__actions {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 30px;
}

.home-hero__badges {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 26px;
}

.home-hero__sticker {
   position: absolute;
   right: max(28px, 7vw);
   bottom: 84px;
   width: clamp(92px, 11vw, 170px);
   z-index: 2;
   filter: drop-shadow(0 22px 38px rgba(72, 107, 234, .22));
   animation: homeMascotBob 5s ease-in-out infinite;
}

.home-scroll-banner {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 3;
   display: flex;
   align-items: center;
   min-height: 66px;
   overflow: hidden;
   border-top: 0;
   border-bottom: 1px solid rgba(72, 107, 234, .10);
   background: rgba(255, 255, 255, .86);
   backdrop-filter: blur(14px);
}

.home-scroll-banner__track {
   display: flex;
   width: max-content;
   animation: homeTextScroll 34s linear infinite;
}

.home-scroll-banner__track span {
   display: inline-flex;
   align-items: center;
   gap: 14px;
   padding-inline: 22px;
   color: var(--home-plum);
   white-space: nowrap;
   font-family: var(--font-weight-600);
   font-size: clamp(15px, 1.3vw, 18px);
}

.home-scroll-banner__track span::after {
   content: "";
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: var(--home-orange);
   box-shadow: 0 0 0 6px rgba(72, 107, 234, .13);
}

.home-proof {
   padding: clamp(34px, 5vw, 64px) 0;
   background: #fff;
}

.home-proof__grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 16px;
}

.home-stat {
   position: relative;
   min-height: 176px;
   padding: 24px;
   border: 1px solid var(--home-line);
   border-radius: 8px;
   background:
      radial-gradient(circle at var(--shine-x, 20%) var(--shine-y, 20%), rgba(255, 255, 255, .95), transparent 28%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
   overflow: hidden;
   transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.home-stat::before {
   content: "";
   position: absolute;
   inset: 0;
   border-top: 0;
}

.home-stat:hover {
   transform: translateY(-6px);
   border-color: rgba(72, 107, 234, .32);
   box-shadow: var(--home-shadow);
}

.home-stat strong {
   display: block;
   color: var(--home-ink);
   font-family: var(--font-weight-700);
   font-size: clamp(24px, 2.5vw, 34px);
   line-height: 1.08;
}

.home-stat span {
   display: block;
   margin-top: 12px;
   color: var(--home-muted);
   font-size: 15px;
   line-height: 1.55;
}

.home-section {
   padding: clamp(72px, 8vw, 118px) 0;
   background: #fff;
}

.home-section--soft {
   background:
      radial-gradient(circle at 15% 0%, rgba(43, 158, 212, .10), transparent 26%),
      radial-gradient(circle at 85% 6%, rgba(72, 107, 234, .10), transparent 30%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.home-section__head {
   display: flex;
   justify-content: space-between;
   align-items: end;
   gap: 26px;
   margin-bottom: clamp(30px, 4vw, 52px);
}

.home-section__head > div {
   max-width: 760px;
}

.home-section__head h2,
.home-access__copy h2,
.home-cta__copy h2 {
   margin: 12px 0 0;
   color: var(--home-ink);
   font-family: var(--font-weight-800);
   font-size: clamp(34px, 4.4vw, 58px);
   line-height: 1.02;
   letter-spacing: 0;
}

.home-section__head p,
.home-access__copy p,
.home-cta__copy p {
   max-width: 660px;
   margin-top: 16px;
   color: var(--home-muted);
   font-size: clamp(16px, 1.4vw, 18px);
   line-height: 1.7;
}

.home-access__grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
   gap: clamp(28px, 5vw, 68px);
   align-items: center;
}

.home-access__copy {
   max-width: 680px;
}

.home-access__list {
   display: grid;
   gap: 14px;
   margin-top: 28px;
}

.home-access__item {
   display: grid;
   grid-template-columns: 48px minmax(0, 1fr);
   gap: 16px;
   align-items: start;
   padding: 18px;
   border: 1px solid var(--home-line);
   border-radius: 8px;
   background: rgba(255, 255, 255, .84);
   transition: transform .22s ease, box-shadow .22s ease;
}

.home-access__item:hover {
   transform: translateX(6px);
   box-shadow: 0 18px 48px rgba(72, 107, 234, .10);
}

.home-access__item i {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 48px;
   height: 48px;
   border-radius: 8px;
   background: linear-gradient(135deg, rgba(72, 107, 234, .10), rgba(72, 107, 234, .13));
   color: var(--home-plum);
   font-size: 20px;
}

.home-access__item h3 {
   margin: 0;
   color: var(--home-ink);
   font-family: var(--font-weight-700);
   font-size: 19px;
   line-height: 1.25;
}

.home-access__item p {
   margin-top: 6px;
   color: var(--home-muted);
   font-size: 15px;
   line-height: 1.55;
}

.home-illustration {
   position: relative;
   margin: 0;
   border-radius: 8px;
   overflow: hidden;
  
}

.home-illustration img {
   width: 100%;
   object-fit: contain;
}



.home-domain-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 18px;
}

.home-domain-card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-height: 390px;
   padding: 22px;
   border: 1px solid var(--home-line);
   border-radius: 8px;
   background:
      radial-gradient(circle at var(--shine-x, 20%) var(--shine-y, 18%), rgba(255,255,255,.96), transparent 34%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
   overflow: hidden;
   text-decoration: none;
   transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.home-domain-card::before {
   content: "";
   position: absolute;
   inset: 0;
   border-top: 0;
}

.home-domain-card:hover {
   transform: translateY(-7px);
   border-color: rgba(72, 107, 234, .34);
   box-shadow: var(--home-shadow);
   color: inherit;
}

.home-domain-card__media {
   height: 158px;
   margin: -4px -4px 18px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.home-domain-card__media img {
   max-height: 154px;
   object-fit: contain;
   filter: drop-shadow(0 18px 22px rgba(72, 107, 234, .12));
   transform-origin: center bottom;
   transition: transform .34s ease;
}

.home-domain-card:hover .home-domain-card__media img {
   transform: translateY(-5px) scale(1.035);
}

.home-domain-card h3 {
   margin: 0;
   color: var(--home-ink);
   font-family: var(--font-weight-700);
   font-size: 22px;
   line-height: 1.18;
}

.home-domain-card p {
   margin: 12px 0 0;
   color: var(--home-muted);
   font-size: 15px;
   line-height: 1.6;
}

.home-domain-card span {
   display: inline-flex;
   align-items: center;
   gap: 9px;
   margin-top: auto;
   padding-top: 22px;
   color: var(--home-plum);
   font-family: var(--font-weight-600);
   font-size: 14px;
}

.home-pathway {
   display: grid;
   grid-template-columns: minmax(320px, .8fr) minmax(0, 1fr);
   gap: clamp(28px, 5vw, 66px);
   align-items: center;
}

.home-pathway__visual {
   position: relative;
}

.home-pathway__visual img {
   width: min(470px, 100%);
   margin-inline: auto;
   filter: drop-shadow(0 28px 52px rgba(72, 107, 234, .18));
   animation: homeMascotBob 5.4s ease-in-out infinite;
}

.home-pathway__steps {
   display: grid;
   gap: 14px;
   counter-reset: pathway;
}

.home-pathway__step {
   position: relative;
   display: grid;
   grid-template-columns: 58px minmax(0, 1fr);
   gap: 18px;
   padding: 20px;
   border: 1px solid var(--home-line);
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 18px 48px rgba(72, 107, 234, .07);
}

.home-pathway__step::before {
   counter-increment: pathway;
   content: "0" counter(pathway);
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 58px;
   height: 58px;
   border-radius: 8px;
   color: #fff;
   background: linear-gradient(135deg, var(--home-plum), var(--home-orange));
   font-family: var(--font-weight-700);
}

.home-pathway__step h3 {
   margin: 0;
   color: var(--home-ink);
   font-family: var(--font-weight-700);
   font-size: 21px;
   line-height: 1.22;
}

.home-pathway__step p {
   margin-top: 8px;
   color: var(--home-muted);
   font-size: 15px;
   line-height: 1.55;
}

.home-focus {
   background:
      radial-gradient(circle at 12% 18%, rgba(43, 158, 212, .10), transparent 26%),
      radial-gradient(circle at 90% 8%, rgba(72, 107, 234, .12), transparent 30%),
      #fff;
}

.home-focus__layout {
   display: grid;
   grid-template-columns: 300px minmax(0, 1fr);
   gap: 22px;
   align-items: stretch;
}

.home-focus__tabs {
   display: grid;
   gap: 10px;
   align-self: start;
}

.home-focus__tab {
   width: 100%;
   min-height: 76px;
   padding: 16px;
   border: 1px solid var(--home-line);
   border-radius: 8px;
   background: rgba(255, 255, 255, .88);
   color: var(--home-muted);
   text-align: left;
   cursor: pointer;
   transition: background .22s ease, color .22s ease, transform .22s ease, border-color .22s ease;
}

.home-focus__tab b,
.home-focus__tab span {
   display: block;
}

.home-focus__tab b {
   color: var(--home-ink);
   font-family: var(--font-weight-700);
   font-size: 17px;
   line-height: 1.2;
}

.home-focus__tab span {
   margin-top: 4px;
   font-size: 13px;
}

.home-focus__tab.is-active,
.home-focus__tab[aria-selected="true"] {
   color: rgba(255, 255, 255, .78);
   background: linear-gradient(135deg, var(--home-plum), var(--home-orange));
   border-color: transparent;
   transform: translateX(6px);
}

.home-focus__tab.is-active b,
.home-focus__tab[aria-selected="true"] b {
   color: #fff;
}

.home-focus__panels {
   position: relative;
}

.home-focus__panel {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(260px, .74fr);
   gap: 26px;
   min-height: 430px;
   padding: clamp(24px, 3vw, 38px);
   border: 1px solid var(--home-line);
   border-radius: 8px;
   background: rgba(255, 255, 255, .9);
   box-shadow: var(--home-shadow);
}

.home-modern.is-enhanced .home-focus__panel {
   display: none;
   opacity: 0;
   transform: translateY(10px);
}

.home-modern.is-enhanced .home-focus__panel.is-active {
   display: grid;
   opacity: 1;
   transform: none;
   animation: homePanelIn .28s ease;
}

.home-focus__copy h3 {
   margin: 12px 0 0;
   color: var(--home-ink);
   font-family: var(--font-weight-800);
   font-size: clamp(30px, 3.3vw, 48px);
   line-height: 1.04;
}

.home-focus__copy .lead {
   margin-top: 16px;
   color: var(--home-muted);
   font-size: 17px;
   line-height: 1.68;
}

.home-focus__points {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 12px;
   margin-top: 24px;
}

.home-focus__points span {
   min-height: 68px;
   padding: 14px;
   border-radius: 8px;
   background: linear-gradient(180deg, #fff 0%, #f2f5ff 100%);
   border: 1px solid rgba(72, 107, 234, .10);
   color: var(--home-muted);
   font-size: 14px;
   line-height: 1.45;
}

.home-focus__points b {
   display: block;
   margin-bottom: 4px;
   color: var(--home-ink);
   font-family: var(--font-weight-700);
}

.home-focus__media {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 330px;
   border-radius: 8px;
   overflow: hidden;
   background:
      radial-gradient(circle at 50% 42%, rgba(255,255,255,.92), transparent 36%),
      linear-gradient(135deg, #eef7ff, #f7fbff);
}

.home-focus__media img {
   width: 100%;
   height: 100%;
   max-height: 360px;
   object-fit: contain;
   padding: 24px;
   filter: drop-shadow(0 22px 34px rgba(72, 107, 234, .14));
}

.home-logo-band {
   padding: clamp(60px, 7vw, 96px) 0;
   background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.home-marquee {
   overflow: hidden;
   -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
   mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.home-marquee + .home-marquee {
   margin-top: 14px;
}

.home-marquee__track {
   display: flex;
   width: max-content;
   animation: homeLogoScroll 38s linear infinite;
}

.home-marquee--reverse .home-marquee__track {
   animation-direction: reverse;
   animation-duration: 44s;
}

.home-marquee:hover .home-marquee__track,
.home-marquee.is-paused .home-marquee__track {
   animation-play-state: paused;
}

.home-marquee__set {
   display: flex;
   gap: 12px;
   padding-right: 12px;
}

.home-logo-tile {
   width: 178px;
   height: 86px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 18px 24px;
   border: 1px solid var(--home-line);
   border-radius: 8px;
   background: #fff;
}

.home-logo-tile img {
   max-width: 100%;
   max-height: 48px;
   object-fit: contain;
   filter: grayscale(1);
   opacity: .82;
   transition: filter .22s ease, opacity .22s ease, transform .22s ease;
}

.home-logo-tile:hover img {
   filter: none;
   opacity: 1;
   transform: scale(1.03);
}

.home-news-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 18px;
}

.home-news-card {
   display: flex;
   flex-direction: column;
   min-height: 284px;
   padding: 22px;
   border: 1px solid var(--home-line);
   border-radius: 8px;
   background: #fff;
   color: inherit;
   text-decoration: none;
   transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.home-news-card:hover {
   color: inherit;
   transform: translateY(-6px);
   border-color: rgba(72, 107, 234, .34);
   box-shadow: var(--home-shadow);
}

.home-news-card small {
   color: var(--home-orange);
   font-family: var(--font-weight-600);
   letter-spacing: .06em;
   text-transform: uppercase;
}

.home-news-card h3 {
   margin: 16px 0 0;
   color: var(--home-ink);
   font-family: var(--font-weight-700);
   font-size: 21px;
   line-height: 1.28;
}

.home-news-card p {
   margin-top: 12px;
   color: var(--home-muted);
   font-size: 15px;
   line-height: 1.6;
}

.home-news-card span {
   display: inline-flex;
   align-items: center;
   gap: 9px;
   margin-top: auto;
   padding-top: 22px;
   color: var(--home-plum);
   font-family: var(--font-weight-600);
   font-size: 14px;
}

.home-cta {
   padding: clamp(68px, 8vw, 110px) 0;
   background:
      radial-gradient(circle at 14% 24%, rgba(43, 158, 212, .13), transparent 28%),
      radial-gradient(circle at 85% 12%, rgba(72, 107, 234, .15), transparent 32%),
      linear-gradient(135deg, #fff 0%, #f7fbff 58%, #eef7ff 100%);
}

.home-cta__box {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(250px, 360px);
   gap: clamp(24px, 5vw, 70px);
   align-items: center;
   padding: clamp(28px, 4vw, 54px);
   border: 1px solid var(--home-line);
   border-radius: 8px;
   background: rgba(255, 255, 255, .82);
   box-shadow: var(--home-shadow);
}

.home-cta__actions {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 28px;
}

.home-cta__mascot {
   justify-self: center;
   width: min(330px, 100%);
   filter: drop-shadow(0 24px 42px rgba(72, 107, 234, .18));
   animation: homeMascotBob 5.2s ease-in-out infinite;
}

.home-modern.is-enhanced [data-home-reveal] {
   opacity: 0;
   transform: translateY(28px);
   transition: opacity .68s ease, transform .68s cubic-bezier(.2, .78, .2, 1);
   transition-delay: calc(var(--i, 0) * 80ms);
}

.home-modern.is-enhanced [data-home-reveal].is-visible {
   opacity: 1;
   transform: none;
}

@keyframes homeHeroDrift {
   0% { transform: scale(1.02) translate3d(0, 0, 0); }
   100% { transform: scale(1.06) translate3d(-1.4%, .8%, 0); }
}

@keyframes homeSoftPulse {
   0%, 100% { opacity: .62; transform: scale(.98); }
   50% { opacity: 1; transform: scale(1.04); }
}

@keyframes homeMascotBob {
   0%, 100% { transform: translateY(0) rotate(-1deg); }
   50% { transform: translateY(-12px) rotate(1.2deg); }
}

@keyframes homeTextScroll {
   to { transform: translateX(-50%); }
}

@keyframes homeLogoScroll {
   to { transform: translateX(-50%); }
}

@keyframes homePanelIn {
   from { opacity: 0; transform: translateY(10px); }
   to { opacity: 1; transform: translateY(0); }
}

/* Blue mascot-theme refinement */
.home-modern {
   --home-ink: #141c4f;
   --home-plum: #2d197d;
   --home-orange: #427dff;
   --home-blue: #4c8dff;
   --home-cyan: #4bc9ff;
   --home-violet: #7f6cff;
   --home-soft: #f7fbff;
   --home-cream: #eef6ff;
   --home-lilac: #f2f4ff;
   --home-line: rgba(54, 93, 190, .16);
   --home-muted: #435078;
   --home-shadow: 0 28px 76px rgba(47, 89, 190, .16);
}

.home-kicker {
   color: #345fce;
}

.home-kicker::before {
   background: linear-gradient(90deg, #2d197d, #4bc9ff);
}

.home-btn--primary,
.home-pathway__step::before,
.home-focus__tab.is-active,
.home-focus__tab[aria-selected="true"] {
   background: linear-gradient(135deg, #2d197d 0%, #427dff 54%, #4bc9ff 100%);
   box-shadow: 0 18px 38px rgba(66, 125, 255, .22);
}

.home-btn--ghost {
   color: #24176f;
   border-color: rgba(66, 125, 255, .26);
}

.home-btn--ghost:hover {
   border-color: rgba(66, 125, 255, .48);
}

.home-hero {
   min-height: clamp(650px, 73svh, 790px);
   align-items: stretch;
   padding: clamp(52px, 6vw, 82px) 0 132px;
   background: #f7fbff;
}

.home-hero::before,
.home-hero::after {
   display: none;
}

.home-hero__slides {
   position: absolute;
   inset: 0;
   z-index: -3;
   overflow: hidden;
}

.home-hero__slide {
   position: absolute;
   inset: 0;
   opacity: 0;
   background-image:
      linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .88) 33%, rgba(255, 255, 255, .30) 63%, rgba(255, 255, 255, .04) 100%),
      var(--hero-image);
   background-size: cover;
   background-position: center right;
   transform: scale(1.03);
   animation: homeHeroImageFade 24s ease-in-out infinite;
}

.home-hero__slide:nth-child(2) {
   animation-delay: 6s;
}

.home-hero__slide:nth-child(3) {
   animation-delay: 12s;
}

.home-hero__slide:nth-child(4) {
   animation-delay: 18s;
}

.home-hero .home-shell {
   display: flex;
   align-items: center;
   min-height: clamp(430px, 52svh, 570px);
}

.home-hero__copy {
   max-width: 690px;
}

.home-hero__copy h1 {
   max-width: 12ch;
   margin-top: 20px;
   color: #2d197d;
   font-size: clamp(46px, 6.2vw, 84px);
   line-height: .98;
   text-shadow: 0 18px 46px rgba(255, 255, 255, .84);
}

.home-hero__claim {
   margin-top: 8px;
   max-width: 760px;
   background: linear-gradient(135deg, #2d197d 0%, #496eff 58%, #43bfff 100%);
   -webkit-background-clip: text;
   background-clip: text;
   font-size: clamp(34px, 4.8vw, 66px);
   line-height: 1.02;
}

.home-hero__text {
   max-width: 610px;
   color: #2d3b6d;
   font-size: clamp(17px, 1.55vw, 21px);
}

.home-hero__cue {
   position: absolute;
   right: max(22px, 8vw);
   top: clamp(116px, 21vw, 220px);
   display: grid;
   gap: 4px;
   padding: 4px 0 4px 20px;
   border-left: 2px solid rgba(45, 25, 125, .24);
   color: #20336e;
   font-family: var(--font-weight-600);
   font-size: 14px;
   line-height: 1.36;
   letter-spacing: .08em;
   text-transform: uppercase;
}

.home-hero__cue::after {
   content: "";
   width: 34px;
   height: 3px;
   margin-top: 8px;
   border-radius: 999px;
   background: linear-gradient(90deg, #427dff, #4bc9ff);
}

.home-hero__sticker {
   display: none;
}

.home-hero-wave {
   position: absolute;
   left: -4%;
   right: -4%;
   bottom: 76px;
   height: 170px;
   z-index: 1;
   pointer-events: none;
   background:
      radial-gradient(110% 95% at 78% 94%, rgba(117, 197, 255, .34) 0 32%, transparent 33%),
      radial-gradient(90% 86% at 18% 82%, rgba(85, 62, 208, .34) 0 28%, transparent 29%),
      linear-gradient(105deg, rgba(62, 51, 202, .88) 0%, rgba(74, 136, 255, .60) 42%, rgba(75, 201, 255, .36) 78%, rgba(255,255,255,.78) 100%);
   clip-path: polygon(0 34%, 9% 52%, 20% 62%, 35% 52%, 50% 47%, 65% 61%, 81% 67%, 100% 45%, 100% 100%, 0 100%);
   filter: drop-shadow(0 -16px 32px rgba(73, 110, 255, .12));
}

.home-hero-features {
   position: absolute;
   left: 50%;
   bottom: 14px;
   z-index: 2;
   width: min(1120px, calc(100% - 40px));
   transform: translateX(-50%);
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 12px;
   padding: 14px;
   border: 1px solid rgba(73, 110, 255, .14);
   border-radius: 18px;
   background: rgba(255, 255, 255, .86);
   box-shadow: 0 22px 60px rgba(54, 93, 190, .14);
   backdrop-filter: blur(16px);
}

.home-hero-features a {
   display: grid;
   grid-template-columns: 48px minmax(0, 1fr);
   gap: 12px;
   align-items: center;
   min-height: 76px;
   padding: 10px 12px;
   border-radius: 14px;
   color: #263772;
   text-decoration: none;
   transition: background .22s ease, transform .22s ease;
}

.home-hero-features a:hover {
   background: rgba(76, 141, 255, .10);
   transform: translateY(-3px);
}

.home-hero-features i {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   color: #2d197d;
   background: linear-gradient(135deg, rgba(66, 125, 255, .13), rgba(75, 201, 255, .20));
   font-size: 20px;
}

.home-hero-features strong {
   display: block;
   color: #181540;
   font-family: var(--font-weight-700);
   font-size: 15px;
   line-height: 1.2;
}

.home-hero-features span {
   display: block;
   color: #50608b;
   font-size: 13px;
   line-height: 1.3;
}

.home-scroll-banner {
   display: none;
}

.home-stat::before,
.home-domain-card::before {
   display: none;
}

.home-stat,
.home-domain-card {
   border-color: rgba(66, 125, 255, .14);
   background:
      radial-gradient(circle at var(--shine-x, 20%) var(--shine-y, 20%), rgba(255, 255, 255, .96), transparent 28%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.home-stat:hover,
.home-domain-card:hover,
.home-news-card:hover {
   border-color: rgba(66, 125, 255, .36);
}

.home-stat strong,
.home-domain-card h3,
.home-news-card h3,
.home-focus__copy h3 {
   color: #181540;
}

.home-section--soft,
.home-focus,
.home-logo-band,
.home-cta {
   background:
      radial-gradient(circle at 14% 8%, rgba(76, 141, 255, .12), transparent 28%),
      radial-gradient(circle at 84% 4%, rgba(75, 201, 255, .12), transparent 31%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.home-focus__points span,
.home-access__item i,
.home-domain-card {
   background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.home-focus__media {
   background:
      radial-gradient(circle at 50% 42%, rgba(255,255,255,.92), transparent 36%),
      linear-gradient(135deg, #eef6ff, #f2f4ff);
}

.home-news-card small {
   color: #345fce;
}

.home-brands {
   background: #fff;
}

.home-brand-grid {
   display: grid;
   grid-template-columns: repeat(6, minmax(0, 1fr));
   grid-auto-rows: minmax(112px, auto);
   gap: 16px;
   align-items: stretch;
}

.home-brand-card {
   grid-column: span 2;
   position: relative;
   min-height: 220px;
   padding: 22px;
   border: 1px solid rgba(66, 125, 255, .16);
   border-radius: 20px;
   background:
      radial-gradient(circle at 82% 14%, rgba(75, 201, 255, .18), transparent 34%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
   box-shadow: 0 22px 60px rgba(54, 93, 190, .10);
   overflow: hidden;
   transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.home-brand-card::after {
   content: "";
   position: absolute;
   inset: auto -15% -42% 34%;
   height: 58%;
   border-radius: 999px;
   background: radial-gradient(circle, rgba(76, 141, 255, .20), transparent 70%);
   pointer-events: none;
}

.home-brand-card:hover {
   transform: translateY(-8px);
   border-color: rgba(66, 125, 255, .38);
   box-shadow: 0 30px 80px rgba(54, 93, 190, .16);
}

.home-brand-card--tall {
   grid-row: span 2;
   min-height: 456px;
}

.home-brand-card--wide {
   grid-column: span 4;
}

.home-brand-card--lift {
   transform: translateY(34px);
}

.home-brand-card--lift:hover {
   transform: translateY(24px);
}

.home-brand-card span {
   display: inline-flex;
   min-height: 30px;
   align-items: center;
   padding: 7px 11px;
   border-radius: 999px;
   color: #345fce;
   background: rgba(76, 141, 255, .10);
   font-family: var(--font-weight-600);
   font-size: 12px;
   letter-spacing: .04em;
   text-transform: uppercase;
}

.home-brand-card img {
   max-width: min(190px, 78%);
   max-height: 72px;
   margin: 32px 0 24px;
   object-fit: contain;
   filter: saturate(.95);
}

.home-brand-card strong {
   display: block;
   color: #181540;
   font-family: var(--font-weight-800);
   font-size: clamp(25px, 2.5vw, 38px);
   line-height: 1.05;
}

.home-brand-card p {
   max-width: 360px;
   margin-top: 12px;
   color: #52618c;
   font-size: 15px;
   line-height: 1.55;
}

@keyframes homeHeroImageFade {
   0%, 100% { opacity: 0; transform: scale(1.035); }
   4%, 23% { opacity: 1; transform: scale(1); }
   29% { opacity: 0; transform: scale(1.025); }
}

@media (max-width: 1100px) {
   .home-proof__grid,
   .home-domain-grid,
   .home-news-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .home-access__grid,
   .home-pathway,
   .home-focus__layout,
   .home-focus__panel,
   .home-cta__box {
      grid-template-columns: 1fr;
   }

   .home-focus__tabs {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .home-focus__tab.is-active,
   .home-focus__tab[aria-selected="true"] {
      transform: translateY(-3px);
   }
}

@media (max-width: 768px) {
   .home-shell {
      width: min(100% - 28px, 1180px);
   }

   .home-hero {
      min-height: 680px;
      align-items: flex-start;
      padding-top: 58px;
      padding-bottom: 100px;
   }

   .home-hero::before {
      background-image:
         linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 46%, rgba(255,255,255,.38) 100%),
         url("../images/mascot-geni/geni-homepage-hero.webp");
      background-position: 62% 100%;
      background-size: auto 72%, cover;
      background-repeat: no-repeat;
   }

   .home-hero__copy h1 {
      font-size: clamp(56px, 20vw, 86px);
   }

   .home-hero__text {
      font-size: 16px;
   }

   .home-hero__actions .home-btn {
      width: 100%;
   }

   .home-hero__sticker {
      right: 16px;
      bottom: 82px;
      width: 92px;
   }

   .home-section__head {
      display: block;
   }

   .home-proof__grid,
   .home-domain-grid,
   .home-news-grid,
   .home-focus__tabs,
   .home-focus__points {
      grid-template-columns: 1fr;
   }

   .home-stat {
      min-height: 148px;
   }

   .home-domain-card {
      min-height: 342px;
   }

   .home-access__item,
   .home-pathway__step {
      grid-template-columns: 1fr;
   }

   .home-illustration img {
      min-height: 290px;
   }

   .home-logo-tile {
      width: 146px;
      height: 74px;
      padding: 14px 18px;
   }
}

@media (max-width: 520px) {
   .home-hero__badges {
      display: none;
   }

   .home-scroll-banner {
      min-height: 56px;
   }

   .home-scroll-banner__track span {
      padding-inline: 16px;
   }
}

@media (prefers-reduced-motion: reduce) {
   .home-hero::before,
   .home-hero::after,
   .home-hero__sticker,
   .home-scroll-banner__track,
   .home-pathway__visual img,
   .home-marquee__track,
   .home-cta__mascot {
      animation: none !important;
   }

   .home-btn,
   .home-stat,
   .home-access__item,
   .home-domain-card,
   .home-news-card,
   .home-logo-tile img {
      transition: none !important;
   }

   .home-modern.is-enhanced [data-home-reveal] {
      opacity: 1;
      transform: none;
      transition: none;
   }
}

@media (max-width: 1100px) {
   .home-hero__cue {
      display: none;
   }

   .home-hero-features {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      bottom: 18px;
   }

   .home-brand-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .home-brand-card,
   .home-brand-card--wide,
   .home-brand-card--tall {
      grid-column: span 1;
      grid-row: auto;
      min-height: 250px;
   }

   .home-brand-card--lift {
      transform: none;
   }

   .home-brand-card--lift:hover {
      transform: translateY(-8px);
   }
}

@media (max-width: 768px) {
   .home-hero {
      min-height: 760px;
      padding-top: 38px;
      padding-bottom: 230px;
   }

   .home-hero .home-shell {
      min-height: 430px;
      align-items: flex-start;
      padding-top: 24px;
   }

   .home-hero__slide {
      background-image:
         linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .88) 46%, rgba(255, 255, 255, .30) 100%),
         var(--hero-image);
      background-position: 62% bottom;
      background-size: auto 74%, cover;
      background-repeat: no-repeat;
   }

   .home-hero__copy h1 {
      max-width: 9ch;
      font-size: clamp(43px, 13vw, 62px);
   }

   .home-hero__claim {
      font-size: clamp(28px, 8vw, 42px);
   }

   .home-hero-wave {
      bottom: 150px;
      height: 118px;
   }

   .home-hero-features {
      grid-template-columns: 1fr;
      gap: 8px;
      bottom: 12px;
      width: calc(100% - 28px);
      padding: 10px;
      max-height: 212px;
      overflow: auto;
   }

   .home-hero-features a {
      min-height: 62px;
      grid-template-columns: 42px minmax(0, 1fr);
   }

   .home-hero-features i {
      width: 42px;
      height: 42px;
      font-size: 17px;
   }

   .home-brand-grid {
      grid-template-columns: 1fr;
   }

   .home-brand-card,
   .home-brand-card--wide,
   .home-brand-card--tall {
      min-height: 224px;
   }
}

/* Retried banner: synchronized image and text slider */
.home-hero {
   min-height: clamp(680px, 76svh, 820px);
   padding: 0 0 146px;
   overflow: hidden;
   background: #f7fbff;
}

.home-hero__media {
   position: absolute;
   inset: 0;
   z-index: -3;
   overflow: hidden;
   background: #edf6ff;
}

.home-hero__media::after {
   content: "";
   position: absolute;
   inset: 0;
   background:
      linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 25%, rgba(255,255,255,.58) 47%, rgba(255,255,255,.12) 78%, rgba(255,255,255,.02) 100%),
      radial-gradient(circle at 28% 48%, rgba(255,255,255,.72), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(239,247,255,.16) 72%, rgba(255,255,255,.78) 100%);
}

.home-hero__image {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center right;
   opacity: 0;
   transform: scale(1.04);
   transition: opacity .9s ease, transform 7s ease;
}

.home-hero__image.is-active {
   opacity: 1;
   transform: scale(1);
}

.home-hero__inner {
   position: static;
   z-index: 2;
   min-height: clamp(520px, 61svh, 650px);
   display: grid;
   align-content: center;
   padding-top: clamp(42px, 5vw, 74px);
}

.home-hero__content {
   position: relative;
   max-width: 720px;
}

.home-hero__copy {
   display: none;
   max-width: 710px;
   position: relative;
   z-index: 2;
}

.home-hero__copy.is-active {
   display: block;
   animation: homeHeroCopyIn .55s ease both;
}

.home-hero__copy h1,
.home-hero__copy h2 {
   max-width: 11.8ch;
   margin: 18px 0 0;
   color: #2d197d;
   font-family: var(--font-weight-800);
   font-size: clamp(52px, 6.7vw, 92px);
   line-height: .96;
   letter-spacing: 0;
   text-shadow: 0 18px 42px rgba(255,255,255,.72);
}

.home-hero__claim {
   margin-top: 10px;
   max-width: 760px;
   background: linear-gradient(135deg, #2d197d 0%, #466dff 52%, #40bfff 100%);
   -webkit-background-clip: text;
   background-clip: text;
   font-size: clamp(31px, 4.4vw, 62px);
   line-height: 1.03;
}

.home-hero__text {
   max-width: 610px;
   margin-top: 22px;
   color: #27386f;
   font-size: clamp(17px, 1.45vw, 20px);
   line-height: 1.65;
}

.home-hero__actions {
   margin-top: 28px;
}

.home-hero__cue {
   display: none !important;
}

.home-hero__controls {
   position: absolute;
   right: max(26px, 7vw);
   bottom: 148px;
   z-index: 5;
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 0;
   max-width: 720px;
   justify-content: flex-end;
}

.home-hero__controls button {
   position: relative;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   min-height: 40px;
   padding: 10px 14px;
   border: 1px solid rgba(66,125,255,.20);
   border-radius: 999px;
   background: rgba(255,255,255,.78);
   color: #2f3e7f;
   font: 600 13px/1 var(--font-weight-600);
   cursor: pointer;
   overflow: hidden;
   transition: background .22s ease, border-color .22s ease, transform .22s ease;
}

.home-hero__controls button::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 3px;
   background: linear-gradient(90deg, #456cff, #4bc9ff);
   transform: scaleX(0);
   transform-origin: left;
}

.home-hero__controls button.is-active {
   background: rgba(255,255,255,.96);
   border-color: rgba(66,125,255,.42);
   color: #22135d;
   box-shadow: 0 14px 34px rgba(54,93,190,.12);
}

.home-hero__controls button.is-active::after {
   animation: homeHeroProgress 6.5s linear both;
}

.home-hero__controls span {
   color: #427dff;
}

.home-hero-wave {
   bottom: 72px;
}

.home-hero-features {
   bottom: 10px;
}

@keyframes homeHeroCopyIn {
   from { opacity: 0; transform: translateY(20px); }
   to { opacity: 1; transform: translateY(0); }
}

@keyframes homeHeroProgress {
   from { transform: scaleX(0); }
   to { transform: scaleX(1); }
}

@media (max-width: 1100px) {
   .home-hero__media::after {
      background:
         linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.88) 48%, rgba(255,255,255,.24) 100%),
         linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.84) 100%);
   }

   .home-hero__copy h1,
   .home-hero__copy h2 {
      font-size: clamp(46px, 8vw, 78px);
   }
}

@media (max-width: 768px) {
   .home-hero {
      min-height: 840px;
      padding-bottom: 232px;
   }

   .home-hero__media::after {
      background:
         linear-gradient(180deg, rgba(247,251,255,.42) 0%, rgba(255,255,255,.72) 28%, rgba(255,255,255,.98) 46%, rgba(255,255,255,.96) 100%);
   }

   .home-hero__image {
      height: 43%;
      object-position: 58% center;
   }

   .home-hero__inner {
      min-height: 590px;
      align-content: end;
      padding-top: 0;
      padding-bottom: 18px;
   }

   .home-hero__content {
      max-width: none;
   }

   .home-hero__copy h1,
   .home-hero__copy h2 {
      max-width: 9.6ch;
      font-size: clamp(40px, 12vw, 58px);
   }

   .home-hero__claim {
      font-size: clamp(27px, 7.8vw, 40px);
   }

   .home-hero__text {
      font-size: 16px;
      line-height: 1.58;
   }

   .home-hero__actions .home-btn {
      width: 100%;
   }

   .home-hero__controls {
      display: none;
   }

   .home-hero-wave {
      bottom: 150px;
   }
}

/* Full reference-page section parity */
.home-btn,
.home-pill,
.home-stat,
.home-access__item,
.home-domain-card,
.home-focus__tab,
.home-focus__panel,
.home-brand-card,
.home-news-card,
.home-logo-tile,
.home-cta__box,
.home-founder__portrait,
.home-founder__pledge,
.home-dividend__stats article,
.home-dividend__links a,
.home-precision__role,
.home-precision__flow li,
.home-precision__image,
.home-abseq__card,
.home-client-tile,
.home-update-card,
.home-social__box,
.home-social__handle {
   border-radius: 8px;
}

.home-btn--primary {
   box-shadow: 0 16px 34px rgba(66, 125, 255, .20);
}

.home-btn--primary:hover {
   box-shadow: 0 20px 42px rgba(47, 89, 190, .22);
}

.home-founder__copy h2,
.home-dividend__copy h2,
.home-precision__intro h2,
.home-abseq .home-section__head h2,
.home-clients .home-section__head h2,
.home-updates .home-section__head h2,
.home-social h2 {
   margin: 16px 0 0;
   color: #181540;
   font-family: var(--font-weight-800);
   font-size: 44px;
   line-height: 1.08;
   letter-spacing: 0;
}

.home-founder__copy p,
.home-dividend__copy p,
.home-precision__intro p,
.home-precision__role p,
.home-abseq .home-section__head p,
.home-clients .home-section__head p,
.home-social p {
   color: #52618c;
   font-size: 17px;
   line-height: 1.68;
}

.home-founder {
   background: #fff;
}

.home-founder__grid {
   display: grid;
   grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
   gap: 54px;
   align-items: center;
}

.home-founder__portrait {
   position: relative;
   margin: 0;
   border: 1px solid rgba(66, 125, 255, .16);
   background:
      radial-gradient(circle at 50% 14%, rgba(75, 201, 255, .18), transparent 34%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
   box-shadow: 0 28px 76px rgba(47, 89, 190, .14);
   overflow: hidden;
}

.home-founder__portrait img {
   width: 100%;
   aspect-ratio: 4 / 5;
   object-fit: cover;
}

.home-founder__portrait figcaption {
   display: grid;
   gap: 2px;
   padding: 20px;
   background: #fff;
}

.home-founder__portrait strong {
   color: #181540;
   font-family: var(--font-weight-800);
   font-size: 22px;
}

.home-founder__portrait span {
   color: #52618c;
   font-size: 14px;
}

.home-founder__copy {
   display: grid;
   gap: 18px;
}

.home-founder__copy h2 {
   max-width: 920px;
}

.home-founder__copy p {
   margin: 0;
}

.home-founder__pledge {
   display: grid;
   gap: 6px;
   padding: 20px;
   border: 1px solid rgba(66, 125, 255, .16);
   background:
      radial-gradient(circle at 90% 0%, rgba(75, 201, 255, .18), transparent 34%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.home-founder__pledge span {
   color: #345fce;
   font-family: var(--font-weight-700);
   font-size: 12px;
   letter-spacing: .08em;
   line-height: 1.2;
   text-transform: uppercase;
}

.home-founder__pledge strong {
   color: #181540;
   font-family: var(--font-weight-700);
   font-size: 20px;
   line-height: 1.35;
}

.home-dividend {
   position: relative;
   overflow: hidden;
}

.home-dividend__grid {
   display: grid;
   grid-template-columns: minmax(0, 1.05fr) minmax(250px, .55fr);
   gap: 26px;
   align-items: stretch;
}

.home-dividend__copy {
   grid-row: span 2;
}

.home-dividend__copy img {
   width: 100%;
   margin-top: 28px;
   aspect-ratio: 16 / 9;
   object-fit: cover;
   border-radius: 8px;
   box-shadow: 0 24px 70px rgba(47, 89, 190, .12);
}

.home-dividend__stats {
   display: grid;
   gap: 14px;
}

.home-dividend__stats article {
   display: grid;
   gap: 7px;
   padding: 24px;
   border: 1px solid rgba(66, 125, 255, .16);
   background: #fff;
   box-shadow: 0 18px 52px rgba(54, 93, 190, .09);
}

.home-dividend__stats strong {
   color: #2d197d;
   font-family: var(--font-weight-800);
   font-size: 26px;
   line-height: 1;
}

.home-dividend__stats span {
   color: #52618c;
   font-size: 14px;
   line-height: 1.45;
}

.home-dividend__links {
   display: grid;
   gap: 12px;
}

.home-dividend__links a {
   display: block;
   padding: 20px;
   border: 1px solid rgba(66, 125, 255, .16);
   background:
      linear-gradient(90deg, rgba(76, 141, 255, .10), rgba(75, 201, 255, .08)),
      #fff;
   text-decoration: none;
   transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.home-dividend__links a:hover {
   transform: translateY(-4px);
   border-color: rgba(66, 125, 255, .34);
   box-shadow: 0 20px 52px rgba(54, 93, 190, .12);
}

.home-dividend__links h3 {
   margin: 0 0 7px;
   color: #181540;
   font-family: var(--font-weight-700);
   font-size: 18px;
   line-height: 1.25;
}

.home-dividend__links p {
   margin: 0;
   color: #52618c;
   font-size: 14px;
   line-height: 1.5;
}

.home-precision {
   background: #fff;
}

.home-precision__grid {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr);
   gap: 28px;
   align-items: start;
}

.home-precision__intro p {
   max-width: 760px;
}

.home-precision__role {
   padding: 28px;
   border: 1px solid rgba(66, 125, 255, .16);
   background:
      radial-gradient(circle at 88% 0%, rgba(75, 201, 255, .20), transparent 34%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
   box-shadow: 0 24px 70px rgba(47, 89, 190, .12);
}

.home-precision__role h3 {
   margin: 0 0 14px;
   color: #181540;
   font-family: var(--font-weight-800);
   font-size: 28px;
   line-height: 1.16;
}

.home-precision__flow {
   list-style: none;
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 16px;
   margin: 38px 0 0;
   padding: 0;
}

.home-precision__flow li {
   position: relative;
   min-height: 230px;
   padding: 22px;
   border: 1px solid rgba(66, 125, 255, .16);
   background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
   overflow: hidden;
}

.home-precision__flow li::after {
   content: "";
   position: absolute;
   inset: auto -18% -48% 26%;
   height: 62%;
   background: radial-gradient(circle, rgba(75, 201, 255, .18), transparent 70%);
}

.home-precision__flow span {
   color: #427dff;
   font-family: var(--font-weight-800);
   font-size: 15px;
}

.home-precision__flow h3 {
   margin: 18px 0 10px;
   color: #181540;
   font-family: var(--font-weight-800);
   font-size: 24px;
}

.home-precision__flow p {
   position: relative;
   z-index: 1;
   margin: 0;
   color: #52618c;
   font-size: 14px;
   line-height: 1.55;
}

.home-precision__image {
   margin: 36px 0 0;
   border: 1px solid rgba(66, 125, 255, .16);
   background: #f7fbff;
   overflow: hidden;
   box-shadow: 0 24px 70px rgba(47, 89, 190, .12);
   height: 550px;
}

.home-precision__image img {
   width: 100%;
  
   object-fit: contain;
}

.home-abseq {
   background:
      radial-gradient(circle at 16% 0%, rgba(76, 141, 255, .13), transparent 30%),
      radial-gradient(circle at 92% 18%, rgba(75, 201, 255, .14), transparent 28%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.home-abseq__grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 18px;
}

.home-abseq__card {
   display: grid;
   grid-template-rows: auto 1fr;
   border: 1px solid rgba(66, 125, 255, .16);
   background: #fff;
   overflow: hidden;
   box-shadow: 0 24px 70px rgba(47, 89, 190, .12);
}

.home-abseq__card img {
   width: 100%;
   aspect-ratio: 16 / 10;
   object-fit: cover;
}

.home-abseq__card > div {
   display: grid;
   align-content: start;
   gap: 16px;
   padding: 26px;
}

.home-abseq__card span {
   color: #345fce;
   font-family: var(--font-weight-700);
   font-size: 12px;
   letter-spacing: .08em;
   line-height: 1.2;
   text-transform: uppercase;
}

.home-abseq__card h3 {
   margin: 0;
   color: #181540;
   font-family: var(--font-weight-800);
   font-size: 29px;
   line-height: 1.14;
}

.home-abseq__card ul {
   display: grid;
   gap: 10px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.home-abseq__card li {
   position: relative;
   padding-left: 22px;
   color: #52618c;
   font-size: 15px;
   line-height: 1.5;
}

.home-abseq__card li::before {
   content: "";
   position: absolute;
   left: 0;
   top: .65em;
   width: 8px;
   height: 8px;
   border-radius: 99px;
   background: linear-gradient(135deg, #456cff, #4bc9ff);
}

.home-clients,
.home-updates {
   background: #fff;
}

.home-client-marquee {
   margin-top: 8px;
}

.home-client-marquee .home-marquee__track {
   animation-duration: 58s;
}

.home-client-tile {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 auto;
   width: 230px;
   min-height: 92px;
   padding: 18px;
   border: 1px solid rgba(66, 125, 255, .16);
   background:
      radial-gradient(circle at 90% 0%, rgba(75, 201, 255, .16), transparent 36%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
   color: #181540;
   font-family: var(--font-weight-800);
   font-size: 17px;
   line-height: 1.2;
   text-align: center;
   box-shadow: 0 18px 45px rgba(54, 93, 190, .08);
}

.home-client-tile small {
   display: block;
   width: 100%;
   margin-top: 4px;
   color: #52618c;
   font-family: var(--font-weight-500);
   font-size: 12px;
}

.home-marquee-actions {
   display: flex;
   justify-content: flex-end;
   margin-top: 20px;
}

.home-marquee-toggle {
   min-height: 40px;
   padding: 10px 14px;
   border: 1px solid rgba(66, 125, 255, .20);
   border-radius: 8px;
   background: #fff;
   color: #345fce;
   font-family: var(--font-weight-700);
   font-size: 13px;
   cursor: pointer;
}

.home-updates__grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 16px;
}

.home-update-card {
   display: grid;
   gap: 18px;
   min-height: 330px;
   padding: 24px;
   border: 1px solid rgba(66, 125, 255, .16);
   background:
      radial-gradient(circle at 90% 0%, rgba(75, 201, 255, .17), transparent 34%),
      linear-gradient(180deg, #fff 0%, #f7fbff 100%);
   box-shadow: 0 22px 60px rgba(54, 93, 190, .10);
}

.home-update-card__head {
   display: grid;
   grid-template-columns: 44px minmax(0, 1fr);
   gap: 12px;
   align-items: center;
}

.home-update-card__head > span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 44px;
   height: 44px;
   border-radius: 8px;
   color: #fff;
   background: linear-gradient(135deg, #2d197d, #456cff);
   font-family: var(--font-weight-800);
}

.home-update-card__head strong,
.home-update-card h3 {
   color: #181540;
   font-family: var(--font-weight-800);
}

.home-update-card__head strong {
   display: block;
   font-size: 14px;
   line-height: 1.25;
}

.home-update-card time {
   color: #52618c;
   font-size: 12px;
}

.home-update-card h3 {
   margin: 0;
   font-size: 25px;
   line-height: 1.18;
}

.home-update-card p {
   margin: 0;
   color: #52618c;
   font-size: 15px;
   line-height: 1.55;
}

.home-update-card__tags {
   color: #345fce !important;
   font-size: 13px !important;
}

.home-update-card a {
   align-self: end;
   color: #345fce;
   font-family: var(--font-weight-700);
   text-decoration: none;
}

.home-social {
   background: #fff;
   padding-top: 44px;
}

.home-social__box {
   display: grid;
   grid-template-columns: minmax(0, .85fr) minmax(320px, 1.15fr);
   gap: 28px;
   align-items: center;
   padding: 34px;
   border: 1px solid rgba(66, 125, 255, .16);
   background:
      radial-gradient(circle at 90% 16%, rgba(75, 201, 255, .20), transparent 34%),
      linear-gradient(135deg, #fff 0%, #f7fbff 100%);
   box-shadow: 0 26px 76px rgba(54, 93, 190, .12);
}

.home-social h2 {
   margin-top: 14px;
}

.home-social__handles {
   display: grid;
   gap: 12px;
}

.home-social__handle {
   display: grid;
   grid-template-columns: 52px minmax(0, 1fr) auto;
   gap: 14px;
   align-items: center;
   min-height: 78px;
   padding: 14px;
   border: 1px solid rgba(66, 125, 255, .16);
   background: rgba(255, 255, 255, .82);
   color: #181540;
   text-decoration: none;
   transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.home-social__handle:hover {
   transform: translateY(-3px);
   border-color: rgba(66, 125, 255, .34);
   box-shadow: 0 18px 44px rgba(54, 93, 190, .12);
}

.home-social__handle i {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 52px;
   height: 52px;
   border-radius: 8px;
   color: #fff;
   background: linear-gradient(135deg, #2d197d, #456cff);
   font-size: 20px;
}

.home-social__handle strong,
.home-social__handle small {
   display: block;
}

.home-social__handle strong {
   color: #181540;
   font-family: var(--font-weight-800);
   font-size: 16px;
}

.home-social__handle small {
   color: #52618c;
   font-size: 13px;
}

.home-social__handle b {
   color: #345fce;
   font-family: var(--font-weight-700);
   font-size: 13px;
}

@media (max-width: 1100px) {
   .home-founder__grid,
   .home-dividend__grid,
   .home-precision__grid,
   .home-social__box {
      grid-template-columns: 1fr;
   }

   .home-dividend__copy {
      grid-row: auto;
   }

   .home-precision__flow,
   .home-updates__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (max-width: 768px) {
   .home-founder__copy h2,
   .home-dividend__copy h2,
   .home-precision__intro h2,
   .home-abseq .home-section__head h2,
   .home-clients .home-section__head h2,
   .home-updates .home-section__head h2,
   .home-social h2 {
      font-size: 34px;
      line-height: 1.12;
   }

   .home-founder__grid,
   .home-dividend__grid,
   .home-precision__grid,
   .home-abseq__grid,
   .home-precision__flow,
   .home-updates__grid {
      grid-template-columns: 1fr;
   }

   .home-precision__flow li {
      min-height: 0;
   }

   .home-precision__image img {
      aspect-ratio: 16 / 11;
   }

   .home-client-tile {
      width: 190px;
      min-height: 84px;
      font-size: 15px;
   }

   .home-social__box {
      padding: 22px;
   }

   .home-social__handle {
      grid-template-columns: 46px minmax(0, 1fr);
   }

   .home-social__handle b {
      grid-column: 2;
   }

   .home-social__handle i {
      width: 46px;
      height: 46px;
   }
}

/* White clinical-domain redesign with Geni helper */
.home-domains {
   position: relative;
   overflow: clip;
   background:
      linear-gradient(180deg, #fff 0%, #fff 68%, #f8fbff 100%);
}

.home-domains::before {
   content: "";
   position: absolute;
   inset: 84px max(18px, calc((100% - 1180px) / 2)) auto;
   height: 1px;
   background: linear-gradient(90deg, rgba(66, 125, 255, 0), rgba(66, 125, 255, .24), rgba(66, 125, 255, 0));
   pointer-events: none;
}

.home-domains__head {
   align-items: center;
   margin-bottom: clamp(42px, 5vw, 70px);
}

.home-domains__head h2 {
   max-width: 720px;
   color: #14195a;
}

.home-domains__head p {
   max-width: 760px;
   color: #32477f;
}

.home-domains .home-btn--ghost {
   background: #fff;
   border-color: rgba(66, 125, 255, .24);
   box-shadow: 0 14px 34px rgba(54, 93, 190, .08);
}

.home-domains__stage {
   position: relative;
   isolation: isolate;
}

.home-domain-peek {
   position: absolute;
   top: clamp(-34px, -2.2vw, -24px);
   left: clamp(4px, 2.4vw, 34px);
   z-index: 0;
   width: clamp(104px, 11vw, 150px);
   pointer-events: none;
   animation: homeMascotPeek 5.8s ease-in-out infinite;
}

.home-domain-peek img {
   width: 100%;
   filter: drop-shadow(0 22px 30px rgba(65, 84, 190, .14));
}

.home-domain-grid {
   position: relative;
   z-index: 1;
   gap: clamp(16px, 2vw, 24px);
}

.home-domain-card {
   --domain-card-pad: clamp(18px, 2.2vw, 26px);
   isolation: isolate;
   min-height: 372px;
   padding: var(--domain-card-pad);
   border-color: rgba(66, 125, 255, .15);
   background:
      linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .96) 100%);
   box-shadow: 0 18px 42px rgba(54, 93, 190, .07);
}

.home-domain-card::after {
   content: "";
   position: absolute;
   inset: 1px;
   z-index: -1;
   border-radius: inherit;
   background:
      radial-gradient(circle at var(--shine-x, 18%) var(--shine-y, 16%), rgba(222, 237, 255, .58), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,0) 42%, rgba(247,251,255,.92) 100%);
   opacity: .9;
   pointer-events: none;
}

.home-domain-card:hover {
   transform: translateY(-6px);
   border-color: rgba(66, 125, 255, .32);
   box-shadow: 0 28px 70px rgba(54, 93, 190, .13);
}

.home-domain-card__media {
   height: clamp(140px, 13vw, 172px);
   margin: calc(var(--domain-card-pad) * -1) calc(var(--domain-card-pad) * -1) 24px;
   border-radius: 8px 8px 0 0;
   background:
      radial-gradient(circle at 52% 46%, rgba(255,255,255,.98), rgba(255,255,255,.58) 48%, rgba(239,247,255,.42) 100%);
   overflow: hidden;
}

.home-domain-card__media img {
   width: 100%;
   height: 100%;
   max-height: none;
   object-fit: cover;
   padding: 0;
}

.home-domain-card h3 {
   color: #160b62;
   font-size: clamp(20px, 1.7vw, 24px);
}

.home-domain-card p {
   color: #405487;
}

.home-domain-card span {
   color: #17006b;
}

.home-help-mascot {
   position: fixed;
   right: -8px;
   bottom: clamp(16px, 3vw, 30px);
   z-index: 1200;
   display: inline-grid;
   justify-items: end;
   gap: 8px;
   color: #160b62;
   text-decoration: none;
}

.home-help-mascot__bubble {
   display: inline-flex;
   align-items: center;
   min-height: 34px;
   padding: 8px 12px;
   border: 1px solid rgba(66, 125, 255, .18);
   border-radius: 999px;
   background: rgba(255, 255, 255, .94);
   box-shadow: 0 12px 34px rgba(54, 93, 190, .12);
   color: #32477f;
   font-family: var(--font-weight-700);
   font-size: 12px;
   line-height: 1;
   opacity: 0;
   transform: translateX(16px);
   transition: opacity .22s ease, transform .22s ease;
}

.home-help-mascot__card {
   display: grid;
   grid-template-columns: 58px minmax(0, 0fr);
   align-items: center;
   gap: 0;
   min-height: 64px;
   padding: 6px;
   border: 1px solid rgba(66, 125, 255, .18);
   border-radius: 999px;
   background: rgba(255, 255, 255, .96);
   box-shadow: 0 20px 52px rgba(54, 93, 190, .16);
   backdrop-filter: blur(14px);
   transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, gap .22s ease, padding .22s ease;
}

.home-help-mascot__card img {
   width: 58px;
   height: 58px;
   border-radius: 50%;
   object-fit: cover;
   object-position: 50% 42%;
   filter: drop-shadow(0 10px 16px rgba(65, 84, 190, .12));
}

.home-help-mascot__card span {
   font-family: var(--font-weight-800);
   font-size: 14px;
   max-width: 0;
   opacity: 0;
   overflow: hidden;
   white-space: nowrap;
   transition: max-width .22s ease, opacity .22s ease;
}

.home-help-mascot:hover {
   color: #160b62;
}

.home-help-mascot:hover .home-help-mascot__bubble,
.home-help-mascot:focus-visible .home-help-mascot__bubble {
   opacity: 1;
   transform: translateX(-10px);
}

.home-help-mascot:hover .home-help-mascot__card {
   transform: translateY(-3px);
   border-color: rgba(66, 125, 255, .36);
   box-shadow: 0 26px 64px rgba(54, 93, 190, .20);
}

@media (hover: hover) and (min-width: 769px) {
   .home-help-mascot:hover .home-help-mascot__card,
   .home-help-mascot:focus-visible .home-help-mascot__card {
      grid-template-columns: 58px minmax(72px, auto);
      gap: 8px;
      padding-right: 14px;
   }

   .home-help-mascot:hover .home-help-mascot__card span,
   .home-help-mascot:focus-visible .home-help-mascot__card span {
      max-width: 82px;
      opacity: 1;
   }
}

@keyframes homeMascotPeek {
   0%, 100% { transform: translateY(0) rotate(-3deg); }
   50% { transform: translateY(-8px) rotate(2deg); }
}

@media (max-width: 1100px) {
   .home-domain-peek {
      top: -30px;
      left: 18px;
      width: 112px;
   }
}

@media (max-width: 768px) {
   .home-domains {
      padding-top: 78px;
   }

   .home-domains__head {
      margin-bottom: 34px;
   }

   .home-domains__head .home-btn {
      width: 100%;
      margin-top: 18px;
   }

   .home-domain-peek {
      top: -30px;
      left: auto;
      right: 12px;
      width: 86px;
   }

   .home-domain-card {
      --domain-card-pad: 18px;
      min-height: 0;
      padding: var(--domain-card-pad);
   }

   .home-domain-card__media {
      height: 150px;
      margin-bottom: 18px;
   }

   .home-help-mascot {
      right: 12px;
      bottom: 12px;
   }

   .home-help-mascot__bubble {
      display: none;
   }

   .home-help-mascot__card {
      grid-template-columns: 48px;
      min-height: 56px;
      padding: 5px;
   }

   .home-help-mascot__card img {
      width: 48px;
      height: 48px;
   }

   .home-help-mascot__card span {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
   }
}

/* Refined homepage CTA buttons */
.home-modern .home-btn {
   position: relative;
   isolation: isolate;
   min-height: 52px;
   padding: 14px 24px;
   border-radius: 8px;
   font-size: 15px;
   line-height: 1.15;
   letter-spacing: 0;
   overflow: hidden;
}

.home-modern .home-btn::before {
   content: "";
   position: absolute;
   inset: 1px;
   z-index: -1;
   border-radius: 7px;
   opacity: 0;
   pointer-events: none;
   transition: opacity .22s ease;
}

.home-modern .home-btn:hover,
.home-modern .home-btn:focus-visible {
   transform: translateY(-3px);
}

.home-modern .home-btn:focus-visible {
   outline: 3px solid rgba(75, 201, 255, .34);
   outline-offset: 3px;
}

.home-modern .home-btn--primary {
   color: #fff;
   border-color: rgba(255, 255, 255, .16);
   background:
      linear-gradient(180deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 42%),
      linear-gradient(135deg, #25127a 0%, #3268f4 56%, #45c9ff 100%);
   box-shadow:
      0 16px 34px rgba(50, 104, 244, .28),
      inset 0 1px 0 rgba(255, 255, 255, .32);
}

.home-modern .home-btn--primary::before {
   background: linear-gradient(135deg, #321994 0%, #3d7dff 48%, #70dcff 100%);
}

.home-modern .home-btn--primary:hover,
.home-modern .home-btn--primary:focus-visible {
   color: #fff;
   box-shadow:
      0 22px 44px rgba(45, 77, 190, .32),
      0 0 0 1px rgba(255, 255, 255, .22) inset;
}

.home-modern .home-btn--primary:hover::before,
.home-modern .home-btn--primary:focus-visible::before {
   opacity: 1;
}

.home-modern .home-btn--ghost {
   color: #171057;
   border-color: rgba(66, 125, 255, .24);
   background:
      linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 248, 255, .82));
   box-shadow:
      0 12px 28px rgba(33, 54, 128, .10),
      inset 0 1px 0 rgba(255, 255, 255, .9);
}

.home-modern .home-btn--ghost:hover,
.home-modern .home-btn--ghost:focus-visible {
   color: #25127a;
   border-color: rgba(66, 125, 255, .42);
   background: #fff;
   box-shadow:
      0 18px 34px rgba(33, 54, 128, .16),
      inset 0 1px 0 rgba(255, 255, 255, 1);
}

.home-modern .home-btn i {
   display: inline-grid;
   place-items: center;
   width: 26px;
   height: 26px;
   margin-left: 2px;
   border-radius: 50%;
   background: rgba(255, 255, 255, .18);
   font-size: 13px;
   transition: transform .22s ease, background .22s ease;
}

.home-modern .home-btn--primary:hover i,
.home-modern .home-btn--primary:focus-visible i {
   background: rgba(255, 255, 255, .26);
   transform: translateX(3px);
}

@media (max-width: 768px) {
   .home-modern .home-btn {
      min-height: 50px;
      padding-inline: 20px;
   }
}

/* Enhanced proof / stats section */
.home-modern .home-proof {
   position: relative;
   isolation: isolate;
   padding: clamp(54px, 6vw, 86px) 0;
   border-top: 1px solid rgba(66, 125, 255, .08);
   border-bottom: 1px solid rgba(66, 125, 255, .10);
   background:
      linear-gradient(180deg, #ffffff 0%, #f6fbff 52%, #ffffff 100%);
   overflow: hidden;
}

.home-modern .home-proof::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1;
   background:
      radial-gradient(circle at 16% 20%, rgba(75, 201, 255, .18), transparent 28%),
      radial-gradient(circle at 84% 24%, rgba(45, 25, 125, .10), transparent 30%),
      linear-gradient(90deg, transparent, rgba(66, 125, 255, .05), transparent);
}

.home-modern .home-proof__grid {
   gap: 18px;
   align-items: stretch;
}

.home-modern .home-stat {
   min-height: 205px;
   padding: 30px 24px 26px;
   border: 0;
   border-radius: 8px;
   background:
      linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(249, 252, 255, .94));
   box-shadow:
      0 18px 46px rgba(31, 59, 138, .10),
      inset 0 1px 0 rgba(255, 255, 255, .96);
   overflow: hidden;
}

.home-modern .home-stat::before {
   display: none;
}

.home-modern .home-stat::after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 118px;
   height: 118px;
   border-radius: 0 8px 0 100%;
   background: radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 68%);
   opacity: .75;
   pointer-events: none;
}

.home-modern .home-stat strong {
   max-width: 100%;
   color: #170c5c;
   font-family: var(--font-weight-800);
   font-size: clamp(26px, 2.25vw, 36px);
   line-height: 1.04;
   letter-spacing: -.02em;
}

.home-modern .home-stat span {
   max-width: 95%;
   margin-top: 16px;
   color: #33477c;
   font-size: 15px;
   line-height: 1.62;
}

.home-modern .home-stat:hover {
   transform: translateY(-8px);
   box-shadow:
      0 26px 64px rgba(31, 59, 138, .14),
      0 0 0 1px rgba(255, 255, 255, .88) inset;
}

@media (max-width: 1100px) {
   .home-modern .home-stat {
      min-height: 188px;
   }
}

@media (max-width: 768px) {
   .home-modern .home-proof {
      padding: 42px 0;
   }

   .home-modern .home-stat {
      min-height: 0;
      padding: 26px 22px 24px;
   }

   .home-modern .home-stat strong {
      padding-right: 0;
   }
}

@media (prefers-reduced-motion: reduce) {
   .home-domain-peek {
      animation: none !important;
   }
}






/* Consistent mobile section titles, excluding the homepage banner. */
@media (max-width: 768px) {
   body.home-4-page #home-main > :not(.home-hero) h2 {
      font-size: 26px;
      line-height: 1.2;
   }
}

/* Highlighted homepage cards use the About page's navy and glass palette. */
body.home-4-page #home-main :is(
   .home-access__item,
   .home-founder__pledge,
   .home-dividend__stats article,
   .home-precision__role
) {
   background:
      linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .055)),
      linear-gradient(135deg, #091827 0%, #0d1b2a 48%, #142a47 100%);
   border-color: rgba(158, 217, 255, .18);
   color: #f4f7ff;
}

body.home-4-page #home-main .home-access__item h3,
body.home-4-page #home-main .home-founder__pledge strong,
body.home-4-page #home-main .home-dividend__stats strong,
body.home-4-page #home-main .home-precision__role h3 {
   color: #fff;
}

body.home-4-page #home-main .home-access__item p,
body.home-4-page #home-main .home-dividend__stats span,
body.home-4-page #home-main .home-precision__role p {
   color: #c9d5f4;
}

body.home-4-page #home-main .home-founder__pledge span {
   color: #9ed9ff;
}

body.home-4-page #home-main .home-access__item i {
   background: rgba(158, 217, 255, .12);
   color: #9ed9ff;
}

