/* Страница: home */
body { background-color: #08090b; color: #e8e5de; -webkit-font-smoothing: antialiased; }
    /* Скрытие скроллбара для горизонтальных свайп-зон на мобильных */
    .no-scrollbar::-webkit-scrollbar { display: none; }
    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
    
    .hairline-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
    
    /* Отключение тяжелых фонов на мобильных */
    @media (min-width: 1024px) {
      .hero-glow {
        background: radial-gradient(circle 600px at 75% 30%, rgba(216, 178, 110, 0.08), transparent 70%),
                    radial-gradient(circle 450px at 25% 15%, rgba(255, 255, 255, 0.03), transparent 60%);
      }
      .dot-grid {
        background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
        background-size: 28px 28px;
      }
    }

    /* Нативный аккордеон FAQ */
    details > summary { list-style: none; }
    details > summary::-webkit-details-marker { display: none; }

/* Страница: ai */
body { background-color: #08090b; color: #e8e5de; -webkit-font-smoothing: antialiased; }
    .no-scrollbar::-webkit-scrollbar { display: none; }
    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
    .hairline-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
    
    @media (min-width: 1024px) {
      .dot-grid {
        background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
        background-size: 24px 24px;
      }
    }
    details > summary { list-style: none; }
    details > summary::-webkit-details-marker { display: none; }

/* Страница: automation */
body { background-color: #08090b; color: #e8e5de; -webkit-font-smoothing: antialiased; }
    .hairline-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
    @media (min-width: 1024px) {
      .dot-grid {
        background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
        background-size: 24px 24px;
      }
    }
    details > summary { list-style: none; }
    details > summary::-webkit-details-marker { display: none; }

/* Страница: cases */
body { background-color: #08090b; color: #e8e5de; -webkit-font-smoothing: antialiased; }
    .hairline-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
    @media (min-width: 1024px) {
      .dot-grid {
        background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
        background-size: 24px 24px;
      }
    }

/* Страница: case_ai */
body { background-color: #08090b; color: #e8e5de; -webkit-font-smoothing: antialiased; }
    .hairline-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
    .no-scrollbar::-webkit-scrollbar { display: none; }
    .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
    @media (min-width: 1024px) {
      .dot-grid {
        background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
        background-size: 24px 24px;
      }
    }

html { scroll-behavior:smooth; scroll-padding-top:5rem; }
html { overflow-x: clip; }
body { min-width:320px; }
[id] { scroll-margin-top:5rem; }
button,a { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid #d8b26e; outline-offset:3px; }


.profile-photo { display:block; width:100%; height:100%; object-fit:cover; }
.profile-photo-frame { overflow:hidden; background:#14161c; }
.button-arrow { display:inline-block; margin-left:.4rem; }

/* Главная: живой портрет и редакционная композиция */
.hero-layout { display: grid; grid-template-columns: minmax(0, 1.28fr) minmax(270px, .72fr); gap: clamp(2rem, 5vw, 5.5rem); align-items: center; }

.hero-portrait, .why-photo { position: relative; overflow: hidden; margin: 0; isolation: isolate; background: #171a20; }
.hero-portrait { min-height: 460px; height: min(62vw, 650px); max-height: 650px; border-radius: 180px 180px 18px 18px; box-shadow: 0 28px 90px rgba(0,0,0,.42); }
.hero-portrait::after, .why-photo::after { position: absolute; inset: 30% 0 0; z-index: 1; background: linear-gradient(180deg, transparent, rgba(8,9,11,.76)); content: ""; pointer-events: none; }
.hero-portrait img, .why-photo img { display: block; width: 100%; height: 100%; object-fit: cover;  }
.hero-portrait img { object-position: 50% 35%; }

.hero-portrait figcaption { position: absolute; z-index: 2; inset: auto 22px 22px; display: flex; flex-direction: column; gap: 4px; color: #fff; }
.hero-portrait figcaption span:first-child { font: 500 19px/1.3 "Plus Jakarta Sans", sans-serif; }
.hero-portrait figcaption span:last-child { color: rgba(255,255,255,.74); font: 10px/1.4 "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.hero-photo-index { position: absolute; top: 20px; right: 20px; z-index: 2; color: white; font: 10px "JetBrains Mono", monospace; letter-spacing: .14em; }
.hero-facts { grid-column: 1 / -1; }
.hero-facts > div { min-height: 50px; }
.hero-scene #mobileMenuBtn { min-width: 44px; min-height: 44px; }
.why-section-grid { align-items: start !important; }
.why-visual { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; align-items: stretch; }
.why-photo { height: 340px; min-height: 0; border-radius: 12px; }
.why-photo img { object-position: 50% 0%; }
.why-photo figcaption { position: absolute; inset: auto 18px 17px; z-index: 2; max-width: 330px; color: white; font: 500 14px/1.45 "Plus Jakarta Sans", sans-serif; }

/* Тёплая светлая глава разбивает тёмную ленту, сохраняя фирменную палитру. */
.light-chapter { background: #e8e5de !important; color: #17191d !important; border-color: rgba(20,22,28,.12) !important; }
.light-chapter .text-brand-white, .light-chapter .text-brand-sand { color: #17191d !important; }
.light-chapter .text-brand-muted { color: #646a73 !important; }
.light-chapter .text-brand-accent { color: #9b6d24 !important; }
.light-chapter .border-brand-800, .light-chapter .border-brand-800\/60, .light-chapter .border-brand-800\/70 { border-color: rgba(20,22,28,.16) !important; }
.light-chapter .divide-brand-800\/70 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(20,22,28,.16) !important; }
.light-chapter .hover\:bg-brand-900\/40:hover { background-color: rgba(20,22,28,.045) !important; }
.light-chapter .text-brand-white { text-shadow: none; }
.why-chapter { background: #e8e5de !important; color: #17191d !important; border-color: rgba(20,22,28,.12) !important; }
.why-chapter .text-brand-white, .why-chapter .text-brand-sand { color: #17191d !important; }
.why-chapter .text-brand-muted { color: #5f6670 !important; }
.why-chapter .text-brand-accent { color: #91641f !important; }
.why-chapter .border-brand-800, .why-chapter .border-brand-800\/40 { border-color: rgba(20,22,28,.15) !important; }
.why-chapter .bg-brand-900 { background-color: #f2efe8 !important; border-color: rgba(20,22,28,.12) !important; }
.why-chapter .bg-brand-950, .why-chapter .bg-brand-950\/60 { background-color: #fffefa !important; border-color: rgba(20,22,28,.1) !important; }
.why-chapter .border-brand-accent\/40 { border-color: rgba(145,100,31,.42) !important; }
.why-chapter .text-brand-sand\/80 { color: #545b63 !important; }

@media (max-width: 767px) {
  .hero-layout { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .hero-portrait { width: min(100%, 410px); height: min(105vw, 510px); min-height: 330px; justify-self: center; border-radius: 150px 150px 14px 14px; }

  .hero-facts { gap: 14px 16px; }
  .why-visual { gap: 16px; }
  .why-photo { height: min(112vw, 460px); min-height: 360px; }
  .why-visual > div > .space-y-3 > div { align-items: flex-start; flex-direction: column; gap: 4px; }
}



/* Единая палитра сохраняет оттенки существующих внутренних страниц. */
:root {
  --brand-950: 8 9 11; --brand-900: 14 16 20; --brand-850: 20 22 28;
  --brand-800: 29 33 41; --brand-700: 43 49 61; --brand-muted: 122 130 146;
  --brand-sand: 232 229 222; --brand-accent: 216 178 110; --brand-white: 250 251 254;
  --container-wide: 1360px; --container-main: 1240px;
  --container-reading: 960px; --container-copy: 700px;
}
.home-page {
  --brand-950: 9 10 12; --brand-900: 17 19 23; --brand-850: 23 25 32;
  --brand-800: 30 33 41; --brand-700: 42 46 57; --brand-muted: 146 151 163;
  --brand-white: 249 249 251;
}
.container-wide, .container-main, .container-reading { width: 100%; margin-inline: auto; }
.container-wide { max-width: var(--container-wide); }
.container-main { max-width: var(--container-main); }
.container-reading { max-width: var(--container-reading); }
.container-header { max-width: calc(var(--container-wide) + 64px); }
.home-page header nav > a, .home-page header nav > div > a { min-height: 44px; display:flex; align-items:center; }
.home-page .header-actions button, #mobileMenuBtn { min-height: 44px; }
#mobileMenu { max-height: calc(100dvh - 80px); overflow-y: auto; }
#mobileMenu a { min-height: 44px; display: flex; align-items:center; }
.hero-scene { padding: 128px 32px 64px; }
.home-page .hero-layout { grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); gap: clamp(32px, 4vw, 72px); align-items: center; }
.home-page .hero-copy { animation: none; }
.hero-eyebrow { margin:0 0 28px; color: #aeb1bb; font: 12px/1.65 'JetBrains Mono', monospace; letter-spacing: .015em; }
.hero-title { max-width: 900px; margin:0 0 26px; color:#f9f9fb; font:500 clamp(46px, 4.25vw, 76px)/1.07 'Inter', sans-serif; letter-spacing:-.052em; }
.hero-title span { color: #a0a4af; font-weight:400; }
.hero-description { max-width: var(--container-copy); color:#bcbcc1; font-size:18px; line-height:1.65; margin:0 0 30px; font-weight:400; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.hero-primary, .hero-secondary { min-height:54px; padding:15px 25px; border-radius:4px; font-size:15px; font-weight:500; display:inline-flex; align-items:center; justify-content:center; text-align:center; }
.hero-primary { background:#e8e5de; color:#090a0c; border:1px solid #e8e5de; cursor:pointer; }
.hero-primary:hover { background:#d8b26e; border-color:#d8b26e; }
.hero-secondary { border:1px solid #30343e; color:#e8e5de; }
.hero-secondary:hover { border-color:#a0a4af; color:#fff; }
.hero-next-step { font-size:13px; line-height:1.6; color:#989da8; margin:14px 0 0; }
.hero-proof { max-width:620px; margin-top:30px; padding-top:20px; border-top:1px solid #2a2e39; }
.hero-proof-label, .section-kicker { color:#d8b26e; font:12px/1.6 'JetBrains Mono',monospace; letter-spacing:.07em; text-transform:uppercase; }
.hero-proof p { font-size:15px; line-height:1.55; color:#d0d0d4; margin:8px 0 3px; }
.hero-proof a { display:inline-flex; gap:8px; align-items:center; min-height:44px; color:#aeb1bb; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.hero-proof a:hover { color:#d8b26e; }
.home-page .hero-portrait { height:590px; min-height:0; max-height:none; width:100%; border-radius:220px 220px 16px 16px; box-shadow:none; }
.home-page .hero-portrait figcaption span:last-child { font-size:11px; letter-spacing:.035em; text-transform:none; }
.home-page .hero-portrait img { object-position:50% 30%; }
.cases-heading { display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:44px; }
.cases-heading h2 { font-size:clamp(28px,3vw,42px); line-height:1.18; letter-spacing:-.035em; color:#f9f9fb; margin-top:14px; max-width:640px; }
.cases-heading > div:last-child { max-width:320px; font-size:16px; line-height:1.5; color:#aeb1bb; }
.cases-heading a { display:inline-flex; min-height:44px; align-items:center; color:#e8e5de; margin-top:8px; }
.cases-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.case-card { display:flex; flex-direction:column; padding:30px; background:#111317; border:1px solid #242832; border-radius:12px; }
.case-card-heading { position:relative; padding-bottom:24px; border-bottom:1px solid #292c34; }
.case-number { display:block; color:#626977; font:14px/1 'JetBrains Mono', monospace; margin-bottom:24px; }
.case-tag { color:#d8b26e; font-size:12px; line-height:1.5; margin-bottom:12px; }
.case-card h3 { color:#f9f9fb; font-size:25px; line-height:1.2; letter-spacing:-.025em; min-height:60px; }
.case-story { display:flex; flex:1; flex-direction:column; gap:24px; padding-top:24px; }
.case-story dt { font-size:12px; color:#9da3af; margin-bottom:7px; }
.case-story dd { max-width:65ch; color:#c8c9cf; font-size:16px; line-height:1.6; }
.case-story .case-impact { margin-top:auto; border-left:2px solid #d8b26e; padding-left:16px; }
.case-impact dt { color:#d8b26e; }
.case-impact dd { color:#f9f9fb; }
.case-link { border-top:1px solid #292c34; margin-top:26px; padding-top:18px; min-height:48px; color:#e8e5de; display:flex; justify-content:space-between; font-size:14px; }
.case-link:hover { color:#d8b26e; }
.telegram-float { position:fixed; z-index:40; right:24px; bottom:24px; display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:#227fad; border:1px solid #73b4d1; color:#fff; box-shadow:0 4px 20px #0004; transition:background 180ms ease,opacity 180ms ease; }
.telegram-float:hover { background:#196c95; }
.telegram-float:focus-visible { outline:3px solid #e8dfcb; outline-offset:4px; }
.telegram-float-label { position:absolute; right:calc(100% + 12px); white-space:nowrap; padding:9px 13px; border:1px solid #41453f; border-radius:5px; background:#171c19; font-size:14px; opacity:0; visibility:hidden; transition:opacity 180ms ease; }
.telegram-float:hover .telegram-float-label,.telegram-float:focus-visible .telegram-float-label { opacity:1; visibility:visible; }
.telegram-float[hidden],body:has(#mobileMenuBtn[aria-expanded="true"]) .telegram-float,body:has(.contact-modal:not(.hidden)) .telegram-float,body:has(.analytics-choice) .telegram-float { display:none; }
@media(max-width:767px) {
  .telegram-float { right:12px; bottom:calc(14px + env(safe-area-inset-bottom,0px)); width:48px; height:48px; }
  .telegram-float-label { display:none; }
}
@media(prefers-reduced-motion:reduce) { .telegram-float,.telegram-float-label { transition:none; } }
.contact-modal { position:fixed; inset:0; z-index:100; align-items:center; justify-content:center; padding:20px; background:rgba(9,10,12,.92); }
.contact-panel { position:relative; width:100%; max-width:500px; max-height:calc(100dvh - 40px); overflow-y:auto; background:#111317; border:1px solid #30343e; border-radius:12px; padding:32px; }
.contact-panel h2 { font-size:26px; color:#f9f9fb; padding-right:32px; }
.contact-close { position:absolute; top:12px; right:12px; min-width:44px; min-height:44px; color:#c6c8cf; font-size:28px; }
.contact-intro { color:#b5b8c2; font-size:15px; line-height:1.6; margin:14px 0 20px; }
.contact-notice { padding:14px; margin:0 0 20px; border:1px solid #d8b26e66; border-radius:4px; color:#e8d5b3; font-size:15px; line-height:1.5; }
.contact-panel label { display:block; font-size:14px; color:#e8e5de; margin:16px 0 8px; }
.contact-panel input, .contact-panel textarea { width:100%; background:#090a0c; border:1px solid #363c48; border-radius:4px; padding:12px; color:#f9f9fb; font:16px/1.5 Inter,sans-serif; }
.contact-panel textarea { resize:vertical; }
.contact-panel form > button { width:100%; margin-top:20px; }
.contact-panel :disabled { opacity:.55; cursor:not-allowed; }
#modalSuccess { margin-top:18px; font-size:15px; line-height:1.5; color:#e8d5b3; }
@media (min-width:1440px) {
  .hero-scene { padding-top:132px; padding-bottom:72px; }
  .home-page .hero-portrait { height:620px; }
}
@media (min-width:1800px) {
  .hero-title { font-size:72px; }
  .home-page .hero-portrait { height:650px; }
}
@media (min-width:768px) and (max-width:1100px) {
  .home-page .hero-layout { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:28px; }
  .hero-title { font-size:clamp(40px,4.4vw,49px); }
  .hero-description { font-size:17px; }
  .home-page .hero-portrait { height:510px; }
  .cases-grid { grid-template-columns:1fr; gap:24px; }
  .case-card { display:grid; grid-template-columns: .85fr 1.4fr; column-gap:36px; }
  .case-card-heading { border:0; }
  .case-story { padding-top:0; }
  .case-link { grid-column:1/-1; }
}
@media (max-width:767px) {
  .home-page > header > div:first-child { height:68px; }
  #mobileMenu { max-height:calc(100dvh - 68px); }
  .hero-scene { padding:99px 20px 40px; }
  .home-page .hero-layout { grid-template-columns:1fr; gap:28px; }
  .hero-eyebrow { font:12px/1.6 Inter,sans-serif; letter-spacing:0; margin-bottom:20px; }
  .hero-title { font-size:clamp(32px,8.55vw,42px); line-height:1.08; letter-spacing:-.045em; margin-bottom:20px; max-width:560px; }
  .hero-description { font-size:16px; line-height:1.6; margin-bottom:23px; }
  .hero-actions { display:grid; grid-template-columns:1fr; gap:8px; }
  .hero-primary, .hero-secondary { min-height:50px; font-size:15px; padding:12px 18px; }
  .hero-secondary { border-color:transparent; min-height:44px; padding:8px 18px; }
  .hero-next-step { font-size:13px; margin-top:10px; }
  .hero-proof { margin-top:23px; padding-top:18px; }
  .hero-proof p { font-size:15px; }
  .home-page .hero-portrait { height:176px; border-radius:10px; max-width:none; width:100%; }
  .home-page .hero-portrait img { object-position:50% 32%; }
  .home-page .hero-portrait::after { inset:0; background:linear-gradient(90deg,rgba(8,9,11,.7),transparent 85%); }
  .home-page .hero-portrait figcaption { inset:auto 16px 16px; }
  .home-page .hero-portrait figcaption span:first-child { font-size:17px; }
  .home-page main > section:not(#top) { padding-top:56px; padding-bottom:56px; }
  .home-page main p.text-xs { font-size:15px; line-height:1.6; }
  .home-page main .text-\[10px\] { font-size:12px; }
  .home-page #system .grid { gap:12px; }
  .cases-heading { display:block; margin-bottom:28px; }
  .cases-heading > div:last-child { margin-top:20px; max-width:100%; }
  .cases-grid { grid-template-columns:1fr; gap:20px; }
  .case-card { padding:24px; }
  .case-number { margin-bottom:18px; }
  .case-card h3 { min-height:0; font-size:25px; }
  .case-story { gap:20px; }
  .case-story dd { font-size:16px; line-height:1.55; }
  .case-card-heading { padding-bottom:20px; }
  .contact-panel { padding:24px; }
  .home-page footer { padding-top:40px; padding-bottom:32px; }
  .home-page footer a { display:inline-flex; min-height:36px; align-items:center; }
}
@media (max-width:350px) {
  .hero-scene { padding-inline:16px; padding-top:92px; }
  .hero-eyebrow { font-size:11px; margin-bottom:18px; }
  .hero-title { font-size:32px; }
  .case-card { padding:20px; }
}
.hero-title { text-wrap:balance; }
@media (max-width:767px) {
  .home-page .hero-portrait { display:grid; grid-template-columns:112px minmax(0,1fr); height:152px; gap:18px; align-items:center; padding-right:16px; background:#111317; border:1px solid #242832; }
  .home-page .hero-portrait img { width:112px; height:152px; object-position:50% 30%; }
  .home-page .hero-portrait::after { display:none; }
  .home-page .hero-portrait figcaption { position:static; gap:9px; }
  .home-page .hero-portrait figcaption span:last-child { font:13px/1.5 Inter,sans-serif; letter-spacing:0; color:#aeb1bb; }
}

/* Реальные проекты: два подробных примера и два компактных. */
.proof-projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:stretch; }
.proof-project { min-width:0; background:#111317; border:1px solid #292d35; border-radius:12px; padding:30px; display:flex; flex-direction:column; }
.proof-project-heading { margin-bottom:24px; }
.proof-project-heading .case-tag { margin-bottom:12px; color:#d8b26e; }
.proof-project h3 { font-size:clamp(25px,2.5vw,34px); line-height:1.15; letter-spacing:-.035em; color:#f9f9fb; }
.project-visual { margin:0 0 28px; border:1px solid #303540; border-radius:6px; overflow:hidden; background:#090a0c; }
.project-screen a { display:block; }
.project-screen img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:contain; }
.browser-caption { padding:10px 14px; font:11px/1.5 'JetBrains Mono',monospace; color:#b5bac6; display:flex; gap:14px; align-items:center; border-bottom:1px solid #303540; }
.browser-caption > span { color:#626977; font-size:9px; letter-spacing:3px; }
.project-flow { min-height:0; aspect-ratio:1.46; display:flex; justify-content:center; flex-direction:column; padding:26px; }
.project-visual-label { font:11px/1.5 'JetBrains Mono',monospace; color:#9298a4; letter-spacing:.04em; margin-bottom:28px; }
.ai-flow-main { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ai-flow-main li { position:relative; padding:14px 10px; border:1px solid #353b47; border-radius:4px; display:flex; flex-direction:column; gap:9px; }
.ai-flow-main li:nth-child(2) { border-color:#8b734b; background:#171611; }
.ai-flow-main li:not(:last-child)::after { content:'→'; position:absolute; left:calc(100% + 4px); top:50%; color:#a99a80; transform:translateY(-50%); }
.flow-index { font:11px/1 'JetBrains Mono',monospace; color:#d8b26e; }
.ai-flow-main strong { font-size:15px; font-weight:500; color:#f9f9fb; }
.ai-flow-main li > span:last-child { font-size:12px; line-height:1.5; color:#aab0bd; }
.ai-flow-branches { display:flex; justify-content:flex-end; gap:12px; margin-top:25px; padding-top:18px; border-top:1px solid #343b44; }
.ai-flow-branches p { padding:9px 12px; background:#171920; font-size:12px; color:#d5d7df; border-radius:3px; }
.flow-note { color:#9399a6; font-size:12px; line-height:1.5; margin-top:22px; }
.proof-story { display:grid; gap:20px; flex:1; }
.proof-story dt { font-size:12px; color:#9ca3b0; margin-bottom:6px; }
.proof-story dd { color:#c8cbd2; font-size:16px; line-height:1.6; max-width:65ch; }
.proof-impact { border-left:2px solid #d8b26e; padding-left:16px; align-self:end; }
.proof-impact dt { color:#d8b26e; }
.proof-impact dd { color:#f9f9fb; }
.project-evidence { padding-top:18px; margin-top:26px; border-top:1px solid #292c34; color:#969da9; font-size:12px; line-height:1.6; }
.proof-project .case-link { margin-top:26px; }
.proof-project--supporting h3 { font-size:27px; }
.proof-project--supporting .project-visual { height:210px; }
.project-screen--compact a { height:calc(100% - 38px); overflow:hidden; }
.project-screen--compact img { height:auto; width:100%; object-fit:cover; object-position:top; }
.content-flow { padding:22px; display:flex; flex-direction:column; justify-content:center; }
.content-flow .project-visual-label { margin-bottom:18px; }
.content-flow-steps { display:flex; gap:24px; color:#e8e5de; font-size:13px; align-items:center; }
.content-flow-steps li { position:relative; }
.content-flow-steps li:not(:last-child)::after { content:'→'; position:absolute; right:-19px; top:0; color:#a99a80; }
.content-channels { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding-top:18px; margin-top:18px; border-top:1px solid #343b44; }
.content-channels li { color:#d8b26e; font-size:12px; }
.content-flow .flow-note { margin-top:16px; }
.trust-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:72px; align-items:center; }
.trust-copy h2 { font-size:clamp(29px,3vw,42px); line-height:1.12; letter-spacing:-.04em; margin:20px 0; }
.trust-copy > p { max-width:560px; font-size:17px; line-height:1.6; color:#545b63; }
.trust-capabilities { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:24px; max-width:600px; }
.trust-capabilities li { font-size:13px; color:#515760; border-bottom:1px solid #c5c1b8; padding-bottom:6px; }
.trust-photo { height:340px; }
.trust-method { padding-top:28px; margin-top:40px; border-top:1px solid #c6c3ba; }
.trust-method > p { font-size:14px; color:#565b62; }
.trust-method ol { display:grid; grid-template-columns:repeat(6,1fr); gap:24px; margin-top:20px; }
.trust-method li { position:relative; font-size:16px; font-weight:500; }
.trust-method li:not(:last-child)::after { content:'→'; position:absolute; right:-6px; color:#8d8170; }
.trust-method > span { display:block; color:#676c72; font-size:13px; margin-top:18px; }
.contact-hint { color:#c6b18b; font-size:14px; line-height:1.55; margin-bottom:18px; }
.contact-continue { color:#e8d5b3; font-size:14px; text-decoration:underline; text-underline-offset:4px; padding:12px 0; }
.contact-continue:not([hidden]) { display:inline-block; }
#contactDraftPanel { margin-top:20px; }
#copyContactDraft { width:100%; margin-top:12px; }
@media (min-width:768px) and (max-width:1100px) {
  .proof-project { padding:22px; }
  .project-flow { padding:18px; aspect-ratio:auto; min-height:300px; }
  .ai-flow-main { gap:12px; }
  .ai-flow-main li { padding:10px 7px; }
  .ai-flow-main strong { font-size:13px; }
  .ai-flow-main li:not(:last-child)::after { left:100%; }
  .ai-flow-main li > span:last-child { font-size:11px; }
  .ai-flow-branches { gap:8px; }
  .ai-flow-branches p { padding:8px; font-size:11px; }
  .project-screen { align-self:start; width:100%; }
  .trust-grid { gap:36px; }
  .trust-method ol { gap:16px; }
  .trust-method li { font-size:14px; }
  .content-flow-steps { flex-wrap:wrap; gap:8px 24px; }
}
@media (max-width:767px) {
  .proof-projects { grid-template-columns:1fr; gap:24px; }
  .proof-project { padding:22px; }
  .proof-project h3 { font-size:27px; }
  .proof-project-heading { margin-bottom:22px; }
  .project-visual { margin-bottom:24px; }
  .project-flow { aspect-ratio:auto; padding:20px; }
  .project-visual-label { margin-bottom:20px; font-size:11px; }
  .ai-flow-main { grid-template-columns:1fr; gap:16px; }
  .ai-flow-main li { display:grid; grid-template-columns:24px 1fr; padding:10px 12px; gap:4px 8px; }
  .flow-index { grid-row:span 2; align-self:center; }
  .ai-flow-main li > span:last-child { font-size:12px; }
  .ai-flow-main li:not(:last-child)::after { content:'↓'; left:50%; top:calc(100% + 1px); transform:none; font-size:13px; }
  .ai-flow-branches { flex-direction:column; gap:6px; margin-top:16px; padding-top:14px; }
  .ai-flow-branches p { font-size:13px; padding:6px 0; background:none; }
  .flow-note { margin-top:14px; }
  .browser-caption { padding:9px 10px; font-size:10px; gap:10px; }
  .proof-story { gap:18px; }
  .proof-story dd { font-size:16px; line-height:1.55; }
  .project-evidence { font-size:12px; }
  .proof-project--supporting .project-visual { height:auto; }
  .project-screen--compact a { height:auto; }
  .content-flow { padding:18px; }
  .content-flow-steps { flex-direction:column; align-items:start; gap:15px; font-size:14px; }
  .content-flow-steps li:not(:last-child)::after { content:'↓'; left:0; top:100%; font-size:11px; }
  .content-channels { grid-template-columns:1fr 1fr; gap:12px; }
  .trust-grid { grid-template-columns:1fr; gap:28px; }
  .trust-copy h2 { font-size:29px; }
  .trust-copy > p { font-size:16px; }
  .trust-capabilities { gap:12px 16px; }
  .trust-capabilities li { font-size:14px; }
  .trust-photo { height:230px; min-height:0; }
  .trust-method { margin-top:28px; padding-top:22px; }
  .trust-method ol { grid-template-columns:1fr; gap:0; counter-reset:method; }
  .trust-method li { font-size:15px; padding:11px 0; border-bottom:1px solid #d0ccc2; counter-increment:method; }
  .trust-method li::before { content:'0' counter(method); color:#92744b; font:11px 'JetBrains Mono',monospace; margin-right:16px; }
  .trust-method li:not(:last-child)::after { content:'↓'; right:0; }
}
@media (max-width:350px) {
  .proof-project { padding:18px; }
  .project-flow { padding:14px; }
  .proof-project h3 { font-size:25px; }
}
.why-chapter .section-kicker { color:#89611e; }
@media (max-width:767px) {
  .project-flow .ai-flow-main { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .project-flow .ai-flow-main li { display:flex; justify-content:center; padding:12px 5px; min-height:66px; text-align:center; }
  .project-flow .ai-flow-main strong { font-size:13px; line-height:1.4; overflow-wrap:normal; }
  .project-flow .flow-index, .project-flow .ai-flow-main li > span:last-child, .project-flow .flow-note { display:none; }
  .project-flow .ai-flow-main li:not(:last-child)::after { content:'→'; left:100%; top:50%; transform:translateY(-50%); }
  .project-flow .ai-flow-branches { flex-direction:row; gap:10px; justify-content:space-between; }
  .project-flow .ai-flow-branches p { font-size:12px; line-height:1.5; max-width:48%; }
  .trust-method ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
  .trust-method li { display:flex; flex-direction:column; gap:6px; font-size:14px; }
  .trust-method li:not(:last-child)::after { display:none; }
}
.proof-story { align-content:start; }
@media (max-width:767px) {
  .project-flow .ai-flow-main { grid-template-columns:.9fr 1.35fr 1fr; }
}

/* Правовые ссылки доступны на каждой странице, включая мобильный подвал. */
.footer-legal { display:flex; flex-wrap:wrap; gap:6px 28px; padding:20px 0; border-top:1px solid #30312d; }
.footer-legal a { display:inline-flex; align-items:center; min-height:44px; color:#bcbab3; font-size:14px; line-height:1.5; text-underline-offset:4px; }
.footer-legal a:hover { color:#eee5d3; text-decoration:underline; }
.footer-legal a:focus-visible,.contact-privacy a:focus-visible { outline:2px solid #d8b26e; outline-offset:4px; }
.contact-privacy { margin:0 0 18px; color:#bcbab3; font-size:13px; line-height:1.6; }
.contact-privacy a { color:#e1c48b; text-decoration:underline; text-underline-offset:3px; }
.contact-panel button:disabled { opacity:.5; cursor:not-allowed; }
@media(max-width:767px) { .footer-legal { display:grid; gap:0; padding:14px 0; } }