:root{--bg:#f6f7fb;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--accent:#2563eb;--accent2:#1d4ed8;--shadow:0 12px 30px rgba(15,23,42,.08);--radius:18px;--max:1180px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fbff 0%,#f6f7fb 100%);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2)}
.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}.topbar{background:#0f172a;color:#fff;font-size:14px}.topbar .container{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:10px 0}.topbar .muted{opacity:.85}.header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(160%) blur(10px);background:rgba(255,255,255,.88);border-bottom:1px solid rgba(229,231,235,.85)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}.brand{font-weight:800;font-size:22px;color:#111827}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-top:2px}.nav{display:flex;flex-wrap:wrap;gap:10px}.nav a{padding:10px 14px;border-radius:999px;color:#111827;font-weight:600}.nav a.active,.nav a:hover{background:#eff6ff;color:var(--accent)}
.hero{padding:56px 0 34px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch}.hero-card,.cta-card,.card,.contact-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:34px}.hero-card h1{font-size:42px;line-height:1.08;margin:0 0 14px}.hero-card p{font-size:18px;color:var(--muted);margin:0 0 22px}.badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}.badge{background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8;padding:8px 12px;border-radius:999px;font-size:14px;font-weight:700}.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;font-weight:700}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2);color:#fff}.btn-secondary{background:#fff;border:1px solid var(--line);color:#111827}.cta-card{padding:28px}.cta-card h3{margin:0 0 10px;font-size:22px}.cta-card ul{margin:14px 0 0 18px;padding:0}
.section{padding:18px 0 20px}.section-title{margin:0 0 18px;font-size:30px;line-height:1.15}.lead{color:var(--muted);margin:0 0 18px}.grid-2,.grid-3,.grid-4{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{padding:22px}.card h3{margin:0 0 10px;font-size:22px}.card p{margin:0;color:var(--muted)}.list{margin:0;padding-left:20px}.list li{margin:7px 0}.table-like{display:grid;gap:12px}.row{display:grid;grid-template-columns:1.2fr .8fr .7fr;gap:12px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.row .name{font-weight:800}.price{display:inline-block;padding:8px 12px;border-radius:999px;background:#ecfdf5;color:#166534;font-weight:800}.note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:14px 16px;border-radius:14px}.contact-box{padding:24px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kv{display:grid;gap:10px}.kv div{padding:12px 14px;background:#f9fafb;border:1px solid var(--line);border-radius:12px}.footer{margin-top:34px;padding:28px 0 50px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:20px}.footer small,.footer p,.footer li{color:var(--muted)}.page-head{padding:34px 0 10px}.page-head h1{margin:0 0 10px;font-size:36px;line-height:1.1}.page-head p{margin:0;color:var(--muted);font-size:18px}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:10px}
@media (max-width:980px){.hero-grid,.grid-3,.grid-4,.footer-grid,.contact-grid{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.row{grid-template-columns:1fr}.hero-card h1{font-size:34px}}@media (max-width:680px){.header-inner{flex-direction:column;align-items:flex-start}.nav{gap:6px}.nav a{padding:8px 11px}.hero-card{padding:24px}.hero-card h1{font-size:30px}.section-title{font-size:26px}}