/* =====================================================================
   /audit — лендинг для стоматологических клиник (трафик из рассылки).
   Подключается ПОСЛЕ style.css и берёт оттуда токены, .btn, .container,
   .navbar, .footer, .cookie-banner и формы. Здесь — только блоки,
   которых на главной нет.
   ===================================================================== */

/* ===== HERO ===== */
.aud-hero{ padding:calc(var(--nav-h) + 40px) 0 60px; }
.aud-hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center; }
.aud-hero-text{ display:flex; flex-direction:column; gap:22px; align-items:flex-start; min-width:0; }
.aud-badge{
    display:inline-flex; align-items:center; gap:9px; background:var(--yellow); color:var(--ink);
    border:var(--bd); box-shadow:var(--sh-sm); font-family:var(--mono); font-weight:700; font-size:13px;
    text-transform:uppercase; padding:7px 14px; transform:rotate(-2deg); max-width:100%;
}
.aud-badge i{ font-size:12px; }
.aud-h1{
    font-family:var(--font); font-weight:900; font-size:clamp(30px,5.4vw,56px); line-height:1.0;
    letter-spacing:-.02em; text-transform:uppercase; text-wrap:balance; hyphens:none; overflow-wrap:break-word;
}
.aud-h1 mark{ background:var(--lime); color:var(--ink); border:var(--bd); box-shadow:var(--sh-sm); padding:0 10px; display:inline-block; line-height:1.1; }
.aud-lead{ font-size:17px; line-height:1.55; color:var(--t2); font-weight:500; max-width:560px; }
.aud-lead strong{ background:var(--cyan); border:var(--bd2); padding:0 5px; font-weight:800; color:var(--ink); }
.aud-actions{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; width:100%; }
.aud-actions .btn{ white-space:normal; }

/* заголовки секций здесь чаще переносятся на две строки, чем на главной:
   лаймовая плашка .gradient-text при line-height 1.02 налезала на строку выше */
.aud-check .section-title,.aud-sample .section-title,.aud-how .section-title,
.aud-extra .section-title,.aud-contact .section-title{ line-height:1.14; }
.aud-note{ display:flex; align-items:flex-start; gap:8px; font-family:var(--mono); font-size:13px; font-weight:700; color:var(--t2); }
.aud-note i{ color:var(--blue); margin-top:2px; }

/* карточка-«отчёт» в hero */
.aud-report{
    background:var(--paper2); border:var(--bd); box-shadow:var(--sh-lg); transform:rotate(1.2deg);
    overflow:hidden; min-width:0;
}
.aud-report-head{ display:flex; align-items:center; gap:10px; padding:12px 16px; background:var(--ink); color:var(--lime); border-bottom:var(--bd); }
.aud-report-head .dot{ width:11px; height:11px; border-radius:50%; background:var(--lime); flex:0 0 auto; }
.aud-report-head span{ font-family:var(--mono); font-size:12px; font-weight:700; text-transform:uppercase; }
.aud-report-body{ padding:16px; display:flex; flex-direction:column; gap:10px; }
.aud-report-row{ display:flex; align-items:flex-start; gap:10px; font-size:13.5px; font-weight:600; line-height:1.4; }
.aud-report-row .risk{
    flex:0 0 auto; font-family:var(--mono); font-size:10px; font-weight:700; text-transform:uppercase;
    border:var(--bd2); box-shadow:2px 2px 0 var(--ink); padding:3px 7px; margin-top:1px;
}
.risk-high{ background:var(--coral); color:var(--ink); }
.risk-mid{ background:var(--yellow); color:var(--ink); }
.risk-low{ background:var(--cyan); color:var(--ink); }
.aud-report-foot{ margin-top:4px; padding:11px 14px; background:var(--lime); border:var(--bd); box-shadow:var(--sh-sm); font-family:var(--mono); font-size:12px; font-weight:700; text-transform:uppercase; }

/* ===== Что проверяем ===== */
.aud-check{ padding:72px 0; }
.aud-cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.aud-col{ background:var(--paper2); border:var(--bd); box-shadow:var(--sh); padding:24px 22px; display:flex; flex-direction:column; gap:14px; min-width:0; }
.aud-col:nth-child(2){ background:var(--lime); }
.aud-col-ico{ width:52px; height:52px; border:var(--bd); box-shadow:3px 3px 0 var(--ink); display:flex; align-items:center; justify-content:center; font-size:21px; background:var(--paper2); }
.aud-col:nth-child(1) .aud-col-ico{ background:var(--blue); color:#fff; }
.aud-col:nth-child(2) .aud-col-ico{ background:var(--paper2); color:var(--ink); }
.aud-col:nth-child(3) .aud-col-ico{ background:var(--pink); color:var(--ink); }
.aud-col h3{ font-family:var(--font); font-size:19px; font-weight:900; text-transform:uppercase; line-height:1.05; }
.aud-col-law{ font-family:var(--mono); font-size:11.5px; font-weight:700; text-transform:uppercase; color:var(--t3); }
.aud-col:nth-child(2) .aud-col-law{ color:#2a3300; }
.aud-list{ display:flex; flex-direction:column; gap:9px; }
.aud-list li{ display:flex; align-items:flex-start; gap:9px; font-size:14px; font-weight:600; line-height:1.45; }
.aud-list i{ flex:0 0 auto; width:18px; height:18px; margin-top:2px; display:flex; align-items:center; justify-content:center; font-size:10px; background:var(--yellow); border:1.5px solid var(--ink); }
.aud-col:nth-child(2) .aud-list i{ background:var(--paper2); }
.aud-fines{
    margin-top:24px; display:flex; align-items:center; gap:14px; flex-wrap:wrap;
    background:var(--ink); color:var(--paper); border:var(--bd); box-shadow:var(--sh);
    padding:16px 20px; font-size:14.5px; font-weight:700;
}
.aud-fines i{ color:var(--lime); font-size:20px; }
.aud-fines b{ color:var(--lime); }

/* ===== Пример отчёта ===== */
.aud-sample{ padding:72px 0; }
.aud-sample-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.aud-shot{ background:var(--paper2); border:var(--bd); box-shadow:var(--sh); padding:14px; display:flex; flex-direction:column; gap:12px; min-width:0; }
.aud-shot img{ width:100%; height:auto; border:var(--bd2); background:#fff; }
.aud-shot figcaption{ font-family:var(--mono); font-size:12px; font-weight:700; text-transform:uppercase; color:var(--t2); line-height:1.4; }
.aud-sample-note{ margin-top:20px; font-family:var(--mono); font-size:12.5px; font-weight:700; color:var(--t3); display:flex; align-items:flex-start; gap:8px; }
.aud-sample-note i{ color:var(--blue); margin-top:2px; }

/* ===== Как работаем ===== */
.aud-how{ padding:72px 0; }
.aud-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.aud-step{ background:var(--paper2); border:var(--bd); box-shadow:var(--sh); padding:24px 22px; min-width:0; }
.aud-step:nth-child(1){ background:var(--yellow); }
.aud-step-num{ width:50px; height:50px; border:var(--bd); box-shadow:3px 3px 0 var(--ink); background:var(--ink); color:var(--lime); font-family:var(--font); font-size:22px; font-weight:900; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.aud-step h4{ font-size:17px; font-weight:900; text-transform:uppercase; margin-bottom:8px; line-height:1.1; }
.aud-step p{ font-size:14px; color:var(--t2); line-height:1.5; font-weight:500; }
.aud-step:nth-child(1) p{ color:#403600; }

/* ===== Чем ещё полезен ===== */
.aud-extra{ padding:72px 0; }
.aud-extra-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.aud-card{ background:var(--paper2); border:var(--bd); box-shadow:var(--sh); padding:24px 20px; display:flex; flex-direction:column; gap:12px; min-width:0; transition:transform var(--trans),box-shadow var(--trans); }
.aud-card:hover{ transform:translate(-3px,-3px); box-shadow:var(--sh-lg); }
.aud-card-ico{ width:52px; height:52px; border:var(--bd); box-shadow:3px 3px 0 var(--ink); display:flex; align-items:center; justify-content:center; font-size:21px; }
.aud-extra-grid .aud-card:nth-child(1) .aud-card-ico{ background:var(--blue); color:#fff; }
.aud-extra-grid .aud-card:nth-child(2) .aud-card-ico{ background:var(--lime); color:var(--ink); }
.aud-extra-grid .aud-card:nth-child(3) .aud-card-ico{ background:var(--cyan); color:var(--ink); }
.aud-extra-grid .aud-card:nth-child(4) .aud-card-ico{ background:var(--violet); color:var(--ink); }
.aud-card h3{ font-size:17px; font-weight:900; text-transform:uppercase; line-height:1.1; }
.aud-card p{ font-size:14px; color:var(--t2); line-height:1.5; font-weight:500; }
.aud-card .aud-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; }
.aud-tags span{ font-family:var(--mono); font-size:11px; font-weight:700; background:var(--paper); border:var(--bd2); padding:3px 7px; }

/* ===== Кто делает ===== */
.aud-who{ padding:72px 0; }
.aud-who-grid{ display:grid; grid-template-columns:300px 1fr; gap:36px; align-items:start; }
.aud-photo{ background:var(--paper2); border:var(--bd); box-shadow:var(--sh-lg); padding:12px; }
.aud-photo img{ width:100%; height:auto; border:var(--bd2); display:block; background:#fff; }
.aud-photo figcaption{ margin-top:10px; font-family:var(--mono); font-size:12px; font-weight:700; text-transform:uppercase; color:var(--t3); }
.aud-who-text h2{ font-family:var(--font); font-size:clamp(26px,3.4vw,40px); font-weight:900; text-transform:uppercase; line-height:1.03; margin-bottom:16px; }
.aud-who-text p{ font-size:15.5px; color:var(--t2); line-height:1.6; font-weight:500; margin-bottom:12px; }
.aud-who-facts{ display:flex; flex-direction:column; gap:10px; margin-top:20px; }
.aud-who-facts li{ display:flex; align-items:flex-start; gap:10px; font-size:14.5px; font-weight:600; }
.aud-who-facts i{ flex:0 0 auto; width:34px; height:34px; display:flex; align-items:center; justify-content:center; background:var(--lime); border:var(--bd); box-shadow:3px 3px 0 var(--ink); font-size:14px; }

/* ===== Контакты и форма ===== */
.aud-contact{ padding:72px 0 84px; }
.aud-contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start; }
.aud-contact-left{ min-width:0; }
.aud-contact-left .aud-lead{ margin:18px 0 24px; }
.aud-contacts{ display:flex; flex-direction:column; gap:12px; }
.aud-ci{ display:flex; align-items:center; gap:12px; font-size:15px; font-weight:700; }
.aud-ci i{ flex:0 0 auto; width:40px; height:40px; display:flex; align-items:center; justify-content:center; background:var(--lime); border:var(--bd); box-shadow:3px 3px 0 var(--ink); font-size:16px; }
.aud-ci a{ text-decoration:none; }
.aud-ci a:hover{ text-decoration:underline; }
.aud-form-wrap{ min-width:0; }
.aud-consent{ display:flex; flex-direction:column; gap:12px; margin:4px 0 18px; }
.aud-consent .consent-label{ font-size:12.5px; }
.aud-form-note{ margin-top:12px; font-family:var(--mono); font-size:12px; font-weight:700; color:var(--t3); line-height:1.45; }

/* ===== АДАПТИВ ===== */
@media (max-width:1100px){
    .aud-hero-grid{ grid-template-columns:1fr; gap:34px; }
    .aud-report{ transform:none; max-width:520px; }
    .aud-cols{ grid-template-columns:1fr; }
    .aud-extra-grid{ grid-template-columns:repeat(2,1fr); }
    .aud-sample-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
    .aud-hero{ padding:calc(var(--nav-h) + 26px) 0 44px; }
    .aud-check,.aud-sample,.aud-how,.aud-extra,.aud-who{ padding:52px 0; }
    .aud-contact{ padding:52px 0 64px; }
    .aud-steps{ grid-template-columns:1fr; }
    .aud-sample-grid{ grid-template-columns:1fr; }
    .aud-who-grid{ grid-template-columns:1fr; gap:24px; }
    .aud-photo{ max-width:300px; }
    .aud-contact-grid{ grid-template-columns:1fr; gap:30px; }
    .aud-actions .btn{ width:100%; justify-content:center; }
}
@media (max-width:560px){
    .aud-extra-grid{ grid-template-columns:1fr; }
    .aud-fines{ font-size:13.5px; padding:14px 16px; gap:10px; }
    .aud-ci{ font-size:14px; }
}