@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700&display=swap');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#000;--blue:#1E90FF;--blue2:#0066FF;
  --text:#E8EEF7;--text2:#CBD5E1;--muted:#7A8699;
}
html{scroll-behavior:smooth}
body{
  background:#000;
  color:var(--text);
  font-family:'Inter','Plus Jakarta Sans',sans-serif;
  font-size:15px;line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.glow{color:var(--blue);text-shadow:0 0 24px rgba(30,144,255,.5)}

/* ===== NAV ===== */
.nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 20px;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(30,144,255,.1);
  position:sticky;top:0;z-index:100;
}
.logo{display:flex;align-items:center;gap:10px}
.logo-x{height:32px;width:auto;filter:drop-shadow(0 0 6px rgba(255,40,40,.5));transition:.3s}
.logo:hover .logo-x{filter:drop-shadow(0 0 12px rgba(255,60,60,.8));transform:scale(1.05)}
.logo-text{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:17px;color:#fff;letter-spacing:-.3px;white-space:nowrap}
.logo-accent{color:var(--blue);margin-left:4px}
.nav-right{display:flex;align-items:center;gap:12px}
.btn-signin{color:#fff;font-size:.9rem;font-weight:500;padding:.5rem .8rem}
.hamburger{width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.hamburger span{width:18px;height:1.5px;background:#fff;border-radius:2px;transition:.3s}
.hamburger.active span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ===== SIDE MENU ===== */






.chev-svg{width:18px;height:18px}




/* ===== HERO ===== */
.hero{padding:40px 20px 24px;text-align:center;max-width:900px;margin:0 auto}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--blue);font-size:11px;letter-spacing:4px;text-transform:uppercase;margin-bottom:24px;font-weight:500}
.eyebrow .line{width:40px;height:1px;background:var(--blue);opacity:.5}
.hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(30px,7.5vw,52px);font-weight:300;line-height:1.15;letter-spacing:-1px;margin-bottom:24px;color:#fff}
.hero h1 .caps{text-transform:uppercase;font-weight:400}
.x-logo{height:1.5em;width:auto;display:inline-block;vertical-align:-.35em;margin:0 12px;filter:drop-shadow(0 0 8px rgba(30,144,255,.4))}
.sub{font-size:clamp(14px,3.6vw,17px);color:var(--text2);max-width:680px;margin:0 auto 18px;line-height:1.6}
.sub b{color:#fff;font-weight:600}
.sub-tagline{color:var(--blue);font-size:11px;letter-spacing:3px;text-transform:uppercase;margin-bottom:28px;font-family:'Orbitron',sans-serif}
.hero-cta{display:flex;justify-content:flex-start;margin-top:8px}
.btn-getstarted{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border:1px solid var(--blue);border-radius:50px;color:#fff;font-weight:500;font-size:13px;background:rgba(30,144,255,.05);transition:.3s}
.btn-getstarted:hover{background:rgba(30,144,255,.15);box-shadow:0 0 24px rgba(30,144,255,.3);transform:translateY(-2px)}
.btn-getstarted span{transition:.3s}
.btn-getstarted:hover span{transform:translateX(4px)}

/* ===== HERO IMAGE / SLIDESHOW ===== */
.hero-image{max-width:1100px;margin:24px auto 0;padding:0 20px}
.hero-image-wrap{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(30,144,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.6)}



.hero-image-wrap::before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(180deg,rgba(0,0,0,.85),transparent);z-index:2;pointer-events:none}
.hero-image-wrap::after{content:"";position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(0deg,rgba(0,0,0,.95) 10%,transparent);z-index:2;pointer-events:none}
.hero-image-caption{position:absolute;bottom:0;left:0;right:0;padding:24px 20px;z-index:3;text-align:center}
.caption-divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);margin:0 auto 14px}
.caption-slide{opacity:0;transition:opacity 1s ease;position:absolute;left:20px;right:20px}
.caption-slide.active{opacity:1;position:relative;left:0;right:0}
.caption-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:600;color:#fff;margin-bottom:6px}
.caption-sub{font-size:.74rem;color:var(--muted);letter-spacing:1.2px;text-transform:uppercase}

/* ===== STATS ===== */
.stats{padding:70px 16px;text-align:center;background:radial-gradient(ellipse at center,rgba(30,144,255,.06),transparent 70%);border-top:1px solid rgba(30,144,255,.1);border-bottom:1px solid rgba(30,144,255,.1);margin-top:50px}
.stats-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--blue);font-size:11px;letter-spacing:3px;text-transform:uppercase;margin-bottom:18px;font-weight:500}
.stats-eyebrow .line{width:32px;height:1px;background:var(--blue);opacity:.5}
.stats-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(22px,5.5vw,40px);font-weight:300;margin:0 0 40px;letter-spacing:-.5px;color:#fff;padding:0 8px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1100px;margin:0 auto}
.stat{padding:22px 10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);transition:.4s}
.stat:hover{transform:translateY(-6px);border-color:rgba(30,144,255,.4);box-shadow:0 20px 50px rgba(30,144,255,.12)}
.stat-highlight{border-color:rgba(30,144,255,.3);background:linear-gradient(180deg,rgba(30,144,255,.08),transparent)}
.stat-value{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(22px,6.5vw,48px);font-weight:300;letter-spacing:-1px;margin:0 0 10px;line-height:1;background:linear-gradient(180deg,#fff,var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-unit{font-size:.42em;font-weight:400;margin-left:2px;opacity:.85}
.stat-label{font-size:11px;font-weight:600;color:#fff;margin:0 0 6px;line-height:1.3}
.stat-sub{font-size:9.5px;line-height:1.4;color:rgba(255,255,255,.5)}

/* ===== DUO ===== */
.duo{padding:70px 20px;text-align:center;max-width:1100px;margin:0 auto}
.duo-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--blue);font-size:11px;letter-spacing:4px;text-transform:uppercase;margin-bottom:20px;font-weight:500}
.duo-eyebrow .line{width:40px;height:1px;background:var(--blue);opacity:.5}
.duo-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(26px,6vw,42px);font-weight:300;line-height:1.2;letter-spacing:-.8px;margin-bottom:18px;color:#fff}
.duo-sub{color:var(--text2);max-width:680px;margin:0 auto 32px;font-size:14px;line-height:1.6}
.duo-image-wrap{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(30,144,255,.15);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.duo-image{width:100%;display:block}
.duo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85));pointer-events:none}
.duo-labels{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:3}
.duo-label{display:flex;flex-direction:column;text-align:left}
.duo-label.right{text-align:right}
.duo-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;color:#fff;letter-spacing:1.2px}
.duo-role{font-size:10px;color:var(--blue);letter-spacing:2px;text-transform:uppercase;margin-top:3px}

/* ===== OFFER ===== */
.offer{padding:70px 20px;max-width:780px;margin:0 auto}
.section-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(24px,5.5vw,36px);font-weight:300;text-align:center;margin-bottom:32px;color:#fff;letter-spacing:-.5px}
.benefits{list-style:none}
.benefits li{padding:16px 18px;margin-bottom:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text2);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);transition:.3s}
.benefits li:hover{border-color:rgba(30,144,255,.3);background:rgba(30,144,255,.05);transform:translateX(4px)}
.benefits b{color:#fff;font-weight:600}

/* ===== FINAL CTA ===== */
.final-cta{padding:70px 20px;text-align:center;background:radial-gradient(ellipse at center,rgba(30,144,255,.1),transparent 70%);max-width:780px;margin:40px auto;border-radius:24px}
.final-cta h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(24px,5.5vw,38px);font-weight:300;line-height:1.2;margin-bottom:24px;color:#fff;letter-spacing:-.5px}
.cta-form{display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto 14px}
.cta-form input{padding:14px 18px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);border-radius:12px;color:#fff;font-size:15px;font-family:inherit}
.cta-form input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,144,255,.15)}
.cta-form button{padding:14px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-radius:12px;font-weight:600;font-size:15px;transition:.3s}
.cta-form button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(30,144,255,.4)}
.micro{font-size:11px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:6px}

/* ===== FOOTER ===== */
footer{padding:40px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.05);margin-top:40px}
footer p{color:var(--muted);font-size:11px;line-height:1.7;max-width:780px;margin:0 auto}

/* ===== RESPONSIVE ===== */
@media (min-width:768px){
  .nav{padding:14px 32px}
  .logo-x{height:38px}
  .logo-text{font-size:19px}
  .hero{padding:60px 32px 30px}
  .stats{padding:100px 32px}
  .stats-grid{gap:24px}
  .stat{padding:40px 24px;border-radius:16px}
  .stat-value{font-size:clamp(44px,5vw,58px)}
  .stat-unit{font-size:.38em}
  .stat-label{font-size:14px}
  .stat-sub{font-size:13px}
  .duo{padding:100px 32px}
  .duo-name{font-size:17px}
  .duo-role{font-size:12px}
  .cta-form{flex-direction:row}
  .cta-form input{flex:1}
  .btn-getstarted{padding:14px 30px;font-size:14px}
}
@media (max-width:380px){
  .logo-x{height:26px}
  .logo-text{font-size:14px}
  .hero{padding:30px 16px 20px}
  .stat{padding:18px 8px}
}

/* ===== SUBTLE BG GRID (SAFE VERSION) ===== */
body {
  background-color: #000;
  background-image:
    linear-gradient(rgba(30, 144, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30, 144, 255, 0.035) 1px, transparent 1px);
  background-size: 70px 70px;
  background-position: 0 0;
  background-attachment: fixed;
}

/* ===== SOFT RADIAL GLOW (TOP) ===== */
.nav::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 600px;
  background: radial-gradient(ellipse at top, rgba(30,144,255,0.12), transparent 70%);
  pointer-events: none;
  z-index: -1;
}

/* ===== SLIDESHOW — ORIGINAL ===== */
.slideshow{
  position: relative;
  width: 100%;
  aspect-ratio: 16/10;
  overflow: hidden;
}
.slide{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
  filter: contrast(1.05) brightness(.92);
}
.slide.active{
  opacity: 1;
}

@media(max-width:600px){
  .slideshow{aspect-ratio: 4/3}
}

/* ===== HERO IMAGE — CONTAINED ===== */
.hero-image {
  max-width: 1100px;
  margin: 30px auto 0;
  padding: 0 20px;
}
.hero-image-wrap {
  border-radius: 20px;
  border: 1px solid rgba(30,144,255,.2);
  box-shadow: 0 30px 80px rgba(0,0,0,.6);
}

@media (min-width: 768px) {
  .hero-image { padding: 0 32px; margin-top: 50px; }
}

/* ===== HERO IMAGE — TIGHTER PADDING ===== */
.hero-image {
  padding: 0 8px !important;
  margin-top: 20px !important;
}
@media (min-width: 768px) {
  .hero-image { padding: 0 24px !important; margin-top: 40px !important; }
}

/* ===== PUSH CAPTION TO BOTTOM EDGE ===== */
.hero-image-caption {
  padding: 10px 20px 14px !important;
  background: linear-gradient(0deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.7) 70%, transparent 100%);
}
.caption-title {
  font-size: 14px !important;
  margin-bottom: 4px !important;
}
.caption-sub {
  font-size: 10px !important;
}
.caption-divider {
  margin-bottom: 8px !important;
}

/* Make bottom gradient stronger so caption is readable */
.hero-image-wrap::after {
  height: 35% !important;
  background: linear-gradient(0deg, rgba(0,0,0,.98) 5%, rgba(0,0,0,.4) 60%, transparent 100%) !important;
}

/* ===== LOGO TEXT — OUTLINED STACKED (REFERENCE MATCH) ===== */
.logo {
  display: flex !important;
  align-items: center;
  gap: 10px;
}
.logo-text-stack {
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 1px;
}
.logo-line1,
.logo-line2 {
  font-family: 'Orbitron', 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1.5px;
  color: transparent;
  -webkit-text-stroke: 0.7px rgba(255,255,255,0.85);
  text-stroke: 0.7px rgba(255,255,255,0.85);
  text-transform: uppercase;
}
.logo-tagline {
  font-family: 'Orbitron', 'Plus Jakarta Sans', sans-serif;
  font-weight: 500;
  font-size: 5.5px;
  letter-spacing: 1.8px;
  color: transparent;
  -webkit-text-stroke: 0.4px rgba(255,255,255,0.55);
  text-transform: uppercase;
  margin-top: 2px;
}

/* Hide old text spans if they exist */
.logo-text, .logo-accent {
  display: none !important;
}

@media (min-width: 768px) {
  .logo-line1, .logo-line2 { font-size: 16px; letter-spacing: 2px; -webkit-text-stroke-width: 0.8px; }
  .logo-tagline { font-size: 7px; letter-spacing: 2.2px; }
}
@media (max-width: 380px) {
  .logo-line1, .logo-line2 { font-size: 11px; }
  .logo-tagline { font-size: 4.5px; }
}

/* ===== LOGO FONT FIX — CLEAN GEOMETRIC SANS ===== */
.logo-line1,
.logo-line2 {
  font-family: 'Plus Jakarta Sans', 'Montserrat', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  -webkit-text-stroke-width: 0.6px !important;
}
.logo-tagline {
  font-family: 'Plus Jakarta Sans', 'Montserrat', 'Inter', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 2.2px !important;
  -webkit-text-stroke-width: 0.35px !important;
}

@media (min-width: 768px) {
  .logo-line1, .logo-line2 { letter-spacing: 2.5px !important; -webkit-text-stroke-width: 0.7px !important; }
}

/* ===== LOGO — MONTSERRAT OUTLINED ===== */
.logo-line1,
.logo-line2 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  -webkit-text-stroke-width: 0.7px !important;
}
.logo-tagline {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 2.5px !important;
  -webkit-text-stroke-width: 0.4px !important;
}

@media (min-width: 768px) {
  .logo-line1, .logo-line2 { letter-spacing: 3px !important; -webkit-text-stroke-width: 0.8px !important; }
}

/* ===== LOGO — SOLID PLAIN TEXT ===== */
.logo-line1,
.logo-line2,
.logo-tagline {
  color: #fff !important;
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  -webkit-text-fill-color: #fff !important;
}
.logo-tagline {
  color: rgba(255,255,255,0.6) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.6) !important;
}

/* ===== LOGO TEXT — TINIER ===== */
.logo-line1,
.logo-line2 {
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
}
.logo-tagline {
  font-size: 4.5px !important;
  letter-spacing: 1.5px !important;
}
@media (min-width: 768px) {
  .logo-line1, .logo-line2 { font-size: 12px !important; letter-spacing: 2px !important; }
  .logo-tagline { font-size: 5.5px !important; }
}

/* ===== LOGO TEXT — LIGHTER WEIGHT ===== */
.logo-line1,
.logo-line2 {
  font-weight: 400 !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
}
.logo-tagline {
  font-weight: 400 !important;
  font-size: 6px !important;
}
@media (min-width: 768px) {
  .logo-line1, .logo-line2 { font-size: 15px !important; letter-spacing: 2.5px !important; }
  .logo-tagline { font-size: 7px !important; }
}

/* ===== CLEAN X LOGO — NO SCRATCHES ===== */
.logo-x,
.x-logo {
  filter: none !important;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.logo:hover .logo-x {
  filter: drop-shadow(0 0 8px rgba(255, 50, 50, 0.4)) !important;
}

/* ===== CRISP X IMAGES — REAL FIX ===== */
.logo-x,
.x-logo {
  filter: none !important;
  image-rendering: auto !important;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  will-change: auto;
}
.logo:hover .logo-x {
  filter: none !important;
}
/* Disable any animations causing the artifacts */
.logo-x, .x-logo {
  animation: none !important;
  transition: transform 0.3s ease !important;
}

/* ===== LOGO SLIGHTLY BIGGER ===== */
.logo-x {
  height: 42px !important;
}
.logo-line1,
.logo-line2 {
  font-size: 15px !important;
  letter-spacing: 2.5px !important;
}
.logo-tagline {
  font-size: 7px !important;
  letter-spacing: 2px !important;
}
@media (min-width: 768px) {
  .logo-x { height: 50px !important; }
  .logo-line1, .logo-line2 { font-size: 17px !important; letter-spacing: 3px !important; }
  .logo-tagline { font-size: 8px !important; }
}
@media (max-width: 380px) {
  .logo-x { height: 36px !important; }
  .logo-line1, .logo-line2 { font-size: 13px !important; }
  .logo-tagline { font-size: 6px !important; }
}

/* ===== LOGO TEXT SMALLER (KEEP X SIZE) ===== */
.logo-line1,
.logo-line2 {
  font-size: 11px !important;
  letter-spacing: 1.8px !important;
}
.logo-tagline {
  font-size: 5px !important;
  letter-spacing: 1.5px !important;
}
@media (min-width: 768px) {
  .logo-line1, .logo-line2 { font-size: 13px !important; letter-spacing: 2.2px !important; }
  .logo-tagline { font-size: 6px !important; }
}
@media (max-width: 380px) {
  .logo-line1, .logo-line2 { font-size: 10px !important; }
  .logo-tagline { font-size: 4.5px !important; }
}

/* ===== SIDE MENU — FULL WIDTH ===== */






/* ===== SIDE MENU — FALL-IN ANIMATION ===== */


/* When menu opens, stagger items in */








/* Backdrop fade */


/* Smoother menu slide */


/* ===== SIDE MENU — SMOOTH GPU + CTA VISIBLE ===== */





/* Faster, snappier item stagger */









/* ===== NAV X — BLUE (BRAND COLOR) ===== */
.logo-x {
  filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(2476%) hue-rotate(190deg) brightness(100%) contrast(101%) !important;
}
.logo:hover .logo-x {
  filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(2476%) hue-rotate(190deg) brightness(115%) contrast(101%) drop-shadow(0 0 10px rgba(30,144,255,0.6)) !important;
}

/* ===== SIDE MENU — CLEAN REBUILD ===== */
.side-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: #0a0a0a;
  z-index: 2000;
  padding: 70px 24px 30px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
.side-menu.open {
  transform: translateX(0);
}
.menu-close {
  position: absolute;
  top: 18px;
  right: 18px;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  padding: 8px;
  z-index: 10;
}
.menu-items {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.menu-item, .menu-item-sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 8px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  border-bottom: 1px solid rgba(255,255,255,.06);
  text-decoration: none;
  opacity: 0;
  transform: translateY(-15px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.menu-item-sub {
  font-size: 14px;
  color: #7A8699;
  font-weight: 400;
  margin-top: 16px;
  border-bottom: none;
}
.chev-svg { width: 18px; height: 18px; }
.menu-cta {
  display: block;
  text-align: center;
  background: linear-gradient(135deg, #1E90FF, #0066FF);
  color: #fff;
  padding: 16px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  margin-top: 24px;
  margin-bottom: 16px;
  flex-shrink: 0;
  text-decoration: none;
  opacity: 0;
  transform: translateY(-15px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Stagger animation */
.side-menu.open .menu-item:nth-child(1),
.side-menu.open .menu-item-sub:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 0.10s; }
.side-menu.open .menu-item:nth-child(2),
.side-menu.open .menu-item-sub:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 0.16s; }
.side-menu.open .menu-item:nth-child(3),
.side-menu.open .menu-item-sub:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 0.22s; }
.side-menu.open .menu-item:nth-child(4),
.side-menu.open .menu-item-sub:nth-child(4) { opacity: 1; transform: translateY(0); transition-delay: 0.28s; }
.side-menu.open .menu-item:nth-child(5),
.side-menu.open .menu-item-sub:nth-child(5) { opacity: 1; transform: translateY(0); transition-delay: 0.34s; }
.side-menu.open .menu-item:nth-child(6),
.side-menu.open .menu-item-sub:nth-child(6) { opacity: 1; transform: translateY(0); transition-delay: 0.40s; }
.side-menu.open .menu-cta { opacity: 1; transform: translateY(0); transition-delay: 0.48s; }

.menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 1500;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.menu-backdrop.open,
.menu-backdrop.show {
  opacity: 1;
  pointer-events: auto;
}

/* ===== CTA BUTTON — PUSH UP ===== */
.menu-cta {
  margin-bottom: 50px !important;
}
.side-menu {
  padding-bottom: 50px !important;
}

/* ===== HERO HEADLINE — EXTRA SPACING ===== */
.hero h1 .caps {
  margin-right: 16px;
}
@media (min-width: 768px) {
  .hero h1 .caps { margin-right: 22px; }
}

/* ===== HERO HEADLINE — SUBTLE DIVIDER ===== */
.hero h1 .caps {
  margin-right: 14px !important;
  position: relative;
  padding-right: 18px;
}
.hero h1 .caps::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.7em;
  background: linear-gradient(180deg, transparent, rgba(30,144,255,0.5), transparent);
}
@media (min-width: 768px) {
  .hero h1 .caps {
    margin-right: 18px !important;
    padding-right: 22px;
  }
  .hero h1 .caps::after { height: 0.75em; }
}

/* ===== UNIFIED SECTION SPACING ===== */
.hero { padding: 40px 20px 30px !important; }
.hero-image { margin-top: 30px !important; margin-bottom: 0 !important; }
.stats { padding: 60px 16px !important; margin-top: 50px !important; }
.duo { padding: 60px 20px !important; }
.offer { padding: 60px 20px !important; }
.final-cta { padding: 60px 20px !important; margin: 40px auto !important; }
footer { padding: 36px 20px !important; margin-top: 30px !important; }

@media (min-width: 768px) {
  .hero { padding: 60px 32px 40px !important; }
  .hero-image { margin-top: 40px !important; }
  .stats { padding: 90px 32px !important; margin-top: 70px !important; }
  .duo { padding: 90px 32px !important; }
  .offer { padding: 90px 32px !important; }
  .final-cta { padding: 80px 32px !important; margin: 60px auto !important; }
  footer { padding: 50px 32px !important; }
}

/* ===== DUO IMAGE — CIRCULAR PREMIUM ===== */
.duo-image-wrap {
  border-radius: 50% !important;
  max-width: 480px;
  margin: 0 auto;
  border: 2px solid rgba(30,144,255,0.3) !important;
  box-shadow: 0 0 60px rgba(30,144,255,0.25), 0 30px 80px rgba(0,0,0,0.6) !important;
  aspect-ratio: 1/1;
}
.duo-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.duo-overlay, .duo-labels {
  display: none !important;
}

@media (min-width: 768px) {
  .duo-image-wrap { max-width: 560px; }
}

/* ===== DUO IMAGE — SEAMLESS BLEND ===== */
.duo-image-wrap {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  max-width: 600px !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
}
.duo-image {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  mix-blend-mode: screen !important;
  filter: brightness(1.05);
}
/* Soft radial mask so edges blend into black BG */
.duo-image-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, transparent 55%, #000 95%);
  pointer-events: none;
}
.duo-image-wrap {
  position: relative;
}

@media (min-width: 768px) {
  .duo-image-wrap { max-width: 700px !important; }
}

/* ===== AGGRESSIVE FADE TO HIDE IMAGE'S BUILT-IN CIRCLE ===== */
.duo-image-wrap {
  position: relative !important;
  overflow: hidden !important;
  background: #000 !important;
}
.duo-image {
  /* Scale up so the blue ring goes off-frame, and remove blend */
  mix-blend-mode: normal !important;
  filter: brightness(1) !important;
  transform: scale(1.15);
  transform-origin: center;
}
.duo-image-wrap::after {
  content: '';
  position: absolute;
  inset: -2px;
  background: radial-gradient(circle at center, transparent 40%, rgba(0,0,0,0.6) 65%, #000 88%);
  pointer-events: none;
  z-index: 2;
}

/* ===== DUO IMAGE — REFINED SEAMLESS BLEND ===== */
.duo-image-wrap {
  background: transparent !important;
  overflow: hidden !important;
  max-width: 700px !important;
  margin: 0 auto !important;
}
.duo-image {
  transform: scale(1.18) !important;
  transform-origin: center center !important;
  filter: brightness(1.05) !important;
}
.duo-image-wrap::after {
  background: radial-gradient(ellipse at center,
    transparent 50%,
    rgba(0,0,0,0.3) 75%,
    rgba(0,0,0,0.9) 95%,
    #000 100%) !important;
  inset: 0 !important;
}

/* Soft vignette on top/sides too for full blend */
.duo-image-wrap::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, transparent 15%, transparent 85%, rgba(0,0,0,0.4) 100%);
  z-index: 2;
  pointer-events: none;
}

/* ===== DUO IMAGE — NATURAL, NO ZOOM ===== */
.duo-image-wrap {
  background: transparent !important;
  overflow: visible !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
}
.duo-image {
  transform: none !important;
  filter: none !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
.duo-image-wrap::before,
.duo-image-wrap::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  height: 60px !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.duo-image-wrap::before {
  top: 0 !important;
  background: linear-gradient(180deg, #000 0%, transparent 100%) !important;
}
.duo-image-wrap::after {
  bottom: 0 !important;
  background: linear-gradient(0deg, #000 0%, transparent 100%) !important;
  inset: auto 0 0 0 !important;
}

/* ===== FINAL FIX: KILL ALL DUO IMAGE OVERLAYS ===== */
.duo-overlay {
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}
.duo-image-wrap::before,
.duo-image-wrap::after {
  display: none !important;
  content: none !important;
  background: none !important;
  height: 0 !important;
  opacity: 0 !important;
}
.duo-image-wrap {
  background: transparent !important;
  box-shadow: none !important;
}
.duo-image {
  filter: none !important;
  opacity: 1 !important;
  mask: none !important;
  -webkit-mask: none !important;
  clip-path: none !important;
}

/* ===== TONE DOWN DUO IMAGE BRIGHTNESS ===== */
.duo-image {
  filter: brightness(0.82) contrast(1.05) !important;
  transition: filter 0.3s ease !important;
}

.brief-tag {
  display: inline-block;
  font-size: 0.62rem;
  letter-spacing: 0.22em;
  font-weight: 700;
  color: #4a9eff;
  background: rgba(74,158,255,0.08);
  border: 1px solid rgba(74,158,255,0.22);
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* ===== OFFER SUB (action-platform line) ===== */
.offer .offer-sub {
  text-align: center;
  color: #8aa0bd;
  font-size: 1.02rem;
  font-weight: 300;
  margin: -8px auto 32px;
  max-width: 640px;
  line-height: 1.5;
}

/* ===== SECTION DIVIDER ===== */
.section-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  max-width: 600px;
  margin: 18px auto 8px;
  padding: 0 20px;
}
.section-divider .divider-line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(74,158,255,0.35) 50%, transparent 100%);
}
.section-divider .divider-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4a9eff;
  box-shadow: 0 0 12px rgba(74,158,255,0.7), 0 0 24px rgba(74,158,255,0.3);
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .section-divider { margin: 12px auto 4px; }
}

/* ===== TIGHTEN OFFER SECTION SPACING ===== */
.offer { padding-top: 30px !important; }
.offer .section-title { margin-top: 0 !important; margin-bottom: 14px !important; }
.offer .offer-sub { margin: 0 auto 28px !important; }

/* ===== HOW IT WORKS ===== */
@media (max-width: 600px) {
  .how-it-works { padding: 40px 16px 60px; }
  .step {
    padding: 20px 18px;
    gap: 16px;
  }
  .step-num { font-size: 1.6rem; min-width: 42px; }
  .step-body h3 { font-size: 1.05rem; }
  .step-body p { font-size: 0.88rem; }
}

/* ===== HOW IT WORKS — DOCUMENT STYLE ===== */
.how-it-works {
  padding: 70px 22px 80px;
  background: #000;
}
.how-inner {
  max-width: 760px;
  margin: 0 auto;
  color: #d9e2f0;
}

.how-title {
  font-size: clamp(1.6rem, 4.2vw, 2.2rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
  letter-spacing: -0.015em;
  margin: 0 0 28px;
}
.how-title sup {
  font-size: 0.55em;
  color: #4a9eff;
  margin-left: 2px;
  top: -0.6em;
}

.how-inner p {
  color: #b8c4d6;
  font-size: 1rem;
  line-height: 1.65;
  margin: 0 0 18px;
  font-weight: 300;
}

.how-step-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.35;
  letter-spacing: -0.01em;
  margin: 40px 0 18px;
}

.how-list {
  list-style: none;
  counter-reset: how-counter;
  padding: 0;
  margin: 0 0 8px;
}
.how-list li {
  counter-increment: how-counter;
  position: relative;
  padding-left: 48px;
  margin-bottom: 14px;
  color: #b8c4d6;
  font-size: 0.98rem;
  line-height: 1.65;
  font-weight: 300;
}
.how-list li::before {
  content: counter(how-counter) ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  color: #6c7d96;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}

.how-link {
  color: #4a9eff;
  text-decoration: none;
  border-bottom: 1px solid rgba(74,158,255,0.35);
  transition: border-color 0.2s, color 0.2s;
}
.how-link:hover {
  color: #6db3ff;
  border-color: #6db3ff;
}

.how-disclaimer {
  margin-top: 42px !important;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,0.08);
  color: #6c7d96 !important;
  font-size: 0.82rem !important;
  line-height: 1.55 !important;
}
.how-disclaimer sup {
  color: #4a9eff;
  margin-right: 2px;
}

@media (max-width: 600px) {
  .how-it-works { padding: 50px 18px 60px; }
  .how-title { margin-bottom: 22px; }
  .how-step-title { font-size: 1.1rem; margin: 32px 0 14px; }
  .how-list li { padding-left: 38px; font-size: 0.94rem; }
  .how-inner p { font-size: 0.94rem; }
}

/* ===== SOFTEN HOW-IT-WORKS HEADING ===== */
.how-title {
  font-weight: 500 !important;
  font-size: clamp(1.4rem, 3.4vw, 1.85rem) !important;
  letter-spacing: -0.01em !important;
  color: #f0f4fa !important;
  line-height: 1.3 !important;
}

/* ===== HOW IT WORKS — STANDALONE PAGE ===== */
.how-page {
  background: #000;
  min-height: 100vh;
  padding-top: 30px;
}
.how-back {
  display: inline-block;
  margin: 0 22px 10px;
  max-width: 760px;
  width: calc(100% - 44px);
  margin-left: auto;
  margin-right: auto;
  color: #4a9eff;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 8px 0;
}
.how-back:hover { color: #6db3ff; }

/* ===== PROFESSIONAL FOOTER ===== */
.site-footer {
  background: #05080f;
  border-top: 1px solid rgba(74,158,255,0.12);
  padding: 60px 24px 28px;
  margin-top: 40px;
  color: #93a4bf;
}
.footer-inner { max-width: 1200px; margin: 0 auto; }

.footer-top {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
  gap: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.footer-brand-col { padding-right: 20px; }
.footer-logo {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #fff;
  margin-bottom: 14px;
}
.footer-logo .accent { color: #4a9eff; font-weight: 600; }
.footer-tag {
  margin: 0 0 10px;
  color: #93a4bf;
  font-size: 0.88rem;
  line-height: 1.55;
  font-weight: 300;
}
.footer-mini {
  margin: 0;
  font-size: 0.74rem;
  color: #4a9eff;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 600;
}

.footer-heading {
  font-size: 0.78rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin: 0 0 18px;
}
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-links a {
  color: #93a4bf;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 300;
  transition: color 0.2s ease;
}
.footer-links a:hover { color: #4a9eff; }

.footer-bottom {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer-copy {
  margin: 0;
  font-size: 0.82rem;
  color: #6c7d96;
}
.footer-disclaimer {
  margin: 0;
  font-size: 0.74rem;
  color: #4a5668;
  line-height: 1.6;
  max-width: 880px;
}

/* ===== RESPONSIVE FOOTER ===== */
@media (max-width: 960px) {
  .footer-top {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
  .footer-brand-col {
    grid-column: 1 / -1;
    padding-right: 0;
    margin-bottom: 8px;
  }
}
@media (max-width: 600px) {
  .site-footer { padding: 44px 20px 24px; }
  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 28px 24px;
    padding-bottom: 32px;
  }
  .footer-brand-col { grid-column: 1 / -1; }
  .footer-heading { margin-bottom: 14px; font-size: 0.74rem; }
  .footer-links a { font-size: 0.86rem; }
}

/* ===== A. FINAL CTA — UPGRADED CLOSER ===== */
.final-cta {
  padding: 90px 22px 100px;
  background:
    radial-gradient(ellipse at center top, rgba(74,158,255,0.18) 0%, transparent 55%),
    linear-gradient(180deg, #02050b 0%, #05080f 100%);
  border-top: 1px solid rgba(74,158,255,0.15);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.final-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 80%, rgba(74,158,255,0.08), transparent 40%),
    radial-gradient(circle at 80% 20%, rgba(74,158,255,0.06), transparent 40%);
  pointer-events: none;
}
.cta-inner {
  max-width: 720px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.cta-eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  letter-spacing: 0.28em;
  color: #4a9eff;
  font-weight: 700;
  margin-bottom: 22px;
  padding: 6px 14px;
  border: 1px solid rgba(74,158,255,0.4);
  border-radius: 4px;
  background: rgba(74,158,255,0.08);
  text-transform: uppercase;
}

.cta-headline {
  font-size: clamp(1.8rem, 4.8vw, 2.8rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin: 0 0 18px;
}
.cta-headline .glow {
  background: linear-gradient(180deg, #6db3ff 0%, #2d7dd2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 40px rgba(74,158,255,0.4);
}

.cta-sub {
  color: #93a4bf;
  font-size: 1.04rem;
  line-height: 1.55;
  font-weight: 300;
  margin: 0 auto 34px;
  max-width: 580px;
}

.final-cta .cta-form {
  display: flex;
  gap: 10px;
  max-width: 540px;
  margin: 0 auto 26px;
  padding: 6px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(74,158,255,0.25);
  border-radius: 12px;
  backdrop-filter: blur(8px);
  transition: border-color 0.25s, box-shadow 0.25s;
}
.final-cta .cta-form:focus-within {
  border-color: rgba(74,158,255,0.6);
  box-shadow: 0 0 0 4px rgba(74,158,255,0.1);
}
.final-cta .cta-form input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: 12px 14px;
  color: #fff;
  font-size: 0.96rem;
  font-family: inherit;
}
.final-cta .cta-form input::placeholder { color: #6c7d96; }
.final-cta .cta-form button {
  background: linear-gradient(180deg, #4a9eff 0%, #2d7dd2 100%);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 22px;
  font-size: 0.94rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  white-space: nowrap;
  font-family: inherit;
}
.final-cta .cta-form button:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px -6px rgba(74,158,255,0.5);
}

.cta-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin: 8px 0 22px;
}
.cta-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #6c7d96;
  font-size: 0.82rem;
  font-weight: 400;
}
.cta-trust-item svg { color: #4a9eff; flex-shrink: 0; }

.final-cta .micro {
  color: #4a5668;
  font-size: 0.78rem;
  margin: 14px 0 0;
  letter-spacing: 0.02em;
}

@media (max-width: 600px) {
  .final-cta { padding: 64px 18px 72px; }
  .final-cta .cta-form { flex-direction: column; padding: 8px; }
  .final-cta .cta-form input { padding: 13px 14px; }
  .final-cta .cta-form button { padding: 14px 20px; width: 100%; }
  .cta-trust { gap: 14px; }
  .cta-trust-item { font-size: 0.78rem; }
}

/* ===== B. TRUST BAR ===== */
.trust-bar { padding: 44px 22px; background: #05080f; border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); }
.trust-inner { max-width: 1100px; margin: 0 auto; text-align: center; }
.trust-label { font-size: 0.72rem; letter-spacing: 0.26em; color: #6c7d96; font-weight: 600; margin: 0 0 22px; text-transform: uppercase; }
.trust-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px 22px; }
.trust-logo { font-family: Georgia, serif; font-style: italic; font-size: 1.05rem; color: #93a4bf; opacity: 0.75; }
.trust-divider { width: 4px; height: 4px; border-radius: 50%; background: rgba(74,158,255,0.35); }
@media (max-width: 600px) { .trust-divider { display: none; } .trust-logo { font-size: 0.92rem; } }

/* ===== D. TESTIMONIALS ===== */
.testimonials { padding: 80px 22px; background: #000; }
.test-inner { max-width: 1200px; margin: 0 auto; }
.test-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 16px; }
.test-card { background: linear-gradient(155deg, rgba(15,25,45,0.7), rgba(8,12,22,0.9)); border: 1px solid rgba(74,158,255,0.15); border-radius: 16px; padding: 30px 28px; position: relative; transition: all 0.3s ease; }
.test-card:hover { border-color: rgba(74,158,255,0.4); transform: translateY(-4px); box-shadow: 0 16px 40px -12px rgba(74,158,255,0.2); }
.test-quote-mark { position: absolute; top: 14px; right: 22px; font-size: 3.6rem; line-height: 1; color: rgba(74,158,255,0.18); font-family: Georgia, serif; }
.test-quote { color: #d9e2f0; font-size: 0.98rem; line-height: 1.65; font-weight: 300; margin: 0 0 24px; font-style: italic; }
.test-author { display: flex; align-items: center; gap: 12px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.06); }
.test-avatar { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #2d7dd2, #4a9eff); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 0.86rem; flex-shrink: 0; }
.test-meta { display: flex; flex-direction: column; line-height: 1.3; }
.test-meta strong { color: #fff; font-size: 0.92rem; font-weight: 600; }
.test-meta span { color: #6c7d96; font-size: 0.78rem; margin-top: 2px; }
@media (max-width: 900px) { .test-grid { grid-template-columns: 1fr; max-width: 560px; margin: 16px auto 0; } }
@media (max-width: 600px) { .testimonials { padding: 56px 18px; } .test-card { padding: 24px 22px; } }

/* ===== C. FAQ ===== */
.faq { padding: 80px 22px; background: #000; }
.faq-inner { max-width: 820px; margin: 0 auto; }
.faq-list { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
.faq-item { background: rgba(15,25,45,0.55); border: 1px solid rgba(74,158,255,0.12); border-radius: 12px; overflow: hidden; }
.faq-item[open] { border-color: rgba(74,158,255,0.4); }
.faq-item summary { list-style: none; cursor: pointer; padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; color: #f0f4fa; font-size: 1rem; font-weight: 500; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:hover { color: #4a9eff; }
.faq-icon { position: relative; width: 16px; height: 16px; flex-shrink: 0; }
.faq-icon::before, .faq-icon::after { content: ''; position: absolute; background: #4a9eff; border-radius: 2px; transition: transform 0.3s ease; }
.faq-icon::before { top: 7px; left: 0; width: 16px; height: 2px; }
.faq-icon::after { top: 0; left: 7px; width: 2px; height: 16px; }
.faq-item[open] .faq-icon::after { transform: rotate(90deg); }
.faq-answer { padding: 0 24px 22px; color: #93a4bf; font-size: 0.94rem; line-height: 1.7; font-weight: 300; }
.faq-answer p { margin: 0; }
@media (max-width: 600px) { .faq { padding: 56px 18px; } .faq-item summary { padding: 18px 20px; font-size: 0.94rem; } .faq-answer { padding: 0 20px 20px; font-size: 0.9rem; } }

/* ===== SECTION HEAD (shared) ===== */
.section-head { text-align: center; margin-bottom: 40px; }
.section-head .eyebrow { display: inline-block; font-size: 0.72rem; letter-spacing: 0.28em; color: #4a9eff; font-weight: 700; margin-bottom: 16px; text-transform: uppercase; }
.section-head .section-title { font-size: clamp(1.7rem, 4vw, 2.4rem); font-weight: 700; color: #fff; margin: 0; letter-spacing: -0.02em; line-height: 1.2; }

/* ===== B. TRUST BAR ===== */
.trust-bar { padding: 44px 22px; background: #05080f; border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); }
.trust-inner { max-width: 1100px; margin: 0 auto; text-align: center; }
.trust-label { font-size: 0.72rem; letter-spacing: 0.26em; color: #6c7d96; font-weight: 600; margin: 0 0 22px; text-transform: uppercase; }
.trust-logos { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px 22px; }
.trust-logo { font-family: Georgia, serif; font-style: italic; font-size: 1.05rem; color: #93a4bf; opacity: 0.75; }
.trust-divider { width: 4px; height: 4px; border-radius: 50%; background: rgba(74,158,255,0.35); }
@media (max-width: 600px) { .trust-divider { display: none; } .trust-logo { font-size: 0.92rem; } }

/* ===== D. TESTIMONIALS ===== */
.testimonials { padding: 80px 22px; background: #000; }
.test-inner { max-width: 1200px; margin: 0 auto; }
.test-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 16px; }
.test-card { background: linear-gradient(155deg, rgba(15,25,45,0.7), rgba(8,12,22,0.9)); border: 1px solid rgba(74,158,255,0.15); border-radius: 16px; padding: 30px 28px; position: relative; transition: all 0.3s ease; }
.test-card:hover { border-color: rgba(74,158,255,0.4); transform: translateY(-4px); box-shadow: 0 16px 40px -12px rgba(74,158,255,0.2); }
.test-quote-mark { position: absolute; top: 14px; right: 22px; font-size: 3.6rem; line-height: 1; color: rgba(74,158,255,0.18); font-family: Georgia, serif; }
.test-quote { color: #d9e2f0; font-size: 0.98rem; line-height: 1.65; font-weight: 300; margin: 0 0 24px; font-style: italic; }
.test-author { display: flex; align-items: center; gap: 12px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.06); }
.test-avatar { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, #2d7dd2, #4a9eff); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 0.86rem; flex-shrink: 0; }
.test-meta { display: flex; flex-direction: column; line-height: 1.3; }
.test-meta strong { color: #fff; font-size: 0.92rem; font-weight: 600; }
.test-meta span { color: #6c7d96; font-size: 0.78rem; margin-top: 2px; }
@media (max-width: 900px) { .test-grid { grid-template-columns: 1fr; max-width: 560px; margin: 16px auto 0; } }
@media (max-width: 600px) { .testimonials { padding: 56px 18px; } .test-card { padding: 24px 22px; } }

/* ===== C. FAQ ===== */
.faq { padding: 80px 22px; background: #000; }
.faq-inner { max-width: 820px; margin: 0 auto; }
.faq-list { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
.faq-item { background: rgba(15,25,45,0.55); border: 1px solid rgba(74,158,255,0.12); border-radius: 12px; overflow: hidden; }
.faq-item[open] { border-color: rgba(74,158,255,0.4); }
.faq-item summary { list-style: none; cursor: pointer; padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; color: #f0f4fa; font-size: 1rem; font-weight: 500; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:hover { color: #4a9eff; }
.faq-icon { position: relative; width: 16px; height: 16px; flex-shrink: 0; }
.faq-icon::before, .faq-icon::after { content: ''; position: absolute; background: #4a9eff; border-radius: 2px; transition: transform 0.3s ease; }
.faq-icon::before { top: 7px; left: 0; width: 16px; height: 2px; }
.faq-icon::after { top: 0; left: 7px; width: 2px; height: 16px; }
.faq-item[open] .faq-icon::after { transform: rotate(90deg); }
.faq-answer { padding: 0 24px 22px; color: #93a4bf; font-size: 0.94rem; line-height: 1.7; font-weight: 300; }
.faq-answer p { margin: 0; }
@media (max-width: 600px) { .faq { padding: 56px 18px; } .faq-item summary { padding: 18px 20px; font-size: 0.94rem; } .faq-answer { padding: 0 20px 20px; font-size: 0.9rem; } }

/* ===== SECTION HEAD (shared) ===== */
.section-head { text-align: center; margin-bottom: 40px; }
.section-head .eyebrow { display: inline-block; font-size: 0.72rem; letter-spacing: 0.28em; color: #4a9eff; font-weight: 700; margin-bottom: 16px; text-transform: uppercase; }
.section-head .section-title { font-size: clamp(1.7rem, 4vw, 2.4rem); font-weight: 700; color: #fff; margin: 0; letter-spacing: -0.02em; line-height: 1.2; }

/* ===== TESTIMONIALS — COMPACT REFINEMENT ===== */
.testimonials { padding: 60px 22px 70px !important; }
.test-grid { gap: 16px !important; }
.test-card {
  padding: 22px 22px !important;
  border-radius: 12px !important;
}
.test-quote {
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  margin: 0 0 18px !important;
  font-style: normal !important;
  color: #c4d0e3 !important;
}
.test-author {
  padding-top: 14px !important;
  gap: 10px !important;
}
.test-avatar {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid rgba(74,158,255,0.3);
  background: #0a1428;
  display: block !important;
}
.test-meta strong {
  font-size: 0.85rem !important;
}
.test-meta span {
  font-size: 0.72rem !important;
}
/* Hide the giant decorative quote mark for cleaner look */
.test-quote-mark { display: none !important; }

@media (max-width: 900px) {
  .test-grid { max-width: 500px !important; }
}
@media (max-width: 600px) {
  .testimonials { padding: 44px 16px 54px !important; }
  .test-card { padding: 20px 18px !important; }
  .test-quote { font-size: 0.86rem !important; }
}

/* ===== FIX SECTION HEAD FONTS (TESTIMONIALS + ALL) ===== */
.section-head {
  text-align: center !important;
  margin-bottom: 36px !important;
  padding: 0 16px !important;
}
.section-head .eyebrow {
  display: inline-block !important;
  font-family: inherit !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.22em !important;
  color: #4a9eff !important;
  font-weight: 600 !important;
  margin: 0 0 14px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}
.section-head .section-title {
  font-family: inherit !important;
  font-size: clamp(1.5rem, 4vw, 2.1rem) !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin: 0 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

/* ===== UNIFY NEW SECTION HEADS TO MATCH SITE FONT SYSTEM ===== */
.section-head {
  text-align: center !important;
  margin-bottom: 36px !important;
  padding: 0 16px !important;
}

/* Eyebrow → matches .sub-tagline (Orbitron, blue, spaced) */
.section-head .eyebrow {
  display: inline-block !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 3px !important;
  color: var(--blue, #4a9eff) !important;
  font-weight: 500 !important;
  margin: 0 0 18px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

/* Title → matches existing .section-title (Jakarta 300, light, refined) */
.section-head .section-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(24px, 5.5vw, 36px) !important;
  font-weight: 300 !important;
  color: #fff !important;
  margin: 0 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

/* Sub-line (under titles) */
.section-head .section-sub {
  font-family: 'Inter', sans-serif !important;
  color: #8aa0bd !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  margin: 14px auto 0 !important;
  max-width: 580px !important;
  line-height: 1.55 !important;
}

/* ===== TRUST MARQUEE — PROFESSIONAL ===== */
.trust-bar {
  padding: 38px 0 !important;
  background: #05080f !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  overflow: hidden !important;
}
.trust-inner { max-width: 100% !important; padding: 0 !important; }
.trust-label {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 3px !important;
  color: #6c7d96 !important;
  font-weight: 500 !important;
  margin: 0 0 22px !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

/* Marquee viewport with edge fades */
.marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.marquee-track {
  display: flex;
  align-items: center;
  gap: 56px;
  width: max-content;
  animation: marquee-scroll 38s linear infinite;
}
.marquee:hover .marquee-track { animation-play-state: paused; }

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Generic logo style */
.m-logo {
  flex-shrink: 0;
  color: #93a4bf;
  opacity: 0.72;
  white-space: nowrap;
  transition: opacity 0.3s, color 0.3s;
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.5px;
}
.m-logo:hover { opacity: 1; color: #fff; }

/* Brand-accurate typography per publication */
.m-bloomberg {
  font-family: 'Times New Roman', Georgia, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  letter-spacing: -0.8px;
}
.m-wsj {
  font-family: 'Times New Roman', Georgia, serif;
  font-weight: 700;
  font-style: italic;
  font-size: 22px;
  letter-spacing: -0.3px;
}
.m-ft {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 4px;
  text-transform: uppercase;
  background: #fff1d6;
  color: #0a1428;
  padding: 6px 12px;
  border-radius: 2px;
  opacity: 0.85;
}
.m-ft:hover { opacity: 1; color: #0a1428; }
.m-forbes {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 900;
  font-size: 26px;
  letter-spacing: -1px;
}
.m-tc {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.8px;
}
.m-tc::before {
  content: '';
  display: inline-block;
  width: 8px; height: 8px;
  background: #0a9956;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  opacity: 0.85;
}
.m-reuters {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.m-reuters::before {
  content: '●';
  color: #ff6a00;
  margin-right: 6px;
  font-size: 14px;
  opacity: 0.85;
}
.m-cnbc {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.5px;
  font-style: italic;
}
.m-barrons {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Responsive */
@media (max-width: 600px) {
  .trust-bar { padding: 28px 0 !important; }
  .marquee-track { gap: 36px; animation-duration: 28s; }
  .m-logo { font-size: 18px; }
  .m-bloomberg, .m-forbes { font-size: 20px; }
  .m-wsj, .m-tc, .m-cnbc, .m-barrons { font-size: 18px; }
  .m-ft, .m-reuters { font-size: 14px; }
  .trust-label { margin-bottom: 18px !important; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
}

/* ===== MUSK ECOSYSTEM — BRAND-ACCURATE LOGOS ===== */

/* Reset old media-brand classes to avoid bleed */
.m-bloomberg, .m-wsj, .m-ft, .m-forbes, .m-tc, .m-reuters, .m-cnbc, .m-barrons {
  all: unset;
}

/* Base logo style */
.m-logo {
  flex-shrink: 0;
  color: #cfd8e8;
  opacity: 0.85;
  white-space: nowrap;
  transition: opacity 0.3s, color 0.3s, transform 0.3s;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.m-logo:hover { opacity: 1; color: #fff; transform: scale(1.04); }

/* TESLA — wide spaced sans */
.m-tesla {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 28px;
  letter-spacing: 10px;
  padding-left: 10px; /* compensate for last-letter spacing */
}

/* SPACEX — futurist condensed (Orbitron approximates) */
.m-spacex {
  font-family: 'Orbitron', sans-serif;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 3px;
}

/* NEURALINK — clean lowercase modern */
.m-neuralink {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

/* xAI — black "x" + small "AI" */
.m-xai {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: 30px;
  letter-spacing: -1px;
}
.m-xai::after {
  content: '';
}

/* 𝕏 — large bold X logo */
.m-x {
  font-family: 'Inter', sans-serif;
  font-weight: 900;
  font-size: 32px;
  letter-spacing: 0;
}

/* STARLINK — geometric spaced */
.m-starlink {
  font-family: 'Orbitron', sans-serif;
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 4px;
}

/* THE BORING COMPANY — utilitarian sans */
.m-boring {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 2px;
}

/* Update marquee label */
.trust-label {
  font-family: 'Orbitron', sans-serif !important;
  color: #4a9eff !important;
  opacity: 0.85;
}

/* Tighter spacing for fewer/wider logos */
.marquee-track {
  gap: 72px !important;
  animation-duration: 32s !important;
}

/* Mobile */
@media (max-width: 600px) {
  .marquee-track { gap: 44px !important; animation-duration: 24s !important; }
  .m-tesla { font-size: 22px; letter-spacing: 7px; }
  .m-spacex { font-size: 20px; letter-spacing: 2px; }
  .m-neuralink { font-size: 20px; }
  .m-xai { font-size: 24px; }
  .m-x { font-size: 26px; }
  .m-starlink { font-size: 18px; letter-spacing: 3px; }
  .m-boring { font-size: 14px; letter-spacing: 1.5px; }
}

/* ===== MARQUEE — SVG IMAGE LOGOS ===== */
.m-logo {
  flex-shrink: 0;
  height: 28px;
  width: auto;
  opacity: 0.75;
  filter: brightness(0.95);
  transition: opacity 0.3s, filter 0.3s, transform 0.3s;
  display: block;
}
.m-logo:hover {
  opacity: 1;
  filter: brightness(1.15);
  transform: scale(1.06);
}

/* Per-logo height tuning for visual balance */
.m-logo[alt="Tesla"]              { height: 18px; }
.m-logo[alt="SpaceX"]             { height: 16px; }
.m-logo[alt="Neuralink"]          { height: 22px; }
.m-logo[alt="Starlink"]           { height: 18px; }
.m-logo[alt="The Boring Company"] { height: 14px; }

.marquee-track {
  gap: 64px !important;
  animation-duration: 34s !important;
  align-items: center !important;
}

@media (max-width: 600px) {
  .marquee-track { gap: 40px !important; animation-duration: 24s !important; }
  .m-logo[alt="Tesla"]              { height: 14px; }
  .m-logo[alt="SpaceX"]             { height: 13px; }
  .m-logo[alt="Neuralink"]          { height: 17px; }
  .m-logo[alt="Starlink"]           { height: 14px; }
  .m-logo[alt="The Boring Company"] { height: 11px; }
}

/* ===== MARQUEE — UNIFIED PROFESSIONAL SPACING ===== */

/* Track: equal gap, perfectly centered */
.marquee-track {
  display: flex !important;
  align-items: center !important;
  gap: 80px !important;
  animation-duration: 36s !important;
  padding: 4px 0 !important;
}

.m-logo:hover {
  opacity: 1 !important;
  filter: brightness(1.1) grayscale(0) !important;
  transform: scale(1.05) !important;
}

/* Wider logos (wordmarks) need a touch shorter for visual weight balance */
.m-logo[alt="Neuralink"],
.m-logo[alt="Starlink"],
.m-logo[alt="The Boring Company"] {
  height: 18px !important;
}

/* Trust label refinement */
.trust-label {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 4px !important;
  color: #6c7d96 !important;
  opacity: 0.9 !important;
  margin: 0 0 26px !important;
  font-weight: 500 !important;
}

/* Mobile — proportionally smaller but still uniform */
@media (max-width: 600px) {
  .marquee-track { gap: 48px !important; animation-duration: 26s !important; }
  .m-logo,
  .m-logo[alt="Tesla"],
  .m-logo[alt="SpaceX"] {
    height: 16px !important;
  }
  .m-logo[alt="Neuralink"],
  .m-logo[alt="Starlink"],
  .m-logo[alt="The Boring Company"] {
    height: 13px !important;
  }
  .trust-label { font-size: 9px !important; letter-spacing: 3px !important; }
}

/* ===== MARQUEE FIX — UNIFORM LOGO CONTAINERS ===== */

/* Wrap every logo in equal-width slot for true visual uniformity */
.marquee-track {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
}

.m-logo,
.m-logo[alt] {
  /* Reset everything */
  all: unset;
  /* Fixed slot per logo */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 180px !important;
  height: 60px !important;
  flex-shrink: 0 !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;

  /* Logo rendering */
  opacity: 0.65 !important;
  filter: brightness(1) grayscale(0.2) !important;
  transition: opacity 0.3s ease, filter 0.3s ease, transform 0.3s ease !important;
  object-fit: contain !important;

  /* Max sizing inside the slot */
  max-width: 140px !important;
  max-height: 28px !important;
}

.m-logo:hover {
  opacity: 1 !important;
  filter: brightness(1.15) grayscale(0) !important;
  transform: scale(1.08) !important;
}

/* Mobile slots */
@media (max-width: 600px) {
  .m-logo,
  .m-logo[alt] {
    width: 130px !important;
    height: 48px !important;
    padding: 0 16px !important;
    max-width: 100px !important;
    max-height: 22px !important;
  }
}

/* ===== NEURALINK — WIDER SLOT FOR WAVE + WORDMARK ===== */
.m-logo[alt="Neuralink"] {
  width: 220px !important;
  max-width: 180px !important;
  max-height: 26px !important;
}

@media (max-width: 600px) {
  .m-logo[alt="Neuralink"] {
    width: 160px !important;
    max-width: 130px !important;
    max-height: 20px !important;
  }
}

/* ===== FINAL UNIFORM LOGO SIZING ===== */
.m-logo,
.m-logo[alt] {
  width: 170px !important;
  height: 50px !important;
  max-width: 150px !important;
  max-height: 30px !important;
  padding: 0 18px !important;
}

@media (max-width: 600px) {
  .m-logo, .m-logo[alt] {
    width: 130px !important;
    height: 40px !important;
    max-width: 110px !important;
    max-height: 22px !important;
    padding: 0 12px !important;
  }
}

/* ===== FORCE UNIFORM LOGO COLOR (safety net) ===== */
.m-logo {
  filter: brightness(0) invert(0.85) sepia(0.1) hue-rotate(180deg) !important;
  opacity: 0.7 !important;
}
.m-logo:hover {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

/* ===== MARQUEE — TEXT + ICON, FULLY UNIFORM ===== */
.m-logo { display: none !important; }

.m-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
  padding: 0 28px !important;
  color: #cfd8e8 !important;
  opacity: 0.72 !important;
  transition: opacity .3s, color .3s, transform .3s !important;
  white-space: nowrap !important;
}
.m-item:hover {
  opacity: 1 !important;
  color: #fff !important;
  transform: scale(1.04) !important;
}

.m-ico {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.m-text {
  font-family: 'Plus Jakarta Sans','Inter',sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

.marquee-track { gap: 0 !important; animation-duration: 38s !important; align-items: center !important; }

.trust-label {
  font-family: 'Orbitron',sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 4px !important;
  color: #6c7d96 !important;
  margin: 0 0 26px !important;
  text-align: center !important;
  font-weight: 500 !important;
}

@media (max-width: 600px) {
  .m-item { padding: 0 18px !important; gap: 8px !important; }
  .m-ico { width: 16px !important; height: 16px !important; }
  .m-text { font-size: 12px !important; letter-spacing: 1.5px !important; }
  .marquee-track { animation-duration: 26s !important; }
}

/* ===== TEXT-ONLY ITEMS (X, xAI) — NO ICON ===== */
.m-text-only .m-text {
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: 1px !important;
}

@media (max-width: 600px) {
  .m-text-only .m-text {
    font-size: 15px !important;
  }
}

/* ===== PNG LOGO HANDLING ===== */
.m-logo {
  display: block !important;
  width: auto !important;
  flex-shrink: 0 !important;
  margin: 0 32px !important;
  opacity: 0.72 !important;
  transition: opacity .3s, filter .3s, transform .3s !important;

  /* PNGs from seeklogo are usually white-on-transparent already
     This filter just unifies any slight color variations */
  filter: brightness(1.05) contrast(1.05) !important;
}

.m-logo:hover {
  opacity: 1 !important;
  transform: scale(1.06) !important;
  filter: brightness(1.2) contrast(1.1) !important;
}

/* Per-logo height tuning (PNG aspect ratios are different per brand) */
.m-logo[alt="Tesla"]              { height: 18px !important; }
.m-logo[alt="SpaceX"]             { height: 16px !important; }
.m-logo[alt="Neuralink"]          { height: 22px !important; }
.m-logo[alt="Starlink"]           { height: 18px !important; }
.m-logo[alt="The Boring Company"] { height: 16px !important; }

@media (max-width: 600px) {
  .m-logo { margin: 0 20px !important; }
  .m-logo[alt="Tesla"]              { height: 13px !important; }
  .m-logo[alt="SpaceX"]             { height: 12px !important; }
  .m-logo[alt="Neuralink"]          { height: 16px !important; }
  .m-logo[alt="Starlink"]           { height: 14px !important; }
  .m-logo[alt="The Boring Company"] { height: 12px !important; }
}

/* ===== PNG LOGO MARQUEE — FINAL ===== */

/* Kill any leftover text/icon items from old versions */
.m-item, .m-text-only, .m-text, .m-ico { display: none !important; }

.m-logo {
  display: block !important;
  width: auto !important;
  flex-shrink: 0 !important;
  margin: 0 32px !important;
  opacity: 0.78 !important;
  transition: opacity .3s, transform .3s, filter .3s !important;

  /* Light enhancement for white-on-transparent PNGs */
  filter: brightness(1) contrast(1.05) !important;
}

.m-logo:hover {
  opacity: 1 !important;
  transform: scale(1.06) !important;
  filter: brightness(1.15) contrast(1.1) !important;
}

/* Per-brand height tuning so logos look visually balanced */
.m-logo[alt="Tesla"]              { height: 18px !important; }
.m-logo[alt="SpaceX"]             { height: 16px !important; }
.m-logo[alt="Neuralink"]          { height: 22px !important; }
.m-logo[alt="Starlink"]           { height: 18px !important; }
.m-logo[alt="The Boring Company"] { height: 16px !important; }

.marquee-track {
  gap: 0 !important;
  animation-duration: 36s !important;
  align-items: center !important;
}

/* Mobile sizing */
@media (max-width: 600px) {
  .m-logo { margin: 0 20px !important; }
  .m-logo[alt="Tesla"]              { height: 13px !important; }
  .m-logo[alt="SpaceX"]             { height: 12px !important; }
  .m-logo[alt="Neuralink"]          { height: 16px !important; }
  .m-logo[alt="Starlink"]           { height: 14px !important; }
  .m-logo[alt="The Boring Company"] { height: 12px !important; }
  .marquee-track { animation-duration: 24s !important; }
}

/* ===== INVERT ALL PNG LOGOS TO WHITE ===== */
.m-logo {
  filter: invert(1) brightness(1.1) !important;
}
.m-logo:hover {
  filter: invert(1) brightness(1.3) !important;
}

/* ===== FINAL FIX — WHITE + BIGGER LOGOS ===== */
.m-logo,
.m-logo[alt] {
  filter: brightness(0) invert(1) !important;
  opacity: 0.85 !important;
  margin: 0 40px !important;
}
.m-logo:hover {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  transform: scale(1.08) !important;
}

/* BIGGER per-brand heights */
.m-logo[alt="Tesla"]              { height: 26px !important; }
.m-logo[alt="SpaceX"]             { height: 24px !important; }
.m-logo[alt="Neuralink"]          { height: 32px !important; }
.m-logo[alt="Starlink"]           { height: 26px !important; }
.m-logo[alt="The Boring Company"] { height: 22px !important; }

@media (max-width: 600px) {
  .m-logo, .m-logo[alt] { margin: 0 24px !important; }
  .m-logo[alt="Tesla"]              { height: 18px !important; }
  .m-logo[alt="SpaceX"]             { height: 16px !important; }
  .m-logo[alt="Neuralink"]          { height: 22px !important; }
  .m-logo[alt="Starlink"]           { height: 18px !important; }
  .m-logo[alt="The Boring Company"] { height: 15px !important; }
}

/* ===== ABSOLUTE FINAL — BIGGER LOGOS, MAX SPECIFICITY ===== */
.marquee .marquee-track img.m-logo {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  width: auto !important;
  margin: 0 50px !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
}

.marquee .marquee-track img.m-logo:hover {
  opacity: 1 !important;
  transform: scale(1.08) !important;
}

/* Per-brand fine-tuning — all anchored around 44px base */
.marquee .marquee-track img.m-logo[alt="Tesla"]              { height: 32px !important; min-height: 32px !important; max-height: 32px !important; }
.marquee .marquee-track img.m-logo[alt="SpaceX"]             { height: 28px !important; min-height: 28px !important; max-height: 28px !important; }
.marquee .marquee-track img.m-logo[alt="Neuralink"]          { height: 40px !important; min-height: 40px !important; max-height: 40px !important; }
.marquee .marquee-track img.m-logo[alt="Starlink"]           { height: 32px !important; min-height: 32px !important; max-height: 32px !important; }
.marquee .marquee-track img.m-logo[alt="The Boring Company"] { height: 28px !important; min-height: 28px !important; max-height: 28px !important; }

@media (max-width: 600px) {
  .marquee .marquee-track img.m-logo { margin: 0 30px !important; }
  .marquee .marquee-track img.m-logo[alt="Tesla"]              { height: 22px !important; min-height: 22px !important; max-height: 22px !important; }
  .marquee .marquee-track img.m-logo[alt="SpaceX"]             { height: 20px !important; min-height: 20px !important; max-height: 20px !important; }
  .marquee .marquee-track img.m-logo[alt="Neuralink"]          { height: 28px !important; min-height: 28px !important; max-height: 28px !important; }
  .marquee .marquee-track img.m-logo[alt="Starlink"]           { height: 22px !important; min-height: 22px !important; max-height: 22px !important; }
  .marquee .marquee-track img.m-logo[alt="The Boring Company"] { height: 18px !important; min-height: 18px !important; max-height: 18px !important; }
}

/* ===== XL LOGOS — MAX IMPACT ===== */
.marquee .marquee-track img.m-logo[alt="Tesla"]              { height: 48px !important; min-height: 48px !important; max-height: 48px !important; }
.marquee .marquee-track img.m-logo[alt="SpaceX"]             { height: 42px !important; min-height: 42px !important; max-height: 42px !important; }
.marquee .marquee-track img.m-logo[alt="Neuralink"]          { height: 58px !important; min-height: 58px !important; max-height: 58px !important; }
.marquee .marquee-track img.m-logo[alt="Starlink"]           { height: 48px !important; min-height: 48px !important; max-height: 48px !important; }
.marquee .marquee-track img.m-logo[alt="The Boring Company"] { height: 42px !important; min-height: 42px !important; max-height: 42px !important; }

.marquee .marquee-track img.m-logo { margin: 0 60px !important; }

/* Increase trust bar height to accommodate bigger logos */
.trust-bar { padding: 60px 0 !important; }

@media (max-width: 600px) {
  .marquee .marquee-track img.m-logo { margin: 0 36px !important; }
  .marquee .marquee-track img.m-logo[alt="Tesla"]              { height: 32px !important; min-height: 32px !important; max-height: 32px !important; }
  .marquee .marquee-track img.m-logo[alt="SpaceX"]             { height: 28px !important; min-height: 28px !important; max-height: 28px !important; }
  .marquee .marquee-track img.m-logo[alt="Neuralink"]          { height: 40px !important; min-height: 40px !important; max-height: 40px !important; }
  .marquee .marquee-track img.m-logo[alt="Starlink"]           { height: 32px !important; min-height: 32px !important; max-height: 32px !important; }
  .marquee .marquee-track img.m-logo[alt="The Boring Company"] { height: 28px !important; min-height: 28px !important; max-height: 28px !important; }
  .trust-bar { padding: 44px 0 !important; }
}

/* ===== SHRINK TRUST LABEL ===== */
.trust-bar .trust-label {
  font-size: 10px !important;
  letter-spacing: 4px !important;
  margin: 0 0 24px !important;
}
.trust-bar { padding: 36px 0 !important; }

/* ===== FINAL LOGO SIZES — POST-TRIM CALIBRATED ===== */
/* Now that PNGs are trimmed, heights translate to real visual sizes */

.marquee .marquee-track img.m-logo[alt="Tesla"]              { height: 26px !important; min-height: 26px !important; max-height: 26px !important; }
.marquee .marquee-track img.m-logo[alt="SpaceX"]             { height: 26px !important; min-height: 26px !important; max-height: 26px !important; }
.marquee .marquee-track img.m-logo[alt="Neuralink"]          { height: 34px !important; min-height: 34px !important; max-height: 34px !important; }
.marquee .marquee-track img.m-logo[alt="Starlink"]           { height: 38px !important; min-height: 38px !important; max-height: 38px !important; }
.marquee .marquee-track img.m-logo[alt="The Boring Company"] { height: 32px !important; min-height: 32px !important; max-height: 32px !important; }

.marquee .marquee-track img.m-logo { margin: 0 44px !important; }

.trust-bar { padding: 40px 0 !important; }

@media (max-width: 600px) {
  .marquee .marquee-track img.m-logo { margin: 0 28px !important; }
  .marquee .marquee-track img.m-logo[alt="Tesla"]              { height: 18px !important; min-height: 18px !important; max-height: 18px !important; }
  .marquee .marquee-track img.m-logo[alt="SpaceX"]             { height: 18px !important; min-height: 18px !important; max-height: 18px !important; }
  .marquee .marquee-track img.m-logo[alt="Neuralink"]          { height: 24px !important; min-height: 24px !important; max-height: 24px !important; }
  .marquee .marquee-track img.m-logo[alt="Starlink"]           { height: 28px !important; min-height: 28px !important; max-height: 28px !important; }
  .marquee .marquee-track img.m-logo[alt="The Boring Company"] { height: 22px !important; min-height: 22px !important; max-height: 22px !important; }
  .trust-bar { padding: 28px 0 !important; }
}
}
}

/* ===== FINAL xAI + X SIZING (CLEAN, NO CONFLICTS) ===== */
.marquee .marquee-track img.m-logo[alt="xAI"],
.marquee .marquee-track img.m-logo[alt="X"] {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  width: auto !important;
}

@media (max-width: 600px) {
  .marquee .marquee-track img.m-logo[alt="xAI"],
  .marquee .marquee-track img.m-logo[alt="X"] {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }
}

/* ===== TESTIMONIALS — PREMIUM REDESIGN ===== */
.testimonials {
  padding: 80px 22px 90px !important;
  background:
    radial-gradient(ellipse 800px 400px at 50% 0%, rgba(74,158,255,0.06), transparent 70%),
    #000 !important;
}
.test-inner { max-width: 1200px; margin: 0 auto; }

/* Section head refinement (already in place but reinforced) */
.testimonials .section-head {
  margin-bottom: 50px !important;
  padding: 0 !important;
}
.testimonials .section-head .section-sub {
  margin-top: 16px !important;
  max-width: 540px !important;
}

/* Grid */
.test-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 50px;
}

/* Card */
.test-card {
  position: relative;
  background: linear-gradient(165deg, rgba(20,30,55,0.55) 0%, rgba(8,12,22,0.85) 100%);
  border: 1px solid rgba(74,158,255,0.12);
  border-radius: 14px;
  padding: 26px 24px 22px;
  transition: all 0.35s cubic-bezier(.2,.8,.2,1);
  display: flex;
  flex-direction: column;
}
.test-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 14px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(74,158,255,0.3), transparent 40%, transparent 60%, rgba(74,158,255,0.15));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.test-card:hover {
  transform: translateY(-4px);
  border-color: rgba(74,158,255,0.35);
  box-shadow: 0 20px 50px -18px rgba(74,158,255,0.3);
}
.test-card:hover::before { opacity: 1; }

/* Star rating */
.test-rating {
  display: flex;
  gap: 3px;
  margin-bottom: 16px;
}
.test-rating svg {
  width: 14px;
  height: 14px;
  color: #4a9eff;
  filter: drop-shadow(0 0 6px rgba(74,158,255,0.4));
}

/* Quote */
.test-quote {
  color: #d9e2f0;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.95rem;
  line-height: 1.65;
  font-weight: 400;
  margin: 0 0 22px;
  flex: 1;
  font-style: normal;
}

/* Author block */
.test-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.test-avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid rgba(74,158,255,0.35);
  flex-shrink: 0;
  display: block !important;
}
.test-meta {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
}
.test-meta strong {
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.005em;
}
.test-meta span {
  color: #93a4bf;
  font-size: 0.78rem;
  margin-top: 2px;
  font-weight: 400;
}
.test-meta .test-firm {
  color: #4a9eff;
  font-size: 0.74rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 1px;
}

/* Verified badge */
.test-verified {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4a9eff;
  flex-shrink: 0;
  background: rgba(74,158,255,0.1);
  border-radius: 50%;
  padding: 2px;
}
.test-verified svg {
  width: 100%;
  height: 100%;
}

/* Bottom stats bar */
.test-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  padding-top: 40px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.test-stat {
  text-align: center;
}
.test-stat strong {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  color: #fff;
  letter-spacing: -0.02em;
  background: linear-gradient(180deg, #fff 0%, #4a9eff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 4px;
}
.test-stat span {
  color: #93a4bf;
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 960px) {
  .test-grid { grid-template-columns: 1fr; max-width: 540px; margin: 0 auto 40px; }
  .test-footer { gap: 36px; flex-wrap: wrap; padding-top: 30px; }
}
@media (max-width: 600px) {
  .testimonials { padding: 56px 18px 64px !important; }
  .test-card { padding: 22px 20px 20px; }
  .test-quote { font-size: 0.9rem; }
  .test-footer { gap: 24px; }
  .test-stat strong { font-size: 1.35rem; }
  .test-stat span { font-size: 0.72rem; }
}

/* ===== TONE DOWN DIVIDER DOT ===== */
.section-divider .divider-dot {
  width: 4px !important;
  height: 4px !important;
  background: rgba(74,158,255,0.4) !important;
  box-shadow: none !important;
}
.section-divider .divider-line {
  background: linear-gradient(90deg, transparent 0%, rgba(74,158,255,0.15) 50%, transparent 100%) !important;
}

/* ===== CTA STATUS INDICATOR (replaces eyebrow) ===== */
.final-cta .cta-eyebrow { display: none !important; }

.cta-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 16px !important;
  background: rgba(74,158,255,0.06) !important;
  border: 1px solid rgba(74,158,255,0.25) !important;
  border-radius: 100px !important;
  margin-bottom: 28px !important;
}

.cta-status-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #4a9eff !important;
  box-shadow: 0 0 0 0 rgba(74,158,255,0.7) !important;
  animation: ctaPulse 2.2s ease-in-out infinite !important;
  flex-shrink: 0 !important;
}

.cta-status-text {
  font-family: 'Orbitron', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 2.5px !important;
  color: #4a9eff !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}

@keyframes ctaPulse {
  0%   { box-shadow: 0 0 0 0 rgba(74,158,255,0.7); }
  70%  { box-shadow: 0 0 0 8px rgba(74,158,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(74,158,255,0); }
}

/* Refine CTA copy spacing */
.final-cta .cta-headline {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: -0.5px !important;
}
.final-cta .cta-sub {
  max-width: 520px !important;
  font-size: 1rem !important;
  margin-bottom: 32px !important;
}

/* Arrow on button */
.cta-arrow {
  display: inline-block !important;
  margin-left: 4px !important;
  transition: transform 0.25s ease !important;
}
.final-cta .cta-form button:hover .cta-arrow {
  transform: translateX(3px) !important;
}

/* Refine micro line */
.final-cta .micro {
  max-width: 580px !important;
  margin: 18px auto 0 !important;
  line-height: 1.55 !important;
}

@media (max-width: 600px) {
  .cta-status { padding: 7px 12px !important; }
  .cta-status-text { font-size: 9px !important; letter-spacing: 2px !important; }
}

/* ===== SUB-PAGE TEMPLATE (all secondary pages) ===== */
.sub-page {
  background: #000;
  min-height: 70vh;
  padding: 50px 22px 80px;
}
.sub-page-inner {
  max-width: 900px;
  margin: 0 auto;
}
.sub-back {
  display: inline-block;
  color: #4a9eff;
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-bottom: 32px;
  transition: color 0.2s;
}
.sub-back:hover { color: #6db3ff; }

.sub-head { margin-bottom: 48px; text-align: left; }
.sub-eyebrow {
  display: inline-block;
  font-family: 'Orbitron', sans-serif;
  font-size: 10px;
  letter-spacing: 3px;
  color: #4a9eff;
  font-weight: 500;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.sub-headline {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(1.7rem, 4vw, 2.4rem);
  font-weight: 300;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 1.2;
  margin: 0 0 14px;
}
.sub-sub {
  color: #93a4bf;
  font-size: 1rem;
  line-height: 1.55;
  font-weight: 300;
  margin: 0;
  max-width: 640px;
}

.sub-body {
  color: #b8c4d6;
  font-size: 0.96rem;
  line-height: 1.7;
  font-weight: 300;
}
.sub-body h3 {
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 36px 0 14px;
  letter-spacing: -0.01em;
}
.sub-body p { margin: 0 0 16px; }
.sub-body a {
  color: #4a9eff;
  text-decoration: none;
  border-bottom: 1px solid rgba(74,158,255,0.35);
}

.sub-list { list-style: none; padding: 0; margin: 0 0 18px; }
.sub-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
}
.sub-list li::before {
  content: '';
  position: absolute;
  left: 0; top: 10px;
  width: 6px; height: 6px;
  background: #4a9eff;
  border-radius: 50%;
}

.sub-note {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.08);
  color: #6c7d96;
  font-size: 0.82rem;
  line-height: 1.6;
}

/* ===== PRICING TIERS ===== */
.tier-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 12px;
}
.tier-card {
  background: linear-gradient(165deg, rgba(15,25,45,0.55) 0%, rgba(8,12,22,0.85) 100%);
  border: 1px solid rgba(74,158,255,0.15);
  border-radius: 14px;
  padding: 28px 24px;
  position: relative;
  transition: all 0.3s ease;
}
.tier-card:hover { border-color: rgba(74,158,255,0.4); transform: translateY(-4px); }
.tier-featured {
  border-color: rgba(74,158,255,0.5);
  background: linear-gradient(165deg, rgba(20,40,80,0.55) 0%, rgba(8,12,22,0.9) 100%);
  box-shadow: 0 16px 50px -16px rgba(74,158,255,0.3);
}
.tier-badge {
  position: absolute;
  top: -12px; left: 50%; transform: translateX(-50%);
  background: #4a9eff;
  color: #000;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 5px 12px;
  border-radius: 20px;
  font-family: 'Orbitron', sans-serif;
}
.tier-tag {
  display: inline-block;
  font-family: 'Orbitron', sans-serif;
  font-size: 10px;
  letter-spacing: 3px;
  color: #4a9eff;
  margin-bottom: 14px;
}
.tier-price {
  display: flex; align-items: baseline; gap: 6px;
  margin-bottom: 10px;
}
.tier-amount {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.9rem; font-weight: 300; color: #fff;
  letter-spacing: -0.02em;
}
.tier-period { color: #6c7d96; font-size: 0.85rem; }
.tier-desc { color: #93a4bf; font-size: 0.88rem; line-height: 1.55; margin: 0 0 20px; }
.tier-features { list-style: none; padding: 0; margin: 0; }
.tier-features li {
  position: relative;
  padding: 10px 0 10px 24px;
  border-top: 1px solid rgba(255,255,255,0.05);
  color: #b8c4d6;
  font-size: 0.88rem;
}
.tier-features li::before {
  content: '✓';
  position: absolute; left: 0; top: 10px;
  color: #4a9eff;
  font-weight: 700;
}

/* ===== STATS PREVIEW GRID ===== */
.stats-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.stat-tile {
  background: rgba(15,25,45,0.55);
  border: 1px solid rgba(74,158,255,0.12);
  border-radius: 12px;
  padding: 24px 20px;
  text-align: center;
}
.stat-tile strong {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.7rem;
  font-weight: 300;
  color: #fff;
  background: linear-gradient(180deg, #fff 0%, #4a9eff 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 6px;
}
.stat-tile span { color: #93a4bf; font-size: 0.82rem; }

/* ===== WAITLIST FORM ===== */
.sub-form {
  display: flex; flex-direction: column; gap: 18px;
  max-width: 540px;
}
.sub-form label {
  display: flex; flex-direction: column; gap: 6px;
  color: #93a4bf; font-size: 0.82rem;
  font-weight: 500; letter-spacing: 0.02em;
}
.sub-form input, .sub-form select {
  background: rgba(15,25,45,0.6);
  border: 1px solid rgba(74,158,255,0.2);
  border-radius: 10px;
  padding: 14px 16px;
  color: #fff;
  font-size: 0.95rem;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s;
}
.sub-form input:focus, .sub-form select:focus {
  border-color: rgba(74,158,255,0.5);
}
.sub-form button {
  background: linear-gradient(180deg, #4a9eff 0%, #2d7dd2 100%);
  color: #fff; border: none;
  padding: 14px 24px;
  border-radius: 10px;
  font-weight: 600; font-size: 0.95rem;
  cursor: pointer;
  margin-top: 6px;
  transition: transform 0.2s;
}
.sub-form button:hover { transform: translateY(-1px); }

/* ===== OPPORTUNITY PAGE ===== */
.opp-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 36px;
}
.opp-stat {
  background: rgba(15,25,45,0.6);
  border: 1px solid rgba(74,158,255,0.15);
  border-radius: 12px;
  padding: 20px;
}
.opp-stat span {
  display: block;
  color: #6c7d96; font-size: 0.72rem;
  letter-spacing: 0.15em; text-transform: uppercase;
  margin-bottom: 6px;
}
.opp-stat strong {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.3rem; font-weight: 300; color: #fff;
}
.opp-body { color: #b8c4d6; line-height: 1.7; }
.opp-body p { margin: 0 0 16px; }

/* ===== CONTACT GRID ===== */
.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.contact-card {
  background: rgba(15,25,45,0.55);
  border: 1px solid rgba(74,158,255,0.15);
  border-radius: 12px;
  padding: 24px;
}
.contact-card h3 {
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1rem; font-weight: 600;
  margin: 0 0 8px;
}
.contact-card p { color: #93a4bf; font-size: 0.88rem; margin: 0 0 12px; }
.contact-card a {
  color: #4a9eff; text-decoration: none;
  font-size: 0.92rem; font-weight: 500;
  border-bottom: 1px solid rgba(74,158,255,0.3);
}

/* ===== LEGAL PAGES ===== */
.sub-legal h3 {
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 1.05rem; font-weight: 600;
  margin: 32px 0 10px;
}
.sub-legal p {
  color: #b8c4d6; font-size: 0.92rem; line-height: 1.7;
  margin: 0 0 14px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 760px) {
  .tier-grid, .stats-preview-grid, .opp-stats, .contact-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .sub-page { padding: 36px 18px 60px; }
  .sub-back { margin-bottom: 24px; }
  .sub-head { margin-bottom: 36px; }
}