:root{--navy:#071a2b;--navy2:#0b2439;--blue:#149ddd;--cyan:#5ed7ed;--ice:#e9f8fb;--ink:#102435;--muted:#687985;--line:#dbe4e8;--paper:#f6f8f9;--white:#fff;--lime:#c8f063;--thai:"IBM Plex Sans Thai",sans-serif;--latin:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--thai);-webkit-font-smoothing:antialiased}body.lang-en{font-family:var(--latin)}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:fixed;z-index:100;top:0;right:0;left:0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;transition:.25s}.site-header.scrolled{border-color:rgba(7,26,43,.08);color:var(--navy);background:rgba(255,255,255,.92);box-shadow:0 8px 35px rgba(7,26,43,.07);backdrop-filter:blur(18px)}.nav-wrap{height:82px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-symbol{width:40px;height:40px;fill:none;stroke:var(--cyan);stroke-width:1.6}.brand-symbol circle{fill:var(--cyan);stroke:none}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font:800 20px var(--latin);letter-spacing:-.04em}.brand small{margin-top:5px;font:700 8px var(--latin);letter-spacing:.2em;color:var(--cyan)}.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.main-nav a{position:relative;font-size:13px;font-weight:600;white-space:nowrap}.main-nav a:after{position:absolute;right:0;bottom:-8px;left:0;height:1px;content:"";background:var(--blue);transform:scaleX(0);transition:.2s}.main-nav a:hover:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:18px}.language-switcher{display:flex;align-items:center;gap:7px;font:700 11px var(--latin)}.language-switcher button{padding:0;border:0;color:inherit;background:transparent;cursor:pointer;opacity:.45}.language-switcher button.active{color:var(--cyan);opacity:1}.site-header.scrolled .language-switcher button.active{color:#087fae}.language-switcher span{width:1px;height:11px;background:currentColor;opacity:.25}.nav-cta{display:flex;height:42px;align-items:center;gap:13px;padding:0 17px;border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:600}.site-header.scrolled .nav-cta{border-color:var(--line)}.nav-cta i{font:normal 15px var(--latin);color:var(--cyan)}.menu-toggle{display:none}.hero{position:relative;min-height:880px;overflow:hidden;padding-top:82px;color:#fff;background:linear-gradient(135deg,#071a2b 0%,#092c44 65%,#07334a 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(105,215,237,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(105,215,237,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.hero:after{position:absolute;right:0;bottom:0;left:0;height:130px;content:"";background:linear-gradient(180deg,transparent,rgba(3,14,24,.4))}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:650px;height:650px;top:80px;right:-150px;background:radial-gradient(circle,rgba(19,163,220,.2),transparent 68%)}.orb-two{width:400px;height:400px;bottom:-200px;left:25%;background:radial-gradient(circle,rgba(94,215,237,.12),transparent 70%)}.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-height:680px;align-items:center;gap:52px;padding-top:38px}.kicker{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--cyan);font:700 11px var(--latin);letter-spacing:.17em;text-transform:uppercase}.kicker span{width:28px;height:1px;background:currentColor}.hero h1,.section h2{margin:0;font-weight:600;line-height:1.1;letter-spacing:-.045em}.hero h1{font-size:clamp(52px,5vw,78px)}.hero h1 span,.section h2 span{color:var(--cyan)}.hero-intro{max-width:590px;margin:27px 0 0;color:rgba(255,255,255,.67);font-size:17px;line-height:1.85}.hero-actions{display:flex;gap:13px;margin-top:36px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:22px;padding:0 23px;font-size:13px;font-weight:700;transition:.2s}.button i{font:normal 17px var(--latin)}.button.primary{color:var(--navy);background:var(--cyan)}.button.primary:hover{background:#8ee7f3;transform:translateY(-2px)}.button.ghost{border:1px solid rgba(255,255,255,.25)}.button.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.hero-proof{display:flex;gap:36px;margin-top:48px}.hero-proof div{display:flex;flex-direction:column;padding-left:16px;border-left:1px solid rgba(255,255,255,.17)}.hero-proof strong{font:700 22px var(--latin);color:#fff}.hero-proof span{margin-top:5px;color:rgba(255,255,255,.48);font-size:11px}.hero-visual{position:relative}.visual-frame{position:relative;border:1px solid rgba(106,217,237,.2);background:rgba(5,25,40,.55);box-shadow:0 40px 80px rgba(0,0,0,.28);backdrop-filter:blur(8px)}.visual-frame:before{position:absolute;inset:10px;content:"";border:1px solid rgba(106,217,237,.07);pointer-events:none}.visual-topbar{height:41px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid rgba(106,217,237,.13)}.visual-topbar span{width:5px;height:5px;border:1px solid var(--cyan);border-radius:50%}.visual-topbar b{margin-left:auto;color:rgba(255,255,255,.38);font:600 8px var(--latin);letter-spacing:.18em}.network-stage{position:relative;aspect-ratio:1/1;overflow:hidden}.network-stage:before{position:absolute;top:50%;left:50%;width:120%;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(94,215,237,.22),transparent);transform:translate(-50%,-50%) rotate(-16deg)}.radar-ring{position:absolute;top:50%;left:50%;border:1px solid rgba(94,215,237,.15);border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:210px;height:210px}.ring-two{width:340px;height:340px}.ring-three{width:460px;height:460px}.core-node{position:absolute;z-index:3;top:50%;left:50%;display:flex;width:118px;height:118px;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--cyan);border-radius:50%;background:radial-gradient(circle,rgba(20,157,221,.35),rgba(7,26,43,.97) 68%);box-shadow:0 0 55px rgba(20,157,221,.3);transform:translate(-50%,-50%)}.core-node:after{position:absolute;inset:-10px;content:"";border:1px dashed rgba(94,215,237,.35);border-radius:50%;animation:spin 18s linear infinite}.core-node span{font:800 27px var(--latin);letter-spacing:-.06em}.core-node small{margin-top:4px;color:var(--cyan);font:600 7px var(--latin);letter-spacing:.16em}.satellite{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.68);font:600 8px var(--latin);letter-spacing:.12em}.satellite i{width:9px;height:9px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.sat-one{top:23%;left:16%}.sat-two{top:20%;right:12%}.sat-three{right:10%;bottom:24%}.sat-four{bottom:20%;left:13%}.connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(94,215,237,.28);stroke-width:1;stroke-dasharray:4 7}.data-card{position:absolute;z-index:4;width:122px;padding:12px;border:1px solid rgba(94,215,237,.16);background:rgba(5,25,40,.82)}.data-card small{display:block;color:rgba(255,255,255,.36);font:600 6px var(--latin);letter-spacing:.12em}.data-card strong{display:block;margin:5px 0 7px;font:700 14px var(--latin)}.data-card>span{display:block;height:2px;background:rgba(255,255,255,.1)}.data-card>span i{display:block;width:78%;height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.card-one{left:5%;bottom:4%}.card-two{top:4%;right:4%}.capability-strip{position:relative;z-index:3;display:flex;height:90px;align-items:center;justify-content:space-between;color:rgba(255,255,255,.55);font:600 10px var(--latin);letter-spacing:.13em}.capability-strip>span{color:var(--cyan)}.capability-strip i{width:3px;height:3px;border-radius:50%;background:var(--cyan)}.section{padding:120px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:60px}.kicker.dark{color:#168dbb}.section h2{font-size:clamp(42px,4vw,62px)}.section h2 span{color:#168dbb}.section-heading>p:last-child{max-width:440px;margin:0 0 8px;color:var(--muted);font-size:15px;line-height:1.8}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.solution-card{position:relative;min-height:360px;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:.3s}.solution-card:hover{z-index:2;box-shadow:0 24px 60px rgba(7,26,43,.1);transform:translateY(-5px)}.solution-card.featured{color:#fff;background:var(--navy)}.card-number{position:absolute;top:26px;right:30px;color:#a4b0b5;font:600 10px var(--latin);letter-spacing:.12em}.featured .card-number{color:rgba(255,255,255,.3)}.solution-icon{display:grid;width:50px;height:50px;place-items:center;margin-bottom:42px;border:1px solid #cbe5ed;background:#f2fbfd}.solution-icon svg{width:27px;fill:none;stroke:#168dbb;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.featured .solution-icon{border-color:rgba(94,215,237,.3);background:rgba(94,215,237,.08)}.featured .solution-icon svg{stroke:var(--cyan)}.solution-card h3{margin:0 0 14px;font-size:20px}.solution-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.featured p{color:rgba(255,255,255,.56)}.solution-card a{position:absolute;right:35px;bottom:30px;left:35px;display:flex;justify-content:space-between;color:#168dbb;font-size:12px;font-weight:700}.featured a{color:var(--cyan)}.cisco-section{color:#fff;background:var(--navy)}.cisco-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.cisco-visual{position:relative;min-height:550px;overflow:hidden;border:1px solid rgba(94,215,237,.16);background:radial-gradient(circle at 50% 40%,rgba(20,157,221,.2),transparent 48%),linear-gradient(145deg,#0d3048,#061624)}.cisco-visual:before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(94,215,237,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,215,237,.06) 1px,transparent 1px);background-size:42px 42px}.cisco-label{position:absolute;top:52px;left:45px;color:rgba(255,255,255,.12);font:800 62px/1 var(--latin);letter-spacing:-.06em}.cisco-label span{color:rgba(94,215,237,.16)}.rack{position:absolute;right:55px;left:55px;height:94px;padding:18px 22px;border:1px solid rgba(94,215,237,.35);background:linear-gradient(90deg,rgba(6,22,36,.92),rgba(13,54,76,.9));box-shadow:0 20px 35px rgba(0,0,0,.35)}.rack-one{top:245px;transform:perspective(600px) rotateX(3deg) rotateY(-5deg)}.rack-two{top:360px;transform:perspective(600px) rotateX(3deg) rotateY(-5deg)}.rack i{display:inline-block;width:8px;height:8px;margin:22px 7px 0 0;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.rack i:nth-child(2){background:var(--lime);box-shadow:0 0 12px var(--lime)}.rack b{position:absolute;top:24px;right:25px;width:55%;height:35px;border:1px solid rgba(255,255,255,.12);background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 2px,transparent 2px 8px)}.signal{position:absolute;border:1px solid rgba(94,215,237,.25);border-radius:50%}.s-one{width:110px;height:110px;top:185px;left:50%;transform:translateX(-50%)}.s-two{width:190px;height:190px;top:145px;left:50%;transform:translateX(-50%)}.s-three{width:280px;height:280px;top:100px;left:50%;transform:translateX(-50%)}.cisco-copy h2{font-size:clamp(42px,4vw,60px)}.cisco-copy>p:not(.kicker){margin:26px 0 30px;color:rgba(255,255,255,.6);font-size:15px;line-height:1.8}.cisco-copy ul{margin:0 0 34px;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.13)}.cisco-copy li{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.13)}.cisco-copy li>span{padding-top:2px;color:var(--cyan);font:600 9px var(--latin)}.cisco-copy li div{display:flex;flex-direction:column}.cisco-copy li b{font-size:14px}.cisco-copy li small{margin-top:4px;color:rgba(255,255,255,.4);font-size:11px}.button.light{color:var(--navy);background:#fff}.button.light:hover{background:var(--cyan)}.approach{background:#fff}.centered{display:block;text-align:center}.centered .kicker{justify-content:center}.process-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px}.process-line:before{position:absolute;top:34px;right:12.5%;left:12.5%;height:1px;content:"";background:var(--line)}.process-line article{position:relative;padding:0 35px;text-align:center}.process-line article>b{display:grid;position:relative;z-index:1;width:68px;height:68px;place-items:center;margin:0 auto 25px;border:1px solid var(--line);border-radius:50%;color:#168dbb;background:#fff;font:700 12px var(--latin)}.process-line article:nth-child(2)>b,.process-line article:nth-child(4)>b{color:var(--navy);background:var(--cyan);border-color:var(--cyan)}.process-line h3{margin:0 0 8px;font-size:17px}.process-line p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.about{background:#eaf1f3}.about-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:85px}.about-copy>p:not(.kicker){margin:26px 0;color:var(--muted);font-size:15px;line-height:1.9}.about-copy blockquote{margin:34px 0 0;padding:8px 0 8px 24px;border-left:3px solid #168dbb;font-size:17px;font-weight:600;line-height:1.7}.about-stats{display:grid;grid-template-columns:1fr 1fr}.stat{display:flex;min-height:220px;justify-content:center;flex-direction:column;padding:32px;border:1px solid #cfdcdf;background:rgba(255,255,255,.5)}.stat.large{grid-column:1/-1;min-height:250px;color:#fff;background:var(--navy)}.stat.accent{background:var(--cyan)}.stat small{font:700 9px var(--latin);letter-spacing:.17em}.stat strong{margin:14px 0 4px;font:700 58px var(--latin);letter-spacing:-.06em}.stat.large strong{font-size:84px;color:var(--cyan)}.stat span{color:var(--muted);font-size:11px}.stat.large span{color:rgba(255,255,255,.45)}.contact{padding-top:100px;background:#eaf1f3}.contact-card{display:grid;grid-template-columns:1.15fr .85fr;color:#fff;background:var(--navy)}.contact-heading{padding:65px}.contact-heading h2{font-size:clamp(40px,4vw,58px)}.contact-heading>p:last-child{max-width:600px;margin:22px 0 0;color:rgba(255,255,255,.54);line-height:1.8}.contact-details{display:flex;flex-direction:column;padding:35px 50px;border-left:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(20,157,221,.09),transparent)}.contact-details>a,.contact-details>div{position:relative;display:flex;flex:1;justify-content:center;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.12)}.contact-details>a:last-child{flex:0 0 50px;align-items:center;justify-content:space-between;flex-direction:row;border:0;color:var(--cyan);font-size:12px;font-weight:700}.contact-details small{color:var(--cyan);font:700 9px var(--latin);letter-spacing:.17em}.contact-details strong{margin-top:9px;font-size:19px;line-height:1.55}.contact-details>a>i{position:absolute;right:0;font-style:normal;color:var(--cyan)}.site-footer{padding-top:75px;color:#fff;background:#05131f}.footer-main{display:flex;justify-content:space-between;padding-bottom:58px}.footer-brand{width:max-content}.footer-main>div>p{max-width:340px;margin:20px 0 0;color:rgba(255,255,255,.4);font-size:13px}.footer-links{display:flex;gap:90px}.footer-links>div{display:flex;min-width:120px;flex-direction:column;gap:10px}.footer-links b{margin-bottom:8px;color:var(--cyan);font:700 9px var(--latin);letter-spacing:.16em}.footer-links a{color:rgba(255,255,255,.52);font-size:12px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.28);font:600 9px var(--latin);letter-spacing:.1em}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.main-nav{display:none}.nav-actions{margin-left:auto}.hero-layout{grid-template-columns:1fr;padding:110px 0 70px}.hero{min-height:auto}.hero-copy{max-width:720px}.hero-visual{max-width:650px}.capability-strip{overflow:hidden;gap:30px;justify-content:flex-start;white-space:nowrap}.solution-grid{grid-template-columns:repeat(2,1fr)}.cisco-layout,.about-layout{grid-template-columns:1fr}.cisco-visual{max-width:650px;width:100%}.contact-card{grid-template-columns:1fr}.contact-details{min-height:350px;border-top:1px solid rgba(255,255,255,.12);border-left:0}.menu-toggle{display:flex;width:38px;height:38px;justify-content:center;flex-direction:column;gap:5px;margin-left:auto;padding:0 9px;border:1px solid rgba(255,255,255,.2);background:transparent}.site-header.scrolled .menu-toggle{border-color:var(--line)}.menu-toggle span{display:block;width:100%;height:1px;background:currentColor}.nav-actions{margin-left:0}.main-nav.open{position:absolute;top:82px;right:0;left:0;display:flex;align-items:flex-start;flex-direction:column;gap:0;padding:12px 24px 25px;color:var(--navy);background:#fff;box-shadow:0 20px 40px rgba(7,26,43,.12)}.main-nav.open a{width:100%;padding:12px 0;border-bottom:1px solid var(--line)}}
@media(max-width:720px){.container{width:min(100% - 34px,1180px)}.nav-wrap{height:70px}.site-header .nav-cta{display:none}.hero{padding-top:70px}.hero-layout{padding:75px 0 55px}.hero h1{font-size:45px}.hero-intro{font-size:15px}.hero-actions{flex-direction:column}.button{width:100%}.hero-proof{gap:15px}.hero-proof div{padding-left:10px}.hero-proof strong{font-size:18px}.hero-proof span{font-size:9px}.hero-visual{margin-top:15px}.data-card{display:none}.capability-strip{height:75px}.section{padding:80px 0}.section-heading{display:block;margin-bottom:40px}.section-heading>p:last-child{margin-top:22px}.section h2{font-size:39px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:335px}.cisco-layout{gap:55px}.cisco-visual{min-height:420px}.cisco-label{top:35px;left:28px;font-size:44px}.rack{right:28px;left:28px}.rack-one{top:190px}.rack-two{top:300px}.signal{display:none}.process-line{grid-template-columns:1fr 1fr;gap:42px 0}.process-line:before{display:none}.process-line article{padding:0 14px}.about-layout{gap:50px}.stat{padding:23px}.stat strong{font-size:44px}.stat.large strong{font-size:70px}.contact-heading{padding:42px 28px}.contact-details{padding:20px 28px}.footer-main{gap:55px;flex-direction:column}.footer-links{gap:45px}.footer-bottom{gap:15px;flex-direction:column}.menu-toggle{order:3}.main-nav.open{top:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.core-node:after{animation:none}}