:root { color-scheme: light; --navy:#001456; --blue:#173dbe; --gold:#f9c846; --ink:#10152b; --muted:#62677a; --line:#e5e8f1; --soft:#f4f6ff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.site-header { width:min(1180px,calc(100% - 40px)); height:82px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:11px; color:var(--navy); font-size:20px; font-weight:900; text-decoration:none; }
.brand img { width:44px; height:44px; border-radius:13px; object-fit:cover; }
.header-link { color:var(--navy); font-size:14px; font-weight:800; text-decoration:none; }
main { overflow:hidden; }
.hero { width:min(1180px,calc(100% - 40px)); min-height:690px; margin:auto; display:grid; grid-template-columns:1.06fr .94fr; gap:80px; align-items:center; padding:62px 0 100px; }
.eyebrow { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
h1 { margin:18px 0 24px; color:var(--navy); font-size:clamp(48px,6vw,84px); line-height:.96; letter-spacing:-.055em; }
h1 span { color:var(--blue); }
.lead { max-width:650px; margin:0; color:var(--muted); font-size:19px; line-height:1.65; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; border-radius:15px; padding:0 21px; font-size:14px; font-weight:900; text-decoration:none; }
.button-primary { color:#fff; background:var(--navy); box-shadow:0 14px 30px rgba(0,20,86,.2); }
.button-secondary { color:var(--navy); border:1px solid var(--line); background:#fff; }
.note { color:#8a8e9e; font-size:12px; margin-top:20px; }
.phone { position:relative; border:8px solid #08143d; border-radius:42px; background:linear-gradient(180deg,#f2f5ff,#fff); box-shadow:0 36px 80px rgba(0,20,86,.24); padding:23px 17px 25px; transform:rotate(2deg); }
.phone::before { content:""; position:absolute; width:110px; height:22px; border-radius:0 0 14px 14px; background:#08143d; top:0; left:50%; transform:translateX(-50%); }
.phone-top { margin:8px 3px 22px; display:flex; justify-content:space-between; color:var(--navy); font-size:12px; }
.mode { display:grid; grid-template-columns:1fr 1fr; border-radius:15px; background:#e4e9ff; padding:4px; color:#59617d; font-size:12px; text-align:center; }
.mode>* { padding:10px; }
.mode b { border-radius:11px; color:#fff; background:var(--navy); }
.park-tabs { display:flex; gap:18px; margin:20px 4px; overflow:hidden; white-space:nowrap; color:#74798c; font-size:11px; }
.park-tabs b { color:var(--navy); border-bottom:3px solid var(--gold); padding-bottom:8px; }
.ride-card { display:grid; grid-template-columns:50px 1fr 56px; gap:13px; align-items:center; border:1px solid var(--line); border-radius:19px; background:#fff; margin-top:12px; padding:14px; box-shadow:0 8px 22px rgba(25,45,110,.08); }
.ride-icon { display:grid; place-items:center; width:50px; height:50px; border-radius:15px; background:#e8ecff; font-size:23px; }
.ride-card small { color:#6a7087; font-size:9px; font-weight:800; text-transform:uppercase; }
.ride-card h2 { margin:5px 0; color:var(--navy); font-size:13px; line-height:1.25; }
.ride-card p { margin:0; color:#74798c; font-size:9px; }
.wait { display:flex; flex-direction:column; align-items:center; justify-content:center; width:56px; height:56px; border-radius:17px; color:#0c6a4c; background:#dff7ed; font-size:19px; }
.wait small { color:inherit; font-size:8px; }
.wait.warm { color:#8c5b00; background:#fff0c8; }
.features { background:var(--soft); padding:100px max(20px,calc((100vw - 1180px)/2)); }
.section-heading { max-width:700px; }
.section-heading h2,.privacy-banner h2 { margin:12px 0 0; color:var(--navy); font-size:clamp(34px,4vw,54px); letter-spacing:-.04em; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; }
.feature-grid article { border:1px solid #e1e5f3; border-radius:24px; background:#fff; padding:30px; }
.feature-grid article>span { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:#e8edff; font-size:22px; }
.feature-grid h3 { margin:24px 0 10px; color:var(--navy); font-size:19px; }
.feature-grid p,.privacy-banner p { margin:0; color:var(--muted); line-height:1.65; }
.privacy-banner { width:min(1180px,calc(100% - 40px)); margin:90px auto; border:1px solid var(--line); border-radius:30px; display:flex; gap:45px; align-items:center; justify-content:space-between; padding:46px; }
.privacy-banner>div { max-width:720px; }
.privacy-banner h2 { font-size:36px; margin-bottom:12px; }
footer { width:min(1180px,calc(100% - 40px)); margin:auto; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:22px; padding:30px 0 46px; color:#777c8d; font-size:12px; }
footer a { margin-left:auto; text-decoration:none; }
footer a+a { margin-left:0; }
@media (max-width:850px) { .hero { grid-template-columns:1fr; gap:55px; padding-top:40px; } .phone { width:min(100%,480px); justify-self:center; transform:none; } .feature-grid { grid-template-columns:1fr; } .privacy-banner { align-items:flex-start; flex-direction:column; } }
@media (max-width:520px) { .site-header,.hero,.privacy-banner,footer { width:min(100% - 28px,1180px); } .header-link { display:none; } .hero { padding-bottom:72px; } .lead { font-size:16px; } .actions { flex-direction:column; } .button { width:100%; } .phone { border-width:6px; border-radius:34px; padding-inline:11px; } .ride-card { grid-template-columns:46px 1fr 52px; gap:9px; padding:11px; } .ride-icon { width:46px; height:46px; } .wait { width:52px; height:52px; } .features { padding-block:72px; } .privacy-banner { margin-block:60px; padding:28px; } footer a { margin-left:0; } }