/* ============================================================
   Design 6 — NEON PHYSICAL-AI (blue)
   Deep-space futurism: dark navy, glassmorphism, electric cobalt/
   azure glow, robotics/neural imagery. Sora typeface.
   Accent is the original cobalt-blue family; the "Get my take"
   CTA sections use the original dark-navy gradient.
   Scoped html[data-design="6"].
   ============================================================ */

html[data-design="6"]{
  --ns-white:rgba(20,26,54,0.55);  /* glass surfaces */
  --ns-ink:#e7ecff;                /* light text */
  --ns-navy:#0a0e22;               /* darkest */
  --ns-cobalt:#4f7cff;             /* electric cobalt accent */
  --ns-blue-live:#7fa8ff;          /* bright blue highlight/hover */
  --ns-wash:rgba(24,30,68,0.55);   /* tinted glass */
  --ns-grid:rgba(90,130,255,0.22); /* glowing hairline */
  --ns-grey:#9aa6cc;               /* muted */

  --ns-radius-s:10px; --ns-radius-m:16px; --ns-radius-l:22px;

  --ns-shadow-rest:0 10px 34px rgba(0,0,0,.45),inset 0 0 0 1px rgba(90,130,255,.12);
  --ns-shadow-hover:0 16px 46px rgba(30,80,230,.32),inset 0 0 0 1px rgba(110,150,255,.38);
  --ns-shadow-band:0 24px 60px rgba(16,40,120,.55);

  /* CTA gradient — the original dark navy */
  --ns-gradient-band:linear-gradient(135deg,#0d1f4d 0%,#16307d 100%);
  --ns-gradient-btn-hover:linear-gradient(135deg,#16307d 0%,#1d3ec2 100%);

  --font-display:"Sora",system-ui,sans-serif;
  --font-sans:"Sora",system-ui,"Segoe UI",sans-serif;

  color:var(--ns-ink);
}
html[data-design="6"] body{
  color:var(--ns-ink);
  background:
    radial-gradient(60% 50% at 14% 8%,rgba(38,86,235,.30),transparent 60%),
    radial-gradient(52% 48% at 90% 16%,rgba(44,120,240,.22),transparent 60%),
    radial-gradient(60% 60% at 76% 104%,rgba(28,72,210,.26),transparent 62%),
    #060a1a;
  background-attachment:fixed;
}
html[data-design="6"] ::selection{background:#6ea8ff;color:#060a1a}

/* ---- type: Sora, luminous ---- */
html[data-design="6"] h1{font-family:var(--font-display);font-weight:800;font-size:56px;line-height:1.05;letter-spacing:-0.02em}
html[data-design="6"] h2{font-family:var(--font-display);font-weight:700;letter-spacing:-0.01em}
html[data-design="6"] h3{font-family:var(--font-sans);font-weight:700}
html[data-design="6"] .lede{color:#c6d2f2}
html[data-design="6"] .kicker,
html[data-design="6"] .index-head .index span,
html[data-design="6"] .hero .tagline{font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ns-blue-live)}

/* ---- links ---- */
html[data-design="6"] a{color:var(--ns-cobalt);text-decoration-color:rgba(90,130,255,.5);text-underline-offset:4px}
html[data-design="6"] a:hover{color:var(--ns-blue-live)}

/* ---- header: glass bar ---- */
html[data-design="6"] .site-header{background:rgba(10,14,34,0.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ns-grid);position:sticky;top:0;z-index:50}
html[data-design="6"] .site-nav a{color:#c6d2f2}
html[data-design="6"] .site-nav a:hover,
html[data-design="6"] .site-nav a[aria-current="page"]{color:var(--ns-blue-live)}
html[data-design="6"] .site-nav a.btn,html[data-design="6"] .site-nav a.btn:hover{color:#fff}
html[data-design="6"] .site-header .logo img{filter:brightness(0) invert(1)}

/* ---- hero: neural render + scrim ---- */
html[data-design="6"] .hero{padding:104px 0 112px}
html[data-design="6"] .hero::before{
  background-image:
    linear-gradient(90deg,rgba(6,10,26,.90) 0%,rgba(6,10,26,.55) 48%,rgba(6,10,26,.78) 100%),
    url("/assets/hero.png");
  background-size:cover;background-position:center;
  opacity:.5;filter:saturate(.85);            /* faded so it sits behind the text */
  -webkit-mask-image:linear-gradient(#000 78%,transparent 100%);mask-image:linear-gradient(#000 78%,transparent 100%);
}
html[data-design="6"] .hero h1{color:#fff;text-shadow:0 0 40px rgba(50,110,255,.5)}
html[data-design="6"] .hero .tagline{color:var(--ns-blue-live)}

/* ---- buttons: original dark-navy gradient with a blue glow ---- */
html[data-design="6"] .btn{
  background-image:var(--ns-gradient-band);color:#fff;border-radius:999px;font-weight:700;letter-spacing:0.08em;
  box-shadow:0 6px 24px rgba(30,70,220,.45),inset 0 0 0 1px rgba(120,160,255,.28);
}
html[data-design="6"] .btn:hover,html[data-design="6"] .btn:focus-visible{
  background-image:var(--ns-gradient-btn-hover);color:#fff;box-shadow:0 10px 32px rgba(45,85,234,.55),inset 0 0 0 1px rgba(150,180,255,.4);
}
html[data-design="6"] .btn-inverse{background-image:none;background-color:rgba(255,255,255,.10);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
html[data-design="6"] .btn-inverse:hover,html[data-design="6"] .btn-inverse:focus-visible{background-color:rgba(255,255,255,.20);color:#fff}

/* ---- panels & cards: glassmorphism ---- */
html[data-design="6"] .answer,
html[data-design="6"] .callout-card,
html[data-design="6"] .wash-panel,
html[data-design="6"] .note-card,
html[data-design="6"] .stat,
html[data-design="6"] .build-card,
html[data-design="6"] .num-card,
html[data-design="6"] .step,
html[data-design="6"] .bio-card,
html[data-design="6"] .contact-panel,
html[data-design="6"] .hub-list a,
html[data-design="6"] .table-card{
  background:var(--ns-white);border:1px solid var(--ns-grid);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--ns-shadow-rest);
}
html[data-design="6"] .answer{border-left:3px solid var(--ns-blue-live)}
html[data-design="6"] .callout-card{border-left:3px solid var(--ns-cobalt)}
html[data-design="6"] .step,html[data-design="6"] .build-card,html[data-design="6"] .hub-list a{border-top:2px solid transparent;
  background-image:linear-gradient(var(--ns-white),var(--ns-white)),linear-gradient(90deg,#3f6bff,#7fb0ff);
  background-origin:border-box;background-clip:padding-box,border-box}
html[data-design="6"] .hub-list a:hover,html[data-design="6"] .hub-list a:focus-visible{box-shadow:var(--ns-shadow-hover)}

html[data-design="6"] .stat .figure{font-family:var(--font-display);font-weight:800;
  background:linear-gradient(120deg,#5b8dff,#9fd0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-design="6"] .step .idx,html[data-design="6"] .build-card .idx{color:var(--ns-blue-live)}
html[data-design="6"] .num-badge{background-image:var(--ns-gradient-band);color:#fff;box-shadow:0 4px 16px rgba(30,70,220,.45)}
html[data-design="6"] .build-cta{background-image:var(--ns-gradient-band);border:0;box-shadow:var(--ns-shadow-band)}
html[data-design="6"] .build-cta a{color:#fff;font-family:var(--font-display)}

/* ---- bullets ---- */
html[data-design="6"] .inline-list li::before,
html[data-design="6"] .bullet-list li::before,
html[data-design="6"] .trigger-list li::before,
html[data-design="6"] .fitlist li::before,
html[data-design="6"] .fact-cols .fact-item::before{background:var(--ns-blue-live);box-shadow:0 0 8px rgba(90,150,255,.7)}
html[data-design="6"] .fact-grid .lead,
html[data-design="6"] .fact-cols .lead,
html[data-design="6"] .why-grid .lead,
html[data-design="6"] .tc-eyebrow{color:var(--ns-blue-live)}

/* ---- tables ---- */
html[data-design="6"] thead th{color:var(--ns-blue-live);border-bottom-color:rgba(90,150,255,.4)}
html[data-design="6"] td{border-bottom-color:var(--ns-grid)}
html[data-design="6"] tbody th{color:var(--ns-ink);border-bottom-color:var(--ns-grid)}
html[data-design="6"] .col-hl{background:rgba(90,150,255,.08)}
html[data-design="6"] thead.grad-head tr{background-image:var(--ns-gradient-band)}
html[data-design="6"] thead.grad-head th{color:#fff}

/* ---- headshot frame ---- */
html[data-design="6"] .headshot-frame::after{border-color:var(--ns-blue-live);box-shadow:0 0 24px rgba(90,150,255,.45)}

/* ---- pull quote ---- */
html[data-design="6"] .pullquote{border-color:var(--ns-grid)}
html[data-design="6"] .pullquote p{font-family:var(--font-display);color:#fff}

/* ---- hub cards ---- */
html[data-design="6"] .hub-list .q{font-family:var(--font-display);color:#fff}
html[data-design="6"] .hub-list .dek{color:#fff}
html[data-design="6"] .hub-list a:hover .q{color:var(--ns-blue-live)}
html[data-design="6"] .hub-list .read{color:var(--ns-blue-live)}

/* ---- contact panel ---- */
html[data-design="6"] .contact-panel .email{color:var(--ns-blue-live)}

/* ---- CTA band: original dark-navy gradient + blue glow ---- */
html[data-design="6"] .band-card{background-image:var(--ns-gradient-band);box-shadow:var(--ns-shadow-band)}
html[data-design="6"] .band-card h2{color:#fff}
html[data-design="6"] .band-card p{color:#dce6ff}

/* ---- footer: glass ---- */
html[data-design="6"] .site-footer{background:rgba(10,14,34,0.4);border-top:1px solid var(--ns-grid)}
html[data-design="6"] .site-footer a{color:#c6d2f2}
html[data-design="6"] .site-footer a:hover{color:var(--ns-blue-live)}
html[data-design="6"] .site-footer .logo-stacked img{filter:brightness(0) invert(1)}

/* ---- homepage illustration ---- */
html[data-design="6"] .split-media img{border-radius:var(--ns-radius-l);box-shadow:0 20px 50px rgba(30,80,220,.4),inset 0 0 0 1px rgba(90,130,255,.22)}

/* ---- mobile ---- */
@media(max-width:768px){
  html[data-design="6"] h1{font-size:36px}
  html[data-design="6"] h2{font-size:28px}
  html[data-design="6"] .hero{padding:64px 0 64px}
}