/* Product illustration and feature overview; no interactive call controls. */
.calls-section{border-block:1px solid var(--line);background:var(--bg2);scroll-margin-top:76px}
.calls-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end}
.calls-heading h2{max-width:650px;margin-bottom:0}
.calls-heading .sub{margin:0;max-width:460px}
.calls-scene{margin:48px 0 36px}
.calls-preview{position:relative;background:var(--panel);border:1px solid var(--line2);border-radius:20px;padding:24px;box-shadow:0 28px 80px #0004}
.calls-preview-top,.calls-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:#b4c1b9}
.calls-preview-top b{font-size:28px;color:var(--text);letter-spacing:-2px;margin-right:18px}
.calls-live{color:var(--lime);font-size:12px}
.calls-stage{display:grid;grid-template-columns:1fr 180px;gap:16px;margin:22px 0}
.calls-presentation{background:#dce6d6;color:#1b3326;border-radius:12px;padding:40px;min-height:380px}
.calls-label{font:11px 'DM Mono',monospace;letter-spacing:1.5px}
.calls-presentation p{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-1.5px;margin:36px 0 28px}
.calls-presentation em{font-family:Newsreader,serif;font-weight:400;color:#355c40}
.calls-document{display:grid;max-width:390px;gap:12px;font-size:12px}
.calls-document span{border-top:1px solid #1b332633;padding-top:12px;display:flex;justify-content:space-between}
.calls-people{display:grid;gap:12px}
.calls-people>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border-radius:12px;background:#24322c}
.calls-people>div:nth-child(2){background:#2a3039}
.calls-people>div:nth-child(3){background:#382e35}
.calls-avatar{display:grid;place-items:center;border-radius:50%;width:48px;height:48px;background:#ffffff12;font-size:18px}
.calls-people small{font-size:11px;color:#d7e0da}
.calls-voice{display:flex;gap:18px;align-items:center;position:absolute;bottom:65px;right:60px;background:#18281f;border:1px solid #6b8c72;box-shadow:0 12px 36px #0005;padding:22px 26px;border-radius:14px}
.calls-wave{color:var(--lime);white-space:nowrap;font-size:18px}
.calls-voice strong{font-size:14px}
.calls-voice small{display:block;margin-top:5px;font-size:12px;color:#bdcbc1}
.calls-scene figcaption{font-size:11px;color:var(--muted);margin-top:12px;text-align:right}
.calls-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.calls-benefits article{border-top:1px solid var(--line2);padding-top:24px}
.calls-benefits h3{font-size:20px;line-height:1.35;margin:12px 0}
.calls-benefits p,.calls-more p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}
.calls-more{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px}
/* The extra product link needs the compact navigation before links wrap. */
@media(min-width:901px) and (max-width:1080px){
  .nav-links,.nav-cta{display:none}
  .nav-burger{display:grid}
  .nav-in{justify-content:space-between}
  .nav-mobile.open{display:flex}
}
@media(max-width:760px){
  .calls-heading{grid-template-columns:1fr;gap:24px}
  .calls-benefits{grid-template-columns:1fr;gap:24px}
  .calls-more{align-items:flex-start;flex-direction:column}
  .calls-preview{padding:14px}
  .calls-stage{grid-template-columns:1fr}
  .calls-presentation{padding:24px;min-height:310px}
  .calls-people{grid-template-columns:repeat(3,1fr)}
  .calls-people>div{padding:14px 4px}
  .calls-avatar{width:36px;height:36px;font-size:14px}
  .calls-voice{position:static;margin-top:20px;padding:18px;gap:12px}
  .calls-preview-top{font-size:11px}.calls-live{font-size:10px}
  .calls-preview-top b{font-size:24px;margin-right:8px}
  .calls-preview-bottom{font-size:10px}
}