:root{--ink:#101613;--paper:#f2f0e9;--acid:#d8f238;--muted:#727770;--line:#cdd0c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav-wrap{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;position:absolute;z-index:5;width:100%;color:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.12em}.brand-mark{width:34px;height:34px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.nav-wrap nav{display:flex;gap:34px;font-size:13px}.nav-wrap nav a{opacity:.75}.nav-wrap nav a:hover{opacity:1}.nav-cta{padding:12px 18px;border:1px solid #ffffff59;font-size:12px}.nav-cta span,.button span{margin-left:18px}.hero{min-height:800px;height:100vh;position:relative;overflow:hidden;color:#fff;padding:190px 5vw 70px;background:linear-gradient(90deg,#0b100fe6 0%,#0b100fbd 42%,#0b100f52 75%),url('/assets/images/hero-drone-batam-industrial-coast.webp') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0000002e,transparent 55%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:72px 72px;transform:perspective(700px) rotateX(58deg) scale(1.35);transform-origin:70% 80%;opacity:.6}.hero>*:not(.hero-grid){position:relative;z-index:1}.eyebrow,.kicker{font-size:10px;letter-spacing:.23em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px;color:#d9dedb}.eyebrow span{width:34px;height:1px;background:var(--acid)}.hero h1{font-size:clamp(64px,9vw,138px);font-weight:500;letter-spacing:-.07em;line-height:.82;margin:44px 0 36px;max-width:1050px}.hero h1 em,.cta-section h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy{font-size:17px;line-height:1.6;color:#cbd2ce;max-width:570px;margin-left:8px}.hero-actions{display:flex;gap:12px;margin:38px 0 0 8px}.button{display:inline-flex;align-items:center;justify-content:space-between;padding:18px 22px;min-width:190px;font-size:12px;font-weight:700;letter-spacing:.05em;border:1px solid;transition:.2s}.button.primary{background:var(--acid);color:var(--ink);border-color:var(--acid)}.button.ghost{border-color:#ffffff59;color:#fff}.button:hover{transform:translateY(-2px)}.flight-card{position:absolute!important;right:6vw;bottom:82px;display:flex;align-items:center;gap:24px}.flight-card small{font-size:8px;color:#aeb8b3;letter-spacing:.18em}.flight-card strong{display:block;font-family:monospace;font-size:11px;line-height:1.8;margin-top:5px}.radar{width:118px;height:118px;border:1px solid #d8f23873;border-radius:50%;display:grid;place-items:center;position:relative}.radar:before,.radar:after{content:"";position:absolute;background:#d8f23840}.radar:before{width:1px;height:100%}.radar:after{height:1px;width:100%}.radar i{width:54px;height:54px;border:1px solid #d8f23859;border-radius:50%}.radar b{position:absolute;font-size:8px;letter-spacing:.15em;color:var(--acid)}.scroll-note{position:absolute!important;left:5vw;bottom:36px;font-size:8px;letter-spacing:.2em;color:#aeb8b3}.scroll-note span{margin-left:15px;color:var(--acid)}.proof{min-height:140px;background:var(--acid);display:grid;grid-template-columns:repeat(3,1fr) 2fr;padding:0 5vw}.proof>div{border-right:1px solid #1016132e;display:flex;flex-direction:column;justify-content:center;padding:24px 30px}.proof>div:first-child{padding-left:0}.proof strong{font-size:27px}.proof span{font-size:10px;margin-top:8px;letter-spacing:.1em}.proof .proof-note{border:0;padding-left:7vw;font-size:13px;line-height:1.6}.proof-note a{font-weight:700;border-bottom:1px solid}.section{padding:120px 7vw}.section-head{display:grid;grid-template-columns:1.5fr 1fr;gap:10vw;align-items:end;margin-bottom:76px}.kicker{display:block;color:#788078;margin-bottom:30px}.section h2,.industry-panel h2,.cta-section h2{font-size:clamp(44px,6vw,80px);font-weight:500;letter-spacing:-.055em;line-height:.95;margin:0}.section-head>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:480px}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:80px 1fr 1fr 30px;gap:30px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line);transition:.25s}.service-list article:hover{padding-left:15px;background:#ffffff40}.service-list article>span{font-family:monospace;font-size:11px;color:#81877e}.service-list h3{font-size:25px;margin:0}.service-list p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.industries{display:grid;grid-template-columns:1fr 1.1fr;min-height:650px}.industry-panel{background:#141b17;color:#fff;padding:110px 7vw}.kicker.light{color:#aeb6b0}.industry-panel h2{font-size:clamp(42px,5vw,67px);max-width:630px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:65px}.tags span{border:1px solid #434a45;padding:12px 15px;border-radius:30px;font-size:10px;letter-spacing:.08em;color:#c7cdc9}.visual-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#779581,#385044 28%,#18231e 68%)}.visual-panel:before{content:"";position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at center,transparent 0 21px,#ffffff07 23px 24px);transform:rotate(-12deg)}.visual-panel:after{content:"";position:absolute;width:58%;height:29%;bottom:8%;left:18%;background:#273a31;border-radius:49% 51% 55% 45%;box-shadow:110px -90px 0 -20px #23372d,-130px -70px 0 -35px #2e4438}.crosshair{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff}.crosshair:before{content:"";width:170px;height:170px;border:1px solid #ffffff66;border-radius:50%;position:absolute}.crosshair b{font-size:38px;font-weight:200}.crosshair span,.crosshair small{position:absolute;font-size:8px;letter-spacing:.18em}.crosshair span{top:40px;left:40px}.crosshair small{top:40px;right:40px;color:var(--acid)}.visual-caption{position:absolute;z-index:3;bottom:40px;left:40px;right:40px;color:#fff;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em}.visual-caption b{color:var(--acid)}.section-head.compact{grid-template-columns:1fr;margin-bottom:50px}.process ol{list-style:none;padding:0;margin:0 0 0 38%;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:70px 1fr;gap:30px;border-bottom:1px solid var(--line);padding:35px 0}.process li>span{font-family:monospace;font-size:11px;color:#878c85}.process h3{font-size:21px;margin:0 0 12px}.process p{max-width:540px;margin:0;color:var(--muted);line-height:1.7;font-size:13px}.faq{background:#e9e7df}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.faq details{border-top:1px solid #bfc3ba;padding:25px 0}.faq details:last-child{border-bottom:1px solid #bfc3ba}.faq summary{cursor:pointer;list-style:none;font-size:15px;font-weight:700;display:flex;justify-content:space-between}.faq summary span{font-size:20px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);line-height:1.8;padding-right:40px}.cta-section{background:var(--acid);min-height:600px;padding:100px 7vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.cta-section h2{font-size:clamp(64px,9vw,125px);margin-bottom:50px}.button.white{background:#fff;border-color:#fff}.cta-section .kicker{color:#48503d}footer{padding:65px 5vw 35px;background:#101613;color:#fff;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}footer p{margin:0;color:#98a19b;font-size:12px;line-height:1.7}footer>div:nth-child(3){display:flex;gap:25px;font-size:11px}footer small{grid-column:1/-1;border-top:1px solid #2b332e;padding-top:25px;color:#727b75;font-size:9px;letter-spacing:.1em}.float-wa{position:fixed;right:24px;bottom:24px;z-index:8;width:54px;height:54px;border-radius:50%;background:var(--acid);display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:0 10px 30px #0003}
@media(max-width:800px){.nav-wrap{height:70px;padding:0 20px}.nav-wrap nav{display:none}.nav-cta{padding:10px}.hero{min-height:720px;padding:145px 22px 60px}.hero h1{font-size:62px;margin-top:35px}.hero-copy{font-size:15px;margin-left:0}.hero-actions{margin-left:0;flex-direction:column;width:100%}.button{width:100%}.flight-card{display:none}.proof{grid-template-columns:repeat(3,1fr);padding:0 20px}.proof>div{padding:22px 10px}.proof>div:first-child{padding-left:0}.proof strong{font-size:19px}.proof .proof-note{grid-column:1/-1;padding:20px 0;border-top:1px solid #0002}.section{padding:80px 22px}.section-head,.faq-grid{grid-template-columns:1fr;gap:35px;margin-bottom:50px}.service-list article{grid-template-columns:45px 1fr 20px;gap:15px}.service-list article p{grid-column:2/4}.industries{grid-template-columns:1fr;min-height:auto}.industry-panel{padding:80px 22px}.visual-panel{min-height:450px}.process ol{margin-left:0}.faq-grid h2{margin-bottom:25px}.cta-section{padding:80px 22px;min-height:530px}.cta-section h2{font-size:64px}footer{grid-template-columns:1fr;padding:55px 22px 30px}footer small{grid-column:1}.scroll-note{left:22px}.float-wa{right:16px;bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-list article{transition:none}}
.nav-actions{display:flex;align-items:center;gap:18px}.lang-switch{font-size:10px;letter-spacing:.12em;color:#ffffffa6}.lang-switch b{color:var(--acid)}.lang-switch span{margin:0 5px;color:#ffffff4d}
.language-picker{position:relative}.language-picker select{appearance:none;-webkit-appearance:none;background:#101613b8;color:#fff;border:1px solid #ffffff59;border-radius:3px;padding:11px 34px 11px 12px;font:600 11px/1 Arial,Helvetica,sans-serif;cursor:pointer}.language-picker:after{content:"⌄";position:absolute;right:11px;top:50%;transform:translateY(-58%);color:var(--acid);pointer-events:none}.language-picker select:focus{outline:2px solid var(--acid);outline-offset:2px}.language-picker option{background:#101613;color:#fff}
@media(max-width:800px){.nav-actions{gap:10px}.nav-cta span{display:none}}
.portfolio{background:#f2f0e9}.portfolio-note{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.portfolio-card{margin:0;position:relative;overflow:hidden;background:#141b17;min-height:380px}.portfolio-card img{width:100%;height:100%;min-height:380px;object-fit:cover;display:block;transition:transform .5s ease}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:70px 24px 22px;background:linear-gradient(transparent,#0b100fd9);color:#fff;display:flex;justify-content:space-between;align-items:end;gap:20px}.portfolio-card strong{font-size:18px}.portfolio-card span{font-size:9px;letter-spacing:.14em;color:var(--acid);white-space:nowrap}.portfolio-disclaimer{margin:22px 0 0;color:var(--muted);font-size:11px;line-height:1.7}@media(max-width:800px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card,.portfolio-card img{min-height:250px}.portfolio-card figcaption{padding:55px 18px 18px}.portfolio-card strong{font-size:16px}}
.visual-panel{background:url('/assets/images/sector-industrial-coast-batam.webp') center/cover no-repeat}.visual-panel:before{inset:0;background:linear-gradient(180deg,#07110b26 0%,#07110b0d 45%,#07110b99 100%);transform:none}.visual-panel:after{display:none}
@media(max-width:800px){.language-picker select{width:48px;max-width:48px;padding:10px 20px 10px 8px;white-space:nowrap;overflow:hidden}.language-picker:after{right:7px}}