/*
Theme Name: Kabel Pro B2B
Theme URI: https://kabel-pro.ru/
Description: Lightweight B2B theme for cable heating engineering solutions.
Version: 0.1.0
Text Domain: kabel-pro-b2b
*/

:root { --ink:#13212b; --muted:#5d6b74; --surface:#f3f7f8; --brand:#e35b20; --brand-dark:#b8400b; --line:#d9e1e4; --white:#fff; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--white); font-family:Inter,Arial,sans-serif; font-size:16px; line-height:1.55; }
a { color:var(--brand-dark); text-decoration-thickness:1px; text-underline-offset:3px; }
a:hover { color:var(--brand); }
.container { width:min(calc(100% - 32px),var(--max)); margin-inline:auto; }
.site-header { border-bottom:1px solid var(--line); background:#fff; position:sticky; top:0; z-index:10; }
.header-row { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { color:var(--ink); font-weight:800; text-decoration:none; letter-spacing:-.02em; font-size:1.2rem; }
.brand span { color:var(--brand); }
.site-nav ul { list-style:none; padding:0; margin:0; display:flex; gap:20px; }
.site-nav a { color:var(--ink); text-decoration:none; font-weight:600; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 18px; border-radius:4px; border:1px solid var(--brand); background:var(--brand); color:#fff; font-weight:700; text-decoration:none; }
.button:hover { background:var(--brand-dark); color:#fff; }
.button--ghost { background:transparent; color:var(--brand-dark); }
.hero { padding:78px 0 64px; background:linear-gradient(130deg,#102833,#1d4652); color:#fff; }
.eyebrow { color:#f5b38e; font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; }
.hero-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:48px; align-items:end; }
h1 { margin:12px 0 20px; font-size:clamp(2.2rem,5vw,4.2rem); line-height:1.06; letter-spacing:-.04em; max-width:850px; }
h2 { font-size:clamp(1.65rem,3vw,2.5rem); line-height:1.15; letter-spacing:-.03em; margin:0 0 18px; }
h3 { line-height:1.2; margin:0 0 10px; }
.hero p { color:#d9e8ec; max-width:720px; font-size:1.15rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.hero-card { background:#fff; color:var(--ink); padding:26px; border-radius:8px; box-shadow:0 16px 36px #0003; }
.hero-card strong { display:block; font-size:1.6rem; color:var(--brand-dark); }
.section { padding:76px 0; }
.section--muted { background:var(--surface); }
.section-lead { max-width:720px; color:var(--muted); margin:0 0 34px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.card { background:#fff; border:1px solid var(--line); padding:26px; border-radius:8px; }
.card p { color:var(--muted); margin-bottom:0; }
.card a { font-weight:700; }
.steps { counter-reset:step; }
.step { position:relative; padding-left:64px; }
.step::before { counter-increment:step; content:counter(step); position:absolute; inset:0 auto auto 0; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#fbe4d8; color:var(--brand-dark); font-weight:800; }
.cta { background:var(--brand); color:#fff; border-radius:8px; padding:42px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.cta h2 { margin:0; max-width:700px; }
.cta .button { background:#fff; border-color:#fff; color:var(--brand-dark); flex:0 0 auto; }
.content { padding:54px 0 82px; }
.content article { width:min(100%,820px); }
.content p,.content li { max-width:760px; }
.content li { margin:.4rem 0; }
.request-form { margin-top:30px; max-width:680px; padding:28px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.request-form p { margin:0 0 16px; }
.request-form label { display:grid; gap:6px; font-weight:700; }
.request-form input,.request-form select,.request-form textarea { width:100%; border:1px solid #aebcc2; border-radius:4px; background:#fff; padding:11px 12px; color:var(--ink); font:inherit; font-weight:400; }
.request-form textarea { resize:vertical; }
.form-consent { color:var(--muted); font-size:.86rem; }
.form-trap { position:absolute!important; left:-9999px!important; }
.form-status { padding:12px; background:#e5f3ea; color:#174b2b; border-radius:4px; }
.form-status--error { background:#fae5e1; color:#842012; }
.content .meta { color:var(--muted); font-size:.9rem; }
.site-footer { background:#102833; color:#d9e8ec; padding:38px 0; }
.site-footer a { color:#fff; }
@media (max-width:800px) { .site-nav { display:none; } .hero-grid,.grid { grid-template-columns:1fr; } .hero { padding:54px 0; } .section { padding:52px 0; } .cta { align-items:flex-start; flex-direction:column; padding:30px; } }