:root {
  color-scheme: dark;
  --bg:#070e19; --panel:#101d30; --panel2:#14253a; --line:#263d55;
  --text:#f1f7fb; --muted:#b5c7d8; --accent:#42d1ec; --accent2:#85ebf6;
  --focus:#ffdc85;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(ellipse 70% 30% at 70% 4%,#163c52 0%,transparent 85%),var(--bg); color:var(--text);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; }
a { color:var(--accent2); text-underline-offset:3px; }
a:focus-visible,button:focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
.wrap { max-width:1090px; margin:auto; padding:0 24px; }
.nav { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:82px; }
.logo { display:inline-flex; gap:1px; align-items:center; font-size:1.45rem; font-weight:800; text-decoration:none; letter-spacing:-.03em; color:var(--text); }
.logo span { color:var(--accent); }
.nav-links { display:flex; flex-wrap:wrap; gap:24px; align-items:center; font-size:.93rem; }
.nav-links a { color:var(--muted); text-decoration:none; }
.nav-links a:hover { color:var(--text); }
.hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,.75fr); align-items:center; gap:7%; min-height:620px; padding-top:44px; padding-bottom:65px; }
.eyebrow { display:block; text-transform:uppercase; letter-spacing:.17em; color:var(--accent); font-size:.76rem; font-weight:800; }
h1 { font-size:clamp(2.55rem,5.5vw,4.6rem); line-height:1.06; letter-spacing:-.055em; margin:17px 0 20px; }
h2 { font-size:clamp(1.7rem,3vw,2.45rem); letter-spacing:-.035em; line-height:1.18; margin:0 0 17px; }
h3 { font-size:1.14rem; margin:0 0 9px; }
.lede { color:var(--muted); font-size:clamp(1.05rem,1.6vw,1.2rem); max-width:40rem; line-height:1.6; }
.actions { display:flex; gap:13px; flex-wrap:wrap; align-items:center; margin:32px 0 25px; }
.button { display:inline-flex; align-items:center; justify-content:center; padding:13px 20px; min-height:48px; border-radius:12px;
  font-weight:750; text-decoration:none; border:1px solid var(--line); color:var(--text); }
.button.primary { background:var(--accent); color:#06101c; border-color:var(--accent); }
.button:hover { filter:brightness(1.1); }
.microcopy { color:var(--muted); font-size:.88rem; max-width:530px; }
.phone { margin:auto; width:100%; max-width:315px; border:8px solid #26384d; border-radius:38px; padding:6px;
  box-shadow:0 35px 90px rgba(0,0,0,.50),0 0 70px rgba(66,209,236,.12); background:#0b1420; }
.phone img { display:block; border-radius:25px; width:100%; height:auto; }
section.content { padding:70px 0; border-top:1px solid var(--line); }
.section-intro { color:var(--muted); max-width:730px; margin:0 0 26px; }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.tile { border:1px solid var(--line); border-radius:20px; background:linear-gradient(155deg,var(--panel2),var(--panel)); padding:27px; }
.tile p { color:var(--muted); margin:0; }
.pill { display:inline-block; background:#16354b; color:var(--accent2); border:1px solid #2e6b7c; border-radius:20px; padding:4px 12px; font-size:.78rem; font-weight:750; }
.two { display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,.7fr); gap:6%; align-items:center; }
.note { border-left:3px solid var(--accent); padding:14px 20px; background:#122638; color:#d8ebf1; border-radius:0 12px 12px 0; }
.note strong { color:var(--text); }
.small { color:var(--muted); font-size:.91rem; }
.disclaimer { font-size:.88rem; color:var(--muted); }
footer { border-top:1px solid var(--line); margin-top:45px; padding:30px 0 50px; color:var(--muted); }
.footer-links { display:flex; flex-wrap:wrap; gap:20px; margin-top:12px; }
footer a { text-decoration:none; }
.prose { max-width:810px; padding:42px 0 20px; }
.prose h1 { font-size:clamp(2rem,5vw,3.2rem); }
.prose h2 { font-size:1.37rem; margin-top:36px; }
.prose p,.prose li { color:var(--muted); }
.prose strong { color:var(--text); }
.prose ul { padding-left:22px; }
.qa { padding:19px 0; border-bottom:1px solid var(--line); }
.qa h2 { font-size:1.15rem; margin:0 0 7px; }
.qa p { margin:0; }
@media (max-width:750px) {
  .hero,.two { grid-template-columns:1fr; gap:35px; }
  .hero { min-height:0; padding-top:20px; }
  .phone { max-width:245px; }
  .grid { grid-template-columns:1fr; }
  section.content { padding:48px 0; }
  .nav { align-items:flex-start; padding-top:16px; padding-bottom:16px; }
  .nav-links { gap:12px; justify-content:flex-end; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }