
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(16px);
  background:rgba(7,11,20,.75);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.header-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:84px;
  gap:1rem;
}
.brand-mark{
  display:flex;
  align-items:center;
  gap:.9rem;
}
.brand-mark__glyph{
  width:52px;height:52px;border-radius:18px;
  display:grid;place-items:center;
  background:var(--grad-main);
  border:1px solid var(--line);
  color:var(--text);
  font-weight:900;
  font-size:1.2rem;
  box-shadow:var(--shadow-soft);
}
.brand-mark__text strong{display:block;font-size:1rem}
.brand-mark__text small{display:block;color:var(--soft)}
.site-nav{
  display:flex;
  align-items:center;
  gap:1.2rem;
}
.nav-link{
  color:var(--muted);
  font-weight:600;
  transition:color .2s ease;
}
.nav-link:hover,.nav-link.is-active{color:var(--text)}
.nav-toggle{
  display:none;
  background:none;border:0;
}
.nav-toggle span{
  display:block;width:28px;height:2px;background:#fff;margin:6px 0;border-radius:999px;
}
.mega-panel{
  border-top:1px solid rgba(255,255,255,.05);
  background:rgba(5,9,18,.9);
}
.mega-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:2rem;
  padding:1.25rem 0 1.5rem;
}
.mega-label{
  color:var(--soft);
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin-bottom:.9rem;
}
.mega-links{
  display:grid;
  gap:.65rem;
}
.mega-link{
  color:var(--muted);
  font-weight:600;
}
.mega-link:hover,.mega-link.is-active{color:var(--text)}
.hero{
  position:relative;
  padding:5.5rem 0 3.5rem;
}
.hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:2rem;
  align-items:center;
}
.hero-bg{
  position:absolute;inset:0;pointer-events:none;
}
.hero-bg--grid{
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:48px 48px;
  opacity:.14;
  mask-image:linear-gradient(180deg,#000 40%, transparent);
}
.hero-bg--glow{
  background:
    radial-gradient(circle at 20% 20%, rgba(102,214,255,.22), transparent 28%),
    radial-gradient(circle at 80% 10%, rgba(165,110,255,.18), transparent 24%),
    radial-gradient(circle at 75% 75%, rgba(31,231,160,.12), transparent 20%);
}
.hero-panel{
  padding:1.4rem;
}
.stack-list{
  display:grid;
  gap:.8rem;
}
.stack-item{
  display:grid;
  gap:.2rem;
  padding:1rem;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}
.stack-item strong{font-size:1rem}
.stack-item span{color:var(--muted);font-size:.95rem}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:1.6rem;
}
.hero-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1.6rem;
}
.metric-chip{
  min-width:150px;
  padding:1rem 1.1rem;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
}
.metric-chip strong{
  display:block;font-size:1.3rem;color:#fff;
}
.metric-chip span{color:var(--soft);font-size:.92rem}
.card-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:1.2rem;
}
.neo-card{
  grid-column:span 4;
  padding:1.35rem;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
.neo-card p{margin-bottom:1rem}
.card-kicker{
  color:var(--primary);
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:.7rem;
  font-weight:700;
}
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}
.stat-box{
  padding:1.5rem;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(255,255,255,.04);
}
.stat-box strong{
  display:block;
  font-size:2.2rem;
  margin-bottom:.5rem;
}
.stat-box span{color:var(--soft)}
.showcase-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.4rem;
}
.showcase-panel{
  padding:1.6rem;
}
.kpi-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:1rem;
}
.kpi{
  padding:1rem;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}
.kpi strong{display:block;font-size:1.05rem}
.kpi span{display:block;color:var(--soft);font-size:.9rem}
.timeline{
  display:grid;gap:1rem;
}
.timeline-item{
  display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:flex-start;
  padding:1rem 0;border-top:1px solid rgba(255,255,255,.08);
}
.timeline-item strong{color:var(--primary);text-transform:uppercase;font-size:.85rem;letter-spacing:.14em}
.cta-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding:2rem;
}
.cta-actions{
  display:flex;flex-wrap:wrap;gap:1rem;
}
.site-footer{
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:2rem;
  padding-top:3rem;
  background:rgba(255,255,255,.02);
}
.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:2rem;
}
.footer-brand .brand-mark{margin-bottom:1rem}
.footer-copy{max-width:52ch}
.footer-list{display:grid;gap:.6rem}
.footer-list a{color:var(--muted)}
.footer-list a:hover{color:var(--text)}
.footer-meta{
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:1.5rem 0 2.5rem;
  color:var(--soft);
  font-size:.95rem;
}
.page-header{
  padding:3.5rem 0 1rem;
}
.breadcrumb{
  display:flex;gap:.6rem;align-items:center;color:var(--soft);margin-bottom:1rem;font-size:.95rem;
}
.breadcrumb span{opacity:.6}
.feature-table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:24px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
}
.feature-table th,.feature-table td{
  padding:1rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-align:left;
  vertical-align:top;
}
.feature-table th{color:#fff}
.split-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:1.5rem;
}
.number-list{display:grid;gap:1rem}
.number-item{
  display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;
  padding:1rem;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);
}
.number-badge{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:var(--grad-main);font-weight:800;
}
.accordion{
  display:grid;gap:.8rem;
}
.accordion-item{
  border-radius:20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  overflow:hidden;
}
.accordion-trigger{
  width:100%;
  background:none;border:0;color:#fff;
  text-align:left;padding:1.2rem 1.2rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;
}
.accordion-panel{display:none;padding:0 1.2rem 1.2rem}
.form-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;
}
.form-grid .full{grid-column:1/-1}
.badge-list{
  display:flex;gap:.8rem;flex-wrap:wrap
}
.badge{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.65rem .95rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)
}
.hero-mini{
  display:grid;gap:1rem;padding:1.2rem;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.04)
}
.logo-cloud{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1rem
}
.logo-box{
  padding:1rem;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);display:grid;place-items:center;min-height:90px;color:var(--soft)
}
