/* ФотоОбъект — сайт. Концепция «Видоискатель»: контент в угловых рамках кадра,
   ритм страницы — счётчик кадров «осталось N из M». Сигнальный цвет — как светоотражающая разметка. */

@font-face{font-family:"Unbounded";font-weight:600;font-display:swap;src:url(fonts/unbounded-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-weight:600;font-display:swap;src:url(fonts/unbounded-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";font-weight:700;font-display:swap;src:url(fonts/unbounded-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-weight:700;font-display:swap;src:url(fonts/unbounded-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-weight:400;font-display:swap;src:url(fonts/golos-text-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-weight:400;font-display:swap;src:url(fonts/golos-text-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-weight:500;font-display:swap;src:url(fonts/golos-text-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-weight:500;font-display:swap;src:url(fonts/golos-text-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-weight:600;font-display:swap;src:url(fonts/golos-text-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-weight:600;font-display:swap;src:url(fonts/golos-text-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* Цвет: «ночной графит» + «сигнальный янтарь» на холодном бетоне */
  --concrete:#EDF0F3;   /* фон страницы */
  --sheet:#FFFFFF;      /* карточки, формы */
  --graphite:#121A24;   /* основной текст, тёмные секции */
  --steel:#4E5A68;      /* второстепенный текст */
  --rule:#D3D9E0;       /* линии и рамки */
  --signal:#FFB300;     /* сигнальный янтарь: кнопки, акценты иконок, рамки кадра */
  --signal-press:#E89F00;
  --on-signal:#121A24;
  --done:#0E9467;       /* снято */
  --miss:#C2410C;       /* пропущено */
  --night:#121A24;      /* тёмные секции */
  --night-2:#1C2735;
  --on-night:#E9EEF4;
  --on-night-2:#9DAABA;
  --ia:var(--signal);   /* акцент иконок */
  --focus:#1F6FEB;
  color-scheme:light;

  /* Шрифты */
  --f-display:"Unbounded","Golos Text",system-ui,sans-serif;
  --f-body:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;

  /* Шкала */
  --t-xs:.8125rem; --t-s:.9375rem; --t-m:1.0625rem; --t-l:1.25rem; --t-xl:1.75rem; --t-2xl:clamp(1.75rem,3.3vw,2.6rem); --t-hero:clamp(2.1rem,4.4vw,3.45rem);
  --r:14px; --r-s:9px;
  --wrap:1180px; --gutter:clamp(16px,4vw,40px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --concrete:#0D131A; --sheet:#151E28; --graphite:#E8EDF3; --steel:#9BA7B6; --rule:#263241;
  --signal:#FFB300; --signal-press:#FFC53D; --on-signal:#121A24; --done:#2FC48D; --miss:#FF7A3D;
  --night:#080C11; --night-2:#121A24; --on-night:#E9EEF4; --on-night-2:#9DAABA; --focus:#5B9BFF; color-scheme:dark}}
:root[data-theme="dark"]{
  --concrete:#0D131A; --sheet:#151E28; --graphite:#E8EDF3; --steel:#9BA7B6; --rule:#263241;
  --signal:#FFB300; --signal-press:#FFC53D; --on-signal:#121A24; --done:#2FC48D; --miss:#FF7A3D;
  --night:#080C11; --night-2:#121A24; --on-night:#E9EEF4; --on-night-2:#9DAABA; --focus:#5B9BFF; color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--concrete);color:var(--graphite);font:400 var(--t-m)/1.6 var(--f-body);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--f-display);font-weight:700;line-height:1.12;letter-spacing:-.01em;margin:0;text-wrap:balance}
h3{font-family:var(--f-body);font-weight:600;font-size:var(--t-l);letter-spacing:0;line-height:1.3}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.mono{font-family:var(--f-mono);font-weight:500;font-variant-numeric:tabular-nums}
.eyebrow{font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel);display:flex;align-items:center;gap:.6em}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--signal);flex:none}
.lead{font-size:var(--t-l);color:var(--steel);max-width:58ch}
.skip{position:absolute;left:-999px;top:8px;background:var(--signal);color:var(--on-signal);padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:12px}

.ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ic-l{width:32px;height:32px}
.ic-xl{width:44px;height:44px;stroke-width:1.5}

/* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.7em 1.3em;border-radius:12px;font:600 var(--t-m)/1.2 var(--f-body);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s,transform .15s,border-color .15s}
.btn .ic{width:20px;height:20px}
.btn-signal{background:var(--signal);color:var(--on-signal)}
.btn-signal:hover{background:var(--signal-press)}
.btn-signal:active{transform:translateY(1px)}
.btn-ghost{border-color:var(--rule);color:var(--graphite);background:transparent}
.btn-ghost:hover{border-color:var(--graphite)}
.btn-night{border-color:#2D3B4D;color:var(--on-night);background:transparent}
.btn-night:hover{border-color:var(--on-night)}
.btn-block{width:100%}

/* Шапка */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--concrete) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.scrolled{border-bottom-color:var(--rule)}
.top-in{display:flex;align-items:center;gap:20px;min-height:68px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 1.125rem/1 var(--f-display);letter-spacing:-.01em;white-space:nowrap}
.logo-mark{width:34px;height:34px;border-radius:9px;background:var(--graphite);color:var(--concrete);display:grid;place-items:center}
.logo-mark .ic{width:22px;height:22px;stroke-width:2}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:500;font-size:var(--t-s);color:var(--steel)}
.nav a:hover{color:var(--graphite);background:var(--sheet)}
.top-act{display:flex;gap:10px;align-items:center}
.top-act .login{font-weight:500;font-size:var(--t-s);text-decoration:none;padding:8px 10px;color:var(--graphite)}
.top-act .btn{min-height:42px;padding:.5em 1em;font-size:var(--t-s)}
.nav a,.top-act .login,.top-act .btn{white-space:nowrap}
@media (max-width:1180px){.nav a{padding:8px 8px}.top-act .btn span.long{display:none}}
.burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:10px;border:1px solid var(--rule);background:var(--sheet);color:var(--graphite);cursor:pointer}
.burger span{display:block;width:18px;height:2px;margin:4px auto;background:currentColor;border-radius:2px}
.mnav{display:none}
@media (max-width:980px){
  .nav,.top-act .login{display:none}
  .top-act{margin-left:auto}
  .burger{display:block;margin-left:0}
  .mnav.open{display:flex;flex-direction:column;gap:2px;padding:8px var(--gutter) 18px;border-bottom:1px solid var(--rule);background:var(--concrete)}
  .mnav a{padding:12px 4px;text-decoration:none;font-weight:500;border-bottom:1px solid var(--rule)}
  .mnav a:last-child{border-bottom:0}
}
@media (max-width:520px){.top-act .btn span.long{display:none}}

/* Секции */
.sec{padding-block:clamp(64px,9vw,120px)}
.sec-head{display:grid;gap:16px;margin-bottom:clamp(32px,5vw,56px);max-width:760px}
.sec-head h2{font-size:var(--t-2xl)}

/* Hero */
.hero{padding-block:clamp(40px,6vw,88px) clamp(56px,8vw,104px)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero-grid>*,.night-grid>*{min-width:0}  /* широкая таблица прокручивается внутри, а не распирает страницу */
.hero-copy{display:grid;gap:24px;min-width:0}
.hero h1{font-size:var(--t-hero)}
.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--signal) 70%,transparent) 62%);padding-inline:.04em}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:6px;padding:0;list-style:none;color:var(--steel);font-size:var(--t-s)}
.facts li{display:flex;align-items:center;gap:8px}
.facts .ic{width:20px;height:20px;color:var(--graphite)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{order:2}}

/* Видоискатель: угловые рамки кадра */
.vf{position:relative;padding:22px}
.vf::before,.vf::after,.vf>.vf-c::before,.vf>.vf-c::after{content:"";position:absolute;width:34px;height:34px;border:3px solid var(--signal);pointer-events:none}
.vf::before{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:12px}
.vf::after{top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:12px}
.vf>.vf-c::before{bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:12px}
.vf>.vf-c::after{bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:12px}
.vf-label{position:absolute;top:-2px;left:50%;transform:translate(-50%,-50%);background:var(--concrete);padding:0 10px;font:500 var(--t-xs)/1 var(--f-mono);color:var(--steel);letter-spacing:.06em;white-space:nowrap}

/* Телефон-макет */
.phone{max-width:340px;margin-inline:auto;background:var(--night);border-radius:36px;padding:10px;box-shadow:0 30px 60px -28px rgba(18,26,36,.55)}
.screen{background:#F7F9FB;color:#121A24;border-radius:28px;overflow:hidden;font-size:14px;line-height:1.35}
.scr-bar{background:#121A24;color:#fff;border-bottom:3px solid #FFB300;padding:14px 16px 12px;display:grid;gap:3px}
.scr-bar b{font-size:15px;font-weight:600}
.scr-bar small{opacity:.8;font-size:12px}
.scr-count{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#FFF7E0;border-bottom:1px solid #F0E2B6;font-weight:600;font-size:13px}
.meter{flex:1;height:6px;border-radius:6px;background:#EADFBF;overflow:hidden;max-width:110px}
.meter i{display:block;height:100%;width:87%;background:#FFB300}
.scr-list{list-style:none;margin:0;padding:6px 0 4px}
.scr-list li{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid #E7ECF1}
.scr-list li:last-child{border-bottom:0}
.st{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:none;border:2px solid #C7D0DA}
.st .ic{width:15px;height:15px;stroke-width:2.6}
.st.ok{background:#0E9467;border-color:#0E9467;color:#fff}
.st.cam{border-color:#FFB300;background:#FFF3CC;color:#8A6200}
.st.cam .ic{stroke-width:2}
.scr-list .t{flex:1;min-width:0}
.scr-list .n{font-size:11.5px;color:#6A7684;font-family:var(--f-mono)}
.scr-list li.now{background:#FFFBEF}
.scr-stamp{margin:6px 12px 12px;padding:8px 10px;border-radius:10px;background:#121A24;color:#E9EEF4;font:500 10.5px/1.4 var(--f-mono);display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 8px}
.scr-stamp span{white-space:nowrap}
.scr-stamp span:last-child{color:#FFB300}

/* Боли */
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pain{background:var(--sheet);border-radius:var(--r);padding:26px;display:grid;gap:14px;align-content:start;border:1px solid var(--rule)}
.pain .ic-l{color:var(--graphite)}
.pain p{color:var(--steel)}
.pain .cost{font:500 var(--t-xs)/1.4 var(--f-mono);color:var(--miss);letter-spacing:.04em;text-transform:uppercase}
@media (max-width:900px){.pains{grid-template-columns:1fr}}

/* Шаги */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:s;border-top:2px solid var(--graphite)}
.step{padding:26px 26px 6px 0;display:grid;gap:12px;align-content:start;position:relative}
.step+.step{padding-left:26px;border-left:1px solid var(--rule)}
.step .num{font:500 var(--t-xs)/1 var(--f-mono);color:var(--steel);letter-spacing:.06em}
.step .who{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:var(--t-s);background:var(--sheet);border:1px solid var(--rule);padding:6px 12px 6px 8px;border-radius:999px;justify-self:start}
.step .who .ic{width:20px;height:20px}
.step h3{font-size:var(--t-xl);font-family:var(--f-display);font-weight:600;line-height:1.2}
.step p{color:var(--steel)}
.plus-band{margin-top:28px;display:flex;gap:18px;align-items:flex-start;padding:22px 24px;background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--signal);border-radius:12px}
.plus-band h3{font-size:var(--t-l, 1.15rem);font-family:var(--f-display);font-weight:600;line-height:1.25;margin-bottom:6px}
.plus-band p{color:var(--steel)}
@media (max-width:520px){.plus-band{flex-direction:column;padding:18px 16px}}
@media (max-width:900px){.steps{grid-template-columns:1fr}.step,.step+.step{padding:24px 0;border-left:0;border-bottom:1px solid var(--rule)}}

/* Возможности */
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.feat{background:var(--sheet);padding:28px;display:grid;gap:12px;align-content:start}
.feat p{color:var(--steel);font-size:var(--t-s)}
.feat .ic-l{color:var(--graphite)}
@media (max-width:900px){.feats{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.feats{grid-template-columns:1fr}}

/* Тёмная секция: «подсказывает, а не запрещает» */
.night{background:var(--night);color:var(--on-night)}
.night .eyebrow{color:var(--on-night-2)}
.night .lead{color:var(--on-night-2)}
.night-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,64px);align-items:center}
.night-grid>*{min-width:0}
.night ul.ticks{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:12px}
.night ul.ticks li{display:flex;gap:12px;align-items:flex-start;color:var(--on-night)}
.night ul.ticks .ic{color:var(--signal);margin-top:1px}
@media (max-width:900px){.night-grid{grid-template-columns:1fr}}
.desk{background:var(--night-2);border:1px solid #2A384A;border-radius:16px;overflow:hidden}
.desk-bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid #2A384A;align-items:center}
.desk-bar i{width:10px;height:10px;border-radius:50%;background:#33445A}
.desk-bar span{margin-left:10px;font:500 12px/1 var(--f-mono);color:var(--on-night-2)}
.desk-scroll{overflow-x:auto}
.desk table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.desk th{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-night-2);text-align:left;padding:12px 14px;border-bottom:1px solid #2A384A}
.desk td{padding:12px 14px;border-bottom:1px solid #22303F;color:var(--on-night);vertical-align:middle}
.desk tr:last-child td{border-bottom:0}
.desk .obj{font-weight:600}
.desk .obj small{display:block;font-weight:400;color:var(--on-night-2);font-size:12.5px}
.bar{display:flex;align-items:center;gap:10px;font:500 12.5px/1 var(--f-mono);font-variant-numeric:tabular-nums}
.bar b{display:block;width:96px;height:6px;border-radius:6px;background:#2A384A;overflow:hidden;flex:none}
.bar b i{display:block;height:100%;background:var(--done)}
.bar.part b i{background:var(--signal)}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap}
.pill.ok{background:color-mix(in srgb,var(--done) 22%,transparent);color:#6EE7B7}
.pill.wait{background:color-mix(in srgb,var(--signal) 18%,transparent);color:#FFD166}
.pill.miss{background:color-mix(in srgb,var(--miss) 22%,transparent);color:#FFB08A}

/* Для кого */
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.role{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r);padding:26px;display:grid;gap:12px;align-content:start}
.role .tag{font:500 var(--t-xs)/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.role q{quotes:none;font-family:var(--f-display);font-weight:600;font-size:1.2rem;line-height:1.3}
.role p{color:var(--steel);font-size:var(--t-s)}
@media (max-width:900px){.roles{grid-template-columns:1fr}}
.inds{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding:0;list-style:none}
.inds li{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;background:var(--sheet);border:1px solid var(--rule);font-weight:500}
.inds .ic{width:22px;height:22px}

/* Доверие */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.trust>div{display:grid;gap:10px;align-content:start}
.trust p{color:var(--steel);font-size:var(--t-s)}
@media (max-width:900px){.trust{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.trust{grid-template-columns:1fr}}

/* Тарифы */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.plan{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:18px}
.plan.hot{border:2px solid var(--graphite);position:relative}
.plan.hot .badge{position:absolute;top:-13px;left:24px;background:var(--signal);color:var(--on-signal);font:600 12px/1 var(--f-body);padding:7px 10px;border-radius:999px}
.plan h3{font-family:var(--f-display);font-weight:600;font-size:var(--t-xl)}
.plan .for{color:var(--steel);font-size:var(--t-s);margin-top:-8px}
.plan .scale{font:500 var(--t-s)/1.3 var(--f-mono);padding:10px 12px;border-radius:10px;background:var(--concrete)}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;flex:1}
.plan li{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-s)}
.plan li .ic{width:20px;height:20px;color:var(--done);stroke-width:2.2;margin-top:1px}
.plans-note{margin-top:22px;color:var(--steel);font-size:var(--t-s);display:flex;gap:10px;align-items:flex-start}
@media (max-width:900px){.plans{grid-template-columns:1fr}}

/* FAQ */
.faq{display:grid;gap:10px;max-width:860px}
.faq details{background:var(--sheet);border:1px solid var(--rule);border-radius:12px}
.faq summary{list-style:none;cursor:pointer;padding:18px 56px 18px 20px;font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:22px;top:50%;width:12px;height:12px;border-right:2px solid var(--graphite);border-bottom:2px solid var(--graphite);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details>div{padding:0 20px 20px;color:var(--steel);max-width:70ch}

/* Заявка */
.cta-sec{background:var(--night);color:var(--on-night)}
.cta-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(32px,5vw,64px);align-items:start}
.cta-grid>*{min-width:0}
.cta-sec .lead{color:var(--on-night-2)}
.next{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:18px}
.next li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.next .k{font:500 var(--t-xs)/1 var(--f-mono);color:var(--night);background:var(--signal);border-radius:7px;padding:6px 8px}
.next b{display:block;margin-bottom:2px}
.next span{color:var(--on-night-2);font-size:var(--t-s)}
.contacts{margin-top:30px;display:grid;gap:8px;color:var(--on-night-2);font-size:var(--t-s)}
.contacts b{color:var(--on-night);font-weight:600}
@media (max-width:900px){.cta-grid{grid-template-columns:1fr}}
.form{background:var(--sheet);color:var(--graphite);border-radius:18px;padding:clamp(20px,3vw,32px);display:grid;gap:16px}
.form h3{font-family:var(--f-display);font-weight:600;font-size:var(--t-xl)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
.field{display:grid;gap:6px;min-width:0}
.field label{font-weight:600;font-size:var(--t-s)}
.field .hint{font-size:var(--t-xs);color:var(--steel)}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:var(--t-m);color:var(--graphite);background:var(--concrete);border:1.5px solid var(--rule);border-radius:10px;padding:12px 14px;min-height:50px}
.field textarea{min-height:96px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--graphite);background:var(--sheet)}
.field input[aria-invalid="true"]{border-color:var(--miss)}
.err{color:var(--miss);font-size:var(--t-xs);min-height:0}
.agree{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:var(--t-s);color:var(--steel)}
.agree input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--graphite)}
.agree a{color:var(--graphite)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-ok{display:grid;gap:12px;justify-items:start;padding:12px 0}
.form-ok .ic-xl{color:var(--done)}
.form-status{font-size:var(--t-s);color:var(--miss)}

/* Футер */
.foot{background:var(--night);color:var(--on-night-2);border-top:1px solid #1E2A38;padding-block:48px 32px;font-size:var(--t-s)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.foot .logo{color:var(--on-night)}
.foot .logo-mark{background:var(--signal);color:var(--night);--ia:var(--night)}
.foot h4{margin:0 0 12px;font:500 var(--t-xs)/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-night)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--on-night);text-decoration:underline}
.foot-bottom{margin-top:36px;padding-top:20px;border-top:1px solid #1E2A38;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:var(--t-xs)}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}

/* Мобильная закреплённая кнопка */
.mcta{display:none}
@media (max-width:700px){
  .mcta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--concrete) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--rule);transition:transform .2s}
  .mcta.hide{transform:translateY(110%)}
  .mcta .btn{width:100%}
  body{padding-bottom:76px}
}

/* Текстовые страницы (документы, скачать) */
.doc{padding-block:clamp(40px,6vw,80px)}
.doc-in{max-width:780px}
.doc h1{font-size:var(--t-2xl);margin:14px 0 10px}
.doc .meta{color:var(--steel);font-size:var(--t-s);margin-bottom:28px}
.doc h2{font-family:var(--f-body);font-weight:600;font-size:var(--t-l);margin:34px 0 10px}
.doc p,.doc li{color:var(--graphite);max-width:72ch}
.doc p+p{margin-top:12px}
.doc ol,.doc ul{padding-left:1.3em;display:grid;gap:8px}
.doc .note{background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--signal);padding:16px 18px;border-radius:10px;color:var(--steel);margin:20px 0}
.doc .ph{background:color-mix(in srgb,var(--signal) 25%,transparent);padding:0 .25em;border-radius:4px;font-family:var(--f-mono);font-size:.92em}
.dl-steps{list-style:none;padding:0;display:grid;gap:14px;margin:26px 0}
.dl-steps li{display:grid;grid-template-columns:auto 1fr;gap:16px;background:var(--sheet);border:1px solid var(--rule);border-radius:12px;padding:18px}
.dl-steps .k{font:600 var(--t-s)/1 var(--f-mono);background:var(--graphite);color:var(--concrete);border-radius:8px;width:34px;height:34px;display:grid;place-items:center}
.dl-steps b{display:block;margin-bottom:4px}
.dl-steps span{color:var(--steel);font-size:var(--t-s)}

/* ярлык «в пилоте» — возможность запускается вместе с первыми заказчиками */
.soon{display:inline-block;vertical-align:middle;margin-left:6px;padding:2px 8px;border-radius:999px;font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:.04em;color:var(--signal);border:1px solid var(--signal);white-space:nowrap}