/* Страница «AI» (/ai/): поверх site.css, только на этой странице. Классы — с приставкой ap-.
   Ритм фонов: темный первый экран (как блок AI на главной) → светлые факты → темный «Мой взгляд» → «слоновая кость» практика →
   светлое «Помогу подружиться» → темный призыв */

.ap-head{background:var(--ink-deep);color:var(--ivory);padding:calc(var(--hdr,96px) + clamp(40px,6vw,88px)) 0 clamp(48px,7vw,96px)}
.ap-head .wrap{display:grid;gap:22px}
.ap-head h1{font-size:clamp(34px,4.4vw,58px);line-height:1.12;max-width:20ch}
.ap-head .lead{font-size:clamp(18px,1.6vw,22px);line-height:1.6;max-width:56ch;opacity:.9}

.ap-sh{display:grid;gap:14px;max-width:820px;margin-bottom:clamp(28px,4vw,48px)}
.ap-sh .eyebrow{color:var(--gold-deep)}
.ap-sh h2{font-size:clamp(28px,3.2vw,42px);line-height:1.18}

/* факты: крупная цифра, суть, источник */
.ap-facts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.6vw,32px)}
.ap-facts li{display:grid;gap:10px;align-content:start;padding-top:20px;border-top:2px solid var(--gold)}
.ap-facts b{font-weight:400;font-size:clamp(44px,4.6vw,64px);line-height:1;color:var(--gold-deep)}
.ap-facts p{font-size:clamp(17px,1.35vw,19px);line-height:1.5}
.ap-facts small{font-size:13px;color:var(--espresso-soft)}
.ap-note{margin-top:clamp(28px,4vw,48px);font-size:clamp(19px,1.6vw,22px);line-height:1.55;max-width:52ch}

/* мой взгляд */
.ap-view{background:var(--ink);color:var(--ivory)}
.ap-view .ap-sh .eyebrow{color:var(--gold-light)}
.ap-points{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.6vw,36px);counter-reset:pt}
.ap-points li{padding-top:18px;border-top:1px solid rgba(196,162,102,.6);counter-increment:pt}
.ap-points li::before{content:counter(pt,decimal-leading-zero);display:block;margin-bottom:10px;font-size:14px;letter-spacing:.14em;color:var(--gold-light)}
.ap-points p{font-size:clamp(17px,1.4vw,20px);line-height:1.6;opacity:.92}
.ap-proof{margin-top:clamp(28px,4vw,48px);max-width:62ch;font-size:clamp(16px,1.3vw,18px);line-height:1.6;opacity:.8}
.ap-proof small{display:block;margin-top:6px;font-size:13px;opacity:.75}

/* из моей практики */
.ap-cases-sec{background:var(--ivory)}
/* пять историй без пустой клетки: три коротких в ряд, под ними две длинных */
.ap-cases{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.ap-cases li{grid-column:span 2}
.ap-cases li:nth-child(n+4){grid-column:span 3}
.ap-cases li{background:var(--paper);border-radius:14px;padding:clamp(22px,2.6vw,30px);display:grid;gap:10px;align-content:start}
.ap-cases h3{font-size:clamp(21px,1.8vw,24px);line-height:1.25}
.ap-cases p{color:var(--espresso-soft);font-size:17px;line-height:1.55}

/* помогу подружиться */
.ap-help .wrap{display:grid;gap:18px;justify-items:start}
.ap-help .ap-sh{margin-bottom:0}
.ap-help p{font-size:clamp(18px,1.5vw,21px);line-height:1.6;max-width:58ch}
.ap-verdict{margin-top:clamp(12px,2vw,24px);padding-top:18px;border-top:1px solid var(--gold);font-size:clamp(24px,2.4vw,32px)!important;color:var(--gold-deep)}

@media (max-width:960px){.ap-cases{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-cases li,.ap-cases li:nth-child(n+4){grid-column:auto}.ap-cases li:last-child{grid-column:1/-1}}
@media (max-width:860px){.ap-facts,.ap-points{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.ap-cases{grid-template-columns:minmax(0,1fr)}}