:root{--navy:#031d5a;--deep:#021545;--blue:#075ee6;--cyan:#11c6ff;--green:#15b96e;--purple:#7454ee;--text:#122247;--muted:#61708e;--line:#dbe6f6;--white:#fff;--shadow:0 20px 50px rgba(10,46,118,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#f7faff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:76px;background:#fff;border-bottom:1px solid #e7eef8;display:flex;align-items:center;position:relative;z-index:20}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;min-width:150px}.brand img{width:165px;max-height:52px;object-fit:contain;object-position:left center}.brand-fallback{font-weight:900;letter-spacing:.02em;color:#073b93}.brand-fallback strong{color:#0a70ee;font-size:1.4em}.portal-actions{display:flex;gap:12px}.portal-btn{display:flex;align-items:center;gap:9px;border:1.5px solid;border-radius:9px;padding:9px 14px;font-size:.82rem;font-weight:800;transition:.25s;background:#fff}.portal-btn span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;color:#fff}.admin-login{color:#075ee6;border-color:#83b5ff;box-shadow:0 5px 15px rgba(7,94,230,.12)}.admin-login span{background:#075ee6}.agent-login{color:#08945a;border-color:#78d9ae;box-shadow:0 5px 15px rgba(8,148,90,.12)}.agent-login span{background:#11ad6b}.portal-btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(8,49,120,.2)}
.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#031647 0%,#063ba0 55%,#0759d6 100%);color:#fff;min-height:590px;padding:62px 0 95px}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 72% 24%,rgba(62,207,255,.16),transparent 20%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}.glow{position:absolute;border-radius:50%;filter:blur(25px);opacity:.3}.glow-one{width:320px;height:320px;background:#0ce3ff;right:25%;top:-190px}.glow-two{width:260px;height:260px;background:#6c37ff;left:-110px;bottom:-90px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .9fr .58fr;gap:32px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);border-radius:50px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.98;margin:24px 0 8px;letter-spacing:-.045em}.hero h2{font-size:clamp(1.3rem,2.2vw,2.05rem);margin:0 0 18px;color:#bfe9ff}.hero-lead{max-width:580px;line-height:1.75;color:#dbe9ff;font-size:1rem}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;margin:25px 0}.feature-list span{font-size:.83rem;font-weight:650;color:#eef7ff}.feature-list i{color:#29d6ff;margin-right:8px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.primary-btn,.light-btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:0 18px;font-size:.86rem;font-weight:850;transition:.2s}.primary-btn{background:linear-gradient(135deg,#0d83ff,#0751d8);box-shadow:0 12px 25px rgba(0,0,0,.2);border:1px solid #41a1ff}.light-btn{background:#fff;color:#083c99}.primary-btn:hover,.light-btn:hover{transform:translateY(-2px)}
.hero-product{position:relative;min-height:415px;display:flex;align-items:center;justify-content:center}.cloud-orbit{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:285px;height:200px}.cloud-shape{position:absolute;font-size:13rem;left:50%;top:50%;transform:translate(-50%,-50%);color:#e7f8ff;filter:drop-shadow(0 12px 20px rgba(0,36,110,.45))}.headset{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-size:6.5rem;color:#0755d5;filter:drop-shadow(0 6px 8px rgba(0,35,110,.35))}.orbit-call,.orbit-chart{position:absolute;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#118cff;color:#fff;border:2px solid rgba(255,255,255,.55);box-shadow:0 9px 20px rgba(0,51,160,.35)}.orbit-call{left:-9px;top:70px}.orbit-chart{right:-6px;top:94px;background:#0cbda9}.dashboard-card{position:absolute;left:15px;bottom:19px;width:330px;background:rgba(252,254,255,.96);color:var(--text);border:1px solid #fff;border-radius:13px;box-shadow:0 25px 50px rgba(0,17,69,.35);padding:17px;transform:perspective(900px) rotateX(4deg)}.dash-head{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:800}.dash-head span{display:flex;align-items:center;gap:6px}.dash-head span i{width:7px;height:7px;background:#13c179;border-radius:50%}.dash-head small{color:#10a866}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 9px}.metrics div{background:#eff5ff;border-radius:8px;padding:9px}.metrics small{display:block;font-size:.55rem;color:var(--muted)}.metrics strong{font-size:1rem;color:#075ee6}.chart{height:70px;display:flex;align-items:end;gap:8px;padding:7px;background:linear-gradient(180deg,#f8fbff,#edf4ff);border-radius:8px}.chart i{flex:1;border-radius:5px 5px 1px 1px;background:linear-gradient(#16c8ff,#075ee6)}.phone-card{position:absolute;right:-12px;bottom:12px;width:118px;height:178px;background:linear-gradient(160deg,#e9f8ff,#fff);border:5px solid #103f9a;border-radius:20px;box-shadow:0 18px 30px rgba(0,23,80,.4);color:#075ee6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.phone-card>i{font-size:2.2rem}.phone-card span{text-align:center}.phone-card b,.phone-card small{display:block}.phone-card b{font-size:1.6rem}.phone-card small{font-size:.55rem;color:var(--muted)}
.quick-access{background:#fff;color:var(--text);padding:17px;border-radius:15px;box-shadow:0 25px 60px rgba(0,18,72,.3);align-self:center}.quick-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.quick-title>span{width:36px;height:36px;border-radius:9px;background:#e8f2ff;color:#075ee6;display:grid;place-items:center}.quick-title strong,.quick-title small{display:block}.quick-title strong{font-size:.9rem}.quick-title small{font-size:.65rem;color:var(--muted);margin-top:2px}.quick-link{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:13px 11px;border-radius:10px;margin-top:10px;border:1.5px solid;transition:.2s}.quick-link>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:1rem}.quick-link strong,.quick-link small{display:block}.quick-link strong{font-size:.72rem}.quick-link small{font-size:.55rem;line-height:1.4;margin-top:3px;opacity:.82}.quick-link>i{font-size:.65rem}.admin-card{background:#075ee6;color:#fff;border-color:#63a1ff}.admin-card>span{background:rgba(255,255,255,.16)}.agent-card{background:#0cad6b;color:#fff;border-color:#65e0a8}.agent-card>span{background:rgba(255,255,255,.16)}.docs-card{color:#0753bd;border-color:#a6c8f7;background:#f4f8ff}.docs-card>span{background:#e1edff}.quick-link:hover{transform:translateX(3px)}.hero-wave{position:absolute;height:60px;bottom:-2px;left:-3%;width:106%;background:#f7faff;clip-path:ellipse(56% 37% at 50% 100%)}
.section{padding:78px 0}.section-heading{text-align:center;margin-bottom:35px}.section-heading span{font-size:.7rem;font-weight:900;color:#075ee6;text-transform:uppercase;letter-spacing:.1em}.section-heading h2{font-size:clamp(1.8rem,3vw,2.65rem);margin:7px 0 9px;letter-spacing:-.04em}.section-heading p{color:var(--muted);max-width:650px;margin:auto;line-height:1.7}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.solution-card{--accent:#075ee6;background:#fff;border:1px solid #e1eaf6;border-top:4px solid var(--accent);border-radius:13px;padding:25px;box-shadow:0 10px 30px rgba(17,46,98,.07);transition:.25s}.solution-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.solution-top{display:flex;align-items:center;gap:13px}.solution-top>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-size:1.25rem}.solution-top h3{margin:0;font-size:1.05rem}.solution-top b{display:block;font-size:.65rem;color:var(--accent);margin-top:3px}.solution-card p{font-size:.82rem;line-height:1.65;color:var(--muted)}.solution-card ul{padding:0;list-style:none;margin:15px 0 20px}.solution-card li{font-size:.72rem;margin:9px 0}.solution-card li i{color:var(--accent);margin-right:7px}.solution-card>a{font-size:.73rem;font-weight:850;color:var(--accent)}.green-card{--accent:#12af6c}.purple-card{--accent:#7454ee}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;background:#fff;border:1px solid #e0eaf7;border-radius:12px;box-shadow:0 10px 30px rgba(17,46,98,.06)}.stats-strip>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:19px;border-right:1px solid #e5edf7}.stats-strip>div:last-child{border:0}.stats-strip span{font-size:1.8rem;color:#075ee6}.stats-strip strong,.stats-strip small{display:block}.stats-strip strong{font-size:1.25rem;color:#075ee6}.stats-strip small{font-size:.62rem;color:var(--muted);margin-top:2px}
.pricing-section{padding:0 0 70px}.pricing-wrap{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:13px;padding:22px;background:linear-gradient(120deg,#032669,#075ed9);border-radius:15px;box-shadow:0 20px 45px rgba(7,56,150,.2);color:#fff}.pricing-intro{padding:11px}.pricing-intro span{font-size:.7rem;font-weight:800;color:#71dfff;text-transform:uppercase}.pricing-intro h2{margin:5px 0;font-size:1.75rem}.pricing-intro p{font-size:.75rem;line-height:1.5;color:#cfe2ff}.price-box{position:relative;background:#fff;color:var(--text);border-radius:11px;padding:17px 15px;border:2px solid #8bbaff;display:grid;grid-template-columns:38px 1fr;gap:9px;box-shadow:0 10px 25px rgba(0,20,72,.2)}.price-icon{width:38px;height:38px;border-radius:9px;background:#e8f2ff;color:#075ee6;display:grid;place-items:center}.price-box small,.price-box strong,.price-box em{display:block}.price-box small{font-size:.62rem;color:#50709e;font-weight:800}.price-box strong{font-size:1.55rem;line-height:1.2;color:#075ee6}.price-box em{font-size:.55rem;color:var(--muted);font-style:normal}.price-box ul{grid-column:1/-1;list-style:none;padding:0;margin:2px 0 0}.price-box li{font-size:.58rem;margin:5px 0;color:#52627c}.price-box li i{color:#0bad68;margin-right:5px}.ai-price{border-color:#78dec0}.ai-price .price-icon{background:#e6faf3;color:#09a967}.ai-price strong{color:#09a967}.call-price{border-color:#b49cff}.call-price .price-icon{background:#f1edff;color:#714ee7}.call-price strong{color:#714ee7}
.contact-section{padding:52px 0;background:#fff}.contact-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:45px}.contact-col h3{font-size:1rem;margin:0 0 12px}.contact-col p{font-size:.75rem;line-height:1.7;color:var(--muted)}.contact-col>a{display:block;font-size:.72rem;color:#214776;margin:10px 0}.contact-col>a i{width:21px;color:#075ee6}.why-us ul{padding:0;list-style:none;margin:0}.why-us li{font-size:.72rem;margin:9px 0}.why-us i{color:#075ee6;margin-right:7px}footer{background:#02184c;color:#cedcff;padding:16px 0;font-size:.65rem}footer .container{display:flex;justify-content:space-between;align-items:center}footer p{margin:0}footer strong{color:#fff;letter-spacing:.08em}.floating-whatsapp{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#16b968;color:#fff;font-size:1.5rem;box-shadow:0 10px 25px rgba(15,130,74,.35);z-index:30;transition:.2s}.floating-whatsapp:hover{transform:translateY(-3px) scale(1.03)}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr}.quick-access{grid-column:1/-1;display:grid;grid-template-columns:1fr repeat(3,1fr);gap:10px}.quick-link{margin:0}.pricing-wrap{grid-template-columns:1fr 1fr}.pricing-intro{grid-column:1/-1}.solution-grid{gap:15px}.hero-product{min-height:440px}}
@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.topbar{height:auto;padding:12px 0}.topbar-inner{align-items:center}.brand img{width:118px}.portal-actions{gap:7px}.portal-btn{padding:7px 9px;font-size:.68rem}.portal-btn span{width:25px;height:25px}.hero{padding:42px 0 85px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:2.65rem}.hero-product{min-height:420px}.quick-access{grid-template-columns:1fr}.quick-title{margin-bottom:2px}.feature-list{grid-template-columns:1fr}.solution-grid,.contact-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:1fr 1fr}.stats-strip>div:nth-child(2){border-right:0}.stats-strip>div:nth-child(-n+2){border-bottom:1px solid #e5edf7}.pricing-wrap{grid-template-columns:1fr}.pricing-intro{grid-column:auto}.contact-grid{gap:28px}footer .container{flex-direction:column;gap:7px;text-align:center}}
@media(max-width:430px){.brand{min-width:0}.brand img{width:92px}.portal-btn{font-size:0;width:41px;height:41px;padding:0;justify-content:center}.portal-btn span{width:31px;height:31px}.hero h1{font-size:2.25rem}.hero-actions>a{width:100%}.hero-product{transform:scale(.9);margin:-20px -20px}.dashboard-card{left:0}.phone-card{right:-2px}.solution-card{padding:21px}.stats-strip{grid-template-columns:1fr}.stats-strip>div{border-right:0;border-bottom:1px solid #e5edf7!important}.stats-strip>div:last-child{border-bottom:0!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Expanded services and Malaysia launch pricing */
.crm-card{--accent:#e34e85}.orange-card{--accent:#ef8b22}.cyan-card{--accent:#079db9}
.pricing-section{padding:76px 0;background:linear-gradient(180deg,#eef5ff 0%,#f8fbff 100%);border-top:1px solid #e0eaf7}.pricing-heading{margin-bottom:38px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}.plan-card{--plan:#075ee6;position:relative;background:#fff;border:1px solid #dce8f7;border-top:4px solid var(--plan);border-radius:15px;padding:25px 22px;box-shadow:0 14px 35px rgba(14,47,103,.09);display:flex;flex-direction:column;transition:.25s}.plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.plan-icon{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--plan) 12%,white);color:var(--plan);display:grid;place-items:center;font-size:1.25rem;margin-bottom:16px}.plan-card>small{color:var(--plan);font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.plan-card h3{margin:5px 0 13px;font-size:1.22rem}.plan-price{min-height:60px}.plan-price strong{display:block;color:var(--plan);font-size:2rem;line-height:1}.plan-price span{display:block;color:#6b7890;font-size:.63rem;margin-top:5px}.plan-card>p{color:var(--muted);font-size:.75rem;line-height:1.65;min-height:74px}.plan-card ul{list-style:none;padding:0;margin:7px 0 20px;flex:1}.plan-card li{font-size:.7rem;line-height:1.45;margin:10px 0;color:#455672;display:flex;align-items:flex-start;gap:7px}.plan-card li i{color:#10ae6a;margin-top:2px}.plan-card>a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:8px;background:var(--plan);color:#fff;font-size:.74rem;font-weight:850;padding:0 12px}.ai-plan{--plan:#08a866}.automation-plan{--plan:#724de3}.vicidial-plan{--plan:#e47b16}.featured-plan{border:2px solid #44c997;transform:translateY(-8px);box-shadow:0 18px 45px rgba(8,168,102,.17)}.featured-plan:hover{transform:translateY(-12px)}.popular-tag{position:absolute;right:14px;top:14px;background:#e7faf2;color:#078752;border-radius:30px;padding:6px 9px;font-size:.56rem;font-weight:900;text-transform:uppercase}.setup-note{font-size:.62rem;font-weight:750;color:#08784d;background:#eaf9f3;border-radius:7px;padding:8px 9px;margin:-10px 0 12px}.pricing-footnote{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:15px 18px;border:1px solid #d6e5f7;background:#fff;border-radius:11px;color:#596b87}.pricing-footnote i{color:#075ee6;margin-top:2px}.pricing-footnote p{font-size:.68rem;line-height:1.6;margin:0}.pricing-footnote strong{color:#263d64}
@media(max-width:1050px){.pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.pricing-grid{grid-template-columns:1fr}.featured-plan{transform:none}.featured-plan:hover{transform:translateY(-5px)}.plan-card>p{min-height:0}}