:root {--primary:#0066ff;--primary-dark:#004cc4;--secondary:#0f172a;--text:#334155;--muted:#64748b;--soft:#f5f8ff;--white:#ffffff;--accent:#ffd500;--border:#dbe7ff;--shadow:0 18px 45px rgba(15,23,42,.10);--radius:22px;}
.top-strip{background:var(--secondary);color:#fff;padding:12px 0;font-size:14px}
.container{width:min(1200px,calc(100% - 32px));margin:0 auto}
.top-strip .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.page-head{background:linear-gradient(135deg,#eef5ff 0%,#fff 55%,#f8fbff 100%);padding:42px 0;border-bottom:1px solid var(--border)}
.breadcrumb{font-size:14px;color:var(--muted);font-weight:700;margin-bottom:10px}
.page-head h2{font-size:clamp(28px,4vw,48px);line-height:1.15;color:var(--secondary);letter-spacing:-1px;max-width:850px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start;padding:42px 0 70px}
.main-content{min-width:0}
.hero-card,.content-section{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px;margin-bottom:24px}
.eyebrow{display:inline-block;background:#eaf2ff;color:var(--primary);font-weight:800;border-radius:999px;padding:8px 15px;margin-bottom:16px}
h1{font-size:clamp(34px,4.6vw,58px);letter-spacing:-1.8px;margin-bottom:18px}
h2{font-size:clamp(26px,3vw,36px);margin-bottom:18px;position:relative;padding-bottom:12px}
h2:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:4px;background:var(--primary);border-radius:999px}
h3{font-size:22px;margin:26px 0 10px}
p{margin:0 0 16px;font-size:16px}
.hero-card p{font-size:18px;color:#475569}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:800;transition:.2s ease}
.btn.primary{background:var(--primary);color:#fff;box-shadow:0 12px 24px rgba(0,102,255,.22)}
.btn.primary:hover{background:var(--primary-dark)}
.btn.secondary{background:var(--accent);color:var(--secondary)}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 20px;list-style:none}
.feature-list li{background:var(--soft);border:1px solid var(--border);border-radius:14px;padding:11px 14px;font-weight:700;color:var(--secondary)}
.cta-card{background:var(--secondary);color:#fff;border:0}
.cta-card h3{color:#fff}
.cta-card p{color:#dbeafe}
.cta-phone{display:block;background:var(--accent);color:var(--secondary);text-align:center;border-radius:999px;padding:13px 16px;font-weight:900;margin-top:14px}
.note{font-size:13px;color:var(--muted);margin-top:10px;margin-bottom:0}

@media(max-width:980px){.layout{grid-template-columns:1fr}.sidebar{position:static}}
@media(max-width:640px){
.container{width:min(100% - 22px,1200px)}
.hero-card,.content-section,.side-card{padding:22px;border-radius:18px}
.feature-list{grid-template-columns:1fr}


}