/* Dark premium stealth — single screen */
:root {
  --bg: #0C1117;
  --text: #E6EEF5;
  --muted: #98A6B3;
  --teal: #1FE1B3;
  --blue: #2CC6FF;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.wrap { width: min(1080px, 92vw); margin: 0 auto; }
header { padding: 28px 0 8px; }
.logo { height: 48px; width: auto; display: block; }
.hero { padding: 16px 0 28px; }
.accent { height: 8px; width: 280px; border-radius: 8px; margin: 18px 0 28px; background: linear-gradient(90deg, var(--teal), var(--blue)); filter: drop-shadow(0 0 12px rgba(41, 210, 195, 0.35)); }
h1 { font-size: clamp(40px, 7vw, 72px); line-height: 1.02; margin: 0 0 14px; font-weight: 800; letter-spacing: -0.02em; }
.sub { font-size: clamp(18px, 2.6vw, 26px); color: var(--muted); margin: 0 0 28px; max-width: 900px; }
.cta { display: flex; gap: 16px; flex-wrap: wrap; }
.btn { padding: 14px 22px; border-radius: 14px; text-decoration: none; font-weight: 700; font-size: 18px; display: inline-block; }
.btn.primary { background: radial-gradient(120% 140% at 20% 20%, rgba(39, 202, 182, .35) 0%, rgba(39, 202, 182, .18) 32%, rgba(39, 202, 182, .06) 68%, rgba(39, 202, 182, .0) 100%), linear-gradient(90deg, var(--teal), var(--blue)); color: #061219; box-shadow: 0 10px 40px rgba(44, 198, 255, .18), inset 0 0 0 1px rgba(255,255,255,.04); }
.btn.primary:hover { transform: translateY(-1px); filter: brightness(1.02); }
.btn.ghost { background: rgba(255,255,255,0.04); color: var(--text); border: 1px solid rgba(255,255,255,0.08); }
.btn.ghost:hover { background: rgba(255,255,255,0.06); }
.footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 48px 0 42px; color: var(--muted); font-size: 15px; border-top: 1px solid rgba(255,255,255,0.06); margin-top: 64px; }
@media (max-width: 640px) {
  .footer { flex-direction: column; align-items: flex-start; gap: 8px; }
}