/* Рядом 24/7 — статический сайт. Системные шрифты, без внешних зависимостей.
   Палитра снята с логотипа: тёмно-синий #2b3e4c, бирюзовый #62c0b2, фон #f5f9fa. */
:root{
  --navy:#2b3e4c;          /* знак и слово «Рядом» */
  --navy-deep:#22313c;     /* hover на тёмных кнопках */
  --teal:#62c0b2;          /* круг логотипа: фоны, акценты, иконки (не текст на светлом) */
  --teal-dark:#1a5f59;     /* бирюзовый для текста и ссылок на светлом, 6.9:1 */
  --teal-soft:#e3f2ef;     /* светлая бирюзовая заливка */
  --bg:#f5f9fa;            /* фон логотипа */
  --surface:#ffffff;
  --text:#1f2e39;
  --muted:#455967;
  --line:#cbdadf;
  --on-navy:#ffffff; --on-navy-muted:#d9e6ec;
  --warn-bg:#fff4d6; --warn-line:#8a5a00;
  --alert-bg:#fdecea; --alert-line:#8c1d18;
  --focus:#1a5f59; --focus-dark:#8fe3d6;
  --radius:20px; --radius-sm:14px; --max:46rem; --wide:68rem;
}
*{box-sizing:border-box}
html{font-size:112.5%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.65;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif}
.skip-link{position:absolute;left:.5rem;top:-4rem;background:var(--navy);color:#fff;padding:.7rem 1rem;border-radius:var(--radius-sm);z-index:100;border:2px solid var(--teal)}
.skip-link:focus{top:.5rem}
a{color:var(--teal-dark);text-underline-offset:.15em;text-decoration-thickness:.08em}
a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.hero :focus-visible,footer.site :focus-visible{outline-color:var(--focus-dark)}
.wrap{max-width:var(--wide);margin:0 auto;padding:0 1.25rem}
.prose{max-width:var(--max)}

/* Шапка */
header.site{background:var(--surface);border-bottom:4px solid var(--teal)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding-top:.8rem;padding-bottom:.8rem}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem;color:var(--navy);text-decoration:none}
.brand img{display:block;height:3.4rem;width:auto}
.brand .tag{font-size:.95rem;font-weight:700;color:var(--navy);background:var(--teal-soft);border:2px solid var(--teal);border-radius:999px;padding:.05rem .6rem;letter-spacing:.02em}
@media (max-width:30rem){.brand img{height:3rem}}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .4rem}
nav a{display:inline-block;padding:.5rem .8rem;border-radius:999px;text-decoration:none;color:var(--navy);min-height:44px}
nav a:hover{background:var(--teal-soft);color:var(--navy)}
nav a[aria-current="page"]{background:var(--navy);color:#fff;font-weight:700}
@media (max-width:48rem){nav ul{margin-top:.25rem}}
main{padding-bottom:3rem}
.status-bar{background:var(--warn-bg);border-bottom:2px solid var(--warn-line);padding:.7rem 0;font-size:.95rem}
.status-bar strong{color:#5a3a00}

/* Заголовки */
h1{font-size:2rem;line-height:1.25;margin:2rem 0 1rem;color:var(--navy)}
h2{font-size:1.5rem;line-height:1.3;margin:2.5rem 0 .75rem;color:var(--navy)}
h2::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--teal);margin-right:.5em;vertical-align:.08em}
h3{font-size:1.2rem;margin:1.5rem 0 .5rem;color:var(--navy)}
p,ul,ol{margin:.75rem 0}
li{margin:.35rem 0}

/* Hero */
.hero{position:relative;margin:1.75rem 0 .5rem;padding:2.5rem 2rem 2.25rem;background:var(--navy);color:var(--on-navy);border-radius:28px}
.hero::after{content:"";position:absolute;right:-1rem;top:50%;width:3.4rem;height:3.4rem;margin-top:-1.7rem;border-radius:50%;background:var(--teal);border:4px solid var(--bg)}
.hero h1{font-size:clamp(2rem,6vw,3rem);line-height:1.2;margin:0 0 1rem;color:#fff}
.lead{font-size:1.2rem;color:var(--muted);max-width:40rem}
.hero .lead{color:var(--on-navy-muted)}
.hero .actions{margin-top:1.5rem}
@media (max-width:40rem){.hero{padding:1.75rem 1.25rem 1.75rem;border-radius:22px}.hero::after{width:2.6rem;height:2.6rem;margin-top:0;top:1.1rem;right:-.9rem;border-width:3px}}

/* Кнопки */
.btn{display:inline-block;background:var(--navy);color:#fff;padding:.8rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:700;min-height:48px;border:2px solid var(--navy)}
.btn:hover{background:var(--navy-deep);color:#fff}
.btn.secondary{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn.secondary:hover{background:var(--teal-soft);color:var(--navy)}
.hero .btn{background:var(--teal);color:var(--navy);border-color:var(--teal)}
.hero .btn:hover{background:#7ccfc2;border-color:#7ccfc2;color:var(--navy)}
.hero .btn.secondary{background:transparent;color:#fff;border-color:#fff}
.hero .btn.secondary:hover{background:rgba(255,255,255,.14);color:#fff}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}

/* Карточки */
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:1rem 0}
.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.4rem;box-shadow:0 1px 0 rgba(43,62,76,.06)}
.card::after{content:"";position:absolute;top:1.1rem;right:1.1rem;width:.9rem;height:.9rem;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--navy)}
.card h3{margin-top:0;padding-right:1.8rem}
.notice{border-left:8px solid var(--teal);background:var(--teal-soft);padding:.9rem 1.2rem;border-radius:var(--radius-sm);margin:1.5rem 0}
.notice.draft{border-left-color:var(--alert-line);background:var(--alert-bg)}

/* «Если сейчас тяжело»: заметный, но спокойный */
.help-now{background:var(--teal-soft);border:2px solid var(--teal-dark);border-left-width:10px;border-radius:var(--radius);padding:1.3rem 1.5rem 1.2rem;margin:2.5rem 0 0}
.help-now h2{margin-top:0;font-size:1.4rem}
.help-now h2::before{background:var(--teal-dark)}
.help-now ul{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.75rem;grid-template-columns:1fr}
@media (min-width:40rem){.help-now ul{grid-template-columns:1fr 1fr}}
.help-now li{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.8rem 1rem}
.help-now .telrow{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem}
.help-now .tel{display:inline-block;background:var(--navy);color:#fff;font-size:1.5rem;font-weight:800;line-height:1.2;padding:.6rem 1.1rem;border-radius:999px;text-decoration:none;min-height:52px;letter-spacing:.01em;white-space:nowrap}
.help-now .tel:hover{background:var(--navy-deep);color:#fff}
.help-now .ext{font-size:1.3rem;font-weight:800;color:var(--navy)}
.help-now .what{margin:.4rem 0 0}
.help-now .src{font-size:.9rem;color:var(--muted)}
@media (max-width:40rem){
  .help-now{padding:1.1rem 1rem;border-left-width:8px}
  .help-now .tel{display:block;width:100%;text-align:center;font-size:1.3rem;padding:.8rem .5rem;min-height:56px;white-space:normal}
  .help-now .telrow{gap:.4rem}
  .help-now .ext{display:block;width:100%;text-align:center;margin-top:-.2rem}
}
.placeholder{background:#fff3b0;padding:0 .25em;border-radius:3px;color:#3b2f00}

/* Таблицы */
table{border-collapse:separate;border-spacing:0;width:100%;background:var(--surface);margin:1rem 0;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}
th,td{border-bottom:1px solid var(--line);padding:.6rem .85rem;text-align:left;vertical-align:top}
tr:last-child>th,tr:last-child>td{border-bottom:0}
thead th{background:var(--navy);color:#fff}
tbody th{background:var(--teal-soft);color:var(--navy)}
caption{text-align:left;padding-bottom:.4rem}

/* Подвал */
footer.site{background:var(--navy);color:var(--on-navy);padding:2.25rem 0;font-size:.95rem;border-top:6px solid var(--teal)}
footer.site a{color:#fff;display:inline-block;padding:.3rem 0}
footer.site a:hover{color:var(--focus-dark)}
footer.site ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.small{font-size:.9rem;color:var(--muted)}
footer .small{color:var(--on-navy-muted)}
@media print{header.site nav,.skip-link,footer.site{display:none}body{background:#fff}.hero{background:#fff;color:#000;border:1px solid #000}.hero h1{color:#000}.hero::after{display:none}}