@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#101d2b;--paper:#f3f0e8;--white:#fff;--orange:#ff5b28;--blue:#1355ff;--line:#cbd0ce;--muted:#607080}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.top{height:86px;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:4vw;position:sticky;top:0;z-index:20;background:rgba(243,240,232,.94);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:700;line-height:.9;letter-spacing:-.03em}.brand small{display:block;font-size:8px;letter-spacing:.18em;margin-top:7px}.brandmark{background:var(--ink);color:#fff;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;font-size:13px}.top nav{display:flex;gap:28px;margin-left:auto}.top nav a,.top-cta{color:var(--ink);text-decoration:none;font-size:14px}.top-cta{border-bottom:1px solid}.menu{display:none}.hero{padding:80px 4vw 0;min-height:720px;overflow:hidden}.eyebrow,.section-no{font-size:11px;font-weight:700;letter-spacing:.14em}.eyebrow i{display:inline-block;width:9px;height:9px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1{font:600 clamp(52px,8.4vw,132px)/.9 'Manrope';letter-spacing:-.075em;margin:55px 0 35px;max-width:1400px}.hero h1 em,.network h2 em{font-weight:400;color:var(--blue)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.hero-bottom p{font-size:19px;line-height:1.55;max-width:650px;margin:0}.hero-actions{display:flex;justify-content:flex-end;gap:10px}.button{padding:17px 24px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;border-radius:3px}.button.primary{background:var(--ink);color:white}.button b{margin-left:20px}.signal{height:255px;position:relative;margin-top:25px}.signal svg{width:100%;height:100%;overflow:visible}.signal path{fill:none;stroke:#aeb9c2;stroke-width:1}.signal .flow{stroke:var(--orange);stroke-width:3;stroke-dasharray:3 22;animation:dash 9s linear infinite}.signal span{position:absolute;font-size:10px;font-weight:700;border:1px solid var(--line);background:var(--paper);padding:6px 8px;border-radius:20px;z-index:1}.signal span:nth-child(1){left:4%;top:42%}.signal span:nth-child(2){left:25%;top:45%}.signal span:nth-child(3){left:45%;top:35%}.signal span:nth-child(4){left:68%;top:53%}.signal span:nth-child(5){right:4%;top:30%}@keyframes dash{to{stroke-dashoffset:-250}}.ticker{background:var(--blue);color:white;overflow:hidden;padding:18px 0;white-space:nowrap}.ticker div{font-weight:600;font-size:13px;letter-spacing:.1em;animation:ticker 22s linear infinite}.ticker i{color:#7fa2ff;margin:0 30px}@keyframes ticker{to{transform:translateX(-35%)}}.intro{display:grid;grid-template-columns:1fr 1fr;padding:120px 4vw 60px;gap:50px}.intro h2,.network h2,.process h2,.case-grid h2,.company h2,.contact h2{font:600 clamp(42px,5vw,76px)/.98 'Manrope';letter-spacing:-.055em;margin:25px 0}.intro>p{font-size:22px;line-height:1.5;max-width:650px;margin-top:55px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid article{padding:35px 28px 40px;border-right:1px solid var(--line);min-height:430px;display:flex;flex-direction:column}.service-grid article:last-child{border:0}.service-grid article>b{font-size:11px;color:var(--muted)}.service-grid svg{width:100px;height:65px;margin:50px 0 35px;fill:none;stroke:var(--blue);stroke-width:1.6}.service-grid h3{font:600 23px 'Manrope';margin:0 0 15px}.service-grid p{color:var(--muted);line-height:1.55}.service-grid a{color:var(--ink);margin-top:auto;text-decoration:none;font-weight:600}.network{background:var(--ink);color:white;display:grid;grid-template-columns:42% 58%;padding:120px 4vw;gap:60px}.network h2{font-size:clamp(45px,5vw,76px)}.network-copy>p{color:#a9b5c2;line-height:1.65;font-size:17px;max-width:580px}.region-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0 22px}.region-tabs button{background:transparent;border:1px solid #4a5663;color:#bcc5ce;padding:11px 14px;border-radius:30px;cursor:pointer}.region-tabs button.active{background:var(--orange);border-color:var(--orange);color:white}#region-copy{display:flex;flex-direction:column;gap:7px}#region-copy span{color:#9da9b5;font-size:14px}.map-card{border:1px solid #3c4a58;background:#172535}.map-head,.map-legend{display:flex;justify-content:space-between;padding:18px;font-size:10px;letter-spacing:.1em}.status{color:#69e0a1}.map-card svg{display:block;width:100%;height:auto;border-block:1px solid #3c4a58}.continent{fill:#233446;stroke:#526273}.links path{fill:none;stroke:#6d7f90;stroke-width:2;stroke-dasharray:6}.nodes circle{fill:#647586;stroke:#172535;stroke-width:5;transition:.3s}.nodes circle.hot{fill:var(--orange);r:14}.map-legend{justify-content:flex-start;gap:25px}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#647586;margin-right:7px}.map-legend .orange{background:var(--orange)}.process{padding:120px 4vw}.process-title{display:flex;justify-content:space-between;align-items:flex-start}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px}.steps article{border-top:1px solid var(--ink);padding:20px 25px 50px 0}.steps article+article{padding-left:25px}.steps span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:white;font-size:12px}.steps h3{font:600 28px 'Manrope';margin:35px 0 10px}.steps p{color:var(--muted);line-height:1.5}.route-demo{background:white;padding:26px;margin-top:35px}.route-label{font-size:10px;letter-spacing:.13em;border-bottom:1px solid var(--line);padding-bottom:20px}.route-row{display:grid;grid-template-columns:1fr .7fr 1fr .7fr 1fr;align-items:center;padding-top:38px}.endpoint{text-align:center}.endpoint i{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 15px;background:#e7ecf0;border-radius:50%;font-style:normal}.endpoint.core i{background:var(--blue);color:white}.endpoint b,.endpoint small{display:block}.endpoint small{color:var(--muted);margin-top:6px}.wire{height:1px;background:var(--line);position:relative}.wire span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);top:-4px;animation:move 2.5s infinite}.wire label{position:absolute;top:10px;width:100%;text-align:center;font-size:8px;letter-spacing:.12em}@keyframes move{from{left:0}to{left:100%}}.usecases{padding:110px 4vw;background:#dce5ff}.case-grid{margin-top:40px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:#abb9dc;border:1px solid #abb9dc}.case-grid>*{background:#dce5ff;padding:35px}.case-grid h2{grid-row:span 2;margin:0}.case-grid article strong{font:600 20px 'Manrope'}.case-grid article p{color:#52627a;line-height:1.5}.numbers{display:grid;grid-template-columns:repeat(4,1fr);background:var(--orange);color:white}.numbers article{padding:60px 4vw;border-right:1px solid rgba(255,255,255,.35)}.numbers b{font:600 62px 'Manrope'}.numbers span{font-size:22px}.numbers p{font-size:13px}.company{padding:120px 4vw;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:50px}.company>div p{font-size:18px;line-height:1.65}.company aside{padding-top:30px}.company dl{border-top:1px solid}.company dl div{padding:14px 0;border-bottom:1px solid var(--line)}.company dt{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.company dd{margin:5px 0 0}.contact{padding:110px 4vw;background:#ffd84e;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact p{max-width:550px;font-size:18px;line-height:1.55}.mail{display:inline-flex;justify-content:space-between;width:100%;border-bottom:1px solid;padding:18px 0;color:var(--ink);text-decoration:none;font-size:20px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact label{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.contact input,.contact textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:13px 0;font:16px inherit;outline:none}.contact .wide{grid-column:1/-1}.contact button{grid-column:1/-1;background:var(--ink);color:white;border:0;padding:18px 22px;text-align:left;display:flex;justify-content:space-between;font:600 14px inherit;cursor:pointer}footer{padding:55px 4vw;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}footer .brand{color:white}footer .brandmark{background:white;color:var(--ink)}footer p{color:#9facb8}footer div{display:flex;gap:20px}footer a{color:white;text-decoration:none}footer>small{grid-column:1/-1;color:#71808f;border-top:1px solid #334150;padding-top:25px}.legal{max-width:850px;margin:auto;padding:100px 25px}.legal h1{font:600 64px 'Manrope';letter-spacing:-.05em}.legal h2{margin-top:40px}.legal p,.legal li{line-height:1.7;color:#53606d}
@media(max-width:900px){.top nav,.top-cta{display:none}.menu{display:block;margin-left:auto;background:none;border:0}.top.open nav{display:flex;position:absolute;top:86px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column}.hero{padding-top:55px;min-height:auto}.hero-bottom,.intro,.network,.company,.contact{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.service-grid{grid-template-columns:1fr 1fr}.network{padding-block:80px}.case-grid{grid-template-columns:1fr 1fr}.case-grid h2{grid-column:1/-1;grid-row:auto}.numbers{grid-template-columns:1fr 1fr}.company{gap:20px}footer{grid-template-columns:1fr}}
@media(max-width:580px){.hero h1{font-size:51px}.hero-bottom p{font-size:17px}.hero-actions{flex-direction:column}.signal{height:180px}.intro{padding-top:80px}.service-grid,.steps,.case-grid,.numbers{grid-template-columns:1fr}.service-grid article{min-height:350px;border-right:0;border-bottom:1px solid var(--line)}.process-title{display:block}.route-row{grid-template-columns:1fr}.wire{height:55px;width:1px;margin:8px auto}.wire span{left:-4px;animation:down 2.5s infinite}.wire label{left:15px;top:20px;text-align:left}@keyframes down{from{top:0}to{top:100%}}.contact form{grid-template-columns:1fr}.contact label{grid-column:1/-1}.company{padding-block:80px}.network{gap:35px}}

/* Digital telecom visual system */
:root{--ink:#071321;--paper:#f5f9ff;--orange:#00cfee;--blue:#155cff;--line:#c5d5e7;--muted:#536b82}
body{font-family:'Space Grotesk',sans-serif;background-color:var(--paper);background-image:linear-gradient(rgba(21,92,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,92,255,.045) 1px,transparent 1px);background-size:32px 32px}
.top{background:rgba(245,249,255,.93)}
.hero{background:radial-gradient(circle at 82% 18%,rgba(0,207,238,.19),transparent 25%),radial-gradient(circle at 65% 35%,rgba(21,92,255,.1),transparent 34%)}
.hero h1,.intro h2,.network h2,.process h2,.case-grid h2,.company h2,.contact h2,.service-grid h3,.steps h3,.case-grid article strong,.numbers b,.legal h1{font-family:'Space Grotesk',sans-serif}
.eyebrow,.section-no,.map-head,.map-legend,.route-label,.wire label,.company dt{font-family:'IBM Plex Mono',monospace}
.eyebrow b{color:var(--blue);padding:0 5px}.brandmark{border-radius:4px;background:var(--blue)}
.button,.region-tabs button{border-radius:2px}.button.primary{background:var(--blue);border-color:var(--blue)}
.signal span{background:#f5f9ff;border-radius:2px;font-family:'IBM Plex Mono',monospace}.signal .flow{stroke:var(--blue);stroke-width:3}
.ticker{background:var(--ink)}.ticker i{color:var(--orange)}
.service-grid article{background:rgba(255,255,255,.56)}.service-grid article:hover{background:#fff;box-shadow:inset 0 3px var(--blue)}
.network{background:#071321}.region-tabs button.active{background:var(--blue);border-color:var(--blue)}.nodes circle.hot{fill:var(--orange)}
.steps span,.wire span{background:var(--blue)}.route-demo{box-shadow:0 18px 60px rgba(22,57,95,.1)}
.usecases{background:#e8f2ff}.case-grid{background:#9fbce1;border-color:#9fbce1}.case-grid>*{background:#e8f2ff}
.numbers{background:var(--blue)}
.contact{background:#00cfee;background-image:linear-gradient(rgba(7,19,33,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(7,19,33,.08) 1px,transparent 1px);background-size:24px 24px}
