:root{
  --teal:#24b8a5;
  --teal-dark:#0e7468;
  --teal-soft:#e8fbf7;
  --fuchsia:#c13ba5;
  --fuchsia-deep:#5c113b;
  --gold:#d8a341;
  --ink:#0d1726;
  --muted:#617083;
  --line:#dfe8ee;
  --surface:#ffffff;
  --surface-soft:#f7fafc;
  --shadow:0 10px 40px rgba(16,24,40,.08);
  --radius:24px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink); background:#fff; line-height:1.55;
}
img,svg{max-width:100%; display:block}
a{color:inherit}
.container{width:min(var(--max), calc(100% - 40px)); margin:0 auto}
.site-header{
  position:sticky; top:0; z-index:50; backdrop-filter:saturate(140%) blur(12px);
  background:rgba(255,255,255,.88); border-bottom:1px solid rgba(223,232,238,.8)
}
.site-header .bar{display:flex; align-items:center; justify-content:space-between; min-height:74px; gap:24px}
.logo{display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:800}
.logo-badge{
  width:38px; height:38px; display:grid; place-items:center; border-radius:12px;
  background:linear-gradient(135deg, var(--teal), #60dbc9); color:white; box-shadow:0 8px 24px rgba(36,184,165,.25)
}
.logo small{display:block; color:var(--muted); font-weight:600; font-size:.73rem; letter-spacing:.02em}
.nav{display:flex; gap:22px; align-items:center; flex-wrap:wrap}
.nav a{font-size:.96rem; text-decoration:none; color:#243243}
.nav a.active{color:var(--teal-dark); font-weight:700}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px; text-decoration:none;
  border-radius:999px; padding:13px 18px; font-weight:700; border:1px solid transparent;
}
.btn-primary{background:linear-gradient(135deg,var(--teal),#53d1c2); color:#fff; box-shadow:0 14px 34px rgba(36,184,165,.2)}
.btn-secondary{background:#fff; border-color:#d9e4ea; color:#1a2633}
.hero{
  position:relative; overflow:hidden;
  background:
    radial-gradient(circle at 15% 12%, rgba(36,184,165,.13), transparent 25%),
    radial-gradient(circle at 85% 20%, rgba(193,59,165,.10), transparent 30%),
    linear-gradient(180deg,#fff 0%, #fbfffe 55%, #f2faf8 100%);
}
.hero-grid{
  display:grid; grid-template-columns:1.15fr .95fr; gap:38px; align-items:center;
  padding:72px 0 36px;
}
.eyebrow{
  display:inline-flex; align-items:center; gap:10px; padding:8px 12px;
  border:1px solid #d7ebe7; background:rgba(255,255,255,.85); border-radius:999px;
  color:var(--teal-dark); font-size:.8rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase
}
.eyebrow::before{
  content:""; width:8px; height:8px; border-radius:999px; background:var(--teal);
  box-shadow:0 0 0 6px rgba(36,184,165,.12)
}
h1,h2,h3{line-height:1.04; letter-spacing:-.03em; margin:0}
h1{font-size:clamp(2.75rem,6vw,5.2rem)}
h2{font-size:clamp(2rem,4vw,3.35rem)}
h3{font-size:clamp(1.3rem,2vw,1.7rem)}
p.lead{font-size:1.2rem; color:#425467; max-width:760px}
.hero .actions{display:flex; gap:14px; flex-wrap:wrap; margin:28px 0 24px}
.quick-metrics{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:18px}
.metric-card{
  background:rgba(255,255,255,.86); border:1px solid #e3edf2; border-radius:22px; padding:18px; box-shadow:var(--shadow)
}
.metric-card strong{display:block; font-size:1.7rem}
.hero-panel{
  position:relative; min-height:540px; border-radius:32px; overflow:hidden;
  background:
   radial-gradient(circle at 20% 25%, rgba(36,184,165,.28), transparent 18%),
   radial-gradient(circle at 70% 18%, rgba(216,163,65,.2), transparent 18%),
   radial-gradient(circle at 55% 75%, rgba(193,59,165,.22), transparent 20%),
   linear-gradient(180deg,#ffffff 0%,#eef9f7 52%,#e4f3f7 100%);
  border:1px solid #dce9ef;
  box-shadow:0 30px 70px rgba(13,23,38,.12)
}
.panel-overlay{
  position:absolute; inset:20px; border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.65));
  border:1px solid rgba(255,255,255,.85)
}
.diagram-chip{position:absolute; background:white; border:1px solid #dce9ef; border-radius:18px; box-shadow:var(--shadow); padding:14px 16px}
.diagram-chip small{display:block; color:var(--muted); font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:.72rem}
.diagram-chip strong{display:block; margin-top:6px}
.hero-video{
  margin:18px 0 0; padding:18px; border-radius:28px; background:white; border:1px solid #dce9ef; box-shadow:var(--shadow)
}
.video-frame{
  position:relative; min-height:280px; border-radius:22px; overflow:hidden;
  background:
    linear-gradient(120deg, rgba(13,23,38,.75), rgba(13,23,38,.25)),
    radial-gradient(circle at 20% 30%, rgba(36,184,165,.45), transparent 25%),
    radial-gradient(circle at 75% 30%, rgba(193,59,165,.35), transparent 22%),
    linear-gradient(160deg,#263746,#16202a);
}
.video-copy{position:absolute; left:28px; bottom:28px; color:white; max-width:520px}
.play{
  position:absolute; right:26px; bottom:26px; width:64px; height:64px; border-radius:999px; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.4); color:white; background:rgba(255,255,255,.1)
}
.section{padding:84px 0}
.section.soft{background:linear-gradient(180deg,#fff,#f9fcfd)}
.section.transition{
  background:
   linear-gradient(180deg,#f9fcfd 0%, #eef9f7 25%, #e7edf8 58%, #2c1430 100%);
}
.section.dark{
  color:white;
  background:
   radial-gradient(circle at 10% 12%, rgba(36,184,165,.22), transparent 18%),
   radial-gradient(circle at 85% 25%, rgba(216,163,65,.14), transparent 14%),
   radial-gradient(circle at 60% 40%, rgba(193,59,165,.18), transparent 20%),
   linear-gradient(180deg,#3d1736 0%, #180611 48%, #040507 100%);
}
.kicker{
  font-size:.86rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--teal-dark);
  margin-bottom:14px
}
.dark .kicker{color:#7ce6d9}
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:start}
.card{
  background:#fff; border:1px solid #e0eaef; border-radius:28px; box-shadow:var(--shadow); padding:26px
}
.dark .card{
  background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12); box-shadow:none
}
.diagram-wrap{
  margin-top:28px; border-radius:30px; overflow:hidden;
  border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
}
.diagram-shell{
  min-height:420px; position:relative; padding:40px;
}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:18px}
.feature{
  border-radius:24px; padding:22px; border:1px solid #e0eaef; background:linear-gradient(180deg,#fff,#fbfefe); box-shadow:var(--shadow)
}
.dark .feature{
  background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); box-shadow:none
}
.feature .icon{
  width:44px; height:44px; border-radius:14px; display:grid; place-items:center;
  background:linear-gradient(135deg,rgba(36,184,165,.15),rgba(193,59,165,.12)); color:var(--teal-dark); margin-bottom:18px
}
.feature p,.card p{color:#536274}
.dark p,.dark .feature p,.dark .card p{color:#d3d9e2}
.metrics-band{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:26px}
.stat{
  padding:24px; border-radius:24px; background:linear-gradient(180deg,#fff,#fbfefe); border:1px solid #e1edf2; box-shadow:var(--shadow)
}
.stat strong{font-size:2.25rem; display:block}
.transition .stat{background:rgba(255,255,255,.88)}
.outcomes{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.outcome{padding:20px; border-radius:20px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12)}
.cta-strip{
  padding:48px; border-radius:36px; background:
   radial-gradient(circle at 16% 18%, rgba(36,184,165,.3), transparent 20%),
   radial-gradient(circle at 82% 25%, rgba(216,163,65,.2), transparent 18%),
   radial-gradient(circle at 52% 45%, rgba(193,59,165,.18), transparent 30%),
   linear-gradient(145deg,#170711,#06070a);
  color:white; box-shadow:0 30px 80px rgba(6,7,10,.32)
}
.site-footer{
  color:white;
  background:
   radial-gradient(circle at 15% 10%, rgba(36,184,165,.22), transparent 18%),
   radial-gradient(circle at 85% 20%, rgba(193,59,165,.18), transparent 18%),
   linear-gradient(180deg,#0c0710 0%,#030304 100%);
  padding:70px 0 32px
}
.footer-grid{display:grid; grid-template-columns:1.2fr repeat(4,1fr); gap:34px}
.footer-grid h4{margin:0 0 14px; font-size:.95rem; letter-spacing:.06em; text-transform:uppercase; color:#a7f0e6}
.footer-grid a{display:block; color:#d7dde6; margin:8px 0; text-decoration:none; font-size:.96rem}
.footer-brand p{color:#b9c4d2; max-width:320px}
.footer-bottom{display:flex; justify-content:space-between; gap:20px; border-top:1px solid rgba(255,255,255,.08); margin-top:30px; padding-top:18px; color:#9da7b6}
.mega-cols{display:grid; grid-template-columns:repeat(2,1fr); gap:26px}
.separator{
  height:1px; width:100%; margin:18px 0 24px;
  background:linear-gradient(90deg, transparent, rgba(36,184,165,.65), rgba(193,59,165,.35), transparent)
}
.diagram-labels{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:18px}
.diagram-labels .label-card{padding:16px; border-radius:18px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12)}
.diagram-light .diagram-labels .label-card{background:#fff; border-color:#e1edf2}
.small{font-size:.92rem}
.muted{color:var(--muted)}
.dark .muted{color:#b5bfd0}
ul.clean{padding-left:18px; margin:8px 0 0}
ul.clean li{margin:8px 0}
.notice{
  border-left:4px solid var(--gold); padding:14px 16px; background:#fff9ef; border-radius:0 16px 16px 0; color:#5a4420
}
form.demo{display:grid; grid-template-columns:1fr 1fr; gap:14px}
input,textarea,select{
  width:100%; border:1px solid #dce9ef; background:#fff; border-radius:14px; padding:14px 15px; font:inherit; color:#102030
}
textarea{min-height:130px; grid-column:1/-1}
label span{display:block; font-size:.9rem; font-weight:700; margin:0 0 6px}
.table-list{display:grid; gap:12px}
.row{
  display:grid; grid-template-columns:180px 1fr; gap:14px; align-items:start;
  padding:14px 0; border-top:1px solid #e0eaef
}
.row:first-child{border-top:0}
code.inline{background:#f3f6f9; padding:2px 8px; border-radius:999px}
@media (max-width: 1080px){
  .hero-grid,.two-col,.footer-grid,.grid-3,.grid-2,.metrics-band,.outcomes{grid-template-columns:1fr}
  .quick-metrics{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .mega-cols{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .container{width:min(var(--max), calc(100% - 28px))}
  .site-header .bar{align-items:flex-start; padding:14px 0}
  .nav{gap:12px}
  .hero-grid{padding-top:42px}
  .section{padding:64px 0}
  .diagram-shell{padding:24px; min-height:320px}
  .footer-grid{grid-template-columns:1fr}
  form.demo{grid-template-columns:1fr}
}


/* --- Motion and polish system --- */
@keyframes ambientShift {
  0% { background-position: 0% 0%, 100% 20%, 50% 100%, 0% 0%; }
  50% { background-position: 10% 5%, 92% 24%, 54% 94%, 0% 0%; }
  100% { background-position: 0% 0%, 100% 20%, 50% 100%, 0% 0%; }
}
@keyframes pulseHalo {
  0%,100% { box-shadow: 0 0 0 0 rgba(36,184,165,.10), 0 8px 26px rgba(36,184,165,.10); transform: translateY(0); }
  50% { box-shadow: 0 0 0 10px rgba(36,184,165,0), 0 14px 30px rgba(36,184,165,.18); transform: translateY(-1px); }
}
@keyframes slowFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
@keyframes shimmerLine {
  0% { opacity:.35; transform: translateX(-8px); }
  50% { opacity:.8; transform: translateX(8px); }
  100% { opacity:.35; transform: translateX(-8px); }
}
@keyframes fadeRise {
  from { opacity:0; transform: translateY(18px); }
  to { opacity:1; transform: translateY(0); }
}

.hero,
.section.transition,
.section.dark,
.site-footer,
.cta-strip,
.hero-panel,
.video-frame {
  background-size: 120% 120%, 120% 120%, 120% 120%, auto;
  animation: ambientShift 18s ease-in-out infinite;
}
.logo-badge,
.play,
.diagram-chip { animation: pulseHalo 5s ease-in-out infinite; }
.hero-panel .diagram-chip:nth-child(3),
.hero-panel .diagram-chip:nth-child(4) { animation-delay: 1.3s; }
.hero-panel .diagram-chip:nth-child(5),
.hero-panel .diagram-chip:nth-child(6) { animation-delay: 2.1s; }
.metric-card,
.feature,
.stat,
.outcome,
.card { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease; }
.metric-card:hover,
.feature:hover,
.stat:hover,
.outcome:hover,
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(16,24,40,.12);
  border-color: rgba(36,184,165,.28);
}
.separator { animation: shimmerLine 6s ease-in-out infinite; }
.video-frame::after,
.hero-panel::after {
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(110deg, transparent 0%, rgba(255,255,255,.08) 35%, rgba(255,255,255,.18) 45%, rgba(255,255,255,.06) 54%, transparent 70%);
  transform: translateX(-100%);
  animation: glossPass 9s linear infinite;
  pointer-events:none;
}
@keyframes glossPass {
  0% { transform: translateX(-120%); opacity:0; }
  20% { opacity:.8; }
  45% { transform: translateX(120%); opacity:0; }
  100% { transform: translateX(120%); opacity:0; }
}
.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.in {
  opacity: 1;
  transform: translateY(0);
}
.dark .feature .icon, .feature .icon {
  transition: transform .35s ease, background .35s ease;
}
.feature:hover .icon { transform: scale(1.06) rotate(-3deg); }
.btn { transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary:hover { box-shadow: 0 18px 38px rgba(36,184,165,.28); }
.nav a { transition: color .2s ease, opacity .2s ease; }
.footer-grid a:hover, .nav a:hover { color:#7ce6d9; }
@media (prefers-reduced-motion: reduce) {
  .hero, .section.transition, .section.dark, .site-footer, .cta-strip, .hero-panel, .video-frame,
  .logo-badge, .play, .diagram-chip, .separator { animation:none !important; }
  .reveal { opacity:1; transform:none; transition:none; }
}

.hero-media-card{
  background:rgba(255,255,255,.88);
  border:1px solid #dde8ef;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(13,23,38,.12);
  min-height:540px;
}
.hero-media-card img{width:100%; height:100%; object-fit:cover}
.section-head{max-width:860px; margin-bottom:26px}
.diagram-img{border-radius:28px; overflow:hidden; border:1px solid rgba(255,255,255,.12); box-shadow:0 24px 64px rgba(13,23,38,.18)}
.diagram-light .diagram-img{border-color:#dce7ee; box-shadow:0 20px 50px rgba(13,23,38,.09)}
.bullet-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px}
.bullet-item{padding:18px 20px; border-radius:20px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12)}
.mega-footer-note{display:grid; grid-template-columns:1.1fr .9fr; gap:24px; align-items:start; padding:24px 0 10px; color:#c7d0db}
@media (max-width: 900px){ .mega-footer-note,.bullet-grid{grid-template-columns:1fr} }

.site-header .nav .btn{margin-left:6px}
.footer-grid a:hover,.nav a:hover{color:#7ce6d9}


/* v6 mobile/header/footer/video refinements */
.hero h1{color:rgba(13,23,38,.94); line-height:.94}
.hero .lead{max-width:760px}
.hero-grid{align-items:start; padding:58px 0 18px; min-height:calc(100vh - 82px)}
.logo small.header-subtitle{display:block}
.mobile-cta,.mobile-toggle,.nav-overlay{display:none}
.video-player{width:100%; border-radius:24px; background:#0a0f17; overflow:hidden; box-shadow:0 20px 50px rgba(13,23,38,.18)}
.video-player video{width:100%; display:block; background:#05070a}
.use-case-wrap{margin-top:26px}
.use-case-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:22px; align-items:center}
.use-case-copy{padding:6px 4px 0 2px}
.diagram-light.card{padding:26px}
.diagram-light .diagram-img img{width:100%; height:auto}
.diagram-labels{margin-top:16px}
.label-card p{margin:6px 0 0}
.footer-brand p{font-size:.95rem; line-height:1.6; color:#c9d2dc}
.footer-grid a{font-size:.88rem}
.footer-grid h4{font-size:.84rem}
.site-footer{padding-top:56px}
.footer-brand p{max-width:260px}
.footer-bottom{font-size:.85rem}
@media (max-width: 1050px){
  .hero-grid{grid-template-columns:1fr; min-height:auto}
  .use-case-grid{grid-template-columns:1fr}
}
@media (max-width: 880px){
  .site-header .bar{min-height:78px; gap:10px}
  .nav{
    position:fixed; top:0; right:0; width:min(88vw,360px); height:100vh;
    background:rgba(255,255,255,.97); backdrop-filter: blur(16px);
    box-shadow:-20px 0 50px rgba(13,23,38,.14);
    padding:98px 24px 28px; z-index:120;
    transform:translateX(104%); transition:transform .28s ease;
    display:flex; flex-direction:column; align-items:flex-start; gap:18px; flex-wrap:nowrap;
  }
  body.nav-open .nav{transform:translateX(0)}
  .nav a{font-size:1.12rem}
  .nav a.btn{width:100%; margin-top:8px; justify-content:center}
  .nav-overlay{
    position:fixed; inset:0; background:rgba(10,16,24,.26); z-index:110;
  }
  body.nav-open .nav-overlay{display:block}
  .mobile-cta{display:inline-flex; padding:12px 16px; font-size:.96rem}
  .mobile-toggle{
    display:grid; place-items:center; width:54px; height:54px; border-radius:18px;
    border:1px solid #dce7ee; background:#f6f8fb; color:#4a5a70; cursor:pointer; z-index:130;
  }
  .mobile-toggle span,.mobile-toggle::before,.mobile-toggle::after{
    content:""; display:block; width:24px; height:2.5px; background:currentColor; border-radius:2px; transition:transform .22s ease, opacity .22s ease;
  }
  .mobile-toggle span{margin:6px 0}
  body.nav-open .mobile-toggle span{opacity:0}
  body.nav-open .mobile-toggle::before{transform:translateY(8.5px) rotate(45deg)}
  body.nav-open .mobile-toggle::after{transform:translateY(-8.5px) rotate(-45deg)}
  .site-header .bar{justify-content:space-between}
  .site-header .desktop-cta{display:none}
  .logo{gap:10px}
  .logo small.header-subtitle{display:none}
  .hero{padding-top:4px}
  .eyebrow{font-size:.74rem}
  h1{font-size:clamp(2.6rem, 13vw, 4.5rem)}
  .hero .lead{font-size:1.05rem; line-height:1.56}
  .actions{gap:12px}
  .actions .btn{padding:13px 17px}
  .quick-metrics{grid-template-columns:1fr 1fr 1fr}
  .site-footer .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .container{width:min(var(--max), calc(100% - 26px))}
  .site-header{background:rgba(255,255,255,.94)}
  .site-header .bar{min-height:72px}
  .logo{font-size:1.1rem}
  .logo-badge{width:44px;height:44px;border-radius:14px}
  .mobile-cta{padding:11px 14px; font-size:.92rem}
  .hero-grid{padding:20px 0 8px}
  .hero h1{margin-top:14px}
  .hero .lead{margin-top:14px !important}
  .actions{display:grid; grid-template-columns:1fr; width:100%}
  .actions .btn{width:100%}
  .quick-metrics{grid-template-columns:1fr; gap:12px}
  .metric-card{padding:16px 18px}
  .hero-media-card{min-height:240px}
  .hero-video{display:none}
  .section{padding:56px 0}
  .two-col{gap:20px}
  .diagram-light.card{padding:18px}
  .diagram-labels{grid-template-columns:1fr}
  .grid-3,.grid-2,.metrics-band,.outcomes,.bullet-grid,.footer-grid,.mega-cols{grid-template-columns:1fr}
  .site-footer{padding-top:44px}
  .footer-grid h4{margin-bottom:10px}
  .footer-grid a{font-size:.95rem; margin:7px 0}
  .footer-brand{padding-bottom:4px}
  .footer-brand p{font-size:.92rem}
  .use-case-grid{gap:18px}
}


/* v7 refinements */
html, body { overflow-x: hidden; }
body.nav-open { overflow: hidden; }
.hero-grid > *, .two-col > *, .grid-2 > *, .grid-3 > *, .footer-grid > * { min-width: 0; }
.hero-media-card, .diagram-img, .video-player, .card, .feature, .metric-card, .stat, .outcome { max-width: 100%; }
.video-player video { aspect-ratio: 16 / 9; object-fit: cover; }
.nav-overlay { display: none; }
.nav { overflow-y: auto; -webkit-overflow-scrolling: touch; }
.site-header { transition: background .25s ease, box-shadow .25s ease; }
.site-header.scrolled { background: rgba(255,255,255,.96); box-shadow: 0 10px 24px rgba(13,23,38,.06); }
.logo { white-space: nowrap; }
.logo span:last-child { min-width: 0; }
@media (max-width: 880px) {
  .mobile-toggle { flex: 0 0 auto; }
  .mobile-cta { flex: 0 0 auto; }
  .site-header .bar { align-items: center; }
}
@media (max-width: 640px) {
  .mobile-cta { max-width: 58vw; white-space: nowrap; }
  .nav { width: min(92vw, 360px); padding-top: 86px; }
  .hero h1 { letter-spacing: -0.045em; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
}


/* v8 premium candidate */
:root{--header-h:78px}
.site-header .bar{min-height:var(--header-h)}
.logo{gap:14px}
.logo-badge{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#2ec3b4,#71dfd2);box-shadow:0 10px 24px rgba(46,195,180,.18)}
.logo span:last-child{font-weight:800}
.site-header .desktop-cta,.mobile-cta{background:linear-gradient(135deg,#34c7b8,#73dcd0);color:#fff}
.hero-grid{padding:44px 0 10px;min-height:calc(100vh - var(--header-h))}
.hero-media-card{background:rgba(255,255,255,.68);border-color:#dce7ee;box-shadow:0 30px 70px rgba(13,23,38,.10)}
.hero-media-card img{width:100%;height:100%;object-fit:cover;object-position:center center}
.video-card-shell{position:relative;border-radius:26px;overflow:hidden;background:#070b12;box-shadow:0 24px 64px rgba(13,23,38,.16)}
.video-launch{position:relative;display:block;cursor:pointer;padding:0;border:0;background:none;width:100%}
.video-launch img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.video-launch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,12,.05),rgba(5,8,12,.30))}
.video-badge{position:absolute;top:18px;left:18px;z-index:3;display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18)}
.video-play{position:absolute;right:50%;bottom:50%;z-index:3;transform:translate(50%,50%);width:82px;height:82px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.10);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;font-size:2rem;box-shadow:0 18px 38px rgba(13,23,38,.24)}
.video-copyline{position:absolute;left:20px;right:20px;bottom:18px;z-index:3;color:#fff;font-size:.98rem;line-height:1.45}
.video-player[hidden]{display:none}
.video-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#05070a}
.video-card-shell.playing .video-launch{display:none}
.video-card-shell.playing .video-player{display:block}
.mobile-footer{display:none}
.mobile-toggle{background:#f5f7fb;border:1px solid #d9e4ec;border-radius:18px}
.mobile-toggle span,.mobile-toggle::before,.mobile-toggle::after{width:23px;height:2px;background:#63748b}
.footer-grid a{font-size:.84rem}.footer-grid h4{font-size:.82rem}.footer-brand p{font-size:.92rem}
@media (max-width:640px){
.logo-badge{width:52px;height:52px;border-radius:18px}
.mobile-cta{padding:11px 18px;font-size:.96rem;font-weight:800}
.mobile-toggle{width:60px;height:60px;border-radius:20px}
.site-footer .footer-grid{display:none}
.mobile-footer{display:block}
.mobile-footer details{border-top:1px solid rgba(255,255,255,.10);padding:14px 0}
.mobile-footer summary{list-style:none;cursor:pointer;font-weight:800;color:#b6faf0;letter-spacing:.06em;text-transform:uppercase}
.mobile-footer summary::-webkit-details-marker{display:none}
.mobile-footer a{display:block;color:#e2e8f1;text-decoration:none;font-size:1rem;margin:10px 0 0}
}


/* ===== v9 premium refinements ===== */
:root{
  --header-h:78px;
  --section-lg:120px;
  --section-md:92px;
  --section-tight:64px;
  --glow-teal:rgba(50,201,186,.18);
  --glow-fuch:rgba(213,73,183,.14);
  --glow-gold:rgba(247,194,83,.12);
}
.section{padding:var(--section-lg) 0}
.section.medium{padding:var(--section-md) 0}
.section.tight{padding:var(--section-tight) 0}
.site-header{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(216,227,235,.85);
}
.logo small.header-subtitle{
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#5e6d82;
}
.mobile-toggle{
  background:#f6f8fb;
  border:1px solid #dce5ed;
  border-radius:18px;
}
.mobile-toggle span,
.mobile-toggle::before,
.mobile-toggle::after{
  width:18px;
  height:2px;
  background:#627286;
  border-radius:2px;
}
.mobile-toggle span{
  box-shadow:0 -5px 0 #627286,0 5px 0 #627286;
}
body.nav-open .mobile-toggle span{
  box-shadow:0 0 0 transparent;
}
.btn{
  position:relative;
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.38) 50%,transparent 78%);
  transform:translateX(-130%);
  transition:transform .55s ease;
}
.btn:hover::after{transform:translateX(130%)}
.btn-primary.invest{
  background:linear-gradient(135deg,#5a144f,#9a1f6a,#d44ab5);
  box-shadow:0 14px 36px rgba(160,24,117,.24);
  color:#fff;
}
.btn-soft{
  background:#fff;
  border:1px solid rgba(211,224,232,.98);
  box-shadow:0 0 0 1px rgba(255,255,255,.86),0 16px 32px rgba(12,20,32,.06);
}
.btn-soft:hover{
  box-shadow:0 0 0 1px rgba(255,255,255,.9),0 18px 36px rgba(12,20,32,.06),0 0 0 6px var(--glow-teal),0 0 24px var(--glow-fuch);
}
.hero-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:44px;
  align-items:start;
  min-height:calc(100vh - var(--header-h) - 90px);
  padding:34px 0 14px;
}
.hero h1{
  font-size:clamp(3rem,5.6vw,5rem);
  line-height:.9;
  letter-spacing:-.045em;
  max-width:760px;
}
.hero .lead{
  max-width:580px;
  font-size:1.13rem;
  line-height:1.58;
}
.hero-lockup{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 18px;
}
.hero-lockup .hero-u{
  width:54px; height:54px;
  display:grid; place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,#32c9ba,#77e5d8);
  color:#fff;
  font-weight:800;
  box-shadow:0 14px 28px rgba(50,201,186,.18);
}
.hero-lockup .hero-brand{
  font-size:1.08rem;
  font-weight:800;
  line-height:1.05;
}
.hero-lockup .hero-brand small{
  display:block;
  color:#5d6d82;
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-top:6px;
}
.quick-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  margin-top:52px;
}
.metric-card{
  background:none;
  border:none;
  box-shadow:none;
  padding:0;
}
.metric-card strong{
  display:block;
  font-size:3.2rem;
  line-height:.95;
  letter-spacing:-.045em;
  color:#0b1628;
}
.metric-card span{
  display:block;
  margin-top:10px;
  max-width:220px;
  color:#5a6b80;
  font-size:1.08rem;
  line-height:1.45;
}
.metric-card.glow-a strong{text-shadow:0 0 18px rgba(50,201,186,.18)}
.metric-card.glow-b strong{text-shadow:0 0 18px rgba(213,73,183,.15)}
.metric-card.glow-c strong{text-shadow:0 0 18px rgba(247,194,83,.16)}
.split-feature{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:36px;
  align-items:start;
}
.arch-sig{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,249,251,.82));
  border:1px solid rgba(214,226,234,.98);
  box-shadow:0 24px 58px rgba(12,20,32,.07);
}
.arch-stage{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:20px 0 14px;
}
.arch-stage .pill{
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(50,201,186,.10),rgba(213,73,183,.06));
  border:1px solid rgba(205,220,228,.98);
  text-align:center;
  font-size:.84rem;
  font-weight:700;
  color:#1f3346;
}
.arch-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.arch-node{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(213,224,232,.98);
  background:#fff;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.arch-node:hover,.arch-node.active{
  transform:translateY(-2px);
  border-color:#b9d8d3;
  box-shadow:0 0 0 6px rgba(50,201,186,.08),0 20px 34px rgba(12,20,32,.07);
}
.arch-node h4{margin:0;font-size:1rem}
.arch-node p{margin:8px 0 0;font-size:.92rem;color:#5a6b80;line-height:1.42}
.arch-visual{
  margin-top:20px;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg,#09121d,#0d1730);
  padding:22px;
  border:1px solid rgba(84,104,142,.26);
  position:relative;
}
.arch-visual::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 15% 20%, rgba(50,201,186,.18), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(247,194,83,.16), transparent 28%),
    radial-gradient(circle at 75% 78%, rgba(213,73,183,.16), transparent 26%);
  pointer-events:none;
}
.arch-svg{
  position:relative; z-index:1;
  width:100%; height:auto; display:block;
}
.gov-accordion{
  display:grid;
  gap:16px;
  margin-top:28px;
}
.gov-item{
  border:1px solid rgba(214,226,235,.98);
  border-radius:24px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 16px 34px rgba(12,20,32,.04);
}
.gov-head{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 24px;
  background:#fff;
  border:0;
  cursor:pointer;
  text-align:left;
  font:inherit;
}
.gov-head span{
  font-size:1.2rem;
  font-weight:800;
  color:#0e1727;
}
.gov-head i{
  font-style:normal;
  font-size:1.3rem;
  color:#5a6b80;
}
.gov-body{
  display:none;
  padding:0 24px 24px;
}
.gov-item.open .gov-body{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:24px;
}
.gov-visual{
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(180deg,#08111b,#10213b);
  border:1px solid rgba(84,104,142,.26);
  padding:16px;
  min-height:280px;
}
.gov-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:16px;
}
.video-card-shell{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  background:#08111b;
  box-shadow:0 26px 60px rgba(12,20,32,.14);
}
.video-launch{
  position:relative;
  display:block;
  padding:0;
  border:0;
  background:none;
  width:100%;
  cursor:pointer;
}
.video-launch img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.video-launch::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(8,12,18,.02),rgba(8,12,18,.22));
}
.video-badge{
  position:absolute;
  left:18px; top:18px; z-index:2;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.76rem;
  font-weight:800;
}
.video-play{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:94px; height:94px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.3);
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:2rem;
  box-shadow:0 20px 45px rgba(12,20,32,.3);
}
.video-player{display:none}
.video-card-shell.playing .video-player{display:block}
.video-card-shell.playing .video-launch{display:none}
.video-player video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#05070a;
}
.site-footer{
  background:linear-gradient(180deg,#08111b,#060a14);
}
.footer-grid{
  display:grid;
  grid-template-columns:1.25fr repeat(4,1fr);
  gap:28px;
}
.footer-grid a{font-size:.88rem}
.footer-grid h4{
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#b8faf0;
}
.footer-brand p{font-size:1rem;max-width:240px}
.mobile-footer{display:none}
@media (max-width:1080px){
  .hero-grid,.split-feature,.two-col{grid-template-columns:1fr}
}
@media (max-width:880px){
  .hero-grid{padding:18px 0 8px;min-height:auto}
  .hero h1{font-size:clamp(2.7rem,11.8vw,4.6rem)}
  .quick-metrics{grid-template-columns:1fr;gap:20px}
  .arch-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gov-item.open .gov-body{grid-template-columns:1fr}
}
@media (max-width:640px){
  .logo small.header-subtitle{display:none}
  .hero-lockup{margin-bottom:14px}
  .hero-lockup .hero-u{width:52px;height:52px;border-radius:18px}
  .mobile-cta{padding:11px 16px;font-size:.95rem}
  .mobile-toggle{width:60px;height:60px;border-radius:20px}
  .section{padding:84px 0}
  .hero .lead{font-size:1.02rem}
  .actions{display:grid;grid-template-columns:1fr;gap:12px}
  .actions .btn{width:100%}
  .metric-card strong{font-size:2.7rem}
  .metric-card span{font-size:1.02rem;max-width:none}
  .arch-grid{grid-template-columns:1fr}
  .site-footer .footer-grid{display:none}
  .mobile-footer{display:block}
  .mobile-footer details{border-top:1px solid rgba(255,255,255,.09);padding:14px 0}
  .mobile-footer summary{cursor:pointer;list-style:none;color:#b8faf0;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
  .mobile-footer summary::-webkit-details-marker{display:none}
  .mobile-footer a{display:block;color:#e2e8f1;text-decoration:none;margin:10px 0 0;font-size:1rem}
}


/* ===== V10 refinement ===== */
.hero-grid{
  padding:48px 0 24px;
}
.hero-lockup{
  margin-bottom:22px;
}
.hero-lockup .hero-brand{
  font-size:1.1rem;
  font-weight:800;
}
.hero-lockup .hero-brand small{
  font-size:.7rem;
  letter-spacing:.09em;
}
.metric-card strong{
  font-size:3.4rem;
}
.metric-card span{
  font-size:1.1rem;
}
.arch-sig{
  transition:transform .3s ease, box-shadow .3s ease;
}
.arch-sig:hover{
  transform:translateY(-4px);
  box-shadow:0 28px 70px rgba(12,20,32,.12);
}
.gov-item{
  transition:box-shadow .25s ease;
}
.gov-item:hover{
  box-shadow:0 18px 38px rgba(12,20,32,.08);
}


/* ===== V11 Premium refinements ===== */
body{
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #e6f7f4 15%,
    #4b1c40 45%,
    #05070d 75%
  );
}
button, .cta{
  transition: all .25s ease;
}
button:hover, .cta:hover{
  box-shadow: 0 0 20px rgba(216,48,143,.35),0 0 12px rgba(42,206,189,.25);
  transform: translateY(-2px);
}
.gov-card{
  min-height:160px;
  padding:20px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 40% 20%, rgba(42,206,189,.25), transparent 60%),
              radial-gradient(circle at 60% 50%, rgba(216,48,143,.25), transparent 60%);
  animation: heroDrift 18s linear infinite;
  z-index:-1;
}
@keyframes heroDrift{
  0%{transform:translateX(-2%)}
  50%{transform:translateX(2%)}
  100%{transform:translateX(-2%)}
}


/* ===== V12 final polish candidate ===== */
body{background:linear-gradient(180deg,#ffffff 0%,#eef9f6 14%,#241126 38%,#080b12 72%)}
.site-header{background:rgba(255,255,255,.84);backdrop-filter:blur(14px)}
.logo small.header-subtitle{display:none}
.mobile-toggle span{box-shadow:none !important}
.mobile-toggle::before,.mobile-toggle::after,.mobile-toggle span{width:20px;height:2px;background:#617286;border-radius:2px}
.mobile-toggle::before{transform:translateY(-6px)}
.mobile-toggle::after{transform:translateY(6px)}
body.nav-open .mobile-toggle::before{transform:translateY(0) rotate(45deg)}
body.nav-open .mobile-toggle::after{transform:translateY(0) rotate(-45deg)}
body.nav-open .mobile-toggle span{opacity:0}
.btn-primary.investor,.mobile-cta.investor,.desktop-cta.investor{background:linear-gradient(135deg,#24baa7,#53d7c8);color:#fff;box-shadow:0 12px 30px rgba(36,186,167,.2)}
.btn-primary.investor:hover,.mobile-cta.investor:hover,.desktop-cta.investor:hover{box-shadow:0 0 0 6px rgba(36,186,167,.12),0 18px 36px rgba(36,186,167,.18),0 0 26px rgba(213,73,183,.18)}
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-12% -8% auto -8%;height:78%;background:radial-gradient(circle at 28% 18%, rgba(36,186,167,.26), transparent 28%),radial-gradient(circle at 58% 36%, rgba(213,73,183,.18), transparent 26%),radial-gradient(circle at 72% 22%, rgba(247,194,83,.14), transparent 24%),linear-gradient(110deg, transparent 0%, rgba(36,186,167,.08) 46%, rgba(213,73,183,.08) 54%, transparent 100%);filter:blur(10px);animation:heroField 18s ease-in-out infinite;z-index:0}
@keyframes heroField{0%{transform:translateX(-1.5%) translateY(0)}50%{transform:translateX(1.5%) translateY(1%)}100%{transform:translateX(-1.5%) translateY(0)}}
.hero-grid,.hero-grid>*{position:relative;z-index:1}
.hero h1{background:linear-gradient(90deg,#0c1627 0%, #16384a 38%, #8a2c77 72%, #0c1627 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:180% 100%;animation:heroTone 16s ease-in-out infinite}
@keyframes heroTone{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.hero-lockup{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.hero-lockup .hero-u{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#24baa7,#64ded0);color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(36,186,167,.18)}
.hero-lockup .hero-brand{font-size:1.05rem;font-weight:800;line-height:1.05}
.hero-lockup .hero-brand small{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#607186;margin-top:6px}
.hero .lead{max-width:540px}
.use-case-wrap .use-case-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;align-items:center}
.presentation-video{position:relative;border-radius:28px;overflow:hidden;background:#05070a;box-shadow:0 26px 60px rgba(12,20,32,.16)}
.presentation-video .loop-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(1.04) contrast(1.02)}
.audio-toggle{position:absolute;right:16px;bottom:16px;z-index:3;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.14);color:#fff;font-size:.84rem;font-weight:700;backdrop-filter:blur(10px)}
.section.transition{padding-top:74px;padding-bottom:86px}
.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.cap-grid .feature{padding:18px 18px 16px;border-radius:20px;min-height:0}
.cap-grid .feature .icon{width:20px;height:20px;font-size:.82rem}
.cap-grid .feature h3{font-size:1.02rem;margin-top:10px}
.cap-grid .feature p{font-size:.94rem;line-height:1.42}
.compact-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.compact-outcomes .outcome{padding:18px 18px 16px;border-radius:20px}
.authority-section{padding-top:84px;padding-bottom:88px}
.split-feature{display:grid;grid-template-columns:.94fr 1.06fr;gap:38px;align-items:start}
.arch-sig{border-radius:32px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(247,249,251,.82));border:1px solid rgba(214,226,234,.98);box-shadow:0 24px 58px rgba(12,20,32,.08)}
.arch-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 14px}
.arch-stage .pill{padding:10px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(36,186,167,.10),rgba(213,73,183,.05));border:1px solid rgba(205,220,228,.98);text-align:center;font-size:.82rem;font-weight:700;color:#1f3346}
.arch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.arch-node{padding:16px;border-radius:18px;border:1px solid rgba(213,224,232,.98);background:#fff;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.arch-node:hover,.arch-node.active{transform:translateY(-2px);border-color:#b9d8d3;box-shadow:0 0 0 6px rgba(36,186,167,.08),0 20px 34px rgba(12,20,32,.07)}
.arch-node h4{margin:0;font-size:.98rem}
.arch-node p{margin:8px 0 0;font-size:.9rem;line-height:1.42;color:#5a6b80}
.arch-visual{margin-top:18px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#09121d,#0d1730);padding:20px;border:1px solid rgba(84,104,142,.26);position:relative}
.arch-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px);background-size:18px 18px;opacity:.14}
.arch-svg{position:relative;z-index:2;width:100%;height:auto}
.sig-line{stroke:#84dacb;stroke-width:2.2;stroke-dasharray:4 6;opacity:.72}.sig-line.gold{stroke:#ffd98e}.sig-line.mag{stroke:#d549b9}
.mobile-footer{display:none}
.mobile-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:14px}.mobile-footer-grid a{color:#e5edf6;text-decoration:none;font-size:.95rem;line-height:1.35}.footer-brand.compact p{margin-top:8px;font-size:.92rem}
@media (max-width:1080px){.split-feature,.use-case-wrap .use-case-grid,.two-col,.hero-grid{grid-template-columns:1fr}}
@media (max-width:880px){.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-outcomes{grid-template-columns:1fr 1fr}.arch-stage{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hero h1{font-size:clamp(2.65rem,11.4vw,4.3rem)}.quick-metrics{gap:18px}.metric-card strong{font-size:2.5rem}.metric-card span{font-size:1rem}.section{padding:76px 0}.section.transition{padding-top:54px;padding-bottom:70px}.cap-grid{grid-template-columns:1fr 1fr;gap:12px}.cap-grid .feature{padding:14px 14px 12px}.cap-grid .feature h3{font-size:.96rem}.cap-grid .feature p{font-size:.88rem}.compact-outcomes{grid-template-columns:1fr 1fr;gap:12px}.site-footer .footer-grid{display:none}.mobile-footer{display:block}.mobile-footer details{display:none}}


/* ===== V13 final polish ===== */

/* hero subtle infrastructure pulse */
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 25% 30%, rgba(50,201,186,.15), transparent 45%),
    radial-gradient(circle at 70% 60%, rgba(213,73,183,.12), transparent 45%),
    radial-gradient(circle at 60% 20%, rgba(247,194,83,.10), transparent 45%);
  animation:infraPulse 24s ease-in-out infinite;
  pointer-events:none;
}

@keyframes infraPulse{
  0%{opacity:.45}
  50%{opacity:.85}
  100%{opacity:.45}
}

/* governance module uniqueness */
.gov-item:nth-child(1){border-left:4px solid #24baa7}
.gov-item:nth-child(2){border-left:4px solid #f2bf53}
.gov-item:nth-child(3){border-left:4px solid #d549b9}
.gov-item:nth-child(4){border-left:4px solid #4cccd1}
.gov-item:nth-child(5){border-left:4px solid #ffdf92}
.gov-item:nth-child(6){border-left:4px solid #a546b8}

/* signal pulse lines */
.sig-line{
  animation:signalPulse 6s ease-in-out infinite;
}

@keyframes signalPulse{
  0%{stroke-opacity:.35}
  50%{stroke-opacity:.85}
  100%{stroke-opacity:.35}
}


/* ===== V14 production hardening ===== */
.sr-only{
  position:absolute !important;
  width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.skip-link{
  position:absolute;left:16px;top:-48px;z-index:9999;
  padding:10px 14px;border-radius:999px;background:#0a0f17;color:#fff;
  transition:top .2s ease;
}
.skip-link:focus{top:16px}
.hero-media-flat{
  min-height:560px;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible;
}
.full-band{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  width:100%;
  padding:10px 0 0;
}
.quick-metrics .metric-card{
  padding-right:18px;
}
.quick-metrics .metric-card:not(:last-child){
  border-right:1px solid rgba(205,219,228,.9);
}
a,button{outline-offset:3px}
a:focus-visible,button:focus-visible{
  outline:2px solid rgba(36,186,167,.9);
}
.gov-head[aria-expanded="true"] i{transform:rotate(45deg)}
.mobile-footer-grid a:hover{color:#b8faf0}
.nav a{white-space:nowrap}
.footer-grid h4,.mobile-footer-grid a{
  text-wrap:balance;
}
.hero h1,.section h2{
  text-wrap:balance;
}
p{
  text-wrap:pretty;
}
@media (max-width: 880px){
  .full-band{
    grid-template-columns:1fr;
    gap:18px;
  }
  .quick-metrics .metric-card:not(:last-child){
    border-right:0;
    border-bottom:1px solid rgba(205,219,228,.9);
    padding-bottom:14px;
  }
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}


/* ===== V15 production refinement ===== */
.v15-header .bar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
}
.v15-logo span:last-child{display:none}
.v15-nav{
  justify-content:center;
  gap:26px;
}
.v15-head-cta{
  margin-left:auto;
}
.hero-brandline{
  font-size:2rem;
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1;
  margin-bottom:14px;
  color:#0b1628;
}
.v15-hero-grid{
  grid-template-columns:.98fr 1.02fr;
  align-items:center;
}
.hero-visual-card{
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(213,224,232,.9);
  box-shadow:0 24px 60px rgba(12,20,32,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(248,250,252,.7));
}
.hero-visual-card img{
  display:block;
  width:100%;
  min-height:640px;
  object-fit:cover;
}
.v15-metrics{
  margin-top:26px;
  padding-top:0;
}
.v15-metrics .metric-card{
  min-height:120px;
  padding:8px 24px 0 0;
}
.metric-a strong{color:#0c1627}
.metric-b strong{color:#177f86}
.metric-c strong{color:#8a2c77}
.loss-top .loss-grid .card h3{
  font-size:3rem;
  line-height:1;
  margin-bottom:10px;
}
.loss-grid{
  margin-top:26px;
}
.authority-layer-v15 .diagram-panel,
.governance-v15 .diagram-panel{
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 28px 58px rgba(12,20,32,.16);
}
.authority-layer-v15 .diagram-panel img,
.governance-v15 .diagram-panel img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.use-case-v15 .usecase-accordion{
  display:grid;
  gap:18px;
  margin-top:28px;
}
.usecase-item{
  border:1px solid rgba(213,224,232,.95);
  border-radius:28px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 20px 40px rgba(12,20,32,.04);
}
.usecase-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#fff;
  border:0;
  cursor:pointer;
  text-align:left;
  padding:22px 26px;
  font:inherit;
}
.usecase-head span{
  font-size:1.2rem;
  font-weight:800;
  color:#0e1727;
}
.usecase-head i{
  font-style:normal;
  font-size:1.35rem;
  color:#5a6b80;
  transition:transform .2s ease;
}
.usecase-body{
  display:none;
  grid-template-columns:.92fr 1.08fr;
  gap:24px;
  padding:0 26px 26px;
}
.usecase-item.open .usecase-body{display:grid}
.usecase-item.open .usecase-head i{transform:rotate(45deg)}
.usecase-media{
  position:relative;
  border-radius:26px;
  overflow:hidden;
  min-height:320px;
  background:#08111b;
  box-shadow:0 20px 46px rgba(12,20,32,.1);
}
.usecase-media video{
  display:block;
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
}
.usecase-media.placeholder{
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(36,186,167,.09),rgba(213,73,183,.08));
}
.placeholder-frame{
  width:80%;
  min-height:220px;
  border-radius:24px;
  border:1px dashed rgba(78,102,128,.6);
  display:grid;
  place-items:center;
  color:#506075;
  font-weight:700;
  background:rgba(255,255,255,.72);
}
.execution-v15 .execution-grid{
  grid-template-columns:.92fr 1.08fr;
  align-items:start;
}
.supporting-copy{
  margin-top:18px;
  font-size:1rem;
  line-height:1.65;
  color:#4f6177;
  max-width:650px;
}
.sources-line{
  margin-top:14px;
  font-size:.95rem;
  line-height:1.55;
  color:#3f5269;
}
.sources-line a{
  color:#0c6871;
  text-decoration:underline;
}
.exec-diagram-card{
  border-radius:30px;
  border:1px solid rgba(213,224,232,.95);
  background:#fff;
  box-shadow:0 22px 48px rgba(12,20,32,.06);
  padding:22px;
}
.exec-complexity-map{
  position:relative;
  min-height:420px;
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(180deg,#fafcfe,#f3f7fb);
  border:1px solid rgba(213,224,232,.95);
}
.exec-lines{
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(36,186,167,.2), transparent 24%),
    radial-gradient(circle at 84% 24%, rgba(247,194,83,.16), transparent 24%),
    radial-gradient(circle at 77% 74%, rgba(213,73,183,.18), transparent 22%),
    linear-gradient(transparent 0 72%, rgba(79,96,121,.18) 72%, rgba(79,96,121,.18) 72.6%, transparent 72.6% 100%);
}
.exec-node{
  position:absolute;
  border-radius:16px;
  padding:14px 18px;
  font-size:.95rem;
  font-weight:700;
  box-shadow:0 14px 30px rgba(12,20,32,.1);
  border:1px solid rgba(255,255,255,.8);
}
.exec-node.teal{left:14%; top:14%; background:#39c8bb; color:#fff}
.exec-node.blue{left:32%; top:10%; background:#67b4d9; color:#fff}
.exec-node.gold{left:66%; top:17%; background:#efbe4c; color:#111}
.exec-node.mag{left:62%; top:48%; background:#d24ab7; color:#fff}
.exec-node.white{left:8%; top:44%; background:#fff; color:#2b394d}
.exec-node.black{left:26%; top:58%; background:#0d1524; color:#fff}
.exec-node.mint{left:18%; top:72%; background:#7ce4da; color:#123}
.exec-node.small{padding:10px 14px; font-size:.84rem}
.exec-center{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:48%;
  padding:24px;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(36,186,167,.1),rgba(213,73,183,.08));
  border:1px solid rgba(194,208,221,.95);
  box-shadow:0 20px 44px rgba(12,20,32,.08);
  text-align:center;
}
.exec-center-title{
  font-size:1.2rem;
  font-weight:800;
  color:#0d1524;
  margin-bottom:8px;
}
.exec-center-copy{
  font-size:.98rem;
  line-height:1.55;
  color:#516276;
}
.exec-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}
.fact-card{
  border-radius:20px;
  border:1px solid rgba(213,224,232,.95);
  padding:16px;
  background:#fff;
}
.fact-card strong{display:block; font-size:1rem; margin-bottom:8px}
.architecture-reversed{
  grid-template-columns:1.08fr .92fr;
  align-items:center;
}
.big-arch{
  padding:16px;
}
.interactive-arch{
  min-height:720px;
  padding:24px;
}
.arch-overlay-info{
  position:absolute;
  right:26px;
  bottom:26px;
  width:280px;
  padding:18px 18px 16px;
  border-radius:20px;
  background:rgba(10,17,27,.82);
  border:1px solid rgba(120,148,180,.24);
  color:#eef5ff;
  z-index:3;
  backdrop-filter:blur(10px);
}
.arch-overlay-label{
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#aaf3ea;
  margin-bottom:8px;
}
.arch-float{
  position:absolute;
  z-index:3;
  padding:12px 18px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(8,18,31,.8);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.arch-float:hover,.arch-float.active{
  transform:translateY(-2px);
  box-shadow:0 0 0 6px rgba(36,186,167,.12),0 20px 34px rgba(12,20,32,.16);
  background:rgba(12,29,44,.94);
}
.arch-float.pos{left:11%; top:12%}
.arch-float.returns{left:34%; top:12%}
.arch-float.promotions{left:58%; top:12%}
.arch-float.fraud{right:9%; top:12%}
.arch-float.layer{left:39%; top:43%; background:rgba(36,186,167,.9)}
.arch-float.execution{left:14%; bottom:14%; background:rgba(242,191,83,.92); color:#111}
.arch-float.resolution{left:42%; bottom:14%}
.arch-float.evidence{right:11%; bottom:14%; background:rgba(213,73,183,.92)}
.arch-copy-side .lead{max-width:520px}
.right-stage{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.gov-caps{margin-top:26px}
.article-spotlight .article-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin-top:22px;
}
.article-card{
  display:block;
  border-radius:22px;
  padding:18px;
  border:1px solid rgba(213,224,232,.95);
  background:#fff;
  text-decoration:none;
  color:#0d1727;
  box-shadow:0 18px 36px rgba(12,20,32,.04);
}
.article-card strong{
  display:block;
  font-size:1rem;
  line-height:1.35;
  margin-bottom:10px;
}
.article-card span{
  display:block;
  font-size:.92rem;
  line-height:1.5;
  color:#55677b;
}
.v15-footer-top{
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:18px;
}
.footer-mid{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:22px 0;
  margin-top:22px;
}
.footer-brandmark{gap:12px}
.footer-legal-links{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
@media (max-width:1080px){
  .v15-hero-grid,
  .execution-v15 .execution-grid,
  .architecture-reversed,
  .usecase-item.open .usecase-body{
    grid-template-columns:1fr;
  }
  .article-spotlight .article-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .v15-footer-top{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .hero-visual-card img{min-height:460px}
}
@media (max-width:760px){
  .v15-header .bar{
    grid-template-columns:auto auto auto;
  }
  .v15-nav{
    display:none;
  }
  body.nav-open .v15-nav{
    display:flex;
  }
  .v15-head-cta.desktop-cta{display:none}
  .v15-head-cta.mobile-cta{display:inline-flex}
  .exec-facts{
    grid-template-columns:1fr;
  }
  .article-spotlight .article-grid{
    grid-template-columns:1fr;
  }
  .v15-footer-top{
    display:none;
  }
  .mobile-footer{
    display:block;
  }
  .footer-mid{display:none}
}


/* ===== V16 insights redesign ===== */
.insights-hero .container,
.article-hero .article-shell{
  max-width:980px;
}
.insights-topics{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;
}
.insights-topics span{
  padding:10px 14px;border-radius:999px;border:1px solid rgba(205,219,228,.95);
  background:rgba(255,255,255,.72);font-size:.9rem;font-weight:700;color:#234055;
}
.insights-layout{
  display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start;
}
.insights-sidebar,.article-sidebar{
  display:grid;gap:18px;position:sticky;top:100px;
}
.sidebar-card{
  border-radius:24px;border:1px solid rgba(213,224,232,.95);
  background:#fff;padding:20px;box-shadow:0 18px 38px rgba(12,20,32,.04);
}
.sidebar-card a{
  display:block;margin-top:10px;color:#0d6670;text-decoration:none;font-weight:700;
}
.insights-rail{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
}
.insight-card.feature-card{
  min-height:240px;border-radius:26px;border:1px solid rgba(213,224,232,.95);
  background:#fff;padding:22px;box-shadow:0 18px 38px rgba(12,20,32,.04);
}
.insight-meta{
  display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;
  font-size:.88rem;color:#4f6479;font-weight:700;
}
.insight-card h2{
  font-size:1.45rem;line-height:1.15;margin:0 0 14px;
}
.insight-card h2 a{
  color:#0d1727;text-decoration:none;
}
.insight-card p{
  margin:0;color:#5a6b80;line-height:1.6;
}
.insight-footer{
  display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;
  font-size:.92rem;color:#55677b;
}
.insight-footer a{
  color:#0d6670;text-decoration:none;font-weight:700;
}
.article-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;
}
.article-body{
  border-radius:26px;border:1px solid rgba(213,224,232,.95);background:#fff;
  padding:28px;box-shadow:0 18px 38px rgba(12,20,32,.04);
}
.article-body h2{
  margin-top:24px;
}
.article-meta-line{
  display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;color:#53667b;font-size:.95rem;font-weight:700;
}
@media (max-width: 980px){
  .insights-layout,.article-layout{
    grid-template-columns:1fr;
  }
  .insights-sidebar,.article-sidebar{
    position:static;
  }
}
@media (max-width: 760px){
  .insights-rail{
    grid-template-columns:1fr;
  }
}


/* ===== V17 final header correction ===== */
.logo-badge.empty{
  color:transparent !important;
  font-size:0 !important;
}
.v15-header .logo-badge.empty{
  background:linear-gradient(135deg,#24baa7,#64ded0);
  box-shadow:0 12px 24px rgba(36,186,167,.16);
}
.v15-bar{
  grid-template-columns:auto 1fr auto;
}
.v15-nav{
  justify-self:center;
}
.interactive-arch .sig-line{
  stroke-width:3;
  stroke-opacity:.82;
}
.interactive-arch .sig-line.gold{stroke-opacity:.9}
.interactive-arch .sig-line.mag{stroke-opacity:.9}
.footer-grid-top > div:last-child h4,
.footer-grid-top > div:last-child a{
  text-wrap:balance;
}


/* ===== V21 final approved refinements ===== */
.v21-header{
  position:sticky; top:0; z-index:60;
  background:rgba(255,255,255,.9);
  border-bottom:1px solid rgba(214,226,234,.92);
  backdrop-filter:blur(14px);
}
.v21-bar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  min-height:76px;
}
.v21-wordmark{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  text-decoration:none;
  line-height:1.05;
}
.wordmark-primary{
  font-size:1.9rem;
  font-weight:800;
  letter-spacing:-.045em;
  color:#0b1423;
}
.wordmark-secondary{
  margin-top:4px;
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#56677c;
}
.v21-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
}
.v21-nav a{
  color:#243547;
  text-decoration:none;
  font-weight:600;
  font-size:.95rem;
}
.v21-nav a.active,
.v21-nav a:hover{
  color:#0d6670;
}
.breadcrumb-nav{
  max-width:1240px;
  margin:18px auto 0;
  padding:0 24px;
  font-size:.92rem;
  color:#607185;
}
.breadcrumb-nav a{
  color:#0d6670;
  text-decoration:none;
}
.mobile-toggle{
  position:relative;
  width:52px; height:52px;
  border-radius:16px;
  border:1px solid rgba(205,219,228,.95);
  background:linear-gradient(180deg,rgba(250,251,253,.96),rgba(243,246,250,.94));
  box-shadow:0 10px 26px rgba(12,20,32,.05), inset 0 1px 0 rgba(255,255,255,.85);
}
.mobile-toggle span,
.mobile-toggle::before,
.mobile-toggle::after{
  content:"";
  position:absolute;
  left:50%;
  width:18px;
  height:2px;
  margin-left:-9px;
  border-radius:999px;
  background:#2f8f8b;
  transition:transform .22s ease, top .22s ease, opacity .22s ease;
}
.mobile-toggle::before{ top:18px; }
.mobile-toggle span{ top:25px; }
.mobile-toggle::after{ top:32px; }
body.nav-open .mobile-toggle::before{ top:25px; transform:rotate(45deg);}
body.nav-open .mobile-toggle span{ opacity:0; }
body.nav-open .mobile-toggle::after{ top:25px; transform:rotate(-45deg);}
@media (min-width:761px){
  .mobile-toggle{ display:none; }
}
@media (max-width:760px){
  .v21-bar{
    grid-template-columns:1fr auto;
    min-height:72px;
  }
  .v21-nav{ display:none; }
  body.nav-open .v21-nav{
    display:flex;
    position:fixed;
    top:84px; left:16px; right:16px;
    z-index:80;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
    padding:20px;
    border-radius:22px;
    border:1px solid rgba(205,219,228,.95);
    background:rgba(255,255,255,.98);
    box-shadow:0 24px 60px rgba(12,20,32,.14);
  }
  .wordmark-primary{ font-size:1.55rem; }
  .wordmark-secondary{ font-size:.58rem; letter-spacing:.1em; }
  .nav-overlay{ display:none; }
  body.nav-open .nav-overlay{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(8,12,18,.18);
    z-index:70;
  }
}


/* ===== V22 final hardening ===== */
.article-body p{font-size:1rem;line-height:1.72;color:#324559}
.article-body h1,.article-body h2,.article-body h3{text-wrap:balance}
.article-body{max-width:none}
.sidebar-card .kicker{margin-bottom:8px}
.sources-line a{text-decoration:underline}
.breadcrumb-nav{padding-top:8px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}
.loop-video, video{max-width:100%;height:auto}
img{max-width:100%;height:auto}