@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#112641;--muted:#6b7789;--blue:#145bad;--line:#e9edf5;--lavender:#7171d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:linear-gradient(130deg,#e8edf9,#f1f0fd 45%,#edf4f9);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.65}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 #7573d9;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.18;letter-spacing:-1.4px}h2{font-size:36px;font-weight:800}h3{font-size:18px;letter-spacing:-.5px}em{font-style:normal;color:var(--blue)}.site-shell{max-width:1300px;margin:26px auto;background:#fff;border-radius:30px;padding:0 20px;overflow:hidden;box-shadow:0 25px 100px #354e8510}.header{height:98px;padding:14px 34px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:150px;line-height:0}.brand img{width:100%;height:72px;object-fit:contain}nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600}nav>a:not(.button){position:relative;padding:12px 0}nav>a.active:not(.button){color:var(--blue)}nav>a.active:not(.button):after{content:'';height:2px;position:absolute;bottom:5px;left:0;width:20px;background:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:#122f61;color:white;border:0;border-radius:10px;padding:14px 22px;font-size:12px;font-weight:650;box-shadow:0 6px 15px #173d7020;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#1c60b0}.button span{font-size:19px;line-height:1}.button.small{padding:12px 18px}.menu-toggle{display:none}.hero{min-height:620px;border-radius:23px;position:relative;overflow:hidden;background:linear-gradient(105deg,#e9f0fd 0%,#e8effc 32%,#d8e4f6 56%,#719ac8 100%)}.hero-copy{position:relative;z-index:2;padding:56px 50px 130px;max-width:590px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.9px;color:#6d76a1}.pill{display:inline-flex;gap:9px;align-items:center;background:#ffffff80;border:1px solid #fff9;border-radius:30px;padding:7px 13px;font-size:9px;letter-spacing:1.3px;color:#40669c}.tiny-star{font-size:16px}h1{font-size:60px;line-height:1.07;letter-spacing:-3px;font-weight:800;margin:20px 0}h1 em{background:linear-gradient(100deg,#1655a1,#6974c9);background-clip:text;color:transparent}.hero-copy>p{max-width:360px;font-size:14px;color:#51617a}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:25px}.text-link{font-size:12px;font-weight:650}.text-link span{margin-left:10px}.hero-note{display:flex;align-items:center;gap:9px;margin-top:25px;font-size:10px;color:#738099}.indonesia-flag{width:18px;height:12px;background:linear-gradient(#d75260 50%,#fff 50%);border-radius:2px;box-shadow:0 0 0 1px #00000008}.hero-art{position:absolute;inset:0;overflow:hidden}.orb{position:absolute;width:570px;height:570px;border:1px solid #ffffff45;right:-70px;top:0;border-radius:50%;box-shadow:0 0 0 60px #ffffff12,0 0 0 120px #ffffff10;background:radial-gradient(circle,#ffffff40,transparent 65%)}.grid-floor{position:absolute;right:-30%;bottom:-150px;width:110%;height:490px;background-image:linear-gradient(#aecaf22e 1px,transparent 1px),linear-gradient(90deg,#b3d6ff42 1px,transparent 1px);background-size:45px 45px;transform:perspective(450px) rotateX(57deg);background-color:#426c9a33}.skyline{position:absolute;right:0;bottom:110px;width:54%;height:180px;display:flex;gap:14px;align-items:end;opacity:.18}.skyline i{width:55px;height:65%;background:repeating-linear-gradient(0deg,transparent 0 9px,#d1e6f1 9px 12px),#4979a2}.skyline i:nth-child(2n){height:90%;width:70px}.skyline i:nth-child(3n){height:45%}.racks{position:absolute;right:90px;top:128px;display:flex;gap:17px;transform:perspective(1000px) rotateY(-23deg) rotateX(5deg) rotateZ(-1deg);filter:drop-shadow(28px 34px 20px #183c6060)}.rack{position:relative;width:113px;height:310px;border:9px solid #2f4b68;border-top:14px solid #7694b6;border-bottom:16px solid #1e3650;border-radius:5px;background:repeating-linear-gradient(0deg,#172a3e 0 6px,#324d64 6px 8px,#0d2238 8px 34px);box-shadow:inset 0 0 15px #081324,13px 6px 0 #172e47}.rack:before{content:'';position:absolute;left:9px;top:12px;bottom:10px;width:52px;background:repeating-linear-gradient(0deg,transparent 0 12px,#5b7e9550 12px 14px,transparent 14px 19px)}.rack:after{content:'';position:absolute;right:8px;top:9px;bottom:0;width:5px;background:repeating-linear-gradient(0deg,transparent 0 29px,#71e6d9 29px 34px);filter:drop-shadow(0 0 4px #80f5ef)}.rack-two{transform:translateY(-24px);height:337px}.rack-three{transform:translateY(-45px);height:360px}.floating-shield{position:absolute;right:55px;top:44px;padding:10px 15px;border:1px solid #fff8;background:#eef5ff80;backdrop-filter:blur(10px);border-radius:11px;color:#205087;font-size:23px;display:flex;align-items:center;gap:10px}.floating-shield span{font-size:8px;font-weight:700;letter-spacing:1.2px}.art-label{position:absolute;right:115px;bottom:139px;font-size:10px;color:#e6f6ff;background:#183954bb;border:1px solid #d5e8ff40;border-radius:30px;padding:8px 15px;z-index:1;letter-spacing:.5px}.live-dot{display:inline-block;background:#86e7c7;width:6px;height:6px;border-radius:50%;margin-right:7px}.hero-bottom{position:absolute;z-index:3;bottom:24px;left:50px;right:50px;background:#fffffff0;border:5px solid #ffffff60;border-radius:55px;box-shadow:0 7px 30px #233d6020;display:flex;align-items:center;justify-content:space-between;padding:15px 27px}.hero-bottom>div{display:flex;align-items:center;gap:14px}.hero-bottom p{font-size:12px;font-weight:650}.hero-bottom small{display:block;font-size:8px;letter-spacing:1.2px;color:#8590a2;margin-bottom:1px}.mini-icon{color:#5d76ba;font-size:24px}.hero-bottom>a{font-size:11px;font-weight:600;color:var(--blue)}.hero-bottom>a span{margin-left:22px;font-size:18px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 17px 0}.principles>div{display:flex;gap:12px;align-items:center;padding:17px 14px;border:1px solid #f0f1f8;border-radius:14px;box-shadow:0 4px 14px #233f7805}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:linear-gradient(130deg,#e5ebff,#f5f7ff);color:#4e66b7;font-size:29px}.icon.lavender{background:linear-gradient(130deg,#efe1fd,#faf6ff);color:#8a60bf}.icon.mint{background:linear-gradient(130deg,#dff2f1,#f4fafa);color:#3d9198}.icon.peach{background:linear-gradient(130deg,#ffebe0,#fcf6f1);color:#c18b71}.principles strong{display:block;font-size:11px;line-height:1.5}.principles small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.section{margin:76px 35px}.about{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}.about h2{margin:13px 0 20px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:12px;margin-bottom:13px;max-width:445px}.check-list{padding:0;list-style:none;font-size:11px;margin:20px 0 25px}.check-list li{margin:8px 0;display:flex;align-items:center;gap:10px}.check-list li:before{content:'✓';display:inline-grid;place-items:center;color:white;background:linear-gradient(135deg,#7ca5df,#6b6fc6);border-radius:50%;width:15px;height:15px;font-size:9px}.about-visual{height:414px;background:radial-gradient(ellipse at 45% 30%,#fff,#ecf2fc 60%,#dee8f8);border:1px solid #e7edf5;border-radius:20px;position:relative;overflow:hidden;padding:25px}.visual-top{display:flex;justify-content:space-between;font-size:9px;color:#9caac1}.visual-top .eyebrow{font-size:8px;letter-spacing:1.4px}.ecosystem{height:275px;position:relative;display:grid;place-items:center}.orbit{width:200px;height:200px;border:1px solid #b7cce780;border-radius:50%;position:absolute}.orbit-two{width:285px;height:285px;border-style:dashed;opacity:.7}.core{width:130px;height:130px;background:white;border-radius:50%;box-shadow:0 15px 40px #5b77ab20;display:grid;place-items:center;z-index:1;border:8px solid #ffffff90}.core img{width:103px;border-radius:20px}.satellite{position:absolute;z-index:2;background:#fffffff0;box-shadow:0 8px 25px #6982a915;border:1px solid #e3eafa;border-radius:10px;padding:9px 13px;font-size:10px;display:flex;gap:12px;align-items:center}.satellite b{font-size:20px;color:#5e81bf}.s1{top:23px;left:35px}.s2{top:61px;right:2px}.s3{bottom:46px;left:0}.s4{bottom:19px;right:24px}.visual-bottom{display:flex;justify-content:space-between;align-items:center;position:relative}.visual-bottom h3{font-size:21px}.visual-bottom>span{font-size:27px;color:#3c6faa}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:40px}.section-heading h2{margin-top:10px}.section-heading>p{max-width:320px;font-size:12px;color:var(--muted);padding-bottom:5px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 5px 18px #10253e04;transition:transform .2s,box-shadow .2s}.solution-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px #10253e0c}.card-art{height:183px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(at 75% 10%,#bed5f2,#739bc9)}.category{position:absolute;top:15px;left:15px;border-radius:6px;background:#ffffffe0;padding:4px 8px;font-size:7px;letter-spacing:1px;font-weight:700;color:#456792;z-index:1}.art-number{position:absolute;right:15px;bottom:0;font-size:64px;font-family:Manrope;font-weight:800;color:#ffffff23;line-height:1.2}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(30deg,transparent 46%,#fff1 46%,#fff1 47%,transparent 47%,transparent 64%,#fff1 64%,#fff1 65%,transparent 65%);pointer-events:none}.server-symbol{width:120px;transform:perspective(400px) rotateY(-18deg) rotateZ(-7deg);display:grid;gap:8px;filter:drop-shadow(13px 16px 12px #26477350)}.server-symbol i{height:29px;background:linear-gradient(#456584,#203b59);border:2px solid #a5c6e5;border-radius:4px;box-shadow:5px 4px 0 #244564;position:relative}.server-symbol i:after{content:'•••';color:#92edda;position:absolute;right:8px;top:-1px;font-size:18px;letter-spacing:2px}.server-symbol i:before{content:'';width:42px;height:3px;position:absolute;left:7px;top:10px;background:#9db6ce}.cloud{background:radial-gradient(at 70% 20%,#ece7ff,#9aaddb)}.cloud-symbol{font-size:145px;color:#f5f7ff;text-shadow:3px 8px 0 #c5d0ed,10px 22px 25px #49639655;line-height:1;transform:translateY(-3px)}.networking{background:radial-gradient(at 70% 10%,#daf2ee,#82b6bd)}.network-symbol{position:relative;width:132px;height:100px;border:1px solid #ffffff90;transform:skewY(-10deg);margin-top:15px}.network-symbol b{position:absolute;left:44px;top:26px;color:white;font-size:35px;line-height:1}.network-symbol i{position:absolute;width:25px;height:25px;border:3px solid #d8f4f4;background:#427e92;box-shadow:5px 5px 0 #366b82}.network-symbol i:nth-child(1){top:-13px;left:-13px}.network-symbol i:nth-child(2){top:-13px;right:-13px}.network-symbol i:nth-child(3){bottom:-13px;left:-13px}.network-symbol i:nth-child(4){bottom:-13px;right:-13px}.card-body{padding:23px 20px}.solution-card p{font-size:11px;line-height:1.75;color:var(--muted);margin-top:12px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:19px}.tags span{font-size:8px;border:1px solid #e9edf4;border-radius:5px;padding:3px 6px;color:#65758b;background:#f9fbfd}.compact{padding:21px 20px 24px}.service-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.service-heading>span:last-child{font-size:11px;color:#a7b4c6}.compact .icon{width:37px;height:37px;font-size:25px}.center-heading{text-align:center}.center-heading h2{margin:10px 0 30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.steps article{border:1px solid var(--line);border-radius:16px;padding:23px 18px;display:flex;gap:16px;position:relative;background:linear-gradient(125deg,#fafbff,#fff)}.steps article:not(:last-child):after{content:'→';position:absolute;right:-19px;top:46%;color:#a4b5d1;z-index:1}.step-icon{width:43px;height:43px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#a7b8ef,#3566b0);color:white;display:grid;place-items:center;font-size:26px;box-shadow:0 0 0 6px #ecf0fb,0 9px 18px #6280b944;margin-top:5px}.steps small{font-size:8px;color:#788db4;letter-spacing:1px;font-weight:700}.steps h3{font-size:15px;margin-top:6px}.steps p{font-size:10px;color:var(--muted);margin-top:9px}.why{border-radius:20px;padding:36px;background:#f8faff;border:1px solid #edf1f7;display:grid;grid-template-columns:1fr 1fr;gap:65px}.why h2{font-size:31px;margin:12px 0 16px}.why>div>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:330px}.why-points article{display:flex;gap:17px;padding:16px 0;border-bottom:1px solid #e4eaf5}.why-points article:first-child{padding-top:0}.why-points article:last-child{border:0;padding-bottom:0}.why-points article>span{font-size:10px;color:#8497ba;margin-top:2px}.why-points h3{font-size:14px}.why-points p{color:var(--muted);font-size:11px;margin-top:5px}.vision{text-align:center;max-width:690px;margin:65px auto 60px;padding:0 25px}.vision h2{font-size:31px;margin:13px 0 18px}.vision>p:not(.eyebrow){color:var(--muted);font-size:12px}.vision-signature{display:block;font-size:11px;color:var(--blue);margin-top:23px;font-weight:600}.connect{position:relative;overflow:hidden;display:flex;gap:26px;align-items:center;padding:38px 40px;border-radius:20px;background:radial-gradient(ellipse at 90% 130%,#6a73c4,transparent 70%),linear-gradient(120deg,#102f65,#194d87);color:white}.connect:after{content:'';position:absolute;right:50px;top:-150px;width:400px;height:400px;border:1px solid #ffffff17;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff04;border-radius:50%;pointer-events:none}.connect-mark{width:65px;height:65px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:20px;font-size:37px;background:#ffffff0d;flex-shrink:0}.connect .eyebrow{color:#b3cbee;font-size:8px}.connect h2{font-size:27px;letter-spacing:-.8px;margin:8px 0 9px}.connect p:not(.eyebrow){font-size:11px;color:#c3d3ed}.button.white{background:white;color:#25436e;margin-left:auto;white-space:nowrap;z-index:1}.button.white:hover{background:#eaf1ff}footer{display:flex;align-items:center;gap:26px;padding:25px 30px;color:#8b95a4;font-size:9px}footer .brand{width:95px}footer .brand img{height:58px}footer>span{margin-left:auto}footer>a:last-child{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:16px}
@media(min-width:1500px){.site-shell{margin:35px auto}}@media(max-width:1100px){.site-shell{margin:12px}.header{padding:12px 20px}.hero-copy{padding-left:35px}.hero h1{font-size:53px}.racks{right:35px;transform:scale(.9) perspective(1000px) rotateY(-23deg)}.hero-bottom{left:25px;right:25px}.principles{margin-left:0;margin-right:0;gap:8px}.principles>div{padding:13px 8px;gap:8px}.principles .icon{width:34px;height:37px}.principles strong{font-size:10px}.principles small{font-size:8px}.section{margin:60px 20px}.about{gap:30px}h2{font-size:30px}.section-heading>p{max-width:280px}.solution-grid{gap:14px}.card-body,.compact{padding:19px 16px}.solution-card h3{font-size:16px}.steps{gap:16px}.steps article{gap:12px;padding:20px 13px}.step-icon{width:33px;height:33px;font-size:22px}.steps article:not(:last-child):after{right:-14px}.why{padding:28px;gap:30px}}
@media(max-width:760px){body{font-size:14px}.site-shell{margin:8px;padding:0 12px;border-radius:21px}.header{height:82px;padding:8px 10px}.brand{width:122px}.brand img{height:60px}.menu-toggle{display:flex;flex-direction:column;gap:6px;width:40px;height:40px;justify-content:center;align-items:center;border:1px solid #e3eaf5;background:white;border-radius:10px}.menu-toggle span{width:18px;height:2px;background:#234970}nav{display:none;position:absolute;top:83px;right:20px;left:20px;z-index:10;background:white;padding:20px;border:1px solid var(--line);border-radius:15px;box-shadow:0 15px 35px #24487122;align-items:stretch;gap:8px}nav.open{display:flex;flex-direction:column}nav a{padding:10px}.hero{min-height:800px;border-radius:17px;background:linear-gradient(155deg,#eaf0ff,#e5edfa 43%,#86a6cd)}.hero-copy{padding:31px 25px 0;max-width:none}.hero h1{font-size:49px;letter-spacing:-2.5px;margin:17px 0}.hero-copy>p{font-size:12px;max-width:330px}.pill{font-size:7px;letter-spacing:1px}.hero-actions{gap:19px;margin-top:20px}.button{font-size:11px;padding:12px 16px;gap:19px}.text-link{font-size:11px}.hero-note{margin-top:16px;font-size:9px}.racks{top:440px;right:50%;margin-right:-160px;transform:scale(.65) perspective(1000px) rotateY(-23deg);transform-origin:top center}.floating-shield{top:455px;right:15px;padding:5px 9px;font-size:18px}.floating-shield span{font-size:6px}.art-label{bottom:133px;right:50%;transform:translateX(50%);white-space:nowrap;font-size:8px;padding:5px 10px}.skyline{width:100%;bottom:95px;height:170px}.hero-bottom{bottom:17px;left:14px;right:14px;padding:14px;border-radius:17px;border-width:3px;gap:10px}.hero-bottom>div{gap:8px}.hero-bottom .mini-icon{font-size:20px}.hero-bottom small{font-size:6px;letter-spacing:.6px}.hero-bottom p{font-size:9px}.hero-bottom>a{display:none}.principles{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.principles>div{padding:13px 10px;gap:10px}.principles strong{font-size:10px}.principles small{font-size:8px}.section{margin:47px 10px}.about{grid-template-columns:1fr;gap:28px}h2{font-size:29px}.about-copy>p:not(.eyebrow){font-size:12px;max-width:none}.about-visual{height:365px;padding:21px}.ecosystem{height:239px}.orbit-two{width:245px;height:245px}.orbit-one{width:175px;height:175px}.s1{left:24px;top:17px}.s2{right:0;top:57px}.s3{left:0;bottom:33px}.s4{right:6px;bottom:7px}.core{width:116px;height:116px}.core img{width:94px}.visual-bottom h3{font-size:20px}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:16px}.solution-grid{grid-template-columns:1fr}.card-art{height:200px}.card-body,.compact{padding:23px}.solution-card h3{font-size:19px}.solution-card p{font-size:12px}.tags span{font-size:9px}.steps{grid-template-columns:1fr;gap:13px}.steps article{padding:23px;gap:23px}.steps article:not(:last-child):after{display:none}.steps h3{font-size:17px}.steps p{font-size:12px}.steps small{font-size:9px}.step-icon{width:42px;height:42px}.why{grid-template-columns:1fr;padding:24px;gap:27px}.why h2{font-size:28px}.why-points h3{font-size:15px}.why-points p{font-size:12px}.vision{margin:45px auto;padding:0 15px}.vision h2{font-size:26px}.connect{padding:28px 23px;display:block}.connect-mark{width:45px;height:45px;border-radius:12px;font-size:27px;margin-bottom:20px}.connect h2{font-size:26px}.connect .button{margin-top:24px}.connect p:not(.eyebrow){font-size:10px}footer{padding:20px 8px;gap:12px;flex-wrap:wrap}footer .brand{width:90px}footer>p{margin-left:auto;font-size:8px}footer>span{margin:0;flex:1;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}