*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1f1ed;color:#111316;font-family:"DM Sans",Arial,sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 64px),1240px);margin:auto}.header{position:fixed;z-index:20;top:0;width:100%;background:rgba(4,12,34,.72);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff18}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff}.brand img{width:48px;height:44px;object-fit:contain;background:#fff}.brand b{display:block;font:800 18px Manrope}.brand small{display:block;font-size:7px;letter-spacing:.16em;color:#fff8}.header nav{display:flex;gap:26px;align-items:center;color:#fff;font-size:13px}.header nav a{opacity:.72}.header nav a:hover{opacity:1}.nav-button{padding:11px 16px;border:1px solid #fff6;opacity:1!important}.menu{display:none;background:none;border:0}.menu i{display:block;width:23px;height:1px;background:#fff;margin:5px}.hero{min-height:100vh;background:linear-gradient(160deg,#030a1c 0%,#061a40 48%,#0b3d94 100%);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}.hero canvas{position:absolute;inset:0;width:100%;height:100%}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 40%,rgba(255,138,31,.10),transparent 45%),linear-gradient(90deg,rgba(3,10,28,.72),transparent 62%);pointer-events:none}.hero-inner{position:relative;z-index:2;padding-top:80px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#666b70;margin:0 0 24px}.eyebrow b{display:inline-block;width:30px;height:1px;background:currentColor;vertical-align:middle;margin-right:9px}.light{color:#ffffff8c}.hero h1,h2{font-family:Manrope,Arial,sans-serif;line-height:.94;letter-spacing:-.055em;margin:0;font-weight:700}.hero h1{font-size:clamp(58px,7.7vw,112px);max-width:1100px}.hero h1 em{font-style:normal;color:#ff8a1f}.hero-text{max-width:600px;color:#fff9;font-size:17px;margin:30px 0 0}.actions{display:flex;gap:12px;margin-top:35px}.btn{display:inline-flex;gap:22px;align-items:center;padding:15px 18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:0;cursor:pointer}.primary{background:#ff8a1f}.outline{border:1px solid #fff4;color:#fff;background:transparent}.hero-meta{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;color:#fff6;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.section{padding:130px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px}.section h2{font-size:clamp(44px,5.8vw,80px)}h2 span{color:#666b70}.copy{padding-top:40px;max-width:600px}.lead{font:600 23px/1.4 Manrope;margin:0 0 24px}.copy p{color:#666b70}.copy p:not(.lead){margin:0 0 15px}.tagline{font-weight:700;color:#111!important;margin-top:28px!important}.dark{background:linear-gradient(180deg,#05112b,#0a2358);color:#fff}.light-muted{color:#fff6}.dark h2 span{color:#fff5}.section-head,.network-head{display:grid;grid-template-columns:1fr 390px;gap:50px;align-items:end}.section-head>p,.network-head>p{color:#fff7;font-size:14px}.service-layout{display:grid;grid-template-columns:44% 56%;margin-top:65px;border-top:1px solid #fff2}.service-menu{border-right:1px solid #fff2}.service-tab{width:100%;background:transparent;border:0;border-bottom:1px solid #fff2;color:#fff;display:grid;grid-template-columns:55px 1fr 30px;align-items:center;text-align:left;padding:23px 20px 23px 0;cursor:pointer;font:600 21px Manrope;transition:.2s}.service-tab small{font:400 10px "DM Sans";color:#fff5}.service-tab b{color:#ff8a1f}.service-tab:hover,.service-tab.active{padding-left:15px;background:#ffffff06}.service-tab.active span{color:#ff8a1f}.service-detail{min-height:380px;padding:45px 55px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#ffffff06,transparent)}.service-number{font-size:9px;letter-spacing:.16em;color:#fff5}.detail-icon{font-size:50px;color:#ff8a1f;margin:20px 0}.service-detail h3{font:700 42px Manrope;margin:0}.service-detail p{color:#fff8;max-width:500px;font-size:16px;margin-top:18px}.network-head{margin-bottom:70px}.network-head>p{color:#666b70}.network-map{height:560px;background:#0b2250;position:relative;overflow:hidden}.network-map canvas{position:absolute;inset:0;width:100%;height:100%}.map-center{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:125px;height:125px;border:1px solid #ff8a1f80;border-radius:50%;background:#0b2250;display:grid;place-items:center;align-content:center}.map-center b{font:800 31px Manrope;color:#ff8a1f}.map-center small{font-size:8px;letter-spacing:.2em;color:#aaa}.map-center i{position:absolute;inset:-28px;border:1px solid #ff8a1f25;border-radius:50%;animation:pulse 3s infinite}.map-caption{position:absolute;bottom:25px;left:30px;color:#fff5;font-size:9px;letter-spacing:.18em}.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}.features>div{padding:0 35px;border-right:1px solid #1112}.features>div:first-child{padding-left:0}.features>div:last-child{border:0}.features small{color:#999}.features h3{font:600 19px Manrope;margin:18px 0 8px}.features p{font-size:13px;color:#666b70;max-width:280px}.accent{background:#ff8a1f;color:#061230}.accent h2 span{color:#8a4300}.gpmix-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.gpmix-lead{max-width:520px;font-size:17px;color:#3d1f00;margin:30px 0}.text-link{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #0006;padding-bottom:8px}.gpmix-network{height:390px;position:relative;display:grid;place-items:center}.gpmix-core{width:125px;height:125px;background:#061230;color:#ff8a1f;border-radius:50%;z-index:3;display:grid;place-items:center;align-content:center;font:800 24px Manrope;box-shadow:0 0 0 16px #06123010}.gpmix-core small{font:500 6px "DM Sans";letter-spacing:.12em;color:#fff}.gline{position:absolute;height:1px;background:#0005;transform-origin:left center}.gl1{width:180px;left:0;top:42%}.gl2{width:180px;right:0;top:57%;transform:rotate(180deg)}.gl3{width:145px;left:25%;top:7%;transform:rotate(40deg)}.gl4{width:145px;left:30%;bottom:8%;transform:rotate(-40deg)}.gline:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#111;position:absolute;top:-4px;animation:flow 2.5s linear infinite}.glabel{position:absolute;font-size:8px;letter-spacing:.12em;font-weight:800;background:#ff8a1f;border:1px solid #0003;padding:7px 9px}.l1{left:0;top:34%}.l2{right:0;top:51%}.l3{left:24%;top:0}.l4{left:29%;bottom:0}.gpmix-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #0003;margin-top:10px}.gpmix-benefits>div{padding:30px 25px;border-right:1px solid #0003}.gpmix-benefits>div:first-child{padding-left:0}.gpmix-benefits>div:last-child{border:0}.gpmix-benefits strong{font:700 16px Manrope}.gpmix-benefits p{font-size:12px;color:#3d1f00}.dark-copy{padding-top:40px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #fff2;margin-top:40px;padding-top:25px}.support-grid b{display:block;font-size:10px;color:#ff8a1f;letter-spacing:.08em}.support-grid span{display:block;font-size:10px;color:#fff5;margin-top:5px}.coverage-head{max-width:700px}.coverage-head>p:last-child{color:#666b70;max-width:560px;margin-top:25px}.coverage-card{height:570px;background:#e4e4de;margin-top:65px;position:relative;overflow:hidden}.lampung{position:absolute;width:50%;height:80%;left:11%;top:10%;border:1px solid #1112;clip-path:polygon(43% 0,61% 5%,69% 16%,81% 22%,75% 33%,89% 43%,78% 52%,89% 62%,75% 72%,67% 88%,53% 81%,41% 100%,31% 86%,20% 91%,18% 75%,7% 67%,15% 54%,5% 42%,17% 32%,11% 19%,27% 14%,31% 4%);background:repeating-linear-gradient(145deg,transparent 0 35px,#1110008 36px 37px)}.d{position:absolute;width:9px;height:9px;background:#111;border-radius:50%;box-shadow:0 0 0 6px #1111}.d1{left:37%;top:18%}.d2{left:58%;top:29%}.d3{left:45%;top:45%}.d4{left:66%;top:57%}.d5{left:30%;top:64%}.d6{left:51%;top:78%}.coverage-info{position:absolute;right:11%;top:25%;display:flex;flex-direction:column;gap:10px;color:#666b70;border-left:1px solid #1112;padding-left:30px;font-size:12px}.coverage-info strong{font:800 46px Manrope;color:#111;margin-bottom:20px}.contact{padding-bottom:130px}.contact-head{display:grid;grid-template-columns:1fr 390px;gap:50px;align-items:end}.contact-head>p{font-size:16px;color:#3d1f00}.contact-grid{display:grid;grid-template-columns:38% 62%;margin-top:65px;border-top:1px solid #0003}.contact-info{display:flex;flex-direction:column}.contact-info a{padding:30px 35px 30px 0;border-bottom:1px solid #0003;display:flex;flex-direction:column}.contact-info small{font-size:9px;letter-spacing:.16em}.contact-info strong{font:700 23px Manrope;margin:8px 0}.contact-info span{font-size:11px;color:#3d1f00}.contact-form{padding:30px 0 0 45px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #0005;background:transparent;padding:10px 0;font:400 14px "DM Sans";outline:0;color:#111}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:#111}.contact-form textarea{resize:vertical;min-height:120px}.form-foot{display:flex;justify-content:space-between;gap:25px;align-items:center}.form-foot small{font-size:9px;color:#3d1f00;max-width:270px}.dark-btn{background:#061230;color:#fff}.form-status{font-size:11px;min-height:18px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.footer-top{display:flex;justify-content:space-between;padding:60px 0 55px;background:#040b1f;color:#fff}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand img{width:55px;height:48px;object-fit:contain;background:#fff}.footer-brand b{display:block;font:800 30px Manrope}.footer-brand small{font-size:8px;letter-spacing:.18em;color:#fff5}.footer-links{display:flex;gap:28px;font-size:12px;color:#fff8}.footer-bottom{border-top:1px solid #fff2;padding:20px 0;background:#040b1f;color:#fff5;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.footer-top+.footer-bottom{margin-top:0}@keyframes pulse{50%{transform:scale(1.1);opacity:.5}}@keyframes flow{from{left:0}to{left:100%}}
@media(max-width:800px){.container{width:calc(100% - 36px)}.menu{display:block}.header nav{position:fixed;inset:82px 0 0;background:#06122e;display:flex;flex-direction:column;align-items:flex-start;padding:35px;gap:24px;transform:translateX(100%);transition:.25s}.header nav.open{transform:translateX(0)}.hero h1{font-size:12vw}.hero-meta{display:none}.section{padding:90px 0}.two-col,.section-head,.network-head,.contact-head{grid-template-columns:1fr;gap:35px}.copy{padding:0}.service-layout,.gpmix-grid,.contact-grid{grid-template-columns:1fr}.service-menu{border-right:0}.service-tab{padding:20px 0}.service-detail{min-height:320px;padding:35px 0}.service-detail h3{font-size:34px}.network-map{height:430px}.features{grid-template-columns:1fr}.features>div,.features>div:first-child{padding:25px 0;border-right:0;border-bottom:1px solid #1112}.gpmix-network{height:300px;order:-1}.gpmix-benefits{grid-template-columns:1fr 1fr}.gpmix-benefits>div{padding:20px 15px}.gpmix-benefits>div:first-child{padding-left:15px}.support-grid{grid-template-columns:1fr}.coverage-card{height:500px}.lampung{left:6%;width:62%}.coverage-info{right:5%;padding-left:16px}.coverage-info strong{font-size:30px}.contact-form{padding:30px 0 0}.form-row{grid-template-columns:1fr}.footer-top,.footer-bottom{flex-direction:column;gap:20px}.footer-links{flex-wrap:wrap;gap:18px}}

.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%);pointer-events:none}
.hero canvas{z-index:0}
.hero-overlay{z-index:1}

/* ===== Revisi 2: navbar putih, section, footer, 3D ===== */
.header{background:rgba(255,255,255,.94);border-bottom:1px solid #0b225018;box-shadow:0 6px 24px #04102a14}
.brand{color:#0b2250}.brand small{color:#0b225099}.brand img{background:none}
.header nav{color:#0b2250}.header nav a{opacity:.8}.header nav a:hover{opacity:1;color:#0b3d94}
.header nav .nav-button{background:#ff8a1f;border-color:#ff8a1f;color:#061230;font-weight:700}
.menu i{background:#0b2250}
footer{background:#040b1f}.footer-top,.footer-bottom{background:none}.footer-brand img{background:#fff;border-radius:6px;padding:4px}
#gpmix.accent{background:linear-gradient(180deg,#eef3fb,#dde8f7);color:#061230}
#gpmix.accent h2 span{color:#2a5db0}#gpmix .gpmix-lead,#gpmix .gpmix-benefits p{color:#3c4d6b}
#gpmix .glabel{background:#fff;border-color:#0b225030}#gpmix .gline{background:#0b225055}#gpmix .gline:after{background:#ff8a1f}
#gpmix .gpmix-benefits,#gpmix .gpmix-benefits>div{border-color:#0b225022}#gpmix .text-link{border-color:#0b225066}
#kontak.accent{background:linear-gradient(180deg,#06122e,#0a2358);color:#fff}
#kontak.accent h2 span{color:#ffffff80}#kontak .eyebrow{color:#ffffff90}#kontak .contact-head>p,#kontak .contact-info span,#kontak .form-foot small{color:#ffffffb0}
#kontak .contact-grid,#kontak .contact-info a{border-color:#ffffff26}
#kontak .contact-form input,#kontak .contact-form textarea{color:#fff;border-bottom-color:#ffffff55}
#kontak .contact-form input:focus,#kontak .contact-form textarea:focus{border-bottom-color:#ff8a1f}
#kontak .dark-btn{background:#ff8a1f;color:#061230}
/* orb 3D hero */
.orb{position:absolute;z-index:1;right:7%;top:52%;width:min(36vw,460px);aspect-ratio:1;margin-top:calc(min(36vw,460px)/-2);perspective:900px;pointer-events:none}
.orb i{position:absolute;inset:0;border-radius:50%;border:1.5px solid #82beff70;transform:rotateX(72deg) rotateZ(0);animation:o1 16s linear infinite}
.orb i:nth-child(2){inset:9%;transform:rotateY(72deg);animation:o2 22s linear infinite;border-color:#ff8a1f90}
.orb i:nth-child(3){inset:-6%;transform:rotateX(35deg) rotateY(50deg);animation:o3 30s linear infinite reverse}
.orb i:after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:#ff8a1f;box-shadow:0 0 16px #ff8a1f}
.orb b{position:absolute;inset:30%;border-radius:50%;background:radial-gradient(circle,#4c9bff55,transparent 70%)}
@keyframes o1{to{transform:rotateX(72deg) rotateZ(360deg)}}@keyframes o2{to{transform:rotateY(72deg) rotateZ(360deg)}}@keyframes o3{to{transform:rotateX(35deg) rotateY(50deg) rotateZ(360deg)}}
/* layanan: menu 3D coverflow */
.service-layout{display:block;border-top:0;margin-top:50px}
.service-menu{border:0;position:relative;height:270px;perspective:1100px}
.service-layout .service-tab{position:absolute;left:50%;top:10px;width:250px;height:220px;margin-left:-125px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border:1px solid #ffffff2e;border-radius:16px;background:linear-gradient(150deg,#ffffff1c,#ffffff06);backdrop-filter:blur(6px);box-shadow:0 24px 40px #02081a66;font-size:24px;transform:translateX(calc(var(--o,0)*200px)) translateZ(calc(var(--d,0)*-130px)) rotateY(calc(var(--o,0)*-34deg));opacity:calc(1 - var(--d,0)*.2);z-index:calc(10 - var(--d,0));transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s,border-color .3s}
.service-layout .service-tab:hover,.service-layout .service-tab.active{padding:22px;background:linear-gradient(150deg,#ffffff26,#ffffff0a)}
.service-layout .service-tab.active{border-color:#ff8a1f;box-shadow:0 0 0 1px #ff8a1f55,0 30px 60px #02081a99,0 0 50px #ff8a1f26}
.service-tab b{position:absolute;right:20px;top:20px}
.service-detail{text-align:center;align-items:center;min-height:0;padding:20px 0 0;background:none}
.service-detail>*{animation:rise .5s ease both}.service-detail p{max-width:640px}
.detail-icon{margin:10px 0}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
/* peta Lampung 3D */
.coverage-card{background:linear-gradient(160deg,#06183f,#0b3d94)}
.coverage-info{color:#ffffffb0;border-left-color:#ffffff33}.coverage-info strong{color:#fff}
.d{display:none}
.lampung.lp3d{clip-path:none;border:0;background:none;width:56%;left:4%;perspective:1200px}
.lp-plane{position:absolute;left:50%;top:50%;transform-style:preserve-3d}
.lp-plane svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lp-pin{position:absolute;width:0;height:0;transform-style:preserve-3d}
.lp-pin s{position:absolute;left:-1px;top:0;width:2px;height:38px;background:linear-gradient(#ff8a1f,#ff8a1f00);transform-origin:0 0;transform:rotateX(90deg);text-decoration:none}
.lp-pin u{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#ff8a1f;box-shadow:0 0 14px #ff8a1f;transform:translateZ(38px);text-decoration:none}
.lp-pin em{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%;border:1.5px solid #ff8a1f;transform:translateZ(2px);animation:ring 2.4s ease-out infinite}
.lp-pin span{position:absolute;white-space:nowrap;font:700 11px "DM Sans";color:#fff;background:#061230cc;border:1px solid #ffffff30;padding:4px 8px;border-radius:4px}
@keyframes ring{from{transform:translateZ(2px) scale(.4);opacity:1}to{transform:translateZ(2px) scale(1.8);opacity:0}}
@media(max-width:800px){.orb{opacity:.35;right:-15%;width:80vw;margin-top:-40vw}.service-menu{height:240px}.service-layout .service-tab{width:190px;height:190px;margin-left:-95px;font-size:19px;transform:translateX(calc(var(--o,0)*120px)) translateZ(calc(var(--d,0)*-110px)) rotateY(calc(var(--o,0)*-34deg))}.header nav{background:#fff}.lampung.lp3d{width:70%;left:0}}
@media(prefers-reduced-motion:reduce){.orb i,.lp-pin em{animation:none}}

/* ===== Revisi 3 ===== */
body{overflow-x:clip}
/* kartu layanan berisi ikon 3D */
.service-menu{overflow:hidden;padding-bottom:10px}
.service-layout .service-tab{backdrop-filter:none;transform-style:preserve-3d;background:linear-gradient(160deg,#1a3c8a,#0a1f4d 72%);box-shadow:inset 0 1px 0 #ffffff33,0 24px 40px #02081a66}
.service-layout .service-tab:hover,.service-layout .service-tab.active{background:linear-gradient(160deg,#245bc0,#0c2a66 75%)}
.service-layout .service-tab.active{box-shadow:inset 0 1px 0 #ffffff55,0 0 0 1px #ff8a1f66,0 30px 60px #02081a99,0 0 50px #ff8a1f30}
.sv-ico{display:block;width:108px;height:96px;align-self:center;transform:translateZ(40px);filter:drop-shadow(0 16px 10px #02081a99);animation:bob 4s ease-in-out infinite}
.sv-ico svg{width:100%;height:100%;overflow:visible}
@keyframes bob{50%{transform:translateZ(40px) translateY(-7px)}}
/* GPMIX */
.gpmix-network{display:block;height:auto;aspect-ratio:400/340;width:100%;max-width:460px;margin:0 auto}
.gpmix-network .gpmix-core{position:absolute;left:50%;top:50%;margin:-62px 0 0 -62px}
.gpmix-network .gline{display:none}
.gx{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.gp{stroke:#0b225066;stroke-width:1.2;fill:none;stroke-dasharray:3 5}.gd{fill:#ff8a1f}.gr{fill:none;stroke:#2a5db0;stroke-width:1.2}
#gpmix .glabel{z-index:2;right:auto;bottom:auto;transform:translate(-50%,-50%);font-size:9px;box-shadow:0 6px 16px #0b225018}
#gpmix .l1{left:15%;top:29.4%}#gpmix .l2{left:86.25%;top:50%}#gpmix .l3{left:62.5%;top:8.2%}#gpmix .l4{left:37.5%;top:90%}
/* peta: latar hidup */
.cov-bg{position:absolute;inset:0;width:100%;height:100%}
.coverage-card:before{content:"";position:absolute;left:-6%;top:10%;width:70%;height:80%;background:radial-gradient(ellipse,#3b82f040,transparent 65%)}
.coverage-card:after{content:"";position:absolute;left:0;right:0;bottom:-8%;height:55%;background-image:linear-gradient(#82beff14 1px,transparent 1px),linear-gradient(90deg,#82beff14 1px,transparent 1px);background-size:52px 52px;transform:perspective(520px) rotateX(62deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(0deg,#000,transparent);mask-image:linear-gradient(0deg,#000,transparent);animation:gridmove 6s linear infinite}
@keyframes gridmove{to{background-position:0 52px}}
.lampung.lp3d,.coverage-info{z-index:2}
.lp-pin em{transform:translateZ(25px);animation:ring2 2.4s ease-out infinite}
@keyframes ring2{from{transform:translateZ(25px) scale(.4);opacity:1}to{transform:translateZ(25px) scale(2);opacity:0}}
.rt{fill:none;stroke:#ff8a1f;stroke-width:1.6;stroke-dasharray:4 6;animation:dash 1.2s linear infinite}.rd{fill:#ffd9a8}
@keyframes dash{to{stroke-dashoffset:-20}}
@media(max-width:800px){
.service-layout .service-tab{transform:translateX(calc(var(--o,0)*105px)) translateZ(calc(var(--d,0)*-110px)) rotateY(calc(var(--o,0)*-34deg))}
.sv-ico{width:84px;height:75px}
.gpmix-network{order:-1;max-width:380px}
.coverage-card{height:560px}
.lampung.lp3d{width:100%;left:0;top:0;height:62%}
.coverage-info{top:auto;bottom:18px;left:20px;right:20px;flex-direction:row;flex-wrap:wrap;gap:6px 16px;border-left:0;padding:0}
.coverage-info strong{flex-basis:100%;font-size:26px;margin-bottom:2px}}

/* ===== Revisi 4: geser menu, animasi scroll, peta HP ===== */
.service-menu{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.service-menu.dragging{cursor:grabbing}.service-menu.dragging .service-tab{transition:none}
.rv{opacity:0;filter:blur(6px);transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .9s;transition-delay:var(--dl,0s)}
.rv.in{opacity:1;filter:none;transform:none}
.hero-inner>*{animation:heroin 1s cubic-bezier(.2,.7,.2,1) both}.hero-inner>:nth-child(2){animation-delay:.12s}.hero-inner>:nth-child(3){animation-delay:.24s}.hero-inner>:nth-child(4){animation-delay:.36s}
@keyframes heroin{from{opacity:0;transform:translateY(34px);filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){.hero-inner>*{animation:none}}
@media(max-width:800px){
.lampung.lp3d{top:2%;height:66%}
.lp-pin span{font-size:10px;left:auto!important;right:auto!important}
.lp-pin:nth-of-type(1) span{right:8px!important;top:-36px!important}
.lp-pin:nth-of-type(2) span{right:8px!important;top:16px!important}
.lp-pin:nth-of-type(3) span{left:-8px!important;top:-36px!important}
.lp-pin:nth-of-type(4) span{right:-8px!important;top:16px!important}}