/* ROGACHEV — основа: шрифты, переменные (design/tokens.css), сброс, типографика. */

@font-face{font-family:"Prata";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/prata-400.woff2") format("woff2")}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 600;font-display:swap;src:url("../fonts/golos-text-var.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/ibm-plex-mono-400.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/ibm-plex-mono-500.woff2") format("woff2")}

:root{
  /* поверхности */
  --ground:#EAEDE8; --surface:#F6F7F4; --tile:#E2E7E0; --line:#CBD2C8; --line-soft:#DCE1D9; --ink:#171E1A;
  /* текст */
  --text:#171E1A; --text-2:#3A443E; --text-3:#5C665F;
  /* акценты */
  --patina:#2E6153; --patina-hover:#244E43; --patina-fill:#DCE8E3; --patina-text:#1F4A3E;
  --brass:#8A6A2E; --brass-fill:#EDE5D4; --brass-text:#3D3118;
  --brick:#96442F; --brick-fill:#F3E2DC; --brick-text:#7A2F1F;
  --overlay:rgba(23,30,26,.45);
  --underline:#8B958D; --disabled:#C9D0C7;
  /* подвал */
  --footer-text:#C2CBC3; --footer-muted:#8D978F; --footer-line:#2E3830; --footer-field:#1F2823;
  /* шрифты */
  --font-display:Prata, Georgia, "Times New Roman", serif;
  --font-body:"Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;
  /* отступы */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;
  --page-x:56px; /* телефон: 20px */
  /* размеры */
  --tap:44px; --btn:56px; --field:52px; --radius:0;
  --header-h:84px;
}
@media (max-width:760px){ :root{ --page-x:20px; } }
@media (max-width:959px){ :root{ --header-h:60px; } }

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--ground);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.rg-lock{overflow:hidden}
img,svg,video{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul[class],ol[class]{list-style:none;padding:0}
a{color:inherit;text-decoration:none}
a:hover{color:var(--patina)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-radius:0;text-align:left;-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default}
input,textarea,select{font:inherit;color:var(--text);border-radius:0}
[hidden]{display:none!important}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}

/* Видимый фокус — только с клавиатуры */
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.rg-footer :focus-visible,.rg-msg--dark :focus-visible{outline-color:var(--ground)}

.rg-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.rg-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.rg-skip{position:absolute;left:12px;top:-100px;z-index:100;background:var(--ink);color:var(--surface);padding:12px 16px}
.rg-skip:focus{top:12px;color:var(--surface)}

/* Каркас страницы: подвал прижат к низу */
.rg-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.rg-main{flex:1 0 auto;display:flex;flex-direction:column}
.rg-container{width:100%;max-width:1440px;margin:0 auto;padding-left:var(--page-x);padding-right:var(--page-x)}
.rg-section{padding-top:var(--s-6);padding-bottom:var(--s-9);display:flex;flex-direction:column;gap:var(--s-6)}
@media (max-width:760px){ .rg-section{padding-top:var(--s-5);padding-bottom:var(--s-8);gap:var(--s-5)} }

/* Типографика (UI-кит, «Шрифты») */
.rg-h1,.rg-h2,.rg-h3,.rg-price-lg{font-family:var(--font-display);font-weight:400;overflow-wrap:break-word}
.rg-h1{font-size:64px;line-height:1.04}
.rg-h2{font-size:44px;line-height:1.1}
.rg-h3{font-size:30px;line-height:1.15}
.rg-price-lg{font-size:36px;line-height:1}
.rg-lead{font-size:18px;line-height:1.6;color:var(--text-2);max-width:760px}
.rg-muted{color:var(--text-3);font-size:14px;line-height:1.5}
.rg-mono{font-family:var(--font-mono);font-size:14px}
.rg-eyebrow{font-family:var(--font-mono);font-size:12px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
@media (max-width:760px){
  .rg-h1{font-size:38px;line-height:1.08}
  .rg-h2{font-size:28px}
  .rg-h3{font-size:24px}
  .rg-price-lg{font-size:30px}
  .rg-lead{font-size:16px}
}

/* Текстовая колонка */
.rg-prose{max-width:680px;font-size:17px;line-height:1.7;color:var(--text-2);display:flex;flex-direction:column;gap:var(--s-4)}
.rg-prose h2{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.15;color:var(--text);margin-top:var(--s-5)}
.rg-prose h3{font-size:18px;font-weight:600;color:var(--text);margin-top:var(--s-3)}
.rg-prose a{border-bottom:1px solid var(--underline)}
.rg-prose ul,.rg-prose ol{padding-left:22px;display:flex;flex-direction:column;gap:var(--s-2)}

/* Логотип: Prata, прописные, разрядка 0,34 em */
.rg-logo{font-family:var(--font-display);font-size:26px;line-height:1;letter-spacing:.34em;margin-right:-.34em;color:var(--text);white-space:nowrap;display:inline-flex;align-items:center;min-height:var(--tap)}
a.rg-logo:hover{color:var(--text)}
@media (max-width:959px){ .rg-logo{font-size:18px;letter-spacing:.3em;margin-right:-.3em} }