.contact-center-page{color:#e6f1ff;background:#050a14;padding-top:80px;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.cc-page .hero{z-index:1;align-items:center;min-height:calc(100vh - 80px);padding:5rem 0;display:flex;position:relative}.cc-page .particles-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.cc-page .hero-content-grid{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.cc-page .hero-text-block{--curx:0px;--cury:0px;background:radial-gradient(circle at var(--curx) var(--cury),#2dd4bf0a 0%,transparent 100%);border-radius:24px;padding:2rem}.cc-page .badge{letter-spacing:.08em;text-transform:uppercase;color:#2dd4bf;background:#2dd4bf14;border:1px solid #2dd4bf26;border-radius:100px;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.cc-page h1{letter-spacing:-.02em;margin-bottom:1.5rem;font-family:Outfit,Inter,sans-serif;font-size:clamp(2.5rem,4vw,3.75rem);font-weight:800;line-height:1.15}.cc-page h1 .highlight{background:linear-gradient(135deg,#2dd4bf,#0d9488);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cc-page .subheadline{color:#94a3b8;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.65}.cc-page .hero-actions{gap:1.25rem;display:flex}.cc-page .btn-primary{color:#050a14;cursor:pointer;background:#2dd4bf;border:none;border-radius:12px;padding:.9rem 2rem;font-size:.95rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #2dd4bf33}.cc-page .btn-primary:hover{background:#14b8a6;transform:translateY(-2px);box-shadow:0 6px 24px #2dd4bf4d}.cc-page .btn-secondary{color:#e6f1ff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:.9rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s}.cc-page .btn-secondary:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.cc-page .dashboard-glass-card{-webkit-backdrop-filter:blur(24px);background:#0f172a73;border:1px solid #2dd4bf1f;border-radius:28px;padding:1.75rem;position:relative;overflow:hidden;box-shadow:0 25px 60px #0006,inset 0 1px #ffffff08}.cc-page .dashboard-top-bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.cc-page .top-bar-dots{gap:6px;display:flex}.cc-page .dot-d{border-radius:50%;width:10px;height:10px}.cc-page .dot-d.red{background:#ff5f56}.cc-page .dot-d.yellow{background:#ffbd2e}.cc-page .dot-d.green{background:#27c93f}.cc-page .dashboard-label{color:#94a3b8;font-size:.75rem;font-weight:600}.cc-page .agent-cards-row{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;display:flex}.cc-page .agent-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:.4rem;min-width:90px;padding:.75rem .6rem;transition:all .3s;display:flex}.cc-page .agent-card.active{background:#2dd4bf14;border-color:#2dd4bf4d;box-shadow:0 0 20px #2dd4bf14}.cc-page .agent-avatar{color:#050a14;background:linear-gradient(135deg,#2dd4bf,#0d9488);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex}.cc-page .agent-info{text-align:center}.cc-page .agent-name{color:#fff;font-size:.65rem;font-weight:600;display:block}.cc-page .agent-status{font-size:.58rem;font-weight:700}.cc-page .agent-status.on-call{color:#10b981}.cc-page .agent-status.available{color:#64748b}.cc-page .queue-panel{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;padding:.85rem 1rem}.cc-page .queue-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.65rem;font-size:.65rem;font-weight:700;display:block}.cc-page .queue-items{flex-direction:column;gap:.4rem;display:flex}.cc-page .queue-item{background:#ffffff04;border-radius:8px;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.7rem;display:flex}.cc-page .queue-caller{color:#fff;font-weight:600}.cc-page .queue-position{color:#94a3b8;font-size:.65rem}.cc-page .progress-dots{gap:3px;display:flex}.cc-page .p-dot{background:#2dd4bf80;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dp}.cc-page .p-dot:nth-child(2){animation-delay:.2s}.cc-page .p-dot:nth-child(3){animation-delay:.4s}@keyframes dp{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.cc-page .ivr-bg-flow{pointer-events:none;opacity:.06;height:50%;position:absolute;bottom:0;left:0;right:0}.cc-page .bg-flow-node{background:#2dd4bf;border-radius:50%;width:14px;height:14px;position:absolute}.cc-page .bg-flow-node.n1{bottom:70%;left:30%}.cc-page .bg-flow-node.n2{bottom:40%;left:60%}.cc-page .bg-flow-node.n3{bottom:10%;left:45%}.cc-page .bg-flow-line{opacity:.4;background:#2dd4bf;width:2px;position:absolute}.cc-page .bg-flow-line.l1{height:25%;bottom:45%;left:calc(30% + 6px);transform:rotate(15deg)}.cc-page .bg-flow-line.l2{height:25%;bottom:15%;left:calc(60% + 6px);transform:rotate(-10deg)}.cc-page .stats-strip{color:#0f172a;z-index:10;background:#fff;padding:3rem 0;position:relative;box-shadow:0 10px 30px #0000000d}.cc-page .stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.cc-page .stat-box{flex-direction:column;align-items:center;display:flex}.cc-page .stat-num{background:linear-gradient(135deg,#0f172a,#334155);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800}.cc-page .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.cc-page .how-it-works{padding:8rem 0;position:relative}.cc-page .section-header{text-align:center;max-width:700px;margin:0 auto 6rem}.cc-page .section-header h2{margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:2.75rem;font-weight:800;line-height:1.2}.cc-page .section-header p{color:#94a3b8;font-size:1.15rem;line-height:1.6}.cc-page .steps-grid-list{flex-direction:column;gap:7rem;display:flex}.cc-page .step-row{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}.cc-page .step-text-container{position:relative}.cc-page .large-step-number{color:#2dd4bf12;pointer-events:none;z-index:1;font-family:Outfit,sans-serif;font-size:9.5rem;font-weight:900;line-height:1;position:absolute;top:-50px;left:-20px}.cc-page .step-text-container h3{z-index:2;margin-bottom:1.25rem;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800;position:relative}.cc-page .step-text-container p{color:#94a3b8;z-index:2;font-size:1.1rem;line-height:1.65;position:relative}.cc-page .step-visual-container{justify-content:center;align-items:center;display:flex}.cc-page .flow-builder-preview{text-align:center;background:#0f172a80;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:460px;padding:1.75rem}.cc-page .fb-node{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.cc-page .fb-main{background:#2dd4bf0f;border-color:#2dd4bf4d}.cc-page .fb-menu{background:#6366f10f;border-color:#6366f14d}.cc-page .fb-branch-node{border-color:#ffffff1a}.cc-page .fb-leaf{background:#10b9810f;border-color:#10b98126;font-size:.8rem}.cc-page .fb-icon{font-size:1rem}.cc-page .fb-tag{color:#2dd4bf;background:#2dd4bf1a;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.cc-page .fb-conn-v{background:#ffffff1a;width:2px;height:20px;margin:0 auto}.cc-page .fb-conn-v.short{height:12px}.cc-page .fb-conn-h{background:#ffffff14;width:24px;height:2px}.cc-page .fb-branches{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.cc-page .fb-branch{flex-direction:column;align-items:center;gap:.3rem;display:flex}.cc-page .agent-onboarding-card{background:#0f172a80;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:440px;padding:1.75rem}.cc-page .onboarding-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.cc-page .onboarding-title{color:#fff;font-size:.9rem;font-weight:700}.cc-page .add-agent-btn{color:#2dd4bf;cursor:pointer;background:#2dd4bf14;border-radius:8px;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.cc-page .assignment-toggle{background:#ffffff08;border-radius:10px;margin-bottom:1.25rem;padding:3px;display:flex}.cc-page .toggle-option{text-align:center;color:#94a3b8;cursor:pointer;border-radius:8px;flex:1;padding:.5rem;font-size:.8rem;font-weight:600;transition:all .2s}.cc-page .toggle-option.active{color:#2dd4bf;background:#2dd4bf26}.cc-page .agent-onboard-list{flex-direction:column;gap:.5rem;display:flex}.cc-page .onboard-agent-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.cc-page .agent-avatar-small{color:#050a14;background:linear-gradient(135deg,#2dd4bf,#0d9488);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.cc-page .agent-onboard-name{color:#fff;flex:1;font-size:.85rem;font-weight:600}.cc-page .agent-onboard-queue{color:#2dd4bf;background:#2dd4bf14;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.cc-page .scale-preview-card{text-align:center;background:#0f172a80;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:460px;padding:2rem}.cc-page .operator-count-display{margin-bottom:1.5rem}.cc-page .operator-count-num{background:linear-gradient(135deg,#2dd4bf,#0d9488);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:900;line-height:1;display:block}.cc-page .operator-count-label{color:#94a3b8;margin-top:.25rem;font-size:.9rem;font-weight:600;display:block}.cc-page .scale-slider-track{background:#ffffff0f;border-radius:50px;width:100%;height:8px;margin-bottom:.5rem;position:relative}.cc-page .scale-slider-fill{background:linear-gradient(90deg,#2dd4bf,#0d9488);border-radius:50px;height:100%;transition:width .1s linear}.cc-page .scale-slider-thumb{background:#2dd4bf;border-radius:50%;width:20px;height:20px;transition:left .1s linear;position:absolute;top:-6px;transform:translate(-50%);box-shadow:0 0 12px #2dd4bf80}.cc-page .scale-slider-labels{color:#94a3b8;justify-content:space-between;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:flex}.cc-page .scale-instant-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:50px;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-block}.cc-page .operator-grid-preview{flex-wrap:wrap;justify-content:center;gap:4px;max-height:140px;display:flex;overflow:hidden}.cc-page .op-grid-circle{color:#2dd4bf;background:#2dd4bf26;border:1px solid #2dd4bf33;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.5rem;font-weight:700;animation:.3s ease-out both fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cc-page .features-bento{padding:8rem 0;position:relative}.cc-page .bento-section-header{text-align:center;max-width:700px;margin:0 auto 5rem}.cc-page .bento-section-header h2{margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:2.75rem;font-weight:800;line-height:1.2}.cc-page .bento-section-header p{color:#94a3b8;font-size:1.15rem;line-height:1.6}.cc-page .bento-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.cc-page .bento-card{--mx:50%;--my:50%;background:#0f172a66;border:1px solid #2dd4bf14;border-radius:24px;flex-direction:column;justify-content:space-between;padding:3rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.cc-page .bento-card:before{content:"";background:radial-gradient(600px at var(--mx) var(--my),#2dd4bf0f,transparent 45%);opacity:0;pointer-events:none;z-index:0;transition:opacity .4s;position:absolute;inset:0}.cc-page .bento-card:hover:before{opacity:1}.cc-page .bento-card:hover{border-color:#2dd4bf2e;transform:translateY(-5px);box-shadow:0 20px 40px #0003}.cc-page .bento-card.full-width{grid-column:span 2;grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;display:grid}.cc-page .card-content{z-index:2;position:relative}.cc-page .bento-icon{color:#2dd4bf;background:#2dd4bf14;border:1px solid #2dd4bf1f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.75rem;display:flex}.cc-page .bento-icon svg{width:22px;height:22px}.cc-page .feature-sub{color:#2dd4bf;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.cc-page .bento-card h3{color:#fff;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800;line-height:1.3}.cc-page .bento-card p{color:#94a3b8;font-size:.95rem;line-height:1.6}.cc-page .card-visual{z-index:2;justify-content:center;display:flex;position:relative}.cc-page .ivr-flow-visual{width:100%}.cc-page .ivr-level{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.cc-page .ivr-node{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.cc-page .ivr-node.main{background:#2dd4bf14;border-color:#2dd4bf4d}.cc-page .ivr-node.dept{background:#6366f10a;border-color:#6366f133}.cc-page .ivr-node.leaf{background:#10b9810a;border-color:#10b98133;font-size:.75rem}.cc-page .ivr-level-connector{background:#ffffff14;width:2px;height:16px;margin:4px auto}.cc-page .routing-source{text-align:center;color:#fff;margin-bottom:.75rem;font-size:.85rem;font-weight:600}.cc-page .routing-split{flex-direction:column;gap:.5rem;display:flex}.cc-page .routing-path{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.cc-page .routing-path.s{border-left:3px solid #2dd4bf}.cc-page .routing-path.sp{border-left:3px solid #6366f1}.cc-page .routing-path.ai{border-left:3px solid #a78bfa}.cc-page .rc{color:#94a3b8;min-width:70px;font-size:.7rem;font-weight:600}.cc-page .ra{color:#2dd4bf;font-weight:700}.cc-page .rd{align-items:center;gap:.4rem;display:flex}.cc-page .rav{color:#2dd4bf;background:#2dd4bf26;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.6rem;font-weight:700;display:flex}.cc-page .rvg{gap:-6px;display:flex}.cc-page .rai{font-size:1rem}.cc-page .feature-checklist{flex-direction:column;gap:.5rem;display:flex}.cc-page .checklist-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.65rem .85rem;display:flex}.cc-page .check-icon{color:#10b981;background:#10b9811a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.cc-page .check-title{color:#fff;font-size:.8rem;font-weight:600;display:block}.cc-page .check-desc{color:#94a3b8;margin-top:2px;font-size:.7rem;display:block}.cc-page .scale-phases{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.cc-page .scale-phase{text-align:center}.cc-page .phase-grid{flex-wrap:wrap;justify-content:center;gap:2px;margin-bottom:.35rem;display:flex}.cc-page .phase-grid.s5{max-width:60px}.cc-page .phase-grid.s25{max-width:120px}.cc-page .phase-grid.s100{max-width:150px}.cc-page .pav{color:#2dd4bf;background:#2dd4bf1f;border:1px solid #2dd4bf33;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.38rem;font-weight:700;display:flex}.cc-page .pav.sm{width:12px;height:12px;font-size:.32rem}.cc-page .pav.xs{width:8px;height:8px;font-size:.22rem}.cc-page .pl{color:#94a3b8;font-size:.65rem;font-weight:700}.cc-page .pa{color:#2dd4bf;font-size:1rem;font-weight:700}.cc-page .cloud-arch{width:100%}.cc-page .al{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:1rem}.cc-page .al.business{background:#10b9810a;border-color:#10b98133}.cc-page .al.infra{background:#2dd4bf08;border-color:#2dd4bf1f}.cc-page .alt{color:#94a3b8;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.cc-page .abc{color:#fff;justify-content:center;align-items:center;gap:.75rem;font-size:.8rem;font-weight:600;display:flex}.cc-page .adiv{text-align:center;color:#2dd4bf;padding:.5rem 0;font-size:.65rem;font-weight:700}.cc-page .ain{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.5rem;display:flex}.cc-page .ain span,.cc-page .infra-node{color:#2dd4bf;background:#2dd4bf14;border-radius:4px;padding:.2rem .5rem;font-size:.6rem;font-weight:600}.cc-page .asr{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.cc-page .asr span,.cc-page .arch-status{color:#10b981;font-size:.58rem;font-weight:600}.cc-page .closing-cta{padding:8rem 0;position:relative}.cc-page .cta-glow-container{text-align:center;background:radial-gradient(circle,#2dd4bf14,#0000),#0f172a80;border:1px solid #2dd4bf26;border-radius:32px;max-width:1000px;margin:0 auto;padding:5rem 3rem;position:relative;overflow:hidden;box-shadow:0 30px 70px #0000004d}.cc-page .cta-glow-container h2{margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:3.25rem;font-weight:800;line-height:1.15}.cc-page .cta-glow-container p{color:#94a3b8;max-width:750px;margin:0 auto 3rem;font-size:1.2rem;line-height:1.6}.cc-page .cta-actions-group{justify-content:center;gap:1.25rem;display:flex}.cc-page .cta-trust-text{color:#64748b;margin-top:1.5rem;font-size:.85rem}@media (max-width:1024px){.cc-page h1{font-size:2.75rem}.cc-page .large-step-number{font-size:7rem;top:-40px}}@media (max-width:768px){.cc-page{padding-top:70px}.cc-page .hero{min-height:auto;padding:3rem 0}.cc-page .hero-content-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.cc-page .hero-text-block{padding:0}.cc-page .hero-actions{flex-direction:column;justify-content:center;gap:.75rem}.cc-page .stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.cc-page .stat-num{font-size:2.5rem}.cc-page .step-row{text-align:center;grid-template-columns:1fr;gap:3rem}.cc-page .large-step-number{font-size:5rem;top:-30px;left:50%;transform:translate(-50%)}.cc-page .bento-grid{grid-template-columns:1fr}.cc-page .bento-card{padding:2rem}.cc-page .bento-card.full-width{grid-column:span 1;grid-template-columns:1fr;gap:2rem}.cc-page .cta-glow-container{padding:3rem 1.5rem}.cc-page .cta-glow-container h2{font-size:2.25rem}.cc-page .cta-actions-group{flex-direction:column;gap:.75rem}}@media (max-width:640px){.cc-page h1{font-size:2rem}.cc-page .stats-grid{grid-template-columns:1fr}.cc-page .hero-actions,.cc-page .cta-actions-group{flex-direction:column;align-items:stretch}.cc-page .btn-primary,.cc-page .btn-secondary{text-align:center;width:100%}.cc-page .scale-preview-card,.cc-page .agent-onboarding-card,.cc-page .flow-builder-preview{padding:1.25rem 1rem}.cc-page .dashboard-glass-card{border-radius:18px;padding:1rem .75rem}.cc-page .agent-card{min-width:75px}.cc-page .large-step-number{font-size:4rem;top:-20px}}
