:root { --navy:#0d1b3d; --blue:#2563eb; --green:#16a34a; --gold:#f5c542; --ink:#101828; --muted:#667085; --line:#e4e7ec; --surface:#f5f7fa; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--surface); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
h1,h2,h3,p { margin-top:0; }
.site-header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px max(24px,calc((100% - 1180px)/2)); color:var(--white); background:var(--navy); }
.brand { display:inline-flex; align-items:center; gap:11px; font-weight:750; text-decoration:none; }
.brand-icon { width:32px; height:32px; object-fit:cover; border-radius:9px; box-shadow:0 2px 8px rgba(0,0,0,.16); }
nav { display:flex; gap:28px; }
nav a { color:rgba(255,255,255,.82); text-decoration:none; font-size:14px; }
nav a:hover,nav a:focus-visible { color:var(--white); }
.hero { min-height:620px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:70px; padding:76px max(24px,calc((100% - 1120px)/2)); color:var(--white); background:radial-gradient(circle at 72% 28%,rgba(37,99,235,.65),transparent 31%),linear-gradient(145deg,#07132e,var(--navy)); overflow:hidden; }
.hero-copy { max-width:680px; }
.eyebrow { margin:0 0 12px; color:#5ee091; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1 { max-width:720px; margin-bottom:22px; font-size:clamp(44px,6.6vw,78px); line-height:.98; letter-spacing:-.055em; }
.lead { max-width:650px; color:rgba(255,255,255,.75); font-size:clamp(17px,2vw,21px); line-height:1.6; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 20px; border-radius:12px; text-decoration:none; font-size:14px; font-weight:750; }
.button.primary { background:var(--white); color:var(--navy); }
.button.secondary { border:1px solid rgba(255,255,255,.3); color:var(--white); }
.button.dark { background:var(--navy); color:var(--white); }
.availability { margin:16px 0 0; color:rgba(255,255,255,.5); font-size:13px; }
.phone { width:min(250px,68vw); justify-self:center; padding:7px; border-radius:33px; background:#030916; box-shadow:0 26px 70px rgba(0,0,0,.42); transform:rotate(1.5deg); }
.phone-top { width:72px; height:16px; margin:0 auto -3px; position:relative; z-index:2; border-radius:0 0 10px 10px; background:#030916; }
.app-screen { display:block; width:100%; aspect-ratio:539/1200; object-fit:cover; object-position:top; border-radius:27px; background:#0a0f14; }
.trust-strip { display:flex; justify-content:center; gap:64px; padding:22px 24px; background:var(--white); border-bottom:1px solid var(--line); color:var(--muted); font-size:13px; font-weight:650; }
.trust-strip span::before { content:"•"; margin-right:10px; color:var(--green); }
.section { max-width:1180px; margin:0 auto; padding:100px 24px; }
.section>h2,.plans h2 { max-width:720px; margin-bottom:45px; color:var(--navy); font-size:clamp(32px,5vw,50px); line-height:1.05; letter-spacing:-.045em; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-card { min-height:270px; padding:28px; border-radius:20px; background:var(--white); border:1px solid var(--line); }
.feature-number { color:var(--green); font-size:13px; font-weight:800; }
.feature-card h3 { margin:68px 0 12px; color:var(--navy); font-size:24px; }
.feature-card p,.plans p { color:var(--muted); line-height:1.65; }
.plans { display:grid; grid-template-columns:1fr 1fr; gap:72px; max-width:none; padding-left:max(24px,calc((100% - 1180px)/2)); padding-right:max(24px,calc((100% - 1180px)/2)); background:var(--white); }
.plans h2 { margin-bottom:20px; }
.plan-list { border-top:1px solid var(--line); }
.plan-list div { display:flex; justify-content:space-between; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }
.plan-list strong { color:var(--navy); }
.plan-list span { color:var(--muted); text-align:right; }
.disclaimer { max-width:900px; margin:80px auto; padding:30px; border-left:4px solid var(--green); background:#ecfdf3; }
.disclaimer p { margin:8px 0 0; color:#345243; line-height:1.6; }
footer { padding:50px max(24px,calc((100% - 1180px)/2)); color:rgba(255,255,255,.65); background:#071126; font-size:13px; }
.footer-brand { color:var(--white); }
.footer-links { display:flex; flex-wrap:wrap; gap:24px; margin:35px 0 22px; }
.footer-links a { text-decoration:none; }
.document-body { background:var(--white); }
.document-header { padding:28px max(24px,calc((100% - 920px)/2)); background:var(--navy); color:white; }
.document-header .back { display:block; margin-top:24px; color:rgba(255,255,255,.72); text-decoration:none; font-size:13px; }
.document { max-width:920px; margin:0 auto; padding:64px 24px 100px; }
.document h1 { color:var(--navy); font-size:clamp(38px,6vw,58px); }
.document h2 { margin-top:42px; color:var(--navy); font-size:23px; }
.document p,.document li { color:#475467; line-height:1.75; }
.document a { color:var(--blue); }
.updated { color:var(--muted); font-size:13px; }
.contact-card { margin-top:36px; padding:24px; border-radius:16px; background:var(--surface); border:1px solid var(--line); }
.not-found { min-height:100vh; display:grid; place-content:center; justify-items:start; max-width:680px; margin:auto; padding:30px; }
.not-found h1 { color:var(--navy); }
@media (max-width:760px) { .site-header{align-items:flex-start} nav{gap:12px;flex-wrap:wrap;justify-content:flex-end} nav a:first-child{display:none} .hero{grid-template-columns:1fr;padding-top:58px;gap:42px} .phone{width:min(225px,62vw);transform:none} .trust-strip{flex-direction:column;gap:10px} .feature-grid,.plans{grid-template-columns:1fr} .plans{gap:30px} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }