:root {
  --ink: #061327;
  --ink-2: #092141;
  --blue: #1768ff;
  --cyan: #48e4ff;
  --lime: #c7ff5e;
  --muted: #718096;
  --paper: #f4f7f9;
  --line: rgba(255,255,255,.15);
  --font: "Manrope", "Noto Sans SC", Arial, sans-serif;
  --mono: "DM Mono", monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
.page-noise { position: fixed; inset: 0; z-index: 20; pointer-events: none; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.section-pad { padding-left: clamp(22px, 6vw, 92px); padding-right: clamp(22px, 6vw, 92px); }
.site-header { height: 82px; width: 100%; position: absolute; z-index: 10; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(22px, 6vw, 92px); color: #fff; border-bottom: 1px solid rgba(255,255,255,.11); }
.brand { display: inline-flex; gap: 10px; align-items: center; color: inherit; font-weight: 800; letter-spacing: .14em; font-size: 17px; }
.brand-mark { position: relative; display: inline-flex; align-items: flex-end; height: 19px; width: 25px; gap: 2px; transform: skewY(-26deg); }
.brand-mark i { display: block; width: 6px; background: var(--cyan); border-radius: 1px; }
.brand-mark i:nth-child(1) { height: 8px; }.brand-mark i:nth-child(2) { height: 14px; }.brand-mark i:nth-child(3) { height: 19px; background: #fff; }
.main-nav { margin-left: auto; display: flex; gap: clamp(22px, 2.5vw, 42px); font-size: 13px; font-weight: 600; }
.main-nav a { opacity: .78; transition: opacity .2s; }.main-nav a:hover { opacity: 1; }
.header-actions { display: flex; align-items: center; gap: 24px; margin-left: clamp(28px, 4.5vw, 76px); }
.language-toggle { font: 500 11px var(--mono); color: #fff; background: transparent; border: 0; padding: 6px 0; cursor: pointer; }.language-toggle b { color: var(--cyan); padding: 0 3px; }
.header-contact { font-size: 12px; font-weight: 700; padding: 11px 17px; background: var(--blue); transition: background .2s, transform .2s; }.header-contact:hover { background: #4385ff; transform: translateY(-2px); }.header-contact span { padding-left: 8px; }
.menu-toggle { display: none; background: transparent; border: 0; width: 30px; padding: 4px 0; }.menu-toggle span { display:block; height: 1px; background:#fff; margin:6px 0; }
.hero { position: relative; min-height: 825px; color: #fff; background: radial-gradient(circle at 77% 45%, #11529c 0, #082e5e 21%, transparent 45%), linear-gradient(118deg, #07152b 12%, #061c3b 58%, #061b37 100%); overflow: hidden; display: grid; align-content: center; }
.hero-grid { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(118,194,255,.45) 1px, transparent 1px), linear-gradient(90deg, rgba(118,194,255,.45) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent 78%); }
.hero::after { content: ""; position: absolute; height: 1px; left: 6vw; right: 6vw; bottom: 70px; background: rgba(255,255,255,.18); }
.hero-orb { position: absolute; filter: blur(3px); border-radius: 50%; pointer-events: none; }.orb-one { width: 540px; height: 540px; right: -100px; top: 112px; border: 1px solid rgba(85,237,255,.13); box-shadow: 0 0 100px rgba(15,102,255,.22) inset; }.orb-two { height: 350px; width: 350px; left: -220px; bottom: -200px; background: rgba(36,113,242,.22); filter: blur(50px); }
.hero-copy { position: relative; z-index: 2; width: min(620px, 54%); padding-top: 52px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: inherit; font: 500 11px var(--mono); letter-spacing: .12em; text-transform: uppercase; }.eyebrow > span:first-child { display:block; width: 30px; height: 1px; background: var(--cyan); }
.hero h1, h2 { margin: 0; letter-spacing: -.06em; font-weight: 700; line-height: 1.09; }.hero h1 { font-size: clamp(46px, 5.4vw, 83px); }.hero h1 strong { color: var(--cyan); font-weight: inherit; }.hero-description { max-width: 520px; margin: 28px 0 34px; color: #c5d6eb; font-size: 16px; line-height: 1.8; }
.hero-actions { display: flex; gap: 16px; align-items: center; }.button { display: inline-flex; gap: 28px; align-items: center; min-height: 52px; padding: 0 19px; font-size: 13px; font-weight: 700; transition: transform .2s, background .2s; }.button:hover { transform: translateY(-3px); }.button-primary { background: var(--cyan); color: var(--ink); }.button-primary span { font-size: 19px; }.button-quiet { border: 1px solid rgba(255,255,255,.35); color: #fff; }.button-quiet:hover { background: rgba(255,255,255,.08); }
.network-visual { position: absolute; right: clamp(18px, 4vw, 72px); top: 168px; width: min(52%, 750px); height: 445px; z-index: 1; border: 1px solid rgba(108,203,255,.18); border-left: 0; background: linear-gradient(115deg, transparent, rgba(70,184,255,.03)); }
.network-visual::before, .network-visual::after { content:""; position:absolute; border: 1px solid rgba(80,231,255,.13); border-radius:50%; }.network-visual::before { width: 400px;height:400px;right:90px;top:10px; }.network-visual::after { width: 275px;height:275px;right:151px;top:72px; }
.visual-topline { position:absolute; z-index:2; top:18px; right:22px; display:flex; gap:9px; align-items:center; color:#8eaeca; font: 10px var(--mono); letter-spacing:.08em; }.visual-topline b { height: 4px;width:4px;border-radius:50%;background:var(--lime); box-shadow:0 0 10px var(--lime); }
.map-lines { position:absolute; left:0;right:0;top:62px;bottom:0; }.map-lines svg { width:100%;height:100%; overflow:visible; }.map-lines path { stroke: rgba(95,218,255,.35); stroke-width: 1; }.map-lines .pulse-line { stroke: var(--cyan); stroke-width:2; stroke-dasharray: 10 80; animation: dash 5s linear infinite; filter: drop-shadow(0 0 4px var(--cyan)); } @keyframes dash { to { stroke-dashoffset: -180; } }
.location { position:absolute; z-index:3; display:flex; gap:7px; align-items:center; color:#e7f7ff; font: 9px var(--mono); letter-spacing:.09em; }.location i { height:7px;width:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 4px rgba(72,228,255,.15),0 0 15px var(--cyan); }.location-jakarta { left:25%;top:61%; }.location-batam { left:13%;top:39%; }.location-kalimantan { left:47%;top:35%; }.location-surabaya { left:56%;top:68%; }.location-makassar { left:78%;top:55%; }
.radar-ring { position:absolute;z-index:1;border-radius:50%;border:1px solid rgba(199,255,94,.15); animation: radar 3.3s ease-out infinite; }.ring-one { left:22%;top:52%;width:65px;height:65px; }.ring-two { left:75%;top:46%;width:70px;height:70px;animation-delay:1.1s; } @keyframes radar { from {transform:scale(.1);opacity:1} to {transform:scale(2.8);opacity:0} }
.network-card { position:absolute; z-index:3; bottom:21px;right:22px; width:175px;padding:13px 14px;background:rgba(3,22,49,.7);border:1px solid rgba(111,197,247,.25);backdrop-filter:blur(7px); }.network-card small { display:block;color:#9dbee0;font:9px var(--mono);margin-bottom:5px; }.network-card strong { font-size:12px; }.network-card i { display:inline-block;height:7px;width:7px;border-radius:50%;background:var(--lime);margin-right:6px; }
.hero-foot { position:absolute;z-index:3;left:6vw;right:6vw;bottom:29px;display:flex;justify-content:space-between;align-items:center; }.hero-foot p { color:#91b0ce;font:10px var(--mono);letter-spacing:.11em;margin:0; }.scroll-cue { display:flex;align-items:center;gap:12px;color:#b0c9df;font-size:10px; }.scroll-cue i { width:34px;height:1px;background:var(--cyan); }
.proof-bar { position:absolute;z-index:3;left:6vw;bottom:112px;display:flex;border-left:1px solid rgba(255,255,255,.22); }.proof-bar > div { min-width:112px;padding:0 23px;border-right:1px solid rgba(255,255,255,.22);display:grid;gap:4px; }.proof-bar strong { color:var(--cyan);font:500 22px var(--mono);letter-spacing:-.05em; }.proof-bar span { color:#a5c3df;font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap; }
.ticker { overflow:hidden; color:#c8f85a;background:#0b2444;height:61px;display:flex;align-items:center;white-space:nowrap; }.ticker-track { display:flex; align-items:center; gap:32px; animation:ticker 22s linear infinite; font:500 12px var(--mono); letter-spacing:.14em; }.ticker span { display:inline-flex;align-items:center;gap:32px; }.ticker i { font-style:normal;color:var(--cyan);font-size:13px; } @keyframes ticker { to { transform:translateX(-50%); } }
.services { padding-top: 136px; padding-bottom: 125px; background: var(--paper); }.section-heading { display:grid;grid-template-columns:1.1fr .65fr;column-gap:50px;align-items:end; }.section-heading .eyebrow { grid-column:1/-1;color:#49647f; }.section-heading h2, .network h2, .solutions h2, .why h2, .contact h2 { font-size:clamp(38px, 4.1vw, 63px); }.section-heading h2 em, .network h2 em, .solutions h2 em, .contact h2 em { font-style:normal;color:var(--blue); }.section-heading > p:last-child { color:#697d95;line-height:1.8;font-size:15px;margin:0 0 5px;max-width:400px; }
.service-list { margin-top:65px;border-top:1px solid #ccd7df; }.service-card { position:relative;display:grid;grid-template-columns:72px 88px 1fr 42px;gap:14px;align-items:center;padding:31px 0;border-bottom:1px solid #ccd7df;transition:padding .25s, background .25s; }.service-card:hover { padding-left:20px;padding-right:18px;background:#e8f2ff; }.service-number { align-self:start;color:#8a9aab;font:11px var(--mono);padding-top:7px; }.service-icon { height:50px;width:50px;position:relative;border:1px solid #8498a9; }.icon-dc { display:flex;flex-direction:column;gap:7px;justify-content:center;padding:0 11px; }.icon-dc span { height:4px;background:var(--blue); }.icon-network span { position:absolute;height:7px;width:7px;border-radius:50%;background:var(--blue); }.icon-network span:nth-child(1){top:9px;left:9px}.icon-network span:nth-child(2){top:9px;right:9px}.icon-network span:nth-child(3){bottom:9px;left:9px}.icon-network span:nth-child(4){bottom:9px;right:9px}.icon-network::before,.icon-network::after { content:"";position:absolute;left:14px;right:14px;height:1px;background:#6a7f91;transform-origin:left; }.icon-network::before{top:14px;transform:rotate(45deg)}.icon-network::after{bottom:14px;transform:rotate(-45deg)}.icon-enterprise span { position:absolute;width:13px;border:1px solid var(--blue);bottom:9px; }.icon-enterprise span:nth-child(1){height:14px;left:7px}.icon-enterprise span:nth-child(2){height:25px;left:18px}.icon-enterprise span:nth-child(3){height:19px;left:31px}.service-body { display:grid;grid-template-columns: minmax(180px,.7fr) 1.5fr;gap:25px;align-items:baseline; }.service-body h3 { margin:0;font-size:18px;letter-spacing:-.04em; }.service-body p { margin:0;color:#63768d;font-size:13px;line-height:1.75;max-width:530px; }.service-card > a { justify-self:end;color:var(--blue);font-size:24px;transition:transform .2s; }.service-card:hover > a { transform:translate(3px,-3px); }
.solutions { min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,7vw,130px);align-items:center;color:#fff;background:#07182f;overflow:hidden; }.solutions-visual { position:relative;align-self:stretch;min-height:580px; }.solutions-visual::before { content:"";position:absolute;left:-25%;top:0;bottom:0;width:140%;opacity:.2;background-image:linear-gradient(rgba(75,180,255,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(75,180,255,.38) 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(48deg) translateY(-50px);transform-origin:bottom; }.solution-core { position:absolute;z-index:2;left:40%;top:43%;height:106px;width:106px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#247dff,#0d3d91 70%);border:1px solid #53e7ff;box-shadow:0 0 0 15px rgba(30,114,255,.13),0 0 55px rgba(29,134,255,.5); }.solution-core span { font:500 20px var(--mono);letter-spacing:.12em; }.solution-core i { position:absolute;inset:-27px;border:1px solid rgba(81,232,255,.4);border-radius:50%;animation:spin 15s linear infinite; }.solution-core i::before,.solution-core i::after { content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--lime); }.solution-core i::before{top:-3px;left:30%}.solution-core i::after{bottom:-3px;right:30%}@keyframes spin{to{transform:rotate(360deg)}}
.circuit { position:absolute;z-index:1;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));transform-origin:left; }.circuit::after { content:"";position:absolute;right:-3px;top:-3px;height:7px;width:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan); }.circuit-a { width:38%;top:43%;left:3%;transform:rotate(15deg); }.circuit-b { width:32%;top:51%;left:48%;transform:rotate(-39deg); }.circuit-c { width:24%;top:28%;left:47%;transform:rotate(31deg); }
.solution-node { position:absolute;z-index:2;text-align:center;display:grid;place-items:center;color:#bceeff; }.solution-node span { height:47px;width:47px;border:1px solid rgba(97,221,255,.6);border-radius:50%;display:grid;place-items:center;font-size:22px;background:rgba(25,99,175,.25); }.solution-node small { padding-top:7px;font:9px var(--mono);letter-spacing:.1em; }.node-cloud{top:20%;left:71%}.node-hq{top:54%;left:75%}.node-branch{top:55%;left:13%}.visual-caption { position:absolute;bottom:45px;left:0;color:#5584ae;font:10px var(--mono);line-height:1.8;letter-spacing:.13em; }.solutions-copy { padding:70px 0;position:relative;z-index:2; }.solutions-copy .eyebrow,.why .eyebrow,.contact .eyebrow { color:#8ab7df; }.solutions-copy p:not(.eyebrow) { max-width:480px;color:#b9cce1;line-height:1.9;font-size:15px;margin:27px 0; }.solution-tags { display:flex;gap:9px;flex-wrap:wrap; }.solution-tags span { padding:7px 11px;border:1px solid rgba(127,202,243,.35);color:#95d4ff;font:10px var(--mono);letter-spacing:.1em; }.text-link { display:inline-flex;gap:15px;margin-top:38px;color:var(--cyan);font-size:13px;font-weight:700;border-bottom:1px solid rgba(72,228,255,.4);padding-bottom:8px; }.text-link span { transition:transform .2s; }.text-link:hover span{transform:translateX(4px)}
.service-finder { padding-top:124px;padding-bottom:124px;background:#f8fafb;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(55px,8vw,145px);align-items:start; }.finder-intro h2 { font-size:clamp(36px,3.5vw,53px);letter-spacing:-.06em;line-height:1.11; }.finder-intro h2 em { color:var(--blue);font-style:normal; }.finder-intro .eyebrow { color:#4b6580; }.finder-intro > p:last-child { max-width:360px;color:#6b7e92;font-size:14px;line-height:1.8;margin:25px 0 0; }.finder-panel { min-height:410px;border:1px solid #cad6df;background:#fff;display:grid;grid-template-columns:1fr 1.06fr;grid-template-rows:auto 1fr; }.finder-step { grid-column:1/-1;display:flex;gap:15px;align-items:center;padding:17px 23px;border-bottom:1px solid #d8e1e7; }.finder-step span { color:var(--blue);font:11px var(--mono); }.finder-step p { margin:0;color:#5b7187;font-size:12px;font-weight:700; }.finder-options { padding:9px 0;display:flex;flex-direction:column;border-right:1px solid #d8e1e7; }.finder-option { position:relative;min-height:92px;padding:16px 38px 16px 23px;display:grid;grid-template-columns:29px 1fr;gap:9px;align-content:center;text-align:left;border:0;border-bottom:1px solid #e3e9ed;background:transparent;color:#173452;font:inherit;cursor:pointer;transition:background .2s,color .2s; }.finder-option:last-child { border-bottom:0; }.finder-option span { color:#99abba;font:10px var(--mono); }.finder-option b { font-size:14px;letter-spacing:-.03em; }.finder-option i { position:absolute;right:18px;top:35px;opacity:0;color:var(--blue);font-size:20px;font-style:normal;transition:opacity .2s,transform .2s; }.finder-option:hover,.finder-option.active { background:#eaf4ff;color:#064b9a; }.finder-option.active i { opacity:1;transform:translateX(2px); }.finder-result { padding:42px 30px 25px;position:relative;overflow:hidden; }.finder-result::after { content:"";position:absolute;width:190px;height:190px;right:-92px;bottom:-105px;border-radius:50%;border:1px solid rgba(23,104,255,.22);box-shadow:0 0 0 28px rgba(23,104,255,.05),0 0 0 58px rgba(23,104,255,.04); }.result-label { color:#668095;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase; }.finder-result h3 { max-width:310px;margin:17px 0 12px;color:#0a315d;font-size:23px;letter-spacing:-.055em;line-height:1.2; }.finder-result p { max-width:330px;margin:0;color:#6a7d90;font-size:12px;line-height:1.75; }.result-tags { display:flex;gap:6px;flex-wrap:wrap;margin-top:19px; }.result-tags span { padding:5px 7px;border:1px solid #b6cde5;color:#1c61a8;background:#f3f8ff;font:9px var(--mono);letter-spacing:.05em; }.finder-result .text-link { position:relative;z-index:1;margin-top:25px;font-size:11px;color:#1269c7; }
.network { padding-top:126px;padding-bottom:110px;background:#eef2f4; }.network-head { display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end; }.network-head .eyebrow { color:#4b6580; }.network-head p:last-child { margin:0;color:#687c91;font-size:14px;line-height:1.8;max-width:390px; }.network-map-panel { position:relative;margin-top:60px;min-height:496px;overflow:hidden;border:1px solid #173d68;background:radial-gradient(ellipse at 34% 48%,#123f70 0,#081d39 46%,#06172e 100%);box-shadow:0 18px 38px rgba(7,38,69,.13); }.network-map-panel::before { content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(108,184,242,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(108,184,242,.24) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to right,black 0%,black 68%,transparent 100%); }.network-map-panel::after { content:"";position:absolute;top:0;bottom:0;right:280px;width:1px;background:linear-gradient(transparent,rgba(117,208,255,.35),transparent); }.map-title { position:absolute;z-index:3;top:27px;left:29px;display:grid;gap:6px;color:#8fb7da;font:500 10px var(--mono);letter-spacing:.12em;line-height:1; }.map-title span { color:#66dff5; }.map-title strong { color:#d8edff;font:500 13px var(--mono);letter-spacing:.075em; }.map-key { position:absolute;z-index:3;top:29px;right:313px;display:flex;gap:8px;align-items:center;color:#91b5d5;font:9px var(--mono);letter-spacing:.075em; }.map-key i { display:block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(199,255,94,.1),0 0 12px var(--lime); }.map-key b { color:#fff;font-weight:500;margin-left:12px; }.map-canvas { position:absolute;z-index:2;left:12px;top:55px;bottom:20px;width:calc(100% - 300px); }.map-canvas svg { display:block;width:100%;height:100%;overflow:visible; }.map-islands path { fill:url(#islandFill);stroke:#398bd0;stroke-width:1.2;stroke-linejoin:round;opacity:.88; }.map-routes path { stroke:#54ddff;stroke-width:1.4;stroke-dasharray:5 7;opacity:.72;filter:drop-shadow(0 0 3px rgba(79,222,255,.9));animation:routeFlow 8s linear infinite; }.map-node .node-pulse { fill:none;stroke:#c7ff5e;stroke-width:1;opacity:.6;transform-origin:center;animation:nodePulse 2.7s ease-out infinite; }.map-node .node-core { fill:var(--lime);stroke:#fff;stroke-width:2;filter:url(#nodeGlow); }.map-node text { fill:#e2f5ff;font:600 13px var(--mono);letter-spacing:.06em; }.map-node .node-code { fill:#79add7;font:9px var(--mono);letter-spacing:.08em; }.map-node.makassar .node-pulse { animation-delay:.5s; }.map-node.kalimantan .node-pulse { animation-delay:1s; }.map-node.surabaya .node-pulse { animation-delay:1.4s; }.map-node.batam .node-pulse { animation-delay:1.9s; } @keyframes routeFlow { to { stroke-dashoffset:-120; } } @keyframes nodePulse { from { transform:scale(.45);opacity:.95; } to { transform:scale(2.2);opacity:0; } }.map-telemetry { position:absolute;z-index:3;left:29px;bottom:23px;display:grid;gap:5px;color:#628fb9;font:9px var(--mono);letter-spacing:.09em; }.map-telemetry strong { color:#b2d8f7;font-weight:500; }.pop-list { position:absolute;z-index:4;right:27px;top:27px;width:226px;border:1px solid rgba(123,195,241,.24);background:rgba(4,20,43,.56);backdrop-filter:blur(8px); }.pop-list div { display:grid;grid-template-columns:30px 1fr auto;gap:6px;align-items:center;min-height:57px;padding:0 14px;border-bottom:1px solid rgba(129,196,239,.17);font:10px var(--mono);letter-spacing:.075em;color:#c9e7fc; }.pop-list div:last-child { border-bottom:0; }.pop-list .pop-list-head { min-height:40px;grid-template-columns:1fr auto;color:#74a4ce;font-size:9px; }.pop-list .pop-list-head b { color:#6de0f7;font-weight:500; }.pop-list b { color:#6c9bc3;font-weight:400; }.pop-list i { font-style:normal;color:#82daf3;font-size:8px; }.exchange-strip { display:flex;align-items:center;justify-content:space-between;padding:28px 0 0; }.exchange-strip p { margin:0;color:#63768a;font-size:13px; }.exchange-strip div { display:flex;align-items:center;gap:16px;color:#123c65;font:500 16px var(--mono); }.exchange-strip i { height:4px;width:4px;background:var(--blue);border-radius:50%; }
.why { padding-top:125px;padding-bottom:125px;color:#fff;background:#061a35;display:grid;grid-template-columns:1.05fr .95fr;gap:70px; }.why h2 strong { color:var(--cyan);font-weight:inherit; }.why-grid { display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:28px; }.why-grid div { border-top:1px solid rgba(150,203,242,.25);padding-top:18px;min-height:195px; }.why-grid b { color:var(--cyan);font:10px var(--mono); }.why-grid h3 { margin:38px 0 11px;font-size:16px;letter-spacing:-.03em; }.why-grid p { margin:0;color:#aac2dc;font-size:12px;line-height:1.75; }
.contact { position:relative;overflow:hidden;padding:118px max(22px,6vw);color:#fff;background:#0d5cce; }.contact-glow { position:absolute;width:850px;height:850px;right:-120px;top:-500px;border-radius:50%;border:1px solid rgba(162,238,255,.3);box-shadow:0 0 0 85px rgba(48,141,255,.16),0 0 0 180px rgba(88,177,255,.11),0 0 100px 100px rgba(57,157,255,.2); }.contact > *:not(.contact-glow) { position:relative;z-index:1; }.contact .eyebrow { color:#c0efff; }.contact h2 em { color:var(--lime); }.contact > p:not(.eyebrow) { margin:25px 0 42px;color:#d4ebff;line-height:1.8;max-width:450px;font-size:15px; }.contact-options { display:flex;max-width:850px;border-top:1px solid rgba(255,255,255,.35); }.contact-options a { position:relative;flex:1;padding:17px 44px 17px 0;min-height:85px;border-bottom:1px solid rgba(255,255,255,.35);display:grid;gap:5px;transition:background .2s,padding .2s; }.contact-options a + a { padding-left:42px;border-left:1px solid rgba(255,255,255,.35); }.contact-options a:hover { background:rgba(255,255,255,.1); }.contact-options small { color:#c3e4ff;font:10px var(--mono);letter-spacing:.1em; }.contact-options strong { font-size:15px;letter-spacing:-.02em; }.contact-options span { position:absolute;right:13px;top:31px;color:var(--lime);font-size:20px; }
.site-footer { color:#fff;padding:51px max(22px,6vw) 25px;background:#041226; }.footer-top { display:grid;grid-template-columns:1.1fr 1fr auto;align-items:start;padding-bottom:58px; }.footer-top .brand { align-self:start; }.footer-top p { margin:0;color:#9db2ca;font-size:12px;line-height:1.9; }.footer-top > a:last-child { color:var(--cyan);font-size:12px;font-weight:700; }.footer-top > a:last-child span { padding-left:9px; }.footer-bottom { padding-top:23px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;color:#69839e;font:10px var(--mono);letter-spacing:.07em; }
@media (max-width: 900px) { .main-nav { gap:17px; }.header-actions{gap:14px;margin-left:23px}.network-visual{opacity:.7;right:-60px;width:60%}.hero-copy{width:65%}.service-body{grid-template-columns:1fr}.why{grid-template-columns:1fr}.why-grid{max-width:650px}.indonesia-silhouette{left:3%;right:27%;transform:scale(.9);transform-origin:left center}.solutions{gap:20px}.pop-list{right:24px}.network-head,.section-heading{grid-template-columns:1fr .8fr} }
@media (max-width: 680px) { .site-header { height:68px; }.main-nav,.header-contact{display:none}.main-nav.mobile-open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;padding:10px 22px 16px;background:#061a35;border-bottom:1px solid rgba(255,255,255,.12)}.main-nav.mobile-open a{padding:12px 0}.menu-toggle{display:block}.header-actions{margin-left:auto}.hero { min-height:720px;align-content:start;padding-top:149px; }.hero-copy{width:100%;padding-top:0}.hero h1{font-size:47px}.hero-description{font-size:14px;max-width:90%}.hero-foot{bottom:22px}.hero-foot p{font-size:8px}.network-visual{top:auto;bottom:95px;right:-25%;width:105%;height:250px;opacity:.48}.visual-topline,.network-card{display:none}.location{font-size:7px}.hero::after{bottom:66px}.section-heading,.network-head{display:block}.section-heading > p:last-child,.network-head p:last-child{margin-top:20px}.services,.network{padding-top:83px;padding-bottom:76px}.service-list{margin-top:42px}.service-card{grid-template-columns:43px 55px 1fr 24px;gap:8px;padding:23px 0}.service-card:hover{padding-left:8px;padding-right:8px}.service-icon{transform:scale(.78);transform-origin:left center}.service-body h3{font-size:15px}.service-body p{font-size:11px;margin-top:6px}.solutions{display:block;padding-top:57px;padding-bottom:65px}.solutions-visual{min-height:330px;height:330px;margin:0 -22px}.solutions-copy{padding:10px 0 0}.solutions-copy p:not(.eyebrow){font-size:13px}.network-map-panel{min-height:530px;margin-top:38px}.indonesia-silhouette{transform:scale(.62);top:40px;left:3%;right:auto;width:700px}.pop-list{top:300px;left:23px;right:23px;width:auto}.map-title{left:23px;top:19px}.exchange-strip{display:block}.exchange-strip div{margin-top:15px;font-size:14px}.why{padding-top:76px;padding-bottom:70px;gap:45px}.why-grid{gap:14px}.why-grid div{min-height:175px}.why-grid h3{margin-top:30px;font-size:14px}.why-grid p{font-size:11px}.contact{padding-top:79px;padding-bottom:73px}.contact-options{display:block}.contact-options a + a{padding-left:0;border-left:0}.footer-top{grid-template-columns:1fr;gap:28px;padding-bottom:42px}.footer-bottom{gap:16px;font-size:8px}.footer-bottom span:last-child{text-align:right}.ticker{height:50px}.ticker-track{font-size:10px}.button{min-height:48px;font-size:12px;gap:16px}.eyebrow{margin-bottom:18px} }
@media (max-width: 900px) { .proof-bar { top:auto;bottom:112px; }.proof-bar > div { min-width:95px;padding:0 14px; }.service-finder { gap:45px; } }
@media (max-width: 680px) { .proof-bar { top:auto;bottom:118px;left:22px;right:22px;justify-content:space-between; }.proof-bar > div { min-width:0;padding:0 9px; }.proof-bar > div:first-child { padding-left:0; }.proof-bar > div:last-child { padding-right:0;border-right:0; }.proof-bar strong { font-size:17px; }.proof-bar span { font-size:7px;letter-spacing:.025em;white-space:normal; }.network-visual { bottom:185px; }.service-finder { display:block;padding-top:77px;padding-bottom:76px; }.finder-intro > p:last-child { font-size:13px;margin-bottom:33px; }.finder-panel { display:block;min-height:0; }.finder-options { border-right:0;border-bottom:1px solid #d8e1e7; }.finder-option { min-height:68px;grid-template-columns:29px 1fr; }.finder-option i { top:22px; }.finder-result { min-height:255px;padding:28px 23px 23px; }.finder-result h3 { font-size:21px; } }
@media (max-width: 900px) { .network-map-panel::after { right:245px; }.map-canvas { width:calc(100% - 262px); }.map-key { right:272px; }.pop-list { right:17px;width:218px; }.pop-list div { padding:0 11px; }.map-node text { font-size:11px; }.map-node .node-code { font-size:8px; } }
@media (max-width: 680px) { .network-map-panel { min-height:710px;margin-top:38px; }.network-map-panel::before { mask-image:linear-gradient(to bottom,black 0%,black 55%,transparent 90%); }.network-map-panel::after { display:none; }.map-title { top:20px;left:20px; }.map-key { top:60px;left:20px;right:auto; }.map-key b { margin-left:6px; }.map-canvas { top:93px;left:0;bottom:auto;width:100%;height:280px; }.map-canvas svg { width:100%;height:100%; }.map-node text { font-size:9px; }.map-node .node-code { font-size:7px; }.map-telemetry { left:20px;bottom:286px;font-size:8px; }.pop-list { left:17px;right:17px;top:auto;bottom:19px;width:auto;display:grid;grid-template-columns:1fr 1fr;background:rgba(4,20,43,.74); }.pop-list .pop-list-head { grid-column:1/-1; }.pop-list div { min-height:39px;padding:0 10px;grid-template-columns:26px 1fr auto;font-size:9px; }.pop-list i { font-size:7px; } }
.infra-detail { display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(44px,7vw,120px);align-items:center;padding-top:132px;padding-bottom:132px;background:#fff; }.infra-visual { position:relative;height:590px;margin:0;overflow:hidden;background:#06274b; }.infra-visual::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,24,47,.04),rgba(4,17,35,.74)); }.infra-visual img,.tech-image img { width:100%;height:100%;display:block;object-fit:cover; }.infra-image-overlay { position:absolute;z-index:1;left:31px;right:31px;bottom:30px;display:grid;gap:8px;color:#fff; }.infra-image-overlay span { color:#8eeaff;font:10px var(--mono);letter-spacing:.12em; }.infra-image-overlay strong { font-size:clamp(22px,2.1vw,34px);line-height:1.1;letter-spacing:-.055em; }.infra-visual figcaption,.tech-image figcaption { position:absolute;z-index:2;right:15px;bottom:11px;color:rgba(207,231,250,.74);font:8px var(--mono);letter-spacing:.06em; }.infra-content h2,.technology h2,.operating-model h2 { margin:0;font-size:clamp(37px,3.8vw,59px);line-height:1.1;letter-spacing:-.065em; }.infra-content h2 em,.technology h2 em,.operating-model h2 em { color:var(--blue);font-style:normal; }.infra-content .eyebrow,.technology .eyebrow,.operating-model .eyebrow { color:#55708b; }.infra-lead { max-width:520px;margin:26px 0 33px;color:#60758a;font-size:15px;line-height:1.85; }.infra-specs { border-top:1px solid #ccd8e1; }.infra-specs article { display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:18px 0 17px;border-bottom:1px solid #d9e2e8; }.infra-specs b { color:#2071c8;font:10px var(--mono);padding-top:4px; }.infra-specs h3 { margin:0;font-size:14px;letter-spacing:-.03em; }.infra-specs p { grid-column:2;margin:6px 0 0;color:#697d91;font-size:12px;line-height:1.75; }.infra-link { color:#0d61bb;margin-top:27px; }
.technology { padding-top:126px;padding-bottom:130px;color:#fff;background:radial-gradient(circle at 78% 2%,#103c70 0,transparent 31%),#06172d; }.technology-head { display:grid;grid-template-columns:1fr .63fr;gap:45px;align-items:end; }.technology .eyebrow { color:#86b5df; }.technology h2 em { color:var(--cyan); }.technology-head > p { max-width:390px;margin:0;color:#adc5dc;font-size:14px;line-height:1.85; }.technology-layout { display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(34px,6vw,104px);margin-top:59px;align-items:start; }.tech-image { position:sticky;top:28px;height:540px;margin:0;overflow:hidden;background:#102f50; }.tech-image::after { content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(17,99,194,.08),rgba(3,14,30,.74));mix-blend-mode:screen; }.tech-image-label { position:absolute;z-index:1;left:22px;top:22px;display:flex;gap:9px;align-items:center;color:#d2f5ff;font:9px var(--mono);letter-spacing:.1em; }.tech-image-label span { height:6px;width:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime); }.tech-list { border-top:1px solid rgba(160,213,250,.28); }.tech-list article { display:grid;grid-template-columns:48px 1fr;gap:16px;padding:25px 0 23px;border-bottom:1px solid rgba(160,213,250,.22); }.tech-index { color:var(--cyan);font:11px var(--mono);padding-top:4px; }.tech-list h3 { margin:0;color:#f1f8ff;font-size:19px;letter-spacing:-.04em; }.tech-list p { max-width:560px;margin:10px 0 13px;color:#abc4dc;font-size:13px;line-height:1.78; }.tech-list span { color:#79dff4;font:9px var(--mono);letter-spacing:.08em; }
.operating-model { padding-top:124px;padding-bottom:125px;background:#e9f1f6; }.operating-intro { display:flex;justify-content:space-between;align-items:end;gap:35px; }.operating-intro h2 em { color:#1768ff; }.model-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:58px;background:#c5d4de;border:1px solid #c5d4de; }.model-grid article { min-height:265px;padding:24px 22px 22px;display:flex;flex-direction:column;background:#f7fafc;transition:background .2s,transform .2s; }.model-grid article:hover { background:#fff;transform:translateY(-5px); }.model-grid b { color:#1a6fc7;font:10px var(--mono); }.model-grid h3 { margin:53px 0 13px;color:#0a3059;font-size:18px;letter-spacing:-.04em; }.model-grid p { margin:0;color:#64798d;font-size:12px;line-height:1.75; }.model-grid span { margin-top:auto;padding-top:18px;color:#367bb7;font:9px var(--mono);letter-spacing:.06em; }
@media (max-width: 900px) { .infra-detail { gap:42px; }.infra-visual { height:535px; }.technology-layout { gap:38px; }.tech-image { height:500px; }.model-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 680px) { .infra-detail { display:block;padding-top:76px;padding-bottom:76px; }.infra-visual { height:390px;margin:0 0 43px; }.infra-image-overlay { left:20px;right:20px;bottom:22px; }.infra-image-overlay strong { font-size:25px; }.infra-lead { font-size:13px; }.infra-specs article { grid-template-columns:36px 1fr; }.infra-specs p { font-size:11px; }.technology { padding-top:77px;padding-bottom:78px; }.technology-head { display:block; }.technology-head > p { margin-top:22px;font-size:13px; }.technology-layout { display:block;margin-top:38px; }.tech-image { position:relative;top:auto;height:280px;margin-bottom:30px; }.tech-list article { grid-template-columns:34px 1fr;gap:11px;padding:20px 0; }.tech-list h3 { font-size:16px; }.tech-list p { font-size:11px;line-height:1.7; }.tech-list span { font-size:8px; }.operating-model { padding-top:77px;padding-bottom:77px; }.operating-intro { display:block; }.model-grid { grid-template-columns:1fr;margin-top:39px; }.model-grid article { min-height:205px; }.model-grid h3 { margin-top:35px;font-size:17px; } }
.map-node.pontianak .node-pulse { animation-delay:1.9s; }
.signal-gallery { padding-top:126px;padding-bottom:127px;background:#fff; }.gallery-heading { display:grid;grid-template-columns:1fr .62fr;gap:50px;align-items:end; }.gallery-heading .eyebrow { color:#55718d; }.gallery-heading h2,.geo-explorer h2 { margin:0;font-size:clamp(37px,3.8vw,59px);line-height:1.1;letter-spacing:-.065em; }.gallery-heading h2 em,.geo-explorer h2 em { color:var(--blue);font-style:normal; }.gallery-heading > p { max-width:390px;margin:0;color:#667b90;font-size:14px;line-height:1.85; }.gallery-grid { display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:repeat(2,minmax(220px,1fr));gap:16px;margin-top:57px; }.gallery-card { display:grid;grid-template-columns:178px 1fr;gap:22px;align-items:center;padding:15px;background:#f1f6f9;border:1px solid #dae4e9;overflow:hidden;transition:transform .25s,box-shadow .25s; }.gallery-card:hover { transform:translateY(-5px);box-shadow:0 14px 28px rgba(20,58,91,.1); }.gallery-card.wide-card { grid-row:span 2;display:block;padding:0;position:relative;background:#061a35;color:#fff; }.gallery-card figure { position:relative;height:100%;min-height:190px;margin:0;overflow:hidden;background:#09264b; }.gallery-card:not(.wide-card) figure { height:188px; }.gallery-card img { height:100%;width:100%;object-fit:cover;display:block;transition:transform .5s; }.gallery-card:hover img { transform:scale(1.04); }.gallery-card figure::after { content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,48,89,.06),rgba(2,17,39,.34)); }.gallery-card figcaption { position:absolute;z-index:1;right:9px;bottom:8px;color:rgba(230,244,255,.82);font:8px var(--mono);letter-spacing:.05em; }.gallery-card > div { padding:4px 5px 4px 0; }.gallery-card.wide-card > div { position:absolute;z-index:2;left:0;right:0;bottom:0;padding:80px 30px 31px;background:linear-gradient(transparent,rgba(3,16,34,.92)); }.gallery-card > div > span { color:#347bc2;font:9px var(--mono);letter-spacing:.09em; }.gallery-card.wide-card > div > span { color:var(--cyan); }.gallery-card h3 { margin:11px 0 9px;color:#0a315c;font-size:17px;letter-spacing:-.04em;line-height:1.2; }.gallery-card.wide-card h3 { max-width:400px;color:#fff;font-size:clamp(26px,2.25vw,35px); }.gallery-card p { margin:0;color:#667b90;font-size:12px;line-height:1.75; }.gallery-card.wide-card p { max-width:450px;color:#bbd2e9;font-size:13px; }
.geo-explorer { display:grid;grid-template-columns:.69fr 1.31fr;gap:clamp(42px,7vw,120px);align-items:center;padding-top:126px;padding-bottom:129px;background:#edf3f6; }.geo-copy .eyebrow { color:#58718a; }.geo-copy > p:not(.eyebrow) { max-width:355px;margin:25px 0 0;color:#667c91;font-size:14px;line-height:1.85; }.geo-link { color:#0d62bd;margin-top:30px; }.geo-panel { position:relative;height:505px;overflow:hidden;border:1px solid #b9cedd;background:#c5d9e5;box-shadow:0 18px 36px rgba(12,61,100,.13); }.geo-panel iframe { position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.78) contrast(1.06); }.geo-locations { position:absolute;z-index:2;right:18px;top:18px;width:226px;background:rgba(4,22,44,.87);border:1px solid rgba(155,218,250,.38);box-shadow:0 12px 26px rgba(3,17,34,.25);backdrop-filter:blur(8px); }.geo-list-head,.geo-locations a { display:grid;grid-template-columns:31px 1fr 17px;gap:6px;align-items:center;min-height:45px;padding:0 12px;border-bottom:1px solid rgba(160,214,242,.2);color:#d9f1ff;font:10px var(--mono);letter-spacing:.07em; }.geo-list-head { min-height:39px;grid-template-columns:1fr auto;color:#8fc4e7;font-size:8px; }.geo-list-head b { color:var(--cyan);font-weight:500; }.geo-locations a:last-child { border-bottom:0; }.geo-locations a b { color:#77a9d0;font-weight:400; }.geo-locations a i { color:var(--lime);font-style:normal;font-size:15px;transition:transform .2s; }.geo-locations a:hover { background:rgba(66,157,228,.22); }.geo-locations a:hover i { transform:translate(2px,-2px); }
@media (max-width: 900px) { .gallery-card { grid-template-columns:145px 1fr;gap:15px; }.gallery-card:not(.wide-card) figure { height:172px; }.geo-explorer { gap:43px; }.geo-locations { width:205px;right:12px;top:12px; }.geo-list-head,.geo-locations a { padding:0 9px; } }
@media (max-width: 680px) { .signal-gallery { padding-top:77px;padding-bottom:78px; }.gallery-heading { display:block; }.gallery-heading > p { margin-top:22px;font-size:13px; }.gallery-grid { display:block;margin-top:38px; }.gallery-card,.gallery-card.wide-card { display:block;margin-bottom:14px;min-height:0; }.gallery-card.wide-card { height:360px; }.gallery-card:not(.wide-card) { padding:0; }.gallery-card:not(.wide-card) figure { height:200px; }.gallery-card:not(.wide-card) > div { padding:19px 18px 20px; }.gallery-card.wide-card > div { padding:72px 20px 22px; }.gallery-card.wide-card h3 { font-size:25px; }.gallery-card p,.gallery-card.wide-card p { font-size:11px; }.geo-explorer { display:block;padding-top:77px;padding-bottom:78px; }.geo-copy > p:not(.eyebrow) { margin-top:21px;font-size:13px; }.geo-panel { height:595px;margin-top:40px; }.geo-panel iframe { height:355px; }.geo-locations { top:auto;right:14px;left:14px;bottom:14px;width:auto;display:grid;grid-template-columns:1fr 1fr;background:rgba(4,22,44,.94); }.geo-list-head { grid-column:1/-1; }.geo-list-head,.geo-locations a { min-height:37px;font-size:9px; }.geo-locations a { padding:0 9px;grid-template-columns:25px 1fr 15px; } }
.backbone { padding-top:126px;padding-bottom:126px;color:#fff;background:radial-gradient(ellipse at 8% 11%,#164f8d 0,transparent 34%),radial-gradient(ellipse at 92% 89%,#0a395f 0,transparent 33%),#061629; }.backbone-head { display:grid;grid-template-columns:1fr .61fr;gap:46px;align-items:end; }.backbone .eyebrow { color:#8cc4ed; }.backbone h2 { margin:0;font-size:clamp(37px,3.8vw,59px);line-height:1.1;letter-spacing:-.065em; }.backbone h2 em { color:var(--cyan);font-style:normal; }.backbone-head > p { max-width:415px;margin:0;color:#afc8df;font-size:14px;line-height:1.85; }.backbone-figure { position:relative;margin:57px 0 0;overflow:hidden;border:1px solid rgba(126,205,250,.35);background:#f8fafc;box-shadow:0 18px 42px rgba(0,0,0,.28); }.backbone-figure img { display:block;width:100%;min-height:400px;max-height:660px;object-fit:contain;background:#fbfcfd; }.topology-badge { position:absolute;top:20px;left:20px;display:grid;gap:5px;padding:11px 13px;border:1px solid rgba(85,222,255,.36);background:rgba(4,26,52,.86);backdrop-filter:blur(8px); }.topology-badge span { color:#83dff3;font:9px var(--mono);letter-spacing:.1em; }.topology-badge strong { color:#e9f8ff;font:10px var(--mono);font-weight:500;letter-spacing:.07em; }.backbone-figure figcaption { position:absolute;right:17px;bottom:13px;max-width:495px;padding:8px 10px;color:#d2e9fb;background:rgba(3,20,42,.78);font:9px var(--mono);letter-spacing:.05em;line-height:1.55;text-align:right; }.backbone-notes { display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:26px;border-top:1px solid rgba(149,207,241,.27); }.backbone-notes article { min-height:194px;padding:21px 24px 17px;border-right:1px solid rgba(149,207,241,.22); }.backbone-notes article:first-child { padding-left:0; }.backbone-notes article:last-child { padding-right:0;border-right:0; }.backbone-notes b { color:var(--cyan);font:10px var(--mono); }.backbone-notes h3 { margin:35px 0 11px;color:#f1f8ff;font-size:16px;letter-spacing:-.035em; }.backbone-notes p { max-width:300px;margin:0;color:#abc5de;font-size:12px;line-height:1.75; }
@media (max-width: 900px) { .backbone-notes article { padding-left:17px;padding-right:17px; }.backbone-notes article:first-child { padding-left:0; }.backbone-notes article:last-child { padding-right:0; } }
@media (max-width: 680px) { .backbone { padding-top:77px;padding-bottom:75px; }.backbone-head { display:block; }.backbone-head > p { margin-top:22px;font-size:13px; }.backbone-figure { margin-top:38px; }.backbone-figure img { min-height:0;height:296px;object-fit:contain;object-position:center; }.topology-badge { top:12px;left:12px;padding:8px 9px; }.topology-badge span,.topology-badge strong { font-size:7px; }.backbone-figure figcaption { right:9px;left:9px;bottom:9px;max-width:none;font-size:7px;text-align:left; }.backbone-notes { display:block;margin-top:20px; }.backbone-notes article,.backbone-notes article:first-child,.backbone-notes article:last-child { min-height:0;padding:19px 0;border-right:0;border-bottom:1px solid rgba(149,207,241,.22); }.backbone-notes article:last-child { border-bottom:0; }.backbone-notes h3 { margin-top:24px;font-size:15px; }.backbone-notes p { font-size:11px; } }
.connectivity-fabric { padding-top:127px;padding-bottom:125px;background:#f6f9fb; }.fabric-head { display:grid;grid-template-columns:1fr .62fr;gap:46px;align-items:end; }.fabric-head .eyebrow { color:#526e8b; }.fabric-head h2 { margin:0;font-size:clamp(37px,3.8vw,59px);line-height:1.1;letter-spacing:-.065em; }.fabric-head h2 em { color:var(--blue);font-style:normal; }.fabric-head > p { max-width:410px;margin:0;color:#667c91;font-size:14px;line-height:1.85; }.fabric-stage { position:relative;min-height:470px;margin-top:58px;overflow:hidden;border:1px solid #123b65;background:radial-gradient(circle at 50% 50%,#123e70 0,#071e3d 43%,#05152b 100%);box-shadow:0 18px 38px rgba(13,59,97,.13); }.fabric-grid { position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(125,206,255,.33) 1px,transparent 1px),linear-gradient(90deg,rgba(125,206,255,.33) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,black,transparent 77%); }.fabric-routes { position:absolute;z-index:1;inset:0;width:100%;height:100%; }.fabric-routes path { fill:none;stroke:rgba(92,207,255,.39);stroke-width:1.6; }.fabric-routes .route-pulse { stroke:url(#routeGrad);stroke-width:2.2;stroke-dasharray:10 45;filter:drop-shadow(0 0 5px #50ddff);animation:fabricFlow 5s linear infinite; }.fabric-routes .route-delay { animation-delay:-2.1s; } @keyframes fabricFlow { to { stroke-dashoffset:-110; } }.fabric-node { position:absolute;z-index:2;width:184px;min-height:98px;padding:13px 15px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;border:1px solid rgba(118,220,255,.42);background:rgba(4,27,55,.76);box-shadow:0 10px 25px rgba(0,0,0,.18);backdrop-filter:blur(7px);color:#effaff; }.fabric-node::before { content:"";position:absolute;inset:-6px;border:1px solid rgba(111,225,255,.13);pointer-events:none; }.fabric-node b { grid-row:span 2;color:var(--cyan);font:11px var(--mono);padding-top:4px; }.fabric-node span { font:600 18px var(--mono);letter-spacing:-.04em; }.fabric-node small { color:#91c7eb;font:8px var(--mono);letter-spacing:.05em;white-space:nowrap; }.node-exchange { left:6%;top:59px; }.node-pop { left:6%;bottom:60px; }.node-enterprise { right:6%;top:59px; }.node-delivery { right:6%;bottom:60px; }.fabric-node.node-core { left:50%;top:50%;width:150px;min-height:120px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-color:#8ff3ff;background:radial-gradient(circle at 50% 25%,rgba(36,126,239,.75),rgba(5,40,79,.92));box-shadow:0 0 0 12px rgba(65,164,255,.12),0 0 48px rgba(31,127,246,.42);text-align:center; }.fabric-node.node-core b { color:var(--lime);padding:0;font-size:10px; }.fabric-node.node-core span { font-size:22px; }.fabric-node.node-core small { color:#c1edff;font-size:7px; }.fabric-key { position:absolute;z-index:2;left:22px;bottom:18px;display:flex;gap:8px;align-items:center;color:#75a5cd;font:9px var(--mono);letter-spacing:.08em; }.fabric-key i { display:block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime); }.fabric-ledger { display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;border-top:1px solid #c7d6e1; }.fabric-ledger article { min-height:235px;padding:21px 20px 20px;border-right:1px solid #c7d6e1; }.fabric-ledger article:first-child { padding-left:0; }.fabric-ledger article:last-child { padding-right:0;border-right:0; }.fabric-ledger b { color:#1768c2;font:10px var(--mono); }.fabric-ledger h3 { margin:37px 0 11px;color:#092f59;font-size:16px;letter-spacing:-.035em; }.fabric-ledger p { margin:0;color:#687e92;font-size:12px;line-height:1.75; }.fabric-ledger span { display:block;margin-top:18px;color:#2875b6;font:8px var(--mono);letter-spacing:.055em;line-height:1.55; }
@media (max-width: 900px) { .fabric-node { width:160px;padding:12px 11px; }.fabric-node small { font-size:7px; }.fabric-ledger article { padding-left:14px;padding-right:14px; }.fabric-ledger article:first-child { padding-left:0; }.fabric-ledger article:last-child { padding-right:0; } }
@media (max-width: 680px) { .connectivity-fabric { padding-top:77px;padding-bottom:76px; }.fabric-head { display:block; }.fabric-head > p { margin-top:22px;font-size:13px; }.fabric-stage { min-height:618px;margin-top:38px; }.fabric-routes { transform:scale(1.12); }.fabric-node { width:134px;min-height:73px;padding:9px 8px;grid-template-columns:20px 1fr;gap:5px; }.fabric-node::before { inset:-4px; }.fabric-node b { font-size:8px;padding-top:3px; }.fabric-node span { font-size:14px; }.fabric-node small { font-size:6px;letter-spacing:0;white-space:normal;line-height:1.35; }.node-exchange { left:14px;top:47px; }.node-pop { left:14px;bottom:52px; }.node-enterprise { right:14px;top:47px; }.node-delivery { right:14px;bottom:52px; }.fabric-node.node-core { width:126px;min-height:100px; }.fabric-node.node-core span { font-size:18px; }.fabric-node.node-core small { font-size:6px; }.fabric-key { left:14px;bottom:18px;font-size:7px; }.fabric-ledger { display:block;margin-top:20px; }.fabric-ledger article,.fabric-ledger article:first-child,.fabric-ledger article:last-child { min-height:0;padding:19px 0;border-right:0;border-bottom:1px solid #c7d6e1; }.fabric-ledger article:last-child { border-bottom:0; }.fabric-ledger h3 { margin-top:24px;font-size:15px; }.fabric-ledger p { font-size:11px; } }
.brand-with-logo { gap:9px; }.brand-logo-crop { display:block;width:36px;height:34px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.82);border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.22); }.brand-logo-crop img { display:block;width:42px;max-width:none;height:auto;transform:translate(-3px,-1px); }.brand-type { font-size:16px;letter-spacing:.12em; }.footer-official-logo { display:block;width:89px;padding:3px;background:#fff;line-height:0;box-shadow:0 8px 20px rgba(0,0,0,.18); }.footer-official-logo img { display:block;width:100%;height:auto; }.footer-top .footer-official-logo { align-self:start; }
@media (max-width: 680px) { .brand-logo-crop { width:33px;height:31px; }.brand-logo-crop img { width:39px; }.brand-type { font-size:14px; }.footer-official-logo { width:92px; } }