:root{--navy:#05284a;--deep:#032144;--teal:#07386a;--mint:#60d2ff;--paper:#f6f9fc;--ink:#092d50;--muted:#52677b;--line:#dce6ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #00a9ef;outline-offset:6px}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(32px,3.3vw,48px);letter-spacing:-1.8px;line-height:1.12;margin-bottom:25px}h3{font-size:26px;letter-spacing:-.7px}section[id]{scroll-margin-top:20px}.skip{position:fixed;left:20px;top:-80px;padding:14px;background:white;z-index:10}.skip:focus{top:10px}.header{min-height:88px;padding:24px 5.5%;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff21;position:relative;z-index:5}.brand{display:flex;align-items:center}.brand img,footer img{height:auto;object-fit:contain}.header nav{display:flex;align-items:center;gap:30px;font-size:14px}.header nav a:hover{color:var(--mint)}.nav-contact{border:1px solid #68818a;border-radius:4px;padding:13px 18px;display:flex;gap:30px}.menu-toggle{display:none}.hero{background:var(--navy);color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:80px 5.5% 72px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:600;margin-bottom:25px;line-height:1.6}.hero .eyebrow{color:#b5cbdf;display:flex;align-items:center;gap:9px}.dot,.small-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);flex-shrink:0}h1{font-size:clamp(45px,4.65vw,70px);letter-spacing:-3px;line-height:1.04;margin:33px 0 28px}h1 span{color:var(--mint)}.hero-intro{color:#c0d3e4;max-width:530px;font-size:18px;line-height:1.65}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:34px}.button{padding:18px 21px;background:var(--mint);color:var(--deep);border-radius:3px;display:inline-flex;gap:30px;align-items:center;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#a4e7ff;transform:translateY(-2px)}.text-link{display:inline-flex;gap:24px;font-size:14px;font-weight:600;padding:10px 0;border-bottom:1px solid currentColor}.hero .text-link{color:#f1f5f3}.hero-note{font-size:12px;color:#a6b9be;margin-top:27px;margin-bottom:0}.connection-art{position:relative;align-self:center;width:100%;height:430px;max-width:520px;justify-self:end;background:radial-gradient(ellipse at center,#0a4b79 0%,#07335a 60%,transparent 72%)}.art-top,.art-bottom{position:absolute;left:22px;right:20px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#9bb3bb}.art-top{top:0}.art-bottom{bottom:0}.orbit{position:absolute;border:1px solid #76979b20;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:265px;height:265px}.orbit-two{width:395px;height:395px}.connections{position:absolute;width:100%;height:100%}.connections path{fill:none;stroke:#789b92;stroke-width:1.3}.connections circle{fill:var(--mint)}.node{position:absolute;border:1px solid #5e7a7c;background:#0a3c64;border-radius:8px;box-shadow:0 16px 35px #041d3033}.node strong{font-size:13px;font-weight:500;display:block}.node small{display:block;font-size:10px;color:#adc1c5;margin-top:7px}.core{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:156px;padding:24px 10px;background:#edf7fd;color:var(--navy);border:0}.core strong{font-size:22px}.core small{color:#52677b;font-size:9px}.core-symbol{display:block;font-size:48px;line-height:.85;letter-spacing:-9px;margin:0 8px 19px 0;font-weight:bold}.core-symbol span{color:#699171}.node-phone,.node-data,.node-code{display:flex;gap:12px;padding:16px 18px;align-items:center}.node-phone{right:2%;top:16%}.node-data{left:0;bottom:16%}.node-code{right:0;bottom:13%}.node-icon{color:var(--mint);font-size:27px}.node-icon.code{font-size:21px}.provider-strip{display:flex;align-items:center;gap:35px;padding:32px 5.5%;background:#edf4f9;border-bottom:1px solid var(--line)}.provider-strip p{font-size:12px;line-height:1.6;margin:0;min-width:185px;color:var(--muted)}.provider-strip strong{font-weight:500;color:var(--ink)}.provider-names{flex:1;display:flex;justify-content:space-evenly;gap:35px;align-items:center;font-size:32px;font-weight:bold;letter-spacing:-1.5px}.provider-dot{color:#0099d9}.provider-names .unitel{font-weight:500;letter-spacing:-1px}.provider-names .telavox{font-size:30px}.provider-strip>a{font-size:12px;display:flex;gap:25px}.section{padding:100px 5.5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:365px;margin:0 0 3px;color:var(--muted);font-size:16px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden}.solution{padding:26px 25px 24px;display:flex;flex-direction:column;min-height:332px;transition:background .2s;background:#fff;border-right:1px solid var(--line)}.solution:last-child{border:0}.solution:hover{background:#eaf6fd}.solution-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;align-items:center;margin-bottom:45px}.solution-top>span:last-child{font-size:21px}.solution h3{font-size:24px;line-height:1.15;margin-bottom:18px}.solution p{font-size:13px;color:var(--muted);margin-bottom:30px}.solution-bottom{margin-top:auto;font-size:11px;font-weight:600;display:flex;justify-content:space-between;gap:15px}.integration-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#e9f2f9;align-items:center}.integration-visual{background:#f7fbfe;border:1px solid #d5e4ef;padding:35px 40px;border-radius:5px}.integration-visual>.eyebrow{display:block;margin-bottom:30px}.flow-step{padding:18px;background:white;border:1px solid #dbe8f2;border-radius:4px;display:flex;gap:22px;align-items:center}.flow-icon{font-size:11px;border:1px solid #dbe8f2;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.flow-step small{display:block;font-size:8px;letter-spacing:1.6px;margin-bottom:7px;color:var(--muted)}.flow-step strong{display:block;font-size:17px;font-weight:500}.flow-step div>span{display:block;font-size:11px;margin-top:7px;color:var(--muted)}.flow-step.highlighted{background:var(--navy);color:white;border-color:var(--navy)}.highlighted small,.highlighted div>span{color:#b6cfcc}.highlighted .flow-icon{border-color:#648083;color:var(--mint)}.flow-connector{text-align:center;color:#4984b2;font-size:25px;height:33px}.diagram-note{font-size:10px;color:var(--muted);margin:22px 0 0;max-width:300px}.integration-copy p:not(.eyebrow){font-size:15px;color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.tags span{font-size:10px;border:1px solid #b5cede;border-radius:3px;padding:8px 10px}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.platforms article{border-top:1px solid #a3bacd;padding-top:23px}.platform-number{font-size:11px;color:#6b817d}.platforms h3{font-size:34px;margin:22px 0 20px}.platforms p{font-size:14px;color:var(--muted);max-width:300px}.platforms a{font-size:12px;display:flex;gap:30px;margin-top:24px;font-weight:600}.voice-section{display:grid;grid-template-columns:1fr 1fr;background:var(--teal);color:#fff;gap:60px;align-items:center}.voice-section .eyebrow{color:var(--mint)}.voice-section h2{font-size:60px}.voice-section p:not(.eyebrow){color:#d2e2e0;max-width:470px;font-size:17px;margin-bottom:30px}.button.light{background:#e3f5ff}.voice-visual{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:35px;height:240px}.voice-visual>span{font-size:12px;letter-spacing:4px;color:#c7dcce}.wave{height:120px;display:flex;align-items:center;gap:10px}.wave i{display:block;width:7px;border-radius:4px;background:var(--mint);height:25px}.wave i:nth-child(3n){height:70px;opacity:.7}.wave i:nth-child(4n){height:100px}.wave i:nth-child(5n){height:45px;opacity:.6}.wave i:nth-child(7n){height:125px}.custom-section{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.custom-section>div>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:470px}.process{list-style:none;margin:0;padding:0}.process li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:26px 0}.process li:first-child{padding-top:0}.process li>span{font-size:12px;padding-top:5px;color:#4c80a7}.process h3{font-size:22px;margin-bottom:10px}.process p{font-size:13px;color:var(--muted);margin:0}.about-section{display:grid;grid-template-columns:1fr 1fr;background:#eaf1f8}.about-section>img{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:48% center}.about-copy{padding:70px 11%}.about-copy h2{font-size:38px}.about-copy p:not(.eyebrow){color:var(--muted);font-size:15px}.about-copy .text-link{font-size:12px;margin-top:10px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:15%;background:var(--mint)}.contact-section h2{font-size:60px}.contact-section p:not(.eyebrow){max-width:430px;font-size:15px}.contact-details{display:flex;flex-direction:column;justify-content:center}.contact-details>a{font-size:clamp(23px,2.3vw,34px);letter-spacing:-.6px;padding:20px 0;border-bottom:1px solid #67a9c8;display:flex;justify-content:space-between;gap:20px}.contact-details p{margin:30px 0 0;color:#18496a}footer{padding:35px 5.5%;background:var(--navy);color:#b6c8cb;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}.draft-label{color:#97afb6}footer a:hover{color:white}
@media(min-width:1600px){.hero,.section,.provider-strip,.header,footer{padding-left:max(5.5%,calc((100vw - 1440px)/2));padding-right:max(5.5%,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.header nav{gap:18px;font-size:12px}.nav-contact{gap:12px;padding:11px}.hero{gap:20px;padding-top:60px}h1{font-size:49px}.connection-art{height:370px}.node-phone,.node-data,.node-code{padding:13px 11px;gap:8px}.node strong{font-size:11px}.node small{font-size:9px}.core{width:133px}.core strong{font-size:20px}.orbit-two{width:330px;height:330px}.provider-names{font-size:27px;gap:20px}.provider-strip>a{display:none}.solution{padding:22px 18px}.solution h3{font-size:21px}.solution-top{font-size:8px}.integration-section{gap:5%}.integration-visual{padding:30px 25px}.section{padding-top:80px;padding-bottom:80px}.voice-section h2,.contact-section h2{font-size:48px}.about-copy{padding:55px 9%}.about-copy h2{font-size:33px}}
@media(max-width:800px){.header{min-height:76px;padding:22px 6%}.brand img{width:145px}.menu-toggle{display:flex;gap:14px;background:none;border:0;color:white;font-size:14px;align-items:center}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:18px 6% 28px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #526c76}.header nav.open{display:flex}.header nav>a{padding:15px 0;font-size:16px}.header .nav-contact{margin-top:10px;padding:15px;justify-content:space-between}.hero{grid-template-columns:1fr;padding:50px 6% 42px;gap:45px}.hero-copy{max-width:600px}h1{font-size:clamp(41px,7.5vw,62px);letter-spacing:-2.2px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-intro{font-size:16px}.hero-note{font-size:11px}.connection-art{max-width:480px;justify-self:center;height:360px}.node-phone{top:13%;right:5%}.node-data{left:4%}.node-code{right:4%}.provider-strip{padding:27px 6%;flex-direction:column;align-items:stretch;gap:22px}.provider-strip p br{display:none}.provider-strip p strong{margin-left:6px}.provider-strip p{text-align:center;font-size:11px}.provider-names{font-size:29px;justify-content:space-between}.provider-names .telavox{font-size:28px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:33px}.section-heading>p{max-width:520px;margin:24px 0 0;font-size:15px}h2{font-size:37px}.solution-grid{grid-template-columns:1fr 1fr}.solution:nth-child(2){border-right:0}.solution:nth-child(-n+2){border-bottom:1px solid var(--line)}.solution{min-height:310px;padding:24px}.solution-top{font-size:9px;margin-bottom:30px}.solution h3{font-size:25px}.integration-section{grid-template-columns:1fr;gap:40px}.integration-copy{grid-row:1}.integration-visual{max-width:510px;width:100%;justify-self:center}.platforms{gap:25px}.platforms h3{font-size:28px}.platforms a{font-size:11px;gap:10px}.voice-section{gap:35px;grid-template-columns:1fr}.voice-visual{height:185px}.custom-section{grid-template-columns:1fr;gap:40px}.about-section{grid-template-columns:1fr}.about-section>img{min-height:0;max-height:420px;aspect-ratio:1.5;object-position:center}.about-copy{padding:55px 6%}.about-copy h2{font-size:37px}.contact-section{grid-template-columns:1fr;gap:20px}.contact-details>a{font-size:30px}.contact-details{max-width:470px}.contact-section h2{font-size:49px}footer{flex-wrap:wrap;gap:25px;padding:30px 6%}footer>*{flex-basis:40%}}
@media(max-width:440px){h1{font-size:41px}.actions{gap:18px}.actions .button{font-size:12px;padding:17px}.connection-art{height:320px}.orbit-two{width:290px;height:290px}.orbit-one{width:210px;height:210px}.node-phone{right:1%;top:11%}.node-data{left:0;bottom:12%}.node-code{right:0;bottom:7%}.node small{font-size:8px}.node strong{font-size:10px}.node-icon{font-size:23px}.core{width:120px;padding:18px 8px}.core strong{font-size:19px}.core small{font-size:8px}.art-top,.art-bottom{font-size:7px;left:0;right:0}.provider-names{font-size:25px}.provider-names .telavox{font-size:25px}.solution-grid{grid-template-columns:1fr}.solution{border-right:0;border-bottom:1px solid var(--line);min-height:275px;padding:25px}.solution-top{margin-bottom:23px}.solution p{max-width:300px}.solution h3 br{display:none}.platforms{grid-template-columns:1fr;gap:35px}.platforms h3{margin:15px 0}.platforms p{max-width:none}.platforms a{font-size:12px}.voice-section h2{font-size:43px}.wave{gap:8px}.wave i{width:6px}.integration-visual{padding:25px 18px}.flow-step{gap:15px;padding:15px}.flow-step strong{font-size:15px}.contact-details>a{font-size:25px}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied TelePlan brand artwork, framed without changing the source images. */
.header{background:#fff;color:var(--ink);border-color:var(--line)}
.brand-logo{display:block;width:245px;height:auto;aspect-ratio:1290/280;overflow:hidden;flex-shrink:0}
.header .brand-logo{mix-blend-mode:multiply}
.header nav a:hover{color:#0079b5}.nav-contact{border-color:#bbd2e2}.menu-toggle{color:var(--ink)}
.core-brand{display:block;width:67px;height:52px;margin:0 auto 17px;mix-blend-mode:multiply}
.core{background:#f3f9fd}.connections path{stroke:#4f92bf}.orbit{border-color:#599aca25}
footer{background:#032144}footer .brand-logo{width:220px}
.contact-section{background:#dff3ff}.button{background:#5bd0ff}.voice-section .eyebrow{color:#7ddcff}
@media(max-width:1100px){.header .brand-logo{width:210px}.header nav{gap:15px}}
@media(max-width:800px){.header{min-height:90px}.header .brand-logo{width:225px}.header nav{top:90px;background:white;border-color:var(--line)}.header nav a:hover{color:#0079b5}}
@media(max-width:440px){.header .brand-logo{width:205px}.core-brand{width:58px;height:45px;margin-bottom:12px}footer .brand-logo{width:180px}}
