/* Product pages: AI voice agents, Platform, Plans (Oct 2026). Uses story.css hero (.soh-*). */

/* hero notes */
.agh-note{margin:-4px 0 0;max-width:56ch;font-size:15px;line-height:1.55;color:var(--t-mid)}
.soh-grid>*{min-width:0}
.soh-copy{grid-template-columns:minmax(0,1fr)}
.soh-copy .hero-ctas{flex-wrap:wrap}
.pl-rows small{overflow-wrap:anywhere}
@media (min-width:761px){.agh .soh-mark,.agh .soh-line{right:-14%;width:min(680px,52vw)}}
@media (max-width:480px){.soh-copy .hero-ctas .btn{width:100%;justify-content:center;white-space:normal}}

/* platform hero: rows are links to sections */
.pl-rows a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line-d);color:inherit;transition:border-color .3s,background .3s}
.pl-rows li{padding:0;border:0;background:none}
.pl-rows a i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(169,194,238,.08);color:var(--ice);flex:none}
.pl-rows a i svg{width:17px;height:17px}
.pl-rows .go{margin-left:auto;color:var(--t-lo);transition:transform .3s var(--ease),color .3s}
.pl-rows .go svg{width:16px;height:16px}
.pl-rows a:hover,.pl-rows a:focus-visible{border-color:rgba(146,214,60,.32);background:rgba(146,214,60,.05)}
.pl-rows a:hover .go,.pl-rows a:focus-visible .go{color:var(--spark);transform:translateX(3px)}
.pl-rows a:focus-visible{outline:2px solid var(--sky);outline-offset:2px}
.soh-rows .pro{margin-left:auto;width:auto;height:auto;padding:2px 8px;border-radius:999px;background:rgba(146,214,60,.14);font-style:normal;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--spark)}
.soh-rows .pro::after{display:none}
.pl-rows .pro+.go{margin-left:10px}
.pp-rows .pro+em{margin-left:10px}

/* ---------- agent explorer ---------- */
.agx-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(30px,4vw,48px)}
.agx-head .h-1{margin-top:14px;max-width:16ch}
.agx-head .lede{margin:0;max-width:52ch;justify-self:end}
.agx{display:grid;grid-template-columns:290px minmax(0,1fr);gap:clamp(20px,2.6vw,36px);align-items:start}
.agx-rail{display:grid;gap:4px;position:sticky;top:110px}
.agx-rail button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 14px 8px 8px;border:0;border-radius:16px;background:transparent;color:var(--d-hi);text-align:left;font:inherit;cursor:pointer;transition:background .25s,box-shadow .25s}
.agx-rail img{flex:none;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2A4A92,#0B1430 75%)}
.agx-rail b{display:block;font-family:var(--f-display);font-weight:600;font-size:16px;line-height:1.25}
.agx-rail small{display:block;font-size:14px;color:var(--d-mid);line-height:1.35}
.agx-rail button:hover{background:rgba(11,20,48,.04)}
.agx-rail button[aria-selected=true]{background:#fff;box-shadow:0 1px 2px rgba(11,20,48,.06),0 14px 30px -18px rgba(11,20,48,.35),inset 3px 0 0 var(--sky)}
.agx-rail button:focus-visible{outline:2px solid var(--sky);outline-offset:2px}
.agx-p{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(28px,3.4vw,48px);border-radius:var(--r-xl);color:var(--t-hi);background:radial-gradient(70% 90% at 0% 100%,rgba(60,99,184,.42),transparent 60%),linear-gradient(165deg,#1C2F5F 0%,#0B1430 72%);box-shadow:0 40px 80px -48px rgba(11,20,48,.7);min-height:520px}
.agx-p::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(169,194,238,.10) 1px,transparent 1px);background-size:24px 24px;-webkit-mask:linear-gradient(200deg,#000,transparent 65%);mask:linear-gradient(200deg,#000,transparent 65%)}
.agx-p[hidden]{display:none}
.agx-p.show{animation:agxIn .5s var(--ease) both}
@keyframes agxIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.agx-p.show{animation:none}}
.agx-art{position:relative;display:grid;place-items:center}
.agx-art::before{content:"";position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(60,99,184,.45),transparent 68%)}
.agx-art img,.agx-art .bot-rig{position:relative;width:min(300px,100%);height:auto;aspect-ratio:4/5;filter:drop-shadow(0 26px 34px rgba(0,0,0,.5))}
.agx-body{display:grid;gap:12px;align-content:center}
.agx-k{font-size:14px;font-weight:600;color:var(--ice)}
.agx-body h3{margin:0;font-family:var(--f-display);font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-.03em;line-height:1.05;color:#fff}
.agx-d{margin:0;font-size:17px;line-height:1.6;color:var(--t-mid);max-width:48ch}
.agx-l{margin:8px 0 0;font-size:14px;font-weight:600;color:var(--t-lo)}
.agx-std{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.agx-std li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.45;color:#DCE5F6}
.agx-std li::before{content:"";position:absolute;left:2px;top:6px;width:11px;height:6px;border-left:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(-45deg)}
.agx-pro{display:grid;gap:4px;margin-top:6px;padding:14px 16px;border-radius:16px;background:rgba(146,214,60,.07);border:1px solid rgba(146,214,60,.24)}
.agx-pro span{font-size:14px;font-weight:700;color:var(--spark)}
.agx-pro p{margin:0;font-size:15px;line-height:1.5;color:#E6ECF8}
.agx-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:10px}
.agx-acts .link-arrow{color:var(--ice);font-size:15px}

@media (max-width:1060px){
  .agx{grid-template-columns:1fr}
  .agx-rail{position:static;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 calc(var(--gutter)*-1);padding:4px var(--gutter) 10px;scrollbar-width:none}
  .agx-rail::-webkit-scrollbar{display:none}
  .agx-rail button{flex:none;width:auto;scroll-snap-align:start;padding:5px 16px 5px 5px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line-l)}
  .agx-rail button small{display:none}
  .agx-rail img{width:36px;height:36px}
  .agx-rail b{font-size:15px;white-space:nowrap}
  .agx-rail button[aria-selected=true]{background:#0B1430;color:#fff;box-shadow:none}
}
@media (max-width:900px){
  .agx-head{grid-template-columns:1fr}
  .agx-head .lede{justify-self:start}
}
@media (max-width:700px){
  .agx-p{grid-template-columns:1fr;min-height:0;padding:24px 22px 28px;gap:8px}
  .agx-art img,.agx-art .bot-rig{width:180px}
  .agx-acts .btn{width:100%;justify-content:center}
}

/* downloads: quick links list */
.published-group+.published-group{margin-top:32px}
.published-group h3{font-size:20px;font-weight:600;color:var(--d-hi);margin-bottom:16px}
.published-list{background:#fff;border:1px solid var(--line-l);border-radius:16px;overflow:hidden}
.published-document{display:flex;align-items:center;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line-l);color:var(--d-hi)}
.published-document:last-child{border-bottom:0}
.published-document>svg{width:24px;height:24px;color:var(--sky);flex:none}
.published-document b{display:block;font-size:17px;font-weight:600}
.published-document small{display:block;font-size:15px;line-height:1.5;color:var(--d-mid);margin-top:4px}
.published-type{font-size:14px;color:var(--d-mid);white-space:nowrap;margin-left:auto}
.published-action{font-size:15px;color:#147A52;font-weight:600;white-space:nowrap}
.published-document:hover{background:var(--pearl)}
.published-document:focus-visible{outline:2px solid var(--sky);outline-offset:-3px}
@media(max-width:700px){.published-document{padding:18px;gap:14px;flex-wrap:wrap}.published-document>span:nth-child(2){flex:1;min-width:0}.published-type{margin-left:38px}.published-action{margin-left:auto}}
.ql{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r-xl);background:#fff;box-shadow:0 0 0 1px var(--line-l),0 24px 50px -36px rgba(11,20,48,.35);overflow:hidden}
.ql-r{display:flex;align-items:center;gap:16px;padding:22px 26px;color:var(--d-hi);border-bottom:1px solid var(--line-l);transition:background .25s}
.ql-r:nth-child(odd){border-right:1px solid var(--line-l)}
.ql-r:nth-last-child(-n+2){border-bottom:0}
.ql-r i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#0B1430;color:var(--spark)}
.ql-r i svg{width:20px;height:20px}
.ql-r b{display:block;font-family:var(--f-display);font-weight:600;font-size:18px}
.ql-r small{display:block;font-size:15px;color:var(--d-mid);line-height:1.45}
.ql-r em{margin-left:auto;font-style:normal;font-size:14px;font-weight:600;color:#147A52;white-space:nowrap}
.ql-r .go{color:var(--d-mid);transition:transform .3s var(--ease)}
.ql-r .go svg{width:16px;height:16px}
.ql-r:hover{background:var(--pearl)}
.ql-r:hover .go{transform:translateX(3px);color:#147A52}
.ql-r:focus-visible{outline:2px solid var(--sky);outline-offset:-2px}
@media (max-width:760px){.ql{grid-template-columns:1fr}.ql-r:nth-child(odd){border-right:0}.ql-r:nth-last-child(2){border-bottom:1px solid var(--line-l)}.ql-r{padding:18px 18px}.ql-r em{display:none}}

/* sector pages: included-as-standard panel */
.spec-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:center}
.spec{border-radius:var(--r-xl);padding:clamp(22px,2.6vw,32px);color:var(--t-hi);background:radial-gradient(80% 90% at 100% 0%,rgba(60,99,184,.35),transparent 60%),linear-gradient(165deg,#1C2F5F,#0B1430 70%);box-shadow:0 40px 80px -48px rgba(11,20,48,.7)}
.spec-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:15px;font-weight:600;color:#fff}
.spec-k{font-size:14px;font-weight:600;color:var(--spark)}
.spec-rows{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.spec-rows li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line-d)}
.spec-rows i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:rgba(169,194,238,.09);color:var(--ice)}
.spec-rows i svg{width:18px;height:18px}
.spec-rows b{display:block;font-size:16px;font-weight:600;color:#fff}
.spec-rows small{display:block;font-size:14px;line-height:1.45;color:var(--t-mid)}
.spec-rows .pro{margin-left:auto;flex:none;padding:2px 9px;border-radius:999px;background:rgba(146,214,60,.14);font-style:normal;font-size:13px;font-weight:700;color:var(--spark)}
.ql.c3{grid-template-columns:repeat(3,1fr)}
.ql.c3 .ql-r{border-bottom:0;border-right:1px solid var(--line-l)}
.ql.c3 .ql-r:last-child{border-right:0}
@media (max-width:960px){.spec-wrap{grid-template-columns:1fr}}
@media (max-width:860px){.ql.c3{grid-template-columns:1fr}.ql.c3 .ql-r{border-right:0;border-bottom:1px solid var(--line-l)}.ql.c3 .ql-r:last-child{border-bottom:0}}
.dl-soon[hidden],#published-documents[hidden]{display:none!important}

/* agents hero: demo call line (desktop shows QR + laptop hint; touch devices just call) */
.demo-call{display:flex;align-items:center;gap:clamp(18px,2.4vw,30px);margin-top:6px;padding:clamp(18px,2vw,24px);max-width:640px;border-radius:22px;border:1px solid var(--line-d2);background:linear-gradient(160deg,rgba(146,214,60,.10),rgba(169,194,238,.05));box-shadow:0 20px 50px -30px rgba(0,0,0,.6)}
.dc-main{display:grid;gap:8px;min-width:0}
.dc-k{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-display);font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.dc-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(146,214,60,.7);animation:dcPulse 2s infinite}
@keyframes dcPulse{70%{box-shadow:0 0 0 9px rgba(146,214,60,0)}100%{box-shadow:0 0 0 0 rgba(146,214,60,0)}}
@media (prefers-reduced-motion:reduce){.dc-dot{animation:none}}
.dc-num{font-family:var(--f-display);font-weight:600;font-size:clamp(28px,3.2vw,38px);letter-spacing:.01em;color:var(--t-hi);line-height:1.1;width:max-content;max-width:100%}
.dc-num:hover{color:var(--lime)}
.dc-sub{margin:0;font-size:15px;line-height:1.5;color:var(--t-mid)}
.dc-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.dc-acts .btn svg{width:17px;height:17px}
.dc-acts .btn:hover svg{transform:none}
.dc-copy{cursor:pointer;font:inherit;font-family:var(--f-display);font-weight:600;font-size:15px}
.dc-copy.is-done{color:var(--lime);border-color:var(--lime)}
.dc-desk{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--t-lo)}
.dc-qr{margin:0;flex:none;display:grid;justify-items:center;gap:8px}
.dc-qr img{width:132px;height:132px;padding:8px;border-radius:14px;background:#fff}
.dc-qr figcaption{font-size:12.5px;color:var(--t-mid)}
/* phones/tablets: the call button is the action, so drop the QR, copy button and laptop hint */
@media (hover:none),(pointer:coarse),(max-width:760px){.dc-qr,.dc-desk,.dc-copy{display:none}}
@media (max-width:480px){.dc-acts .btn{width:100%}}