:root { --ink:#071421; --navy:#0c2135; --blue:#3aa7f4; --violet:#9437ff; --magenta:#e946db; --muted:#52677a; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); font:16px/1.55 Inter,Arial,sans-serif; }
a { color:inherit; }
header, footer { background:var(--ink); color:#fff; }
.wrap { width:min(1040px,calc(100% - 40px)); margin:auto; }
.bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; }
.brand { color:#c06bff; font-size:1.2rem; font-weight:800; text-decoration:none; }
.phone, .button { color:#fff; font-weight:750; text-decoration:none; }
.button { display:inline-block; padding:13px 19px; border-radius:5px; background:linear-gradient(105deg,var(--blue),var(--violet)); box-shadow:0 8px 22px rgba(99,57,220,.24); }
main { padding:76px 0; }
.hero { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.hero img { width:100%; max-height:500px; object-fit:cover; border-radius:10px; }
.eyebrow { color:#7641ce; font-size:.75rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
h1 { margin:.35em 0; font-size:clamp(2.6rem,6vw,4.8rem); line-height:1; letter-spacing:-.06em; }
h2 { font-size:2rem; letter-spacing:-.04em; }
.copy { color:var(--muted); font-size:1.1rem; }
.checks { padding:0; list-style:none; }
.checks li { padding:9px 0; border-bottom:1px solid #ded9e8; }
.checks li::before { content:'✓'; margin-right:10px; color:#7a32dd; font-weight:bold; }
section { margin-top:75px; padding-top:2px; }
footer { padding:22px 0; }
@media (max-width:700px) { .hero { grid-template-columns:1fr; } .bar { gap:14px; } .phone { display:none; } main { padding:45px 0; } }