/* Общая тема «КлиентAI» для всех страниц, кроме главной (у неё home.css).
   Подключается последней поверх landing.css / cabinet.css / master.css / chat.css:
   белый + тёплая бумага, графит, оранжевый акцент; Unbounded в заголовках, Onest в тексте. */
:root{
  --bg:#F6F5F2; --surface:#FFFFFF; --ink:#111111; --muted:#6F6C66; --line:#E9E6E0;
  --accent:#FF5A1F; --accent-d:#E8470E; --accent-soft:#FFF1EA; --navy:#111111; --navy-2:#2A2A2A;
  --r-lg:36px; --r:28px; --r-sm:18px;
  --sh-1:0 1px 2px rgba(17,17,17,.04),0 8px 24px rgba(17,17,17,.05);
  --sh-2:0 2px 6px rgba(17,17,17,.04),0 30px 70px -24px rgba(17,17,17,.2);
  --f-sans:"Onest",-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;
  --f-display:"Unbounded","Onest",system-ui,sans-serif;
}
body{font-family:var(--f-sans);letter-spacing:0;background:var(--bg);color:var(--ink)}
h1,h2,h3,.hero h1,.sec-head h2,.sec h2{font-family:var(--f-display);font-weight:500;letter-spacing:-.035em}
h3{letter-spacing:-.02em}
::selection{background:#FFD9C7}

/* логотип */
.brand-logo img{filter:drop-shadow(0 6px 12px rgba(255,90,31,.28))}
.brand-text b{font:600 18px/1.05 var(--f-display);letter-spacing:-.03em}
.brand-text span{font-size:12.5px;font-weight:600;color:var(--accent)}

/* кнопки */
.btn{border-radius:999px;font-weight:600;letter-spacing:0}
.btn-accent{background:linear-gradient(180deg,#FF7436,var(--accent) 55%,var(--accent-d));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.08),0 14px 30px -10px rgba(255,90,31,.55)}
.btn-accent:hover{background:linear-gradient(180deg,#FF7436,var(--accent-d))}
.btn-dark{background:var(--ink)}
.btn-ghost{background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-soft{background:var(--accent-soft);color:var(--accent-d)}

/* шапка */
.top{background:rgba(255,255,255,.8);box-shadow:0 1px 0 var(--line)}
.top-nav a{font-weight:500}
.chip{box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);font-weight:500}
.chip::before{background:var(--accent);box-shadow:0 0 0 4px rgba(255,90,31,.15)}

/* карточки: плоские, с тонкой рамкой */
.card,.signup-card,.example,.hero-facts li,.login-card,.lead-card,.cab-me,.app-card{box-shadow:inset 0 0 0 1px var(--line)}
.card:hover,.example:hover{box-shadow:inset 0 0 0 1px var(--line),var(--sh-2)}
.stage{box-shadow:var(--sh-2)}
.float-card{box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),var(--sh-2)}

/* формы */
.field input,.field select,.field textarea,.row-item input,.row-item select,.row-item textarea,.copy-row input{border-radius:16px;border:1.5px solid var(--line);font-family:var(--f-sans)}
.field input:focus,.field select:focus,.field textarea:focus,.row-item input:focus,.row-item select:focus,.row-item textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,90,31,.15);outline:none}
.check input{accent-color:var(--accent)}

/* калькулятор/тёмные блоки — графит */
.calc-card{background:linear-gradient(150deg,#2A2A2A,#111 70%)}

/* вход */
.login-card h1{font-family:var(--f-display)}
.or::before,.or::after{background:var(--line)}

/* кабинет */
.cab-side{background:#fff;border-right:1px solid var(--line)}
.cab-link{font-weight:500;color:#3a3936}
.cab-link:hover{background:var(--bg)}
.cab-link.on{background:var(--accent-soft);color:var(--accent-d);box-shadow:none}
.cab-link.on .ic{color:var(--accent)}
.cab-head h1{font-family:var(--f-display);font-weight:500;letter-spacing:-.035em}
.cab-demo{background:var(--ink)}
.cab-demo a{color:#FF9A6A}
.st-btn.on{background:var(--accent);color:#fff}
.toast{border-radius:16px}

/* документы и админка */
.doc h1,.admin h1{font-family:var(--f-display)}
.tbl th{font-weight:600}

/* подвал */
.foot{border-top:1px solid var(--line)}

/* картинки вместо старых пластилиновых иллюстраций */
.login-logo{width:88px!important;height:88px!important;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(255,90,31,.35));mix-blend-mode:normal!important}
.calc-art img{object-fit:cover!important;mix-blend-mode:normal!important}
.empty img.empty-photo{width:100%;max-width:340px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px;mix-blend-mode:normal}
.brand-text b em{font-style:normal;color:var(--accent)}