/* Стили шаблона «article» — дословно из press-kak-prohodit-puskonaladka-stanka.html пилота.
   Собирается scripts/extract-pilot-css.mjs, руками не править. */

:root{--ink:#24272b;--mid:#6f7479;--line:rgba(36,39,43,.11);--purple:#6b2d8b;--purple2:rgba(107,45,139,.08);--gold:#c9a227;--paper:#f3f4f3;--max:1600px}
*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Golos Text',sans-serif;position:relative;overflow-x:hidden}a{color:inherit}img{max-width:100%}
main{position:relative;z-index:1;padding-bottom:20px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;transition:.18s;text-decoration:none}
.btn:hover{background:var(--ink);color:#fff}
.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff}
.btn.primary:hover{background:#5a2574}
.art-head{padding:clamp(22px,3vw,36px) 0 10px}
.final-cta-wrap{padding:20px 0 70px}
.final-cta{background:#1c1b20;border-radius:2px;padding:clamp(30px,4vw,52px) clamp(28px,4.5vw,56px);display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden}
.final-cta::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(107,45,139,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(107,45,139,.14) 1px,transparent 1px);background-size:48px 48px;opacity:.5}
.final-cta-copy{position:relative;max-width:560px}
.final-cta-copy h2{margin:0 0 12px;font-family:'Magistral','Golos Text',sans-serif;font-size:clamp(22px,2.6vw,30px);font-weight:500;letter-spacing:-.02em;color:#fff}
.final-cta-copy p{margin:0;font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.68)}
.final-cta-actions{position:relative;display:flex;gap:12px;flex-wrap:wrap}
.final-cta-actions .btn{border-color:rgba(255,255,255,.3);color:#fff}
.final-cta-actions .btn:hover{background:#fff;color:var(--ink)}
.final-cta-actions .btn.primary{border-color:var(--purple)}
.final-cta-actions .btn.primary:hover{background:#5a2574;color:#fff}