
/* SIP Trunking v2 */
.sip-hero .hero-inner{align-items:center}
.sip-dashboard .dash-window{min-height:450px}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34db80;box-shadow:0 0 10px #34db80;margin-right:5px}
.sip-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.sip-status-card{position:relative;background:#0b2a4d;border:1px solid rgba(99,166,228,.18);border-radius:10px;padding:12px}
.sip-status-card span{position:absolute;right:10px;top:10px;width:8px;height:8px;border-radius:50%;background:#35d981;box-shadow:0 0 10px #35d981}
.sip-status-card b,.sip-status-card small,.sip-status-card strong{display:block}
.sip-status-card b{font-size:13px}.sip-status-card small{font-size:9px;color:#8da8c2;margin:4px 0}.sip-status-card strong{font-size:10px;color:#4ae28c}
.sip-map-panel{background:#071e39;border:1px solid rgba(99,166,228,.16);border-radius:10px;padding:8px}
.sip-map-panel svg{width:100%;height:230px}
.sip-us{fill:#0b315d;stroke:#177bd2;stroke-width:2}
.sip-route{fill:none;stroke:#4dc6ff;stroke-width:4;stroke-dasharray:10 14;animation:sipRouteFlow 2.5s linear infinite;filter:drop-shadow(0 0 6px #1d9cff)}
.route-b{animation-delay:-.8s}.route-c{animation-delay:-1.6s}
.sip-node circle:first-child{fill:#0879ef;stroke:#fff;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:sipNodePulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px #249fff)}
.sip-node circle:nth-child(2){fill:#fff}.sip-node text{fill:#fff;font-size:11px;font-weight:800}
.sip-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.sip-metrics div{background:#0a2748;border-radius:8px;padding:10px}.sip-metrics small,.sip-metrics b{display:block}.sip-metrics small{font-size:9px;color:#8ea8c0}.sip-metrics b{font-size:13px}
.sip-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sip-benefit-card{padding:28px;border:1px solid #dce6f1;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 18px 45px rgba(29,68,108,.08);display:flex;flex-direction:column}
.sip-benefit-card p{flex:1;color:#5d6f84}.benefit-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0c7cff,#20b8ff);color:#fff;font-size:26px;font-weight:900;margin-bottom:20px;box-shadow:0 14px 28px rgba(10,113,239,.22)}
.portal-showcase-section{background:linear-gradient(180deg,#eef6ff,#fff)}
.portal-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}
.portal-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:22px 0}
.portal-feature-list span{position:relative;padding-left:24px;font-weight:700;color:#344b67}.portal-feature-list span:before{content:"✓";position:absolute;left:0;color:#0b82ff}
.light-head h2,.light-head p{color:#fff}.light-head p{opacity:.78}
.migration-timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:12px;margin-top:34px}
.timeline-step{text-align:center}.timeline-step i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#0d7fff;color:#fff;font-style:normal;font-weight:900;box-shadow:0 0 0 6px rgba(13,127,255,.14),0 0 24px rgba(13,127,255,.35)}
.timeline-step h3{color:#fff}.timeline-step p{font-size:13px;color:#a9bed3}.timeline-line{height:2px;background:linear-gradient(90deg,#0d7fff,#3ec9ff);margin-top:22px;min-width:44px;animation:timelineGlow 2.4s ease-in-out infinite}
.centered-actions{justify-content:center}
.ha-simulator{background:linear-gradient(180deg,#092545,#061a32);border:1px solid rgba(99,166,228,.25);border-radius:18px;padding:22px;box-shadow:0 24px 60px rgba(4,28,57,.25)}
.ha-sim-head{display:flex;justify-content:space-between;align-items:center;color:#fff}.ha-sim-head button{border:0;background:transparent;color:#52c6ff;font-weight:800;cursor:pointer}
.carrier-row{display:flex;justify-content:center;gap:10px;margin:20px 0}.carrier-chip{padding:7px 12px;border-radius:999px;background:#0b315a;color:#91abc4;font-size:12px}.carrier-chip.active{background:#0d7fff;color:#fff}
.ha-paths{position:relative;height:250px}.ha-paths svg{position:absolute;inset:0;width:100%;height:100%}.ha-line{fill:none;stroke:#46c2ff;stroke-width:5;stroke-dasharray:12 14;animation:haFlow 1.8s linear infinite;filter:drop-shadow(0 0 7px #1d9cff)}
.line-two{animation-delay:-.6s}.line-three{animation-delay:-1.2s}
.ha-region{position:absolute;z-index:2;width:110px;padding:12px;border-radius:12px;background:#0b3159;border:1px solid rgba(99,166,228,.25);text-align:center;color:#fff;transition:.3s}
.ha-region span{display:block;width:10px;height:10px;border-radius:50%;background:#35d981;box-shadow:0 0 10px #35d981;margin:0 auto 7px}
.ha-region small{display:block;color:#98b0c7}.dallas-region{left:50%;top:15px;transform:translateX(-50%)}.chicago-region{right:10px;bottom:22px}.la-region{left:10px;bottom:22px}
.ha-region.offline{opacity:.28;filter:grayscale(1)}.ha-region.offline span{background:#ff6666;box-shadow:0 0 10px #ff6666}
.pbx-destination{text-align:center;background:#0d7fff;color:#fff;border-radius:10px;padding:10px;font-weight:800}.ha-status{text-align:center;color:#9bb3ca;font-size:12px;margin-top:10px}
.compatibility-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.compatibility-grid div{padding:18px 12px;border:1px solid #dce6f1;border-radius:12px;background:#fff;text-align:center;font-weight:800;color:#23415f;box-shadow:0 10px 24px rgba(29,68,108,.06)}
.ai-sip-section{background:linear-gradient(180deg,#f7fbff,#fff)}
.ai-conversation-card{border-radius:18px;background:#081f3b;padding:22px;box-shadow:0 24px 60px rgba(4,28,57,.22)}
.ai-card-head{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:18px}.ai-card-head img{width:38px}.ai-card-head span{display:block;color:#58c7ff;font-size:12px}
.ai-message{max-width:82%;padding:11px 14px;border-radius:14px;margin:10px 0;font-size:13px}.user-message{margin-left:auto;background:#0d7fff;color:#fff}.bot-message{background:#0b3158;color:#dbe8f5}
.single-column{grid-template-columns:1fr!important}
@keyframes sipRouteFlow{to{stroke-dashoffset:-48}}
@keyframes sipNodePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
@keyframes timelineGlow{0%,100%{opacity:.5}50%{opacity:1;box-shadow:0 0 12px #2db6ff}}
@keyframes haFlow{to{stroke-dashoffset:-52}}
@media(max-width:1050px){
  .sip-benefit-grid,.compatibility-grid{grid-template-columns:repeat(2,1fr)}
  .portal-showcase{grid-template-columns:1fr}
  .migration-timeline{grid-template-columns:1fr}.timeline-line{width:2px;height:36px;min-width:0;margin:0 auto}
}
@media(max-width:680px){
  .sip-status-grid,.sip-benefit-grid,.compatibility-grid,.portal-feature-list{grid-template-columns:1fr}
  .sip-dashboard .dash-side{display:none}
  .sip-map-panel svg{height:180px}
  .ha-paths{height:320px}.dallas-region{top:10px}.la-region{left:0}.chicago-region{right:0}
}
@media(prefers-reduced-motion:reduce){
  .sip-route,.sip-node circle:first-child,.timeline-line,.ha-line{animation:none!important}
}
