/* Окно «Напишите нам». Внутри лежит та же карточка формы, что и на главной (стили из landing.css). */
.cd{width:min(560px,calc(100vw - 20px));max-width:none;max-height:calc(100dvh - 20px);padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}
.cd::backdrop{background:rgba(21,21,28,.62);backdrop-filter:blur(3px)}
.cd .contact__paper{position:relative;max-height:calc(100dvh - 20px);overflow:auto;padding:30px;border:1px solid var(--ink);border-radius:8px 36px 8px 8px;box-shadow:10px 10px 0 var(--accent-soft)}
.cd__close{position:absolute;right:12px;top:10px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink);font:400 30px/1 var(--body);cursor:pointer}
.cd__close:hover{background:var(--accent-soft);color:var(--accent)}
.cd__title{margin:18px 0 0;font:650 clamp(22px,4vw,28px)/1.2 var(--display);letter-spacing:-.04em}
.cd .contact__form-head{padding-right:44px}
body:has(dialog.cd[open]){overflow:hidden}
@media(prefers-reduced-motion:no-preference){
  .cd[open] .contact__paper{animation:cd-pop .3s cubic-bezier(.22,1.15,.36,1)}
  .cd[open]::backdrop{animation:cd-fade .2s ease}
}
@keyframes cd-pop{from{opacity:0;transform:translateY(16px) scale(.97)}}
@keyframes cd-fade{from{opacity:0}}
@media(max-width:480px){.cd .contact__paper{padding:22px 16px;box-shadow:6px 6px 0 var(--accent-soft)}}
/* Поле-ловушка для ботов: человеку не видно (на главной это правило лежит в workspace.css, которого на этих страницах нет). */
.cd .honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Главная: форма переезжает в окно, кнопка «Закрыть» нужна только там. */
.ok-close{display:none;margin-top:6px;justify-self:start}
.cd .ok-close{display:inline-flex}
.cd--home .contact__paper{margin:0}