:root { --blue:#078fc1; --blue-bright:#0aa4dc; --ink:#050607; --paper:#071923; --muted:#bfd5df; --line:rgba(120,194,226,.26); --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--white); background:linear-gradient(180deg,#050607,#071923 45%,#050607); font:16px/1.6 Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(960px,calc(100% - 32px)); margin:auto; }
.site-header { border-bottom:1px solid var(--line); background:rgba(5,6,7,.94); }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:66px; }
.header-actions { display:flex; align-items:center; gap:14px; }
.brand { font-weight:900; letter-spacing:.03em; }
.phone-link { color:#d9f5ff; font-weight:800; }
.language-link { padding:5px 8px; border:1px solid var(--line); border-radius:5px; color:#d9f5ff; font-size:13px; font-weight:900; letter-spacing:.06em; }
.hero { padding:62px 0 56px; background:linear-gradient(135deg,#050607, #0b202b 58%,#078fc1); }
.crumb { margin:0 0 20px; color:#d9f5ff; font-size:14px; }
h1,h2,h3 { margin:0; line-height:1.14; }
h1 { max-width:760px; font-size:clamp(38px,7vw,68px); }
h2 { font-size:clamp(27px,4vw,40px); }
h3 { font-size:21px; }
.lead { max-width:720px; margin:22px 0 0; color:rgba(255,255,255,.86); font-size:20px; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:11px 18px; border:1px solid transparent; border-radius:8px; font-weight:800; }
.button.primary { background:var(--blue); }
.button.secondary { border-color:var(--line); background:rgba(255,255,255,.09); }
.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:38px; }
.fact { padding:15px; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.08); }
.fact strong { display:block; color:#d9f5ff; font-size:22px; }
main { padding:64px 0 96px; }
.content-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); gap:28px; align-items:start; }
.copy > * + * { margin-top:18px; }
.copy p,.card p { color:var(--muted); }
.card { padding:24px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.07); }
.card + .card { margin-top:16px; }
.price { display:block; margin:12px 0; color:#d9f5ff; font-size:36px; font-weight:900; line-height:1; }
.list { padding-left:20px; color:var(--muted); }
.list li + li { margin-top:8px; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; margin-top:22px; }
th,td { padding:13px 10px; border-bottom:1px solid var(--line); text-align:left; }
th { color:#d9f5ff; }
td:last-child { color:#d9f5ff; font-weight:800; white-space:nowrap; }
.faq { display:grid; gap:14px; margin-top:54px; }
.faq article { padding:20px; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.06); }
.faq p { margin:10px 0 0; color:var(--muted); }
.footer { padding:24px 0 88px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
.mobile-call { display:none; }
@media (max-width:700px) { .facts,.content-grid { grid-template-columns:1fr; } .facts { gap:8px; } .hero { padding:44px 0; } main { padding:42px 0 98px; } .brand { max-width:170px; font-size:13px; } .header-actions { gap:8px; } .mobile-call { position:fixed; z-index:2; right:0; bottom:0; left:0; display:flex; gap:10px; padding:10px; background:rgba(5,6,7,.96); border-top:1px solid var(--line); } .mobile-call .button { flex:1; padding:10px 8px; font-size:14px; } }