:root {
  --bg: #0b0d10;
  --panel: #11151a;
  --panel-2: #0f1318;
  --text: #f4f7fb;
  --muted: #aeb8c5;
  --line: #242b33;
  --accent: #d8e6ff;
  --max: 1080px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at 20% 0%, #17202a 0%, var(--bg) 42%), var(--bg);
  color: var(--text);
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
.wrap { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
nav { display:flex; justify-content:space-between; align-items:center; padding:24px 0; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; letter-spacing:-0.02em; font-size:1.05rem; }
.brand-logo { width:34px; height:34px; border-radius:9px; object-fit:cover; }
.navlinks { display:flex; gap:22px; color:var(--muted); font-size:.95rem; }
.navlinks a:hover, .footer-links a:hover { color:var(--text); }
.hero { padding: 112px 0 92px; max-width: 900px; }
.eyebrow { text-transform:uppercase; letter-spacing:.14em; font-size:.77rem; color:var(--muted); margin-bottom:20px; }
h1 { font-size:clamp(3rem, 7.6vw, 6.15rem); line-height:.98; letter-spacing:-.055em; margin:0 0 28px; }
.lead { font-size:clamp(1.15rem,2.2vw,1.45rem); color:var(--muted); max-width:800px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.cta { display:inline-flex; border:1px solid var(--line); background:#f4f7fb; color:#0b0d10; padding:12px 18px; border-radius:10px; font-weight:650; }
.cta.secondary { background:transparent; color:var(--text); }
section { padding:72px 0; border-top:1px solid var(--line); }
.section-heading { margin-bottom:36px; max-width:790px; }
.section-heading .eyebrow { margin-bottom:10px; }
.section-lead { color:var(--muted); font-size:1.18rem; margin-top:-4px; }
.grid { display:grid; grid-template-columns:1fr 1fr; gap:24px 48px; }
.product-grid { align-items:start; }
h2 { font-size:clamp(1.9rem,3.3vw,2.7rem); line-height:1.08; letter-spacing:-.04em; margin:0 0 16px; }
p { margin:0 0 16px; }
.muted { color:var(--muted); }
.card { background:linear-gradient(180deg, rgba(18,23,29,.9), rgba(15,19,24,.82)); border:1px solid var(--line); border-radius:18px; padding:28px; }
.card h3 { margin:0 0 9px; font-size:1.08rem; }
.card p { color:var(--muted); margin:0; }
.product-card { padding:30px; }
.mini-label { font-size:.78rem; text-transform:uppercase; letter-spacing:.12em; color:var(--muted); margin-bottom:18px; }
.feature-list { list-style:none; padding:0; margin:0; }
.feature-list li { padding:10px 0; border-top:1px solid var(--line); color:var(--accent); }
.feature-list li:first-child { border-top:0; padding-top:0; }
.email-link { font-size:1.12rem; font-weight:700; }
footer { border-top:1px solid var(--line); padding:28px 0 48px; color:var(--muted); font-size:.92rem; }
.footer-row { display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; }
.footer-links { display:flex; gap:18px; }
.legal { padding:70px 0 90px; max-width:820px; }
.legal h1 { font-size:clamp(2.5rem,6vw,4.5rem); }
.legal h2 { margin-top:42px; font-size:1.4rem; }
.legal p, .legal li { color:var(--muted); }
.notice { margin-top:28px; padding:18px 20px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:rgba(17,21,26,.72); }
@media (max-width:760px){
  .navlinks a:nth-child(2), .navlinks a:nth-child(3) { display:none; }
  .navlinks { gap:14px; font-size:.88rem; }
  .hero { padding:72px 0 68px; }
  .grid { grid-template-columns:1fr; gap:22px; }
}
@media (max-width:440px){
  .wrap { width:min(calc(100% - 28px), var(--max)); }
  .brand span { font-size:.98rem; }
  .navlinks { gap:12px; }
}