:root{
  --bg:#08111f;--bg2:#0f172a;--card:#111c30;--text:#e5eefc;--muted:#9db0cc;--line:rgba(255,255,255,.09);
  --white:#fff;--accent:#f97316;--accent2:#38bdf8;--surface:#f8fafc;--dark:#0b1220;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--surface);color:#142033;line-height:1.6}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.narrow{width:min(860px,calc(100% - 32px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(8,17,31,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-top,.nav-wrap{display:flex;align-items:center;justify-content:space-between}.header-top{padding:14px 0;gap:18px}.logo{display:flex;align-items:center;gap:12px;color:#fff}.logo-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#fb7185);font-weight:800}.logo strong{display:block}.logo small{display:block;color:#aac0de}
.header-contacts{display:flex;gap:16px;flex-wrap:wrap}.header-contacts a{color:#dbeafe;font-weight:700}.site-nav{display:flex;gap:26px;padding:0 0 14px}.site-nav a{color:#d0def3}.site-nav a:hover,.header-contacts a:hover{color:#fff}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero,.page-hero{background:radial-gradient(circle at top left,#162b55 0,#0c1527 52%,#08111f 100%);color:#fff}.hero{padding:72px 0 54px}.page-hero{padding:56px 0 36px}
.hero-grid,.grid-2,.grid-3,.footer-grid,.stats-row,.metric-grid,.form-grid{display:grid;gap:22px}.hero-grid{grid-template-columns:1.3fr .9fr;align-items:center}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.stats-row{grid-template-columns:repeat(4,1fr)}.metric-grid{grid-template-columns:repeat(3,1fr);margin-top:18px}.form-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr .8fr 1fr}
.badge,.pill,.chip,.kicker{display:inline-flex;align-items:center}.badge{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-weight:700}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);font-size:.8rem;font-weight:800}.kicker.soft{color:#cbd5e1}.pill,.chip{padding:7px 12px;border-radius:999px;font-size:.95rem}.pill{background:#eff6ff;color:#0f172a;font-weight:700}.chip{background:rgba(255,255,255,.08);color:#e5eefc;border:1px solid rgba(255,255,255,.08)}
h1,h2,h3,h4{line-height:1.15;margin:0 0 14px}h1{font-size:clamp(2.3rem,4.9vw,4.2rem)}h2{font-size:clamp(1.7rem,3vw,2.6rem)}h3{font-size:1.45rem}.lead{font-size:1.14rem;color:#cfe0f7;max-width:760px}.hero-actions,.form-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero-points,.list-icon,.footer-links{padding:0;margin:20px 0 0;list-style:none}.hero-points li,.list-icon li{position:relative;padding-left:28px;margin:10px 0}.hero-points li::before,.list-icon li::before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:800}.brands-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:14px;font-weight:800;border:1px solid transparent;transition:.2s transform,.2s opacity}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#fb7185);color:#fff}.btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);color:#fff}
.hero-card,.panel,.highlight,.brand-card,.article-card,.contact-card,.stat{background:#fff;border:1px solid #e6edf7;border-radius:24px;box-shadow:0 14px 40px rgba(20,32,51,.08)}
.hero-card{background:linear-gradient(180deg,rgba(56,189,248,.16),rgba(249,115,22,.12)),#0f172a;border-color:rgba(255,255,255,.08);color:#fff;padding:30px}.hero-card p{color:#d6e6fa}.metric{background:rgba(255,255,255,.08);padding:16px;border-radius:18px}.metric strong{display:block;font-size:1.45rem}.metric span{color:#d0def3;font-size:.94rem}.hero-cta-box{margin-top:18px;padding:18px;border-radius:18px;background:rgba(255,255,255,.08)}
.section{padding:72px 0}.section-sm{padding:54px 0}.section-title{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:26px}.section-title.compact{display:block}.section-title p{max-width:520px;color:#52627b;margin:0}
.stat{padding:24px}.stat strong{display:block;color:var(--accent);font-size:1.55rem;margin-bottom:8px}.stat span{color:#5a6a81}
.highlight,.panel,.brand-card,.article-card,.contact-card{padding:28px}.table-checks{display:grid;gap:12px;margin-top:18px}.table-check{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;background:#f8fbff;border:1px solid #e6eef8;border-radius:16px}.table-check strong{white-space:nowrap;color:#0f172a}.callout{margin-top:18px;padding:16px 18px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12}
.order-form{padding:22px;background:#fff;border:1px solid #e6edf7;border-radius:24px;box-shadow:0 14px 40px rgba(20,32,51,.06)}.field{display:flex;flex-direction:column;gap:8px;margin-top:16px}.field label{font-weight:700;color:#21314a}.field input,.field textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #d8e2f0;background:#fbfdff;font:inherit;color:#111827}.field textarea{min-height:128px;resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid rgba(56,189,248,.18);border-color:#38bdf8}.hp-field{display:none}.form-note{font-size:.94rem;color:#617089}.form-note a{color:#0f172a;text-decoration:underline}
.notice{margin:0 0 16px;padding:14px 16px;border-radius:14px}.notice-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.notice-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.faq-list{display:grid;gap:14px}.faq-item{background:#fff;border:1px solid #e6edf7;border-radius:20px;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;background:none;border:0;font:inherit;font-weight:800;text-align:left;cursor:pointer}.faq-answer{display:none;padding:0 22px 20px;color:#5b6b82}.faq-item.active .faq-answer{display:block}
.article-meta{display:flex;gap:16px;color:#6b7a90;font-size:.92rem}.article-meta.top{margin-top:12px}.read-more{color:#0f172a;font-weight:800}.prose p{margin:0 0 18px;color:#334155}.prose h2{margin-top:28px}.cta-banner{padding:34px;border-radius:28px;background:linear-gradient(135deg,#0f172a,#12284b);color:#fff;text-align:center}.cta-banner p{max-width:760px;margin:0 auto 18px;color:#d7e4f7}
.site-footer{background:#0b1220;color:#c3d0e4;padding:42px 0 18px}.site-footer h3,.site-footer h4{color:#fff}.footer-links li{margin:8px 0}.footer-links a:hover{text-decoration:underline}.footer-address{display:grid;gap:4px;margin-bottom:14px}.footer-address a{color:#fff}.footer-bottom{padding-top:20px;margin-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media (max-width: 980px){.hero-grid,.grid-2,.grid-3,.footer-grid,.stats-row,.metric-grid,.form-grid{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr}.section-title{display:block}.section-title p{max-width:none;margin-top:12px}}
@media (max-width: 760px){.header-top{flex-wrap:wrap}.header-contacts{width:100%}.nav-toggle{display:block}.site-nav{display:none;flex-direction:column;padding:0 0 16px}.site-nav.open{display:flex}.grid-2,.grid-3,.footer-grid,.stats-row,.metric-grid,.form-grid{grid-template-columns:1fr}.hero,.section,.section-sm,.page-hero{padding-top:42px;padding-bottom:42px}h1{font-size:2.2rem}.hero-card,.panel,.highlight,.brand-card,.article-card,.contact-card,.order-form{padding:22px}.container{width:min(100% - 20px,1180px)}}