.call-page{min-height:70vh}.call-page-root{min-width:0;max-width:100%;padding:28px 0 88px}
.call-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#8fa5c9;font-size:11px}.call-breadcrumbs a,.call-back-link{color:#c8ddfa;text-decoration:none}.call-back-link{display:inline-flex;margin-top:0;font-size:12px;font-weight:600}.call-breadcrumbs a:hover,.call-back-link:hover{color:#fff}
.call-section h2,.call-card h2,.call-contact h2{margin:0;color:#f7fbff;letter-spacing:-.04em}
.call-section h2{font-size:clamp(22px,2.4vw,28px);line-height:1.2}.call-card h2{font-size:21px;line-height:1.2}
.call-note{margin:12px 0 0;color:#9fb3d6;font-size:12px;line-height:1.6}
.call-page button:focus-visible,.call-page a:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(124,183,255,.65)}

/* Демо звонка: реалистичный iPhone. Входящий вызов — светящаяся сфера «AI» и зелёная кнопка; после «Принять» — волна по голосу, таймер и кнопки. */
.call-voice{display:grid;grid-template-columns:minmax(0,540px) auto;grid-template-areas:"copy phone" "pair phone";justify-content:center;gap:24px 72px;align-items:start;margin-top:20px}
.call-voice-copy{grid-area:copy}.call-voice .call-phone{grid-area:phone;align-self:center}.call-voice .call-pair{grid-area:pair}
.call-voice[hidden]{display:none}
.call-voice-page{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.call-voice-copy h2{max-width:760px;margin:0;color:#f7fbff;font-size:clamp(30px,3.2vw,42px);line-height:1.12;letter-spacing:-.045em}
.call-voice-accent{background:linear-gradient(100deg,#7fd3ff,#4f8dff 55%,#6baeff);-webkit-background-clip:text;background-clip:text;color:transparent}
.call-voice-langs{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 14px;margin-top:22px}
.call-voice-langs[hidden],.call-voice-langs button[hidden]{display:none}
.call-voice-langs-label{color:#9fb3d6;font-size:13px;font-weight:600}
.call-voice-langs-buttons{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(124,183,255,.3);border-radius:999px;background:rgba(8,22,54,.6)}
.call-voice-langs button{min-height:38px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#bcd0ee;font:600 13px/1 Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.call-voice-langs button[aria-pressed="true"]{background:radial-gradient(circle at 35% 30%,#4f9eff 0%,#247eeb 55%,#1860b8 100%);color:#fff;box-shadow:0 0 0 1px rgba(160,200,255,.35) inset,0 0 16px rgba(61,148,255,.55)}

.call-phone{position:relative;width:312px;padding:9px;border-radius:54px;background:#04080e;border:2px solid rgba(150,197,255,.6);box-shadow:0 0 0 1px rgba(40,80,130,.9),0 0 22px rgba(70,130,255,.55),0 0 70px rgba(50,142,255,.3),0 30px 70px rgba(2,12,24,.7)}
.call-phone::before,.call-phone::after{content:"";position:absolute;width:3px;border-radius:2px;background:linear-gradient(180deg,#8fc1ff,#3d74b8)}
.call-phone::before{left:-5px;top:118px;height:52px;box-shadow:0 66px 0 #5c93d6}
.call-phone::after{right:-5px;top:150px;height:78px}
.call-phone-screen{position:relative;display:flex;flex-direction:column;align-items:center;height:640px;padding:12px 22px 30px;border-radius:44px;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 26%,rgba(45,139,255,.32),transparent 48%),radial-gradient(circle at 50% 100%,rgba(30,106,200,.25),transparent 50%),linear-gradient(180deg,#071b33,#041122 55%,#030c16)}
.call-phone-island{position:absolute;z-index:2;top:11px;left:50%;width:86px;height:26px;margin-left:-43px;border-radius:20px;background:#000}
.call-phone-island i{position:absolute;right:12px;top:10px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3c5d86,#0b1522 70%)}
.call-phone-status{align-self:stretch;margin:0 -12px;display:flex;justify-content:space-between;align-items:center;padding:4px 4px 0 12px;font:600 13px/1 -apple-system,"SF Pro Text",Manrope,Arial,sans-serif}
.call-phone-bars{display:inline-flex;align-items:center;gap:5px}
.call-phone-signal{display:inline-flex;align-items:flex-end;gap:1.5px;height:11px}
.call-phone-signal i{width:3px;border-radius:1px;background:#fff}.call-phone-signal i:nth-child(1){height:4px}.call-phone-signal i:nth-child(2){height:6px}.call-phone-signal i:nth-child(3){height:8px}.call-phone-signal i:nth-child(4){height:11px}
.call-phone-wifi{width:15px;height:11px;fill:#fff}
.call-phone-battery{display:block;width:26px;height:12.5px}

.call-phone-caller{display:flex;flex-direction:column;align-items:center;margin-top:62px;text-align:center}
.call-phone-avatar{position:relative;display:grid;place-items:center;width:112px;height:112px;margin-bottom:26px;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(220,245,255,.95) 0 4%,rgba(120,200,255,.85) 14%,transparent 34%),radial-gradient(circle at 50% 55%,#2f74ff 0,#1c74e0 45%,#0f4d99 75%,#0a3366 100%);box-shadow:0 0 0 1px rgba(150,200,255,.55),0 0 26px rgba(60,140,255,.85),0 0 60px rgba(50,142,255,.45),inset 0 0 22px rgba(140,210,255,.55),inset 0 -10px 24px rgba(5,30,60,.55)}
.call-phone-avatar::before,.call-phone-avatar::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(90,150,255,.22);pointer-events:none}
.call-phone-avatar::before{inset:-22px}
.call-phone-avatar::after{inset:-46px;border-color:rgba(90,150,255,.12)}
.call-phone-avatar span{position:relative;font:700 38px/1 -apple-system,"SF Pro Display",Manrope,Arial,sans-serif;letter-spacing:-.02em;text-shadow:0 0 14px rgba(170,220,255,.9)}
.call-phone-name{margin:0;white-space:nowrap;font:500 21px/1.2 -apple-system,"SF Pro Display",Manrope,Arial,sans-serif;letter-spacing:-.01em}
.call-phone-label{min-height:20px;margin:6px 0 0;color:rgba(170,208,255,.8);font:400 15px/1.25 -apple-system,"SF Pro Text",Manrope,Arial,sans-serif}
.call-phone-timer{display:none;margin:6px 0 0;color:rgba(200,225,255,.85);font:400 15px/1.25 -apple-system,Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums}

.call-phone-wave{display:none;width:calc(100% + 20px);height:110px;margin-top:22px;filter:drop-shadow(0 0 6px rgba(60,140,255,.6))}

.call-phone-incoming{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:auto;padding-bottom:14px;color:rgba(170,208,255,.85);font-size:14px}
.call-btn{display:grid;place-items:center;width:74px;height:74px;padding:0;border:0;border-radius:50%;cursor:pointer;color:#fff;transition:transform .15s,filter .2s}
.call-btn:hover{filter:brightness(1.08)}
.call-btn:active{transform:scale(.93)}
.call-btn svg{width:32px;height:32px;fill:currentColor}
.call-btn-accept{position:relative;background:radial-gradient(circle at 40% 30%,#5ef08a,#2ec95a 60%,#20a548);box-shadow:0 0 0 12px rgba(52,199,89,.12),0 0 0 24px rgba(52,199,89,.06),0 0 30px rgba(52,199,89,.55)}
.call-btn-accept::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(52,199,89,.6);animation:call-ring 1.8s ease-out infinite}
.call-btn:focus-visible,.call-key:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(160,200,255,.8);border-radius:50%}

.call-phone-active{display:none;grid-template-columns:repeat(3,68px);justify-content:space-between;width:100%;margin-top:auto;padding:0 6px 6px}
.call-key{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:none;color:#fff;font:400 12px/1.2 -apple-system,Manrope,Arial,sans-serif;cursor:default}
button.call-key{cursor:pointer}
.call-key-circle{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.14);transition:background .2s,color .2s}
.call-key-circle svg{width:26px;height:26px;fill:currentColor}
.call-key.is-on .call-key-circle{background:#fff;color:#0b1d33}
button.call-key:hover .call-key-circle{background:rgba(255,255,255,.24)}
.call-key-end .call-key-circle,button.call-key-end:hover .call-key-circle{background:#ff3b30}
.call-key-end .call-key-circle svg{width:32px;height:32px}
.call-key-label{color:rgba(255,255,255,.92);white-space:nowrap}
.call-icon-resume{display:none}
.call-phone[data-state="paused"] .call-icon-pause{display:none}.call-phone[data-state="paused"] .call-icon-resume{display:block}
.call-phone[data-state="paused"] [data-call-pause] .call-key-circle{background:#fff;color:#0b1d33}
.call-phone-home{position:absolute;left:50%;bottom:8px;width:110px;height:4px;margin-left:-55px;border-radius:3px;background:rgba(200,225,255,.55)}

.call-phone:not([data-state="incoming"]) .call-phone-incoming{display:none}
.call-phone:not([data-state="incoming"]) .call-phone-caller{margin-top:48px}
.call-phone:not([data-state="incoming"]) .call-phone-avatar{width:92px;height:92px;margin-bottom:20px}
.call-phone:not([data-state="incoming"]) .call-phone-avatar span{font-size:31px}
.call-phone:not([data-state="incoming"]) .call-phone-avatar::after{display:none}
.call-phone:not([data-state="incoming"]) .call-phone-wave{display:block}
.call-phone:not([data-state="incoming"]) .call-phone-active{display:grid}
.call-phone:not([data-state="incoming"]) .call-phone-timer{display:block}
.call-phone[data-state="active"] .call-phone-label{display:none}
.call-phone[data-state="ended"] .call-phone-active{opacity:.45;pointer-events:none}

@keyframes call-ring{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.6);opacity:0}}

/* Короткие блоки под демо. */
.call-pair{display:grid;gap:14px}
.call-card{display:flex;flex-direction:column;min-width:0;padding:20px 22px;border:1px solid rgba(124,183,255,.22);border-radius:20px;background:linear-gradient(145deg,rgba(24,49,101,.42),rgba(7,20,48,.62))}
.call-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none}
.call-chips li{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border:1px solid rgba(124,183,255,.22);border-radius:13px;background:rgba(8,25,57,.55);color:#dce8f8;font-size:13px;line-height:1.35}
.call-sectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none}
.call-sectors li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:78px;padding:10px 6px;border:1px solid rgba(124,183,255,.2);border-radius:16px;background:linear-gradient(160deg,rgba(40,89,150,.32),rgba(8,22,54,.55));color:#e6efff;font-size:13px;font-weight:600;text-align:center;transition:border-color .2s,transform .2s}
.call-sectors li:hover{border-color:rgba(127,211,255,.55);transform:translateY(-2px)}
.call-sector-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;background:radial-gradient(circle at 35% 30%,#4f9eff 0%,#247eeb 55%,#1860b8 100%);box-shadow:0 0 0 1px rgba(160,200,255,.35) inset,0 0 14px rgba(61,148,255,.5)}
.call-sector-icon svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.call-section{margin-top:44px}
.call-tasks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}
.call-tasks li{display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:64px;padding:12px 16px;border:1px solid rgba(124,183,255,.22);border-radius:14px;background:rgba(8,25,57,.55);color:#e6efff;font-size:14px;font-weight:600;line-height:1.35}

.call-contact{display:grid;justify-items:center;margin-top:52px;padding:34px 22px;border:1px solid rgba(124,183,255,.22);border-radius:22px;background:linear-gradient(145deg,rgba(23,48,100,.52),rgba(7,20,48,.72));text-align:center}
.call-contact h2{font-size:clamp(24px,3vw,36px);line-height:1.15}
.call-contact-toggle,.call-contact-panel a{min-height:44px;border:1px solid rgba(124,183,255,.35);border-radius:12px;background:rgba(14,37,80,.62);color:#edf5ff;font:600 12px/1.35 Manrope,Arial,sans-serif;transition:border-color .2s,background .2s}
.call-contact-toggle{margin-top:22px;padding:0 20px}
.call-contact-panel{width:min(100%,700px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.call-contact-panel[hidden]{display:none}
.call-contact-panel a{display:flex;align-items:center;justify-content:center;padding:10px 12px;text-decoration:none}
.call-contact-toggle:hover,.call-contact-panel a:hover{border-color:#86c8ff;background:rgba(35,78,148,.7)}

@media(max-width:980px){.call-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}.call-voice{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}.call-voice .call-pair{align-self:stretch;margin-top:12px;text-align:left}.call-voice-copy h2{margin:0 auto}.call-voice-langs{justify-content:center}}
@media(max-width:760px){
  .call-page-root{padding:16px 0 64px}
  .call-voice{gap:24px;margin-top:8px}
  .call-phone{width:min(284px,84vw)}.call-phone-screen{height:580px;padding-inline:16px}
  .call-phone-name{font-size:clamp(17px,5.4vw,21px)}
  .call-phone-active{grid-template-columns:repeat(3,62px)}.call-key-circle{width:62px;height:62px}
  .call-card{padding:20px 16px}
  .call-chips{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.call-chips li{min-height:48px;padding:9px 14px;font-size:13.5px}
  .call-sectors li{min-height:88px;font-size:12.5px}
  .call-section{margin-top:36px}
  .call-tasks li{min-height:58px;padding:10px 12px;font-size:13px}
  .call-contact{margin-top:40px;padding:28px 16px}
  .call-contact-panel{grid-template-columns:minmax(0,1fr)}.call-contact-panel a{min-height:48px}
}
@media(prefers-reduced-motion:reduce){.call-btn-accept::before{animation:none}}
.call-phone[hidden]{display:none}