/* AEO — посадочная. 3D-стопка выдачи строится перспективой и плоскостью, без box-shadow. */

/* ---------- HERO: голосовой запрос ---------- */
.aeo-hero .hero-sub{max-width:560px}
.vq{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;max-width:600px;margin-left:auto}
.vq-voice{display:flex;align-items:center;gap:16px;padding:6px 6px 16px;border-bottom:1px solid var(--line)}
.vq-mic{width:54px;height:54px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;flex-shrink:0;position:relative}
.vq-mic svg{width:26px;height:26px}
.vq-mic .du{fill:#fff;opacity:.3}
.vq-mic::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--coral);opacity:0}
.vq.listening .vq-mic::after{animation:vqRing 1.2s ease-out infinite}
@keyframes vqRing{0%{opacity:.8;transform:scale(.9)}100%{opacity:0;transform:scale(1.35)}}
.vq-wave{flex:1;display:flex;align-items:center;gap:4px;height:44px}
.vq-wave i{flex:1;height:100%;border-radius:3px;background:var(--blue);transform:scaleY(.08);transform-origin:50% 50%}
.vq.speaking .vq-wave i{background:#7fb0d4}
.vq-q{font:700 19px/1.35 var(--font-body);margin:18px 4px 16px;min-height:52px}
.vq-q .caret{display:inline-block;width:2px;height:1.1em;background:var(--blue);vertical-align:-3px;margin-left:2px;animation:vqCaret .9s steps(1) infinite}
@keyframes vqCaret{50%{opacity:0}}
.vq-ans{border:1px solid var(--blue);border-radius:16px;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s}
.vq-ans.show{opacity:1;transform:none}
.vq-ans-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--blue-tint);border-bottom:1px solid #cfe0ec}
.vq-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blue)}
.vq-badge svg{width:15px;height:15px}
.vq-badge .du{fill:var(--coral);opacity:1}
.vq-site{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink)}
.vq-site svg{width:15px;height:15px;color:var(--blue)}
.vq-site .du{fill:var(--blue);opacity:.25}
.vq-body{padding:14px 16px;font-size:15px;line-height:1.5;min-height:118px}
.vq-body b{color:var(--blue)}
.vq-body ol{list-style:none;counter-reset:vq;display:flex;flex-direction:column;gap:7px}
.vq-body ol li{counter-increment:vq;display:flex;gap:10px;align-items:baseline;font-size:14.5px}
.vq-body ol li::before{content:counter(vq);flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font:800 11px/22px var(--font-h);text-align:center}
.vq-body table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.vq-body th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--gray);padding:0 8px 8px 0;font-weight:700}
.vq-body td{padding:8px 8px 8px 0;border-top:1px solid var(--line)}
.vq-body tr.hl td{color:var(--blue);font-weight:700}
.vq-speak{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13.5px;color:var(--gray);opacity:0;transition:opacity .4s}
.vq-speak svg{width:20px;height:20px;color:var(--blue)}
.vq-speak .du{fill:var(--coral);opacity:1}
.vq.speaking .vq-speak{opacity:1}
.vq-chips{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);flex-wrap:wrap}
.vq-chips button{font:600 13px/1 var(--font-body);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.vq-chips button:hover{border-color:var(--ink)}
.vq-chips button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.vq-chips button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:600px){.vq{padding:16px;border-radius:20px}.vq-q{font-size:17px}.vq-mic{width:46px;height:46px}}

/* ---------- ПОЗИЦИЯ НОЛЬ: 3D-стопка ---------- */
.aeo-zero{position:relative;background:var(--gray-bg);height:calc(100vh + 1800px);border-top:1px solid var(--line)}
.aeo-zero-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.aeo-zero-in{width:100%;display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;padding-top:calc(var(--header-h) - 30px)}
.az-text h2{margin-bottom:32px}
.az-step{padding:16px 0 16px 24px;border-left:2px solid var(--line);opacity:.4;transition:opacity .45s,border-color .45s}
.az-step.is-on{opacity:1;border-left-color:var(--coral)}
.az-k{display:block;font:700 12px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:8px}
.az-step h3{font:800 20px/1.2 var(--font-h);text-transform:uppercase;letter-spacing:-.01em;margin-bottom:8px}
.az-step p{font-size:15px;line-height:1.55;color:var(--gray);max-width:460px}
.az-stage{position:relative;height:620px;perspective:1600px;perspective-origin:50% 20%}
.az-scene{position:absolute;left:50%;top:52%;width:440px;height:520px;margin:-260px 0 0 -220px;transform-style:preserve-3d;transform:rotateX(50deg) rotateZ(-16deg)}
.az-card{position:absolute;left:0;top:calc(var(--i) * 84px);width:440px;min-height:70px;padding:13px 16px 13px 52px;background:#fff;border:1px solid #d6e2eb;border-radius:14px;transform-style:preserve-3d;backface-visibility:hidden}
.az-card > i{position:absolute;left:14px;top:15px;width:26px;height:26px;border-radius:7px;background:var(--gray-bg);border:1px solid var(--line)}
.az-card > b{display:block;font-size:12.5px;color:#2f8a57;font-weight:600}
.az-card > span{display:block;font-size:15px;font-weight:700;color:#1a4d8f;margin-top:3px}
.az-you{border-color:var(--coral)}
.az-you > i{background:var(--coral);border-color:var(--coral)}
.az-snip{max-height:0;opacity:0;overflow:hidden}
.az-snip-h{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);margin-top:12px}
.az-snip-h svg{width:14px;height:14px}
.az-snip-h .du{fill:var(--coral);opacity:1}
.az-snip p{font-size:14.5px;line-height:1.5;color:var(--ink);margin-top:6px}
.az-snip p b{color:var(--blue)}
.az-paa{margin-top:10px;border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px}
.az-paa span{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray)}
.az-paa em{font-style:normal;font-size:13.5px;color:var(--ink);display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:7px 10px}
.az-paa em::after{content:"+";color:var(--blue);font-weight:700}
.az-voice{position:absolute;right:2%;bottom:6%;max-width:330px;display:flex;gap:12px;align-items:flex-start;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;font-size:14px;line-height:1.45;opacity:0;transform:translateY(12px)}
.az-voice svg{width:22px;height:22px;flex-shrink:0;color:#7fb0d4}
.az-voice .du{fill:var(--coral);opacity:1}
@media(max-width:1180px){.az-scene{transform:scale(.86) rotateX(50deg) rotateZ(-16deg)}}
@media(max-width:900px){
  .aeo-zero{height:auto}
  .aeo-zero-pin{position:static;height:auto;padding:84px 0 40px}
  .aeo-zero-in{grid-template-columns:1fr;gap:10px;padding-top:0}
  .az-step{opacity:1}
  .az-stage{height:560px}
  .az-scene{transform:scale(.8) rotateX(50deg) rotateZ(-16deg)}
  .az-voice{left:4%;right:4%;max-width:none}
}
@media(max-width:560px){.az-stage{height:470px;margin:0 -24px}.az-scene{transform:scale(.66) rotateX(50deg) rotateZ(-16deg)}}

/* ---------- ФОРМАТЫ ---------- */
.aeo-formats{padding:120px 0;background:#fff}
.af-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.af-item{border-top:2px solid var(--ink);padding-top:22px}
.af-item h3{font:800 17px/1.2 var(--font-h);text-transform:uppercase;letter-spacing:-.01em;margin:20px 0 10px}
.af-item p{font-size:14.5px;line-height:1.55;color:var(--gray)}
.af-mini{height:108px;border-radius:14px;background:var(--gray-bg);border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.af-mini i{display:block;height:8px;border-radius:4px;background:#c9d8e4;transition:transform .45s cubic-bezier(.22,1,.36,1),background .3s}
.af-mini--p i.s{width:58%}
.af-mini--l i{position:relative;margin-left:22px}
.af-mini--l i::before{content:"";position:absolute;left:-22px;top:-3px;width:14px;height:14px;border-radius:50%;background:var(--blue)}
.af-mini--t{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;align-content:center}
.af-mini--t i{height:20px;border-radius:5px}
.af-mini--t i:nth-child(-n+3){background:var(--blue)}
.af-mini--q i{height:22px;border-radius:7px;background:#fff;border:1px solid #c9d8e4}
.af-mini--v{flex-direction:row;align-items:center;justify-content:center;gap:6px}
.af-mini--v i{width:8px;height:44px;background:var(--blue);transform:scaleY(.4)}
.af-mini--v i:nth-child(2n){transform:scaleY(.75)}
.af-mini--v i:nth-child(3n){transform:scaleY(.55)}
.af-item:hover .af-mini i{background:var(--blue)}
.af-item:hover .af-mini--p i:nth-child(1){transform:scaleX(.92);transform-origin:left}
.af-item:hover .af-mini--l i{transform:translateX(6px)}
.af-item:hover .af-mini--q i:first-child{background:var(--blue-tint);border-color:var(--blue)}
.af-item:hover .af-mini--v i{background:var(--coral);transform:scaleY(.9)}
@media(max-width:1100px){.af-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.af-row{grid-template-columns:1fr 1fr}.aeo-formats{padding:76px 0}}
@media(max-width:440px){.af-row{grid-template-columns:1fr}}

.aeop .svc-price-note a{color:var(--blue)}
@media(prefers-reduced-motion:reduce){.vq.listening .vq-mic::after,.vq-q .caret{animation:none}.vq-ans{transition:none}}