/* fnmo.ai · S1–S3 «Направления и кейсы»: блок на живой главной + страницы направлений и кейсов.
   Переменные/шрифты/кнопки — живого сайта (на главной) и _wa/case.css (на отдельных страницах). */
@font-face{font-family:GT;src:url(/assets/wa/fonts/Cygre-Regular.ttf) format("truetype");font-weight:400;font-display:swap;unicode-range:U+0400-04FF,U+2116}
@font-face{font-family:GT;src:url(/assets/wa/fonts/Cygre-Medium.ttf) format("truetype");font-weight:500;font-display:swap;unicode-range:U+0400-04FF,U+2116}

.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.tag{font-family:var(--mno);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
.ln{color:var(--mut);font-size:14.5px;line-height:1.5}
.go{position:absolute;right:16px;bottom:16px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;font-size:15px;color:var(--ink);transition:all .4s var(--ease)}
.go-l{display:inline-flex;gap:8px;margin-top:18px;font-family:var(--mno);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.plus{font:300 64px/1 GT;color:rgba(255,255,255,.35)}

/* ── обложки (без подложек и рамок) ── */
.cv{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.cv.web img{position:absolute;inset:7% 5%;width:90%;height:86%;object-fit:contain;transition:transform 1s var(--ease)}
.cv.img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.cv.vid video{width:100%;height:100%;object-fit:cover;display:block}
.cv.phones{display:flex;justify-content:center;align-items:flex-end;gap:4%;padding:7% 6% 0}
.cv.phones img{height:100%;width:auto;max-width:30%;object-fit:cover;object-position:top;border-radius:clamp(12px,1.3vw,22px) clamp(12px,1.3vw,22px) 0 0;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 50px -20px #000;transition:transform 1s var(--ease)}
.cv.phones.n2 img{max-width:38%}
.cv.phones.n3 img:nth-child(2){transform:translateY(-5%)}

/* ── блок на главной: общая шапка ── */
.sx{width:100%}
.sx-hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,90px);align-items:end}
.sx-hd h2{font-size:clamp(30px,4.4vw,64px)}
.sx-hd p.lede{margin-top:0;max-width:48ch;font-size:clamp(15px,1.15vw,18px)}

/* S1 — три карточки направлений */
.s1-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(26px,4vh,46px)}
.s1-c{position:relative;display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:rgba(12,12,22,.62);border:1px solid var(--line);color:var(--ink);transition:transform .5s var(--ease),border-color .3s}
.s1-m{display:block;aspect-ratio:5/4;background:radial-gradient(70% 70% at 50% 45%,rgba(84,103,246,.3),transparent 70%)}
.s1-c:nth-child(3) .s1-m{background:none}
.s1-t{display:flex;flex-direction:column;gap:10px;padding:clamp(16px,1.6vw,24px) clamp(16px,1.6vw,24px) clamp(22px,2vw,30px)}
.s1-t b{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(28px,2.8vw,44px);line-height:.92}
.s1-t .ln{padding-right:44px}
.s1-c:hover{transform:translateY(-5px);border-color:rgba(84,103,246,.6)}.s1-c:hover .go{background:var(--grad);border-color:transparent}
.s1-c:hover .cv.web img,.s1-c:hover .cv.img img{transform:scale(1.04)}

/* S2 — bento с роликом */
.s2-g{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);margin-top:clamp(26px,4vh,44px);height:min(58vh,560px)}
.s2-c{position:relative;display:block;border-radius:var(--r);overflow:hidden;isolation:isolate;color:var(--ink);background:#0B0B14}
.s2-c.big{grid-row:1/3}
.s2-c>.cv{position:absolute;inset:0;z-index:-2}
.s2-c.app>.cv{background:radial-gradient(70% 80% at 70% 30%,rgba(85,0,242,.35),transparent 70%)}
.s2-c.app>.cv.phones{justify-content:flex-end;padding-right:6%}.s2-c.app>.cv.phones img{max-width:26%}
.s2-c::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,5,10,.9),rgba(5,5,10,.15) 55%,transparent)}
.s2-t{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:clamp(16px,1.8vw,26px);padding-right:70px}
.s2-t b{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(28px,3vw,52px);line-height:.92}
.s2-c.big .s2-t b{font-size:clamp(40px,4.6vw,76px)}
.s2-t .ln{color:rgba(242,242,247,.8);max-width:40ch}
.s2-c .go{bottom:20px;right:20px}
.s2-c:hover .go{background:var(--grad);border-color:transparent}.s2-c:hover .cv.img img{transform:scale(1.05)}

/* S3 — индекс направлений */
.s3-l{margin-top:clamp(22px,3.6vh,40px);border-top:1px solid var(--line)}
.s3-r{position:relative;display:grid;grid-template-columns:56px minmax(0,auto) minmax(0,1fr) 40px;gap:clamp(14px,2.4vw,36px);align-items:center;padding:clamp(14px,2.4vh,24px) 0;border-bottom:1px solid var(--line);color:var(--ink)}
.s3-r .n{font-family:var(--mno);font-size:10px;letter-spacing:.2em;color:var(--mut)}
.s3-r b{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(44px,7vw,112px);line-height:.9;letter-spacing:-.02em;white-space:nowrap;transition:transform .6s var(--ease)}
.s3-r sup{font-family:var(--mno);font-style:normal;font-weight:400;font-size:11px;letter-spacing:.1em;color:#8f9bff;vertical-align:top;margin-left:10px;position:relative;top:.6em}
.s3-r .ln{max-width:34ch;font-size:14px}
.s3-r .ar{font-size:20px;color:var(--mut);transition:transform .5s var(--ease),color .3s}
.s3-r .th{display:none}
.s3-r .pv{position:absolute;z-index:5;left:var(--x,60%);top:var(--y,50%);width:300px;aspect-ratio:5/4;pointer-events:none;border-radius:14px;overflow:hidden;
  background:radial-gradient(70% 70% at 50% 45%,rgba(84,103,246,.45),#0B0B14 78%);box-shadow:0 40px 80px -30px #000;transform:translate(-50%,-50%) rotate(-3deg) scale(.7);opacity:0;transition:opacity .35s,transform .55s var(--ease)}
.s3-r:hover b{transform:translateX(14px)}.s3-r:hover .n{color:#8f9bff}.s3-r:hover .ar{transform:translateX(6px);color:#fff}
.s3-r:hover .pv{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1)}

/* ═════ отдельные страницы ═════ */
.sp-top{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:24px;padding:16px var(--pad);background:linear-gradient(180deg,rgba(5,5,10,.92),rgba(5,5,10,0))}
.sp-nav{display:flex;gap:26px;margin-left:24px}
.sp-nav a{font-family:var(--mno);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,242,247,.62);padding:8px 0;position:relative}
.sp-nav a sup{font-size:8px;margin-right:5px;color:var(--dim)}
.sp-nav a:hover,.sp-nav a.on{color:#fff}.sp-nav a.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--grad)}
.sp-main{max-width:1300px;margin:0 auto;padding:0 var(--pad)}
.sp-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:18px;font-family:var(--mno);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.sp-back:hover{color:#fff}
.sp-hero{padding:clamp(120px,18vh,180px) 0 clamp(36px,6vh,64px);background:radial-gradient(50% 70% at 90% 10%,rgba(85,0,242,.22),transparent 70%)}
.sp-hero h1,.ch-hero h1{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(56px,10.5vw,170px);line-height:.86;letter-spacing:-.02em;margin-top:20px}
.sp-hero .lede{font-size:clamp(17px,1.5vw,23px);color:#CFCFDC;max-width:40ch;margin-top:22px;line-height:1.5}
.ch-hero{padding-top:clamp(110px,16vh,170px)}
.sp-others{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(90px,12vh,150px)}
.sp-others a{display:flex;flex-direction:column;gap:12px;padding:28px 0;border-top:1px solid var(--line)}
.sp-others b{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(34px,4.4vw,68px);line-height:.92;transition:transform .6s var(--ease)}
.sp-others a:hover b{transform:translateX(14px)}
.sp-cta{margin-top:clamp(90px,12vh,150px);padding:clamp(40px,6vw,90px);border-radius:calc(var(--r)*1.4);text-align:center;
  background:radial-gradient(70% 120% at 85% 0%,rgba(85,0,242,.5),transparent 60%),radial-gradient(60% 100% at 0% 100%,rgba(84,103,246,.3),transparent 60%),#0B0B14}
.sp-cta .eyebrow{justify-content:center}
.sp-cta h2{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(36px,5.6vw,88px);line-height:.92;margin:20px auto 0;max-width:14ch}
.sp-cta .lede{color:var(--mut);margin:18px auto 0;max-width:46ch}.sp-cta .row{justify-content:center}
.ch-foot{margin-top:40px}

/* S1 — стопка */
.s1-k{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,5vh,52px) 0;border-top:1px solid var(--line);color:var(--ink)}
.s1-km{display:block;aspect-ratio:16/11;border-radius:var(--r);overflow:hidden;background:radial-gradient(70% 70% at 50% 45%,rgba(84,103,246,.28),transparent 72%)}
.s1-k h2{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(44px,5.6vw,92px);line-height:.9;margin-top:14px}
.s1-k .lede{color:#CFCFDC;margin-top:16px;max-width:36ch;font-size:clamp(16px,1.3vw,20px)}
.s1-k:hover .cv.web img,.s1-k:hover .cv.img img{transform:scale(1.03)}
.s1-k:hover .go-l{color:#8f9bff}
.s1-k.soon .s1-km,.s2-k.soon .s2-km,.s3-k.soon .s3-km{display:grid;place-items:center;background:none;border:1px dashed rgba(255,255,255,.2)}

/* S2 — сетка 2 колонки */
.s2-k-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vh,64px) clamp(16px,2vw,28px)}
.s2-k{display:flex;flex-direction:column;color:var(--ink)}
.s2-km{display:block;aspect-ratio:16/11;border-radius:var(--r);overflow:hidden;margin-bottom:18px;background:radial-gradient(70% 70% at 50% 45%,rgba(84,103,246,.28),transparent 72%)}
.s2-k h3{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(32px,3.4vw,54px);line-height:.92;margin-top:10px}
.s2-k p{color:var(--mut);margin-top:10px;max-width:42ch}
.s2-k .btn{align-self:flex-start;margin-top:16px}
.s2-k:hover .cv.img img,.s2-k:hover .cv.web img{transform:scale(1.03)}

/* S3 — горизонтальный слайдер */
.s3-sl{display:flex;gap:clamp(14px,2vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(var(--pad)*-1);padding-right:var(--pad);outline:none}
.s3-sl::-webkit-scrollbar{display:none}
.s3-k{flex:0 0 min(82%,1040px);scroll-snap-align:start;display:grid;grid-template-columns:7fr 5fr;gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(18px,2.4vw,34px);
  border-radius:calc(var(--r)*1.3);background:radial-gradient(70% 90% at 20% 30%,rgba(84,103,246,.24),transparent 65%),rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--ink)}
.s3-km{display:block;aspect-ratio:16/12;border-radius:14px;overflow:hidden}
.s3-k h2{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;font-size:clamp(38px,4.6vw,76px);line-height:.9;margin-top:12px}
.s3-k .lede{color:#CFCFDC;margin-top:14px;font-size:clamp(15px,1.2vw,19px)}
.s3-nav{display:flex;align-items:center;gap:18px;margin-top:22px}
.s3-nav button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:none;color:#fff;font-size:18px;cursor:pointer}
.s3-nav button:hover{background:var(--grad);border-color:transparent}
.s3-cnt{font-family:var(--mno);font-size:11px;letter-spacing:.2em;color:var(--mut)}

/* кейс: Kontora и результат */
.ch-wide{border-radius:var(--r);overflow:hidden}.ch-wide img{width:100%}.ch-wide.pano img{aspect-ratio:21/9;object-fit:cover}
.ch-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px)}
.ch-story p{font-size:clamp(17px,1.4vw,21px);line-height:1.55;margin-top:14px;color:#DADAE6}
.res{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(18px,3vw,44px)}
.res li{padding:18px 0 18px 30px;border-top:1px solid var(--line);position:relative;font-size:16.5px}
.res li::before{content:"→";position:absolute;left:0;color:var(--blue)}

@media(max-width:900px){
  .sx-hd{grid-template-columns:1fr;gap:10px}.sx-hd p.lede{font-size:14.5px}
  .s1-g{grid-template-columns:1fr;gap:10px;margin-top:20px}
  .s1-c{display:grid;grid-template-columns:40% minmax(0,1fr);align-items:center}
  .s1-m{aspect-ratio:1;height:100%}.s1-t{padding:14px 14px 16px;gap:6px}.s1-t b{font-size:24px}.s1-t .ln{font-size:12.5px;padding-right:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .s1-c .go{display:none}
  .s2-g{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto;gap:10px;margin-top:20px}
  .s2-c{aspect-ratio:3/4}.s2-c.big{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}
  .s2-t{padding:12px;padding-right:12px}.s2-t b{font-size:22px}.s2-c.big .s2-t b{font-size:34px}.s2-t .ln{font-size:12px;display:none}.s2-c.big .s2-t .ln{display:block}
  .s2-c .go{display:none}
  .s3-r{grid-template-columns:24px minmax(0,1fr) 64px;gap:12px;padding:14px 0}
  .s3-r b{font-size:min(38px,9.4vw)}.s3-r .ln{grid-column:2;font-size:12.5px;margin-top:-4px}
  .s3-r .th{display:block;grid-row:1/span 2;grid-column:3;width:64px;height:64px;border-radius:12px;overflow:hidden;background:radial-gradient(80% 80% at 50% 40%,rgba(84,103,246,.4),#0B0B14 75%)}
  .s3-r .ar,.s3-r .pv{display:none}.s3-r:hover b{transform:none}
  .sp-nav{display:none}.sp-top{gap:12px;padding:12px var(--pad)}
  .sp-hero{padding-top:100px}.sp-hero h1,.ch-hero h1{font-size:min(60px,14vw)}.sp-hero .lede{font-size:16px}
  .sp-others{grid-template-columns:1fr;gap:0}
  .s1-k{grid-template-columns:1fr;gap:16px;padding:24px 0}.s1-k h2{font-size:44px}
  .s2-k-g{grid-template-columns:1fr;gap:36px}
  .s3-k{flex-basis:86%;grid-template-columns:1fr;gap:14px;padding:14px}.s3-k h2{font-size:38px}.s3-km{aspect-ratio:4/3}
  .ch-story,.res{grid-template-columns:1fr}
}
/* без чёрных рамок: тёмный фон макетов растворяется в фоне карточки */
.cv.web img,.ch-wide:not(.pano) img{mix-blend-mode:lighten}
.ch-wide:not(.pano){background:transparent}
/* S2: экраны приложений справа, текст слева */
.s2-c.app>.cv.phones{left:auto;width:58%;padding:8% 6% 0 0}
.s2-c.app>.cv.phones img{max-width:44%}
.s2-c.app .s2-t{right:44%;padding-right:16px}
@media(max-width:900px){.s2-c.app>.cv.phones{width:100%;padding:8% 8% 0}.s2-c.app .s2-t{right:0}.s2-c.app::after{background:linear-gradient(0deg,rgba(5,5,10,.95),rgba(5,5,10,.2) 60%,transparent)}}

/* ═════ S1 v2 (18.10, правки Даниила): мокапы в одном стиле, Websites & Apps + отдельная секция AI Agents ═════ */
.cv.mock{display:grid;place-items:center}
.cv.mock img{width:100%;height:100%;object-fit:contain;transition:transform 1s var(--ease)}
.s1-m,.s1-km{background:radial-gradient(75% 75% at 50% 50%,rgba(84,103,246,.26),rgba(85,0,242,.08) 55%,transparent 75%)!important;aspect-ratio:16/10}
.s1-c:nth-child(3) .s1-m{background:inherit}
.s1-c:hover .cv.mock img,.s1-k:hover .cv.mock img,.agx-m:hover .cv.mock img{transform:scale(1.03)}
.s1-g.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}
.s1-g.two .s1-t b{font-size:clamp(34px,3.4vw,56px)}
.s1-k{grid-template-columns:7fr 5fr}
/* секция AI Agents на главной */
.agx{display:grid;grid-template-columns:5fr 6fr;gap:clamp(24px,4vw,72px);align-items:center}
.agx h2{font-size:clamp(34px,4.4vw,68px)}
.agx .lede{max-width:44ch}
.agx-k{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:22px;max-width:560px}
.agx-k li{display:flex;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line);font-size:15px;color:var(--ink)}
.agx-k i{font-family:var(--mno);font-style:normal;font-size:9.5px;letter-spacing:.2em;color:var(--blue)}
.agx-m{display:block;aspect-ratio:16/10;border-radius:var(--r);background:radial-gradient(75% 75% at 50% 50%,rgba(84,103,246,.28),rgba(85,0,242,.1) 55%,transparent 75%)}
/* /ai-agents/ */
.ag-intro{display:grid;grid-template-columns:6fr 5fr;gap:clamp(24px,4vw,72px);align-items:end;padding:10px 0 clamp(50px,7vh,80px);border-bottom:1px solid var(--line)}
.ag-intro h2,.ag-sec h3{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;line-height:.92}
.ag-intro h2{font-size:clamp(36px,4.4vw,70px)}
.ag-intro .lede{color:#CFCFDC;font-size:clamp(16px,1.3vw,19px);line-height:1.6}
.ag-sec{padding-top:clamp(60px,9vh,110px)}
.ag-what{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.4vw,18px);margin-top:26px}
.ag-c{grid-column:span 2;padding:26px 24px 28px;border-radius:var(--r);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);min-height:220px;display:flex;flex-direction:column}
.ag-c:nth-child(4),.ag-c:nth-child(5){grid-column:span 3}
.ag-c i,.ag-how i{font-family:var(--mno);font-style:normal;font-size:10px;letter-spacing:.2em;color:var(--blue)}
.ag-c h3{font-size:clamp(22px,1.9vw,30px);margin-top:auto;padding-top:26px}
.ag-c p,.ag-how p,.ag-rules p{color:var(--mut);font-size:15px;line-height:1.55;margin-top:10px}
.ag-case{margin-top:clamp(70px,10vh,120px)}
.ag-how{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.6vw,22px);margin-top:26px;counter-reset:s}
.ag-how li{position:relative;padding-top:22px;border-top:2px solid rgba(84,103,246,.45)}
.ag-how li:first-child{border-top-color:var(--blue)}
.ag-how h3{font-size:clamp(20px,1.6vw,26px);margin-top:14px}
.ag-rules{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,3vw,48px);margin-top:20px}
.ag-rules div{padding:24px 0 24px 34px;border-top:1px solid var(--line);position:relative}
.ag-rules div::before{content:"✓";position:absolute;left:0;top:24px;width:22px;height:22px;border-radius:50%;background:var(--grad);color:#fff;font-size:12px;display:grid;place-items:center}
.ag-rules h3{font-size:clamp(20px,1.7vw,26px)}
.ag-faq{display:grid;grid-template-columns:4fr 8fr;gap:clamp(20px,4vw,64px)}
.ag-faq details{border-top:1px solid var(--line);padding:18px 0}.ag-faq details:last-child{border-bottom:1px solid var(--line)}
.ag-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:500;font-size:18px}
.ag-faq summary::after{content:"+";color:var(--blue);font-size:22px;line-height:1;transition:transform .3s}.ag-faq details[open] summary::after{transform:rotate(45deg)}
.ag-faq summary::-webkit-details-marker{display:none}.ag-faq p{color:var(--mut);margin-top:10px;max-width:60ch}
/* страница кейса: мокапы на фоне сайта, без рамок */
.ch-mock{border-radius:var(--r);background:radial-gradient(70% 70% at 50% 50%,rgba(84,103,246,.22),rgba(85,0,242,.08) 55%,transparent 75%)}
.ch-mock img{width:100%;aspect-ratio:16/10;object-fit:contain}
.ch-mock figcaption{padding:0 4px}
@media(max-width:900px){
  .s1-g.two{grid-template-columns:1fr;gap:12px}
  .s1-g.two .s1-c{display:flex;flex-direction:column}.s1-g.two .s1-m{aspect-ratio:16/10;height:auto}
  .s1-g.two .s1-t b{font-size:30px}.s1-g.two .s1-t .ln{-webkit-line-clamp:2}
  .agx{grid-template-columns:1fr;gap:18px}.agx-m{order:-1}.agx h2{font-size:30px}
  .agx-k{grid-template-columns:1fr;margin-top:14px}.agx-k li{padding:8px 0;font-size:14px}
  .ag-intro{grid-template-columns:1fr;gap:14px}.ag-intro h2{font-size:32px}
  .ag-what{grid-template-columns:1fr;gap:10px}.ag-c,.ag-c:nth-child(4),.ag-c:nth-child(5){grid-column:auto;min-height:0}.ag-c h3{padding-top:14px}
  .ag-how{grid-template-columns:1fr;gap:0}.ag-how li{padding:18px 0;border-top:1px solid var(--line)}
  .ag-rules{grid-template-columns:1fr}.ag-faq{grid-template-columns:1fr}
  .s1-k{grid-template-columns:1fr}
}
@media(max-width:900px){.sp-hero h1,.ch-hero h1{font-size:min(60px,11.4vw);overflow-wrap:normal}}
/* S1 v3: у секции AI Agents — такой же заголовок категории, как у Websites & Apps */
.S1 .agx{margin-top:clamp(26px,4vh,46px)}
.agx-h{font-family:var(--dsp);font-style:italic;font-weight:700;text-transform:uppercase;line-height:.95;font-size:clamp(24px,2.4vw,38px)}
.agx .lede{margin-top:16px}
@media(max-width:900px){.S1 .agx{margin-top:20px}.agx-h{font-size:24px}}
.sec[data-key="agents"] .sx-hd h2{font-size:clamp(28px,4.8vw,62px)}
html[lang="ru"] .sec[data-key="agents"] .sx-hd h2{font-size:clamp(26px,4.3vw,58px)}