:root{
  --v7-cta-gradient: linear-gradient(100deg,#18c7b8 0%, #38d7cf 28%, #5e6cf0 64%, #8e43f1 100%);
  --v7-cta-gradient-dark: linear-gradient(120deg,#17baa9 0%, #3479d8 46%, #7e40f0 100%);
  --v7-nav-bg: rgba(246,249,252,.92);
  --v7-surface: #f3f7f9;
  --v7-panel: rgba(255,255,255,.92);
  --v7-ink: #0d1b31;
  --v7-muted: #5a6f86;
  --v7-border: rgba(177,197,209,.76);
  --v7-shadow: 0 24px 60px rgba(7,15,28,.12), 0 1px 0 rgba(255,255,255,.72) inset;
  --v7-radius: 30px;
}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;overflow:visible;z-index:200;padding:12px 16px;border-radius:14px;background:#0f2037;color:#fff;text-decoration:none;box-shadow:var(--v7-shadow)}

.site-header{background:var(--v7-nav-bg)!important;backdrop-filter:saturate(1.15) blur(14px)!important;border-bottom:1px solid rgba(184,204,214,.58)!important}
.site-header .bar{min-height:76px}
.logo{font-weight:900;letter-spacing:-.03em}
.logo-badge{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,#34d4c8,#48d1bf);color:white;font-weight:900;box-shadow:0 16px 34px rgba(37,205,191,.18)}

.mobile-toggle,.nav-close{transition:transform .18s ease, box-shadow .18s ease}
.mobile-toggle:hover,.nav-close:hover{transform:translateY(-1px)}
body.nav-open .nav-overlay{background:rgba(7,15,28,.46)!important}
body.nav-open #site-nav{top:72px!important;right:12px!important;width:min(84vw,340px)!important;padding:14px!important;border-radius:24px!important}
body.nav-open .nav a{padding:9px 12px!important}
body.nav-open .mobile-nav-section-title{font-size:.74rem!important}
.nav .desktop-link{padding:10px 0}

.btn,.header-cta,.video-audio-toggle,.home-cta-band .actions a,.report-callout .actions a,.usecase-static-card .actions a,.lead-form button{
  background:var(--v7-cta-gradient)!important;
  color:#fff!important;
  background-size:200% 100%!important;
  animation: v7shimmer 7s linear infinite!important;
  box-shadow:0 18px 34px rgba(31,183,173,.16), 0 1px 0 rgba(255,255,255,.26) inset!important;
  border:0!important;
}
.btn-secondary,.btn-soft,.btn-outline{
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(246,249,251,.96))!important;
  color:var(--v7-ink)!important;
  border:1px solid var(--v7-border)!important;
  box-shadow:0 14px 32px rgba(7,15,28,.06)!important;
}
@keyframes v7shimmer{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

a.feature, .usecase-static-card .actions a, .footer-legal-links a, .compact-research-grid article h3 a{
  transition:transform .18s ease, box-shadow .18s ease, color .18s ease;
}
a.feature:hover,.usecase-static-card .actions a:hover,.compact-research-grid article:hover{
  transform:translateY(-2px);
}

.panel,.card,.compact-research-grid article,.trust-pill,.notice{border-radius:var(--v7-radius)!important}
.card,.compact-research-grid article,.feature{box-shadow:var(--v7-shadow)!important}
.panel,.compact-research-grid article,.trust-pill{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,248,250,.96))!important}
.panel small,.trust-pill strong{color:#6c7c8e!important}
.panel strong{font-size:1.35rem!important}
.compact-research-grid article h3{font-size:1.9rem;line-height:1.02}
.compact-research-grid article a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}

.hero{padding-top:72px;padding-bottom:64px}
.hero h1{font-size:clamp(3rem,8.5vw,6.3rem)!important}
.hero .lead{font-size:clamp(1.05rem,2vw,1.34rem)!important}
.hero-visual img,.diagram-plate img,.wide-diagram{min-height:500px!important}
.v306-throughput article{min-height:190px}
.v306-throughput strong{font-size:2.4rem!important}

.diagram-fullbleed,.diagram-plate,.technical-diagram,.hero-visual{
  border-radius:36px!important;
  overflow:hidden;
}
.diagram-fullbleed img,.technical-diagram img,.hero-visual img,.diagram-plate img{
  min-height:560px!important;
  max-height:none!important;
}
.diagram-caption{font-size:1.05rem;color:#a9bfd3}

.page-intro{padding-top:40px!important;padding-bottom:10px!important}
.page-intro h1{font-size:clamp(2.5rem,6vw,4.6rem)!important}
.page-intro .lead{font-size:1.18rem!important;max-width:60rem}
.page-panel,.notice,.feature,.card{padding:26px!important}
.feature h3{font-size:1.7rem!important}

.intel-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.intel-tabs a{padding:10px 16px;border-radius:999px;text-decoration:none;color:#102238;background:rgba(255,255,255,.86);border:1px solid var(--v7-border)}
.intel-tabs a.active{background:var(--v7-cta-gradient-dark);color:#fff;border-color:transparent}
.metric-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.metric-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,#0a1324,#0c1a31);border:1px solid rgba(70,98,130,.45);color:#fff}
.metric-card small{display:block;color:#9edfd8;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:8px}
.metric-card strong{font-size:2.1rem;line-height:1}
.admin-shell .lead{color:#51657b;max-width:72rem}
.admin-list{display:grid;gap:12px}
.admin-list article{padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(183,204,215,.12)}
.admin-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.admin-help .card{background:linear-gradient(180deg,#0b1629,#10203a);color:#fff;border:1px solid rgba(86,108,148,.42)}
.admin-help .card p{color:#b6c7d7}

.form-grid-compact{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lead-form .required-note{font-size:.95rem;color:#5e7087}
.form-section-kicker{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#176f67}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(94,108,240,.45);outline-offset:2px}

.section-index .feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.section-index .feature-list a{display:block;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid var(--v7-border);text-decoration:none;color:#0d1b31;font-weight:700}
.section-index .feature-list a:hover{background:#fff;transform:translateY(-1px)}

@media (max-width: 1024px){
  .metric-stack,.admin-help{grid-template-columns:1fr 1fr}
  .diagram-fullbleed img,.technical-diagram img,.hero-visual img,.diagram-plate img{min-height:420px!important}
}
@media (max-width: 860px){
  .metric-stack,.admin-help,.section-index .feature-list,.form-grid-compact{grid-template-columns:1fr}
  .hero{padding-top:46px;padding-bottom:42px}
  .hero h1{font-size:clamp(2.8rem,13vw,4.5rem)!important}
  .hero .actions .btn,.hero .actions a{padding:15px 18px!important}
  .hero-visual img,.diagram-plate img,.technical-diagram img,.diagram-fullbleed img{min-height:320px!important}
  .v306-throughput strong{font-size:2rem!important}
  .usecase-static-card .video-shell video{min-height:220px!important}
  .page-panel,.notice,.feature,.card{padding:20px!important}
}