

    :root{--ink:#181719;--muted:#62646a;--soft:#f6f2ed;--line:#ded8d1;--red:#a61116;--red-dark:#7d0d12;--night:#171417;--panel:#fff}
    *{box-sizing:border-box}
    body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.5}
    a{color:inherit}

    .shell-topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line,#ded8d1)}
    .shell-topbar__inner{max-width:1180px;margin:0 auto;min-height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .shell-brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink,#171719);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:15px;text-decoration:none;white-space:nowrap}
    .shell-brand::before{content:"";display:block;width:22px;height:22px;background:linear-gradient(135deg,var(--red,#a61116) 0 49%,transparent 50%),#171417;border-radius:4px}
    .shell-nav{display:flex;align-items:center;gap:18px;min-width:0;color:#4d4e52;font-size:14px}
    .shell-nav a{display:inline-flex;align-items:center;color:inherit;text-decoration:none;white-space:nowrap}
    .shell-nav a[aria-current="page"]{color:var(--red,#a61116);font-weight:800}
    .shell-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:6px;background:var(--red,#a61116);color:#fff!important;font-weight:800}
    .shell-footer{background:#161417;color:#fff;padding:52px 24px}
    .shell-footer__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:32px}
    .shell-footer__brand strong{display:block;font-size:18px;text-transform:uppercase;letter-spacing:.08em}
    .shell-footer__brand p,.shell-footer__cta p{margin:12px 0 0;color:#cfc8c5;font-size:14px;line-height:1.55}
    .shell-footer h3{margin:0 0 12px;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
    .shell-footer a{display:block;color:#d9d4d0;text-decoration:none;font-size:14px;line-height:1.35;margin-bottom:9px}
    .shell-footer a:hover{color:#fff}
    .shell-footer__cta a{display:inline-flex;margin-top:14px;margin-bottom:0;padding:10px 13px;border-radius:6px;background:var(--red,#a61116);color:#fff;font-weight:800}
    @media (max-width:920px){
      .shell-topbar{position:static}
      .shell-topbar__inner{min-height:0;padding:16px 18px;align-items:flex-start;flex-direction:column}
      .shell-nav{width:100%;flex-wrap:wrap;gap:12px}
      .shell-action{width:100%;max-width:320px}
      .shell-footer__inner{grid-template-columns:1fr;gap:24px}
    }

    .page{max-width:1180px;margin:0 auto;padding:56px 24px 84px}
    .breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;color:#817975;font-size:14px}
    .breadcrumbs a{color:var(--red);font-weight:800;text-decoration:none}
    .eyebrow{margin:0 0 14px;color:var(--red);font-size:13px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
    .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:24px;margin-bottom:24px;align-items:stretch}
    .hero-main,.hero-side,.panel{background:#fff;border:1px solid var(--line);border-radius:8px}
    .hero-main{padding:42px}
    .hero-side{padding:28px;background:var(--night);color:#fff}
    h1{margin:0;font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:0}
    .lead{max-width:760px;margin:20px 0 0;color:#505258;font-size:20px;line-height:1.55}
    .hero-side h2{margin:0;font-size:28px;line-height:1.12}
    .hero-side p{margin:14px 0 0;color:#d9d1cd}
    .hero-side a,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:20px;padding:0 16px;border:0;border-radius:6px;background:var(--red);color:#fff;text-decoration:none;font-weight:900;cursor:pointer}
    .btn--ghost{background:#fff;color:var(--night);border:1px solid var(--line)}
    .layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.36fr);gap:24px;align-items:start}
    .content{display:grid;gap:22px}
    .panel{padding:30px}
    .panel h2{margin:0;font-size:32px;line-height:1.12}
    .panel-note{margin:12px 0 0;color:var(--muted);font-size:16px}
    .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
    .mini-card{padding:18px;border:1px solid var(--line);border-radius:8px;background:#fbfaf8}
    .mini-card h3{margin:0;font-size:20px;line-height:1.18}
    .mini-card p{margin:10px 0 0;color:var(--muted)}
    .side{display:grid;gap:16px;position:sticky;top:92px}
    .side-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px}
    .side-card h2,.side-card h3{margin:0;font-size:24px;line-height:1.15}
    .side-card p{margin:12px 0 0;color:#55575d}
    .side-card a{display:inline-flex;margin-top:14px;color:var(--red);font-weight:900;text-decoration:none}
    @media (max-width:980px){.hero,.layout{grid-template-columns:1fr}.side{position:static}.grid{grid-template-columns:1fr}}
    @media (max-width:680px){.page{padding:38px 18px 62px}.hero-main,.hero-side,.panel,.side-card{padding:22px}h1{font-size:42px}}

    .steps{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:10px}
    .steps li{padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:#fbfaf8;font-weight:800}
    .lead-form{display:grid;gap:12px;margin-top:22px}
    .lead-form label{display:grid;gap:6px;color:#55575d;font-weight:800}
    .lead-form input{min-height:46px;border:1px solid var(--line);border-radius:6px;padding:0 12px;font:inherit}
    .lead-form small{color:#77716c;line-height:1.35}
  
