/* Call Center Services — voice operations / contact-center identity */
.ccs-hero{position:relative;overflow:hidden;min-height:720px;padding:145px 0 90px;background:#061925;color:#fff}.ccs-grid{position:absolute;inset:0;background-image:linear-gradient(#20c8ff08 1px,transparent 1px),linear-gradient(90deg,#20c8ff08 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,#000 0%,#000 60%,transparent 100%)}.ccs-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center}.ccs-copy h1{font-size:clamp(52px,6.2vw,82px);line-height:.98}.ccs-copy h1 span{color:#20c8ff}.ccs-copy>p{max-width:690px;color:#b9cbd4;font-size:18px;line-height:1.7;margin:28px 0}.ccs-ghost{color:#fff;border-color:#ffffff40;background:#ffffff08}.ccs-trust{display:flex;gap:22px;flex-wrap:wrap;color:#b7c8d0;font-size:11px;margin-top:25px}.ccs-dashboard{height:470px;position:relative;border:1px solid #2f78924d;border-radius:18px;background:linear-gradient(150deg,#0a2b3c,#071721);box-shadow:0 35px 80px #00000045,inset 0 1px #ffffff14;overflow:hidden}.dash-top{position:absolute;top:21px;left:23px;right:23px;display:flex;justify-content:space-between;color:#93acb7;font-size:8px;letter-spacing:.15em}.dash-top b{color:#20c8ff;font-size:8px}.dash-status{position:absolute;top:57px;left:24px;color:#6f8995;font-size:8px;letter-spacing:.12em}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#27d98b;box-shadow:0 0 12px #27d98b;margin-right:6px}.dash-ring{position:absolute;left:50%;top:52%;width:240px;height:240px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #20c8ff32;box-shadow:0 0 0 50px #20c8ff04,0 0 0 105px #20c8ff02}.dash-ring:before{content:"";position:absolute;inset:25px;border-radius:50%;border:1px dashed #20c8ff22}.dash-center{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid #20c8ff60;background:#20c8ff0c;box-shadow:0 0 40px #20c8ff18}.dash-center small{font-size:7px;color:#7c9aa6;letter-spacing:.16em}.dash-center strong{font-size:18px;color:#fff;margin:4px 0}.dash-center em{font-size:6px;color:#20c8ff;font-style:normal;letter-spacing:.14em}.dash-stat{position:absolute;width:100px;padding:13px 14px;border:1px solid #ffffff18;border-radius:9px;background:#ffffff07}.dash-stat b{font-size:7px;letter-spacing:.12em;color:#20c8ff}.dash-stat strong{display:block;font-size:19px;margin:6px 0 2px}.dash-stat small{font-size:7px;color:#718b96}.ds1{left:7%;top:29%}.ds2{right:7%;top:29%}.ds3{left:7%;bottom:20%}.ds4{right:7%;bottom:20%}.dash-foot{position:absolute;bottom:19px;left:23px;right:23px;display:flex;justify-content:space-between;color:#647f8a;font-size:7px;letter-spacing:.16em}
.ccs-intro{background:#fff}.ccs-head{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end}.ccs-head>p{margin:0;font-size:14px;line-height:1.7}.ccs-head h2{font-size:clamp(40px,4.7vw,60px)}.ccs-head h2 span{color:#e21d16}.ccs-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:58px}.ccs-capabilities article{min-height:265px;padding:29px 25px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;background:#fff;box-shadow:0 12px 35px #07172208}.ccs-num{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#071722;color:#20c8ff;font-size:9px;font-weight:800;margin-bottom:27px}.ccs-capabilities h3{font-size:20px;margin-bottom:10px}.ccs-capabilities p{font-size:13px;line-height:1.6;margin:0}.ccs-capabilities span{margin-top:auto;padding-top:22px;color:#e21d16;font-size:9px;font-weight:800;letter-spacing:.14em}
.ccs-flow{position:relative;overflow:hidden;padding:105px 0;background:linear-gradient(145deg,#04131f,#092e41);color:#fff}.ccs-flow:after{content:"";position:absolute;width:650px;height:650px;border:1px solid #20c8ff13;border-radius:50%;right:-270px;top:-220px;box-shadow:0 0 0 80px #20c8ff03}.ccs-section-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:65px}.ccs-section-head h2{font-size:clamp(40px,4.7vw,60px)}.ccs-section-head h2 span{color:#20c8ff}.ccs-section-head>p{margin:0;color:#a9bdc7;font-size:13px;line-height:1.7}.ccs-flow-line{position:relative;z-index:2;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;align-items:center;gap:8px}.ccs-flow-line>div{min-height:150px;padding:24px 17px;border:1px solid #ffffff19;background:#ffffff08;border-radius:13px;display:flex;flex-direction:column;justify-content:center}.ccs-flow-line b{font-size:9px;color:#20c8ff;margin-bottom:25px}.ccs-flow-line strong{font-size:15px;letter-spacing:.06em}.ccs-flow-line span{font-size:9px;color:#839ba5;margin-top:7px}.ccs-flow-line>i{font-style:normal;color:#e21d16;text-align:center;font-size:20px}
.ccs-use{padding:105px 0;background:#f7fafb}.ccs-use-head{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:55px}.ccs-use-head h2{font-size:clamp(40px,4.7vw,60px)}.ccs-use-head h2 span{color:#e21d16}.ccs-use-head>p{margin:0;font-size:14px}.ccs-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ccs-use-grid article{min-height:210px;padding:28px 25px;background:#fff;border:1px solid var(--line);border-radius:14px}.ccs-use-grid article>span{font-size:10px;color:#e21d16;font-weight:800}.ccs-use-grid h3{font-size:21px;margin:38px 0 10px}.ccs-use-grid p{font-size:12px;line-height:1.65;margin:0}
.ccs-features{padding:105px 0;background:#fff}.ccs-feature-head{margin-bottom:50px}.ccs-feature-head h2{font-size:clamp(40px,4.7vw,60px)}.ccs-feature-head h2 span{color:#20c8ff}.ccs-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ccs-feature-grid>div{padding:30px 26px;min-height:215px;border:1px solid #dfe7ea;border-radius:13px;background:#fff}.ccs-feature-grid b{display:inline-grid;place-items:center;min-width:43px;height:27px;padding:0 9px;border-radius:5px;background:#071722;color:#20c8ff;font-size:8px;letter-spacing:.12em}.ccs-feature-grid h3{font-size:19px;margin:25px 0 10px}.ccs-feature-grid p{font-size:12px;line-height:1.65;color:#64747b;margin:0}
.ccs-final{position:relative;overflow:hidden;background:#061925;color:#fff;text-align:center;padding:115px 0}.ccs-final-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#20c8ff15,transparent 32%),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,90px 90px}.ccs-final-copy{position:relative;z-index:2}.ccs-final h2{font-size:clamp(45px,5.5vw,70px)}.ccs-final h2 span{color:#20c8ff}.ccs-final p{max-width:760px;margin:20px auto 28px;color:#aabdc7;font-size:15px}
@media(max-width:900px){.ccs-hero{padding:120px 0 70px}.ccs-hero-inner{grid-template-columns:1fr}.ccs-dashboard{max-width:650px;width:100%;margin:auto}.ccs-head,.ccs-section-head,.ccs-use-head{grid-template-columns:1fr;gap:35px}.ccs-capabilities,.ccs-use-grid,.ccs-feature-grid{grid-template-columns:1fr 1fr}.ccs-flow-line{grid-template-columns:1fr 30px 1fr;gap:9px}.ccs-flow-line>div:nth-of-type(n+4),.ccs-flow-line>i:nth-of-type(n+4){display:none}}
@media(max-width:680px){.ccs-copy h1{font-size:48px}.ccs-trust{flex-direction:column;gap:9px}.ccs-dashboard{height:430px;transform:scale(.84);transform-origin:center}.ccs-capabilities,.ccs-use-grid,.ccs-feature-grid{grid-template-columns:1fr}.ccs-flow,.ccs-use,.ccs-features{padding:75px 0}.ccs-final{padding:85px 0}}