* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--sp-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 12% 0%, rgba(60,131,246,.22), transparent 31%),
    radial-gradient(circle at 88% 8%, rgba(31,197,167,.14), transparent 28%),
    linear-gradient(180deg, #07111f 0%, #081523 48%, #06101b 100%);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .23;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(to bottom, black, transparent 78%);
}
.home-topbar { padding: 14px 16px 18px; }
.brand { display:flex; align-items:center; gap:12px; }
.brand-mark {
  width:44px; height:44px; border-radius:13px; display:grid; place-items:center;
  font-weight:900; letter-spacing:-1px; color:#07111f;
  background:linear-gradient(135deg,var(--sp-accent),var(--sp-accent2));
  box-shadow:0 8px 25px rgba(71,166,255,.26);
}
.brand-copy strong { display:block; font-size:1.05rem; }
.brand-copy span { color:var(--sp-muted); font-size:.82rem; }
.status-pill {
  display:inline-flex; align-items:center; gap:8px; color:#cce7ff;
  border:1px solid var(--sp-line); background:rgba(255,255,255,.035);
  padding:9px 12px; border-radius:999px; font-size:.82rem;
}
.status-dot {
  width:8px; height:8px; border-radius:50%; background:var(--sp-positive);
  box-shadow:0 0 0 4px rgba(50,210,150,.1);
}
.home-hero {
  margin-top: 12px;
  min-height: 470px;
  padding: clamp(34px, 7vw, 84px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.home-hero::after {
  content:"";
  position:absolute;
  width:520px; height:520px; right:-140px; top:-190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,168,255,.24),transparent 68%);
}
.home-hero h1 {
  margin: 13px 0 0;
  max-width: 920px;
  font-size: clamp(2.4rem, 6vw, 5.2rem);
  line-height: .98;
  letter-spacing: -.055em;
  position:relative; z-index:1;
}
.home-hero p {
  max-width: 760px;
  color:#a8bbd2;
  font-size:clamp(1rem,1.5vw,1.16rem);
  line-height:1.75;
  margin:22px 0 0;
  position:relative; z-index:1;
}
.home-hero .cta-row, .home-hero .page-kicker { position:relative; z-index:1; }
.home-features {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:18px;
}
.feature-card { padding:24px; }
.feature-card > span {
  color:var(--sp-accent2);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
}
.feature-card h2 { margin:10px 0 8px; font-size:1.05rem; }
.feature-card p { margin:0; color:var(--sp-muted); line-height:1.65; font-size:.86rem; }
.home-strip {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  margin-top:18px;
  overflow:hidden;
}
.home-strip > div {
  padding:20px;
  text-align:center;
  border-right:1px solid var(--sp-line);
}
.home-strip > div:last-child { border-right:0; }
.home-strip strong { display:block; font-size:1.2rem; }
.home-strip span { display:block; margin-top:5px; color:var(--sp-muted); font-size:.75rem; }

@media (max-width: 800px) {
  .home-features { grid-template-columns:1fr; }
  .home-strip { grid-template-columns:1fr 1fr; }
  .home-strip > div:nth-child(2) { border-right:0; }
}
@media (max-width: 480px) {
  .home-strip { grid-template-columns:1fr; }
  .home-strip > div { border-right:0; border-bottom:1px solid var(--sp-line); }
}