:root{
  --blue:#27395a;--blue-dark:#1b2840;--gold:#a8842a;--gold-bright:#c4a04a;
  --burgundy:#7a2d33;--burgundy-dark:#5e2228;
  --ink:#2c2417;--muted:#6d6450;--bg:#f6f1e7;--soft:#efe8d8;
  --line:#e0d7c2;--radius:8px;--shadow:0 8px 24px rgba(43,33,16,.10);
}
*{box-sizing:border-box}
html{font-size:17px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:Georgia,"PT Serif","Times New Roman",serif;color:var(--ink);line-height:1.7;background:var(--bg)}
.container{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}
a{color:var(--burgundy)}
a:hover{text-decoration:underline}
h1,h2,h3{font-weight:700;letter-spacing:0}
h1{font-size:2.2rem;line-height:1.2;margin:.4em 0 .35em;color:var(--blue-dark)}
h2{font-size:1.6rem;margin:0 0 .6em;color:var(--blue-dark)}
h3{font-size:1.15rem;margin:0 0 .35em;color:var(--blue-dark)}
p,li{font-size:1.05rem}
.muted{color:var(--muted);font-size:.92rem}
section{margin:56px 0}

/* header */
.site-header{background:var(--bg);border-bottom:2px solid var(--gold);position:sticky;top:0;z-index:20}
.site-header .container{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:13px 20px}
.brand{display:inline-flex;align-items:center}
.brand:hover{text-decoration:none}
.brand-logo{display:block;height:32px;width:auto}
.brand-logo--dark{display:none}
.theme-toggle{margin-left:14px;background:transparent;border:1px solid var(--gold);border-radius:var(--radius);width:40px;height:36px;cursor:pointer;font-size:1.05rem;line-height:1;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}
.theme-toggle:hover{border-color:var(--gold-bright)}
.theme-toggle .i-dark{display:none}
.main-nav{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}
.main-nav a{color:var(--ink);font-size:.98rem}

/* buttons */
.cta-btn{display:inline-block;background:var(--burgundy);color:#fff;padding:11px 22px;border-radius:var(--radius);font-weight:700;white-space:nowrap;border:1px solid var(--burgundy-dark);transition:background .12s ease}
.cta-btn:hover{background:var(--burgundy-dark);text-decoration:none}
.cta-btn.big{font-size:1.15rem;padding:15px 34px}
.cta-block{margin:48px 0;padding:34px;background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:var(--radius);text-align:center}
.cta-block p{margin:0 0 14px;font-size:1.1rem;font-weight:700;color:var(--blue-dark)}

/* hero */
.hero{position:relative;color:#f3ecdb;margin-top:0;padding:62px 0 66px;border-bottom:3px solid var(--gold);
  background:radial-gradient(900px 380px at 50% -40%,rgba(196,160,74,.30),transparent 70%),linear-gradient(160deg,var(--blue),var(--blue-dark))}
.hero .container{max-width:840px;text-align:center}
.hero h1{color:#fff;font-size:2.7rem}
.hero .lead,.hero .lead p{font-size:1.2rem;color:#e7dfca}
.hero .lead{max-width:680px;margin:0 auto}
.badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:26px 0 30px}
.badge{background:rgba(255,255,255,.06);border:1px solid var(--gold-bright);color:#f0e7cf;padding:9px 17px;border-radius:var(--radius);font-weight:600;font-size:.96rem}

/* steps */
.steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.step{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.step .num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;margin-bottom:12px;font-family:Georgia,serif}

/* tiles */
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.tile{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;color:var(--ink);box-shadow:var(--shadow);transition:border-color .12s ease}
.tile:hover{text-decoration:none;border-color:var(--gold)}
.tile .ico{font-size:1.6rem;display:block;margin-bottom:10px;color:var(--gold)}
.tile strong{display:block;font-size:1.1rem;margin-bottom:6px;color:var(--blue-dark)}
.tile span{color:var(--muted);font-size:.96rem}
.tile .price{display:block;margin-top:12px;font-weight:700;font-style:normal;color:var(--burgundy);font-size:.98rem}

/* блок гарантий */
.guarantees-wrap{margin-top:36px}
.guarantees{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.guarantees li{background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--radius);padding:16px 18px}
.guarantees .g-ico{font-size:1.4rem;display:block;margin-bottom:7px;color:var(--gold)}
.guarantees strong{display:block;margin-bottom:3px;font-size:1.02rem;color:var(--blue-dark)}
.guarantees span{color:var(--muted);font-size:.93rem}

/* article cards */
.card-list{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.card-list a{display:block;padding:20px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);transition:border-color .12s ease}
.card-list a:hover{border-color:var(--gold);text-decoration:none}
.card-list strong{display:block;margin-bottom:6px;color:var(--burgundy)}
.card-list span{font-size:.93rem;color:var(--muted)}

/* content */
.page,.article{padding:24px 0 8px;max-width:800px}
.section-head{text-align:center;max-width:680px;margin:0 auto 32px}
.section-head p{color:var(--muted)}
blockquote{margin:1em 0;padding:.6em 1.1em;border-left:4px solid var(--gold);color:#3a342a;background:var(--soft);border-radius:0 6px 6px 0;font-style:italic}
table{border-collapse:collapse;width:100%;margin:1em 0}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left}
th{background:var(--soft)}
.sample-note{margin:0 0 20px;padding:13px 17px;background:var(--soft);border-left:3px solid var(--gold);border-radius:0 6px 6px 0;font-size:.93rem;font-style:italic}
.related{max-width:800px;margin:2.6em auto 0;padding-top:1.3em;border-top:1px solid var(--line)}
.related ul{columns:2;column-gap:28px;padding-left:1.1em}
@media(max-width:640px){.related ul{columns:1}}

/* footer */
.site-footer{margin-top:64px;background:var(--blue-dark);color:#c3cad8;padding:36px 0;font-size:.93rem;border-top:3px solid var(--gold)}
.site-footer a{color:#fff}
.site-footer p{margin:.35em 0}
.site-footer .muted{color:#8a93a6}

@media(max-width:640px){
  html{font-size:16px}
  .hero{padding:44px 0 48px}
  .hero h1{font-size:2rem}
  .hero .lead,.hero .lead p{font-size:1.08rem}
  h1{font-size:1.7rem}h2{font-size:1.35rem}
  .site-header .container{gap:10px;padding:11px 16px}
  .brand-logo{height:28px}
  .theme-toggle{margin-left:auto}
  .main-nav{order:3;width:100%;margin-left:0;gap:14px}
  .site-header .cta-btn{order:4;width:100%;margin-left:0;text-align:center}
  table{display:block;overflow-x:auto;white-space:nowrap}
}

/* ===== ТЁМНАЯ ТЕМА (тёплый тёмный с золотом) ===== */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#ece3cf;--muted:#a99e84;--bg:#14110b;--soft:#1e1a12;
    --line:#352e1f;--blue-dark:#e6d6a6;--shadow:0 10px 28px rgba(0,0,0,.55);
  }
}
:root[data-theme="dark"]{
  --ink:#ece3cf;--muted:#a99e84;--bg:#14110b;--soft:#1e1a12;
  --line:#352e1f;--blue-dark:#e6d6a6;--shadow:0 10px 28px rgba(0,0,0,.55);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .step,
  :root:not([data-theme="light"]) .tile,
  :root:not([data-theme="light"]) .guarantees li,
  :root:not([data-theme="light"]) .card-list a{background:#1c180f}
  :root:not([data-theme="light"]) a,
  :root:not([data-theme="light"]) .card-list strong{color:#d99aa0}
  :root:not([data-theme="light"]) blockquote{color:#d8cfb8}
  :root:not([data-theme="light"]) .site-footer{background:#0d0b07;color:#b9b09a}
  :root:not([data-theme="light"]) .brand-logo--light{display:none}
  :root:not([data-theme="light"]) .brand-logo--dark{display:block}
  :root:not([data-theme="light"]) .theme-toggle .i-light{display:none}
  :root:not([data-theme="light"]) .theme-toggle .i-dark{display:inline}
}
:root[data-theme="dark"] .step,
:root[data-theme="dark"] .tile,
:root[data-theme="dark"] .guarantees li,
:root[data-theme="dark"] .card-list a{background:#1c180f}
:root[data-theme="dark"] a,
:root[data-theme="dark"] .card-list strong{color:#d99aa0}
:root[data-theme="dark"] blockquote{color:#d8cfb8}
:root[data-theme="dark"] .site-footer{background:#0d0b07;color:#b9b09a}
:root[data-theme="dark"] .brand-logo--light{display:none}
:root[data-theme="dark"] .brand-logo--dark{display:block}
:root[data-theme="dark"] .theme-toggle .i-light{display:none}
:root[data-theme="dark"] .theme-toggle .i-dark{display:inline}