.nav,nav{display:flex}.nav-overlay,header{backdrop-filter:blur(6px)}.brand,.burger,.hero,nav a{color:#fff}.brand,.title,h2{font-weight:800}.hero,.media{overflow:hidden}.pill,a,nav a{text-decoration:none}#backToTopBtn.active,.nav-overlay.active,body,html,img{display:block}.list .card::before,.sections-bg::before,nav a::before{content:"";inset:0;z-index:-1}:root{--navy:#0B1F4D;--navy2:#102a66;--gold:#CDA24A;--gold2:#F3D27A;--ink:#202938;--muted:#667085;--bg:#ffffff;--container:max(72px, 4vw)}*{box-sizing:border-box}body,html{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--navy);background:#fff}img{max-width:100%}.container{width:min(1200px,92%);margin-inline:auto}header{position:sticky;top:0;background:rgb(7 20 75);z-index:60;box-shadow:0 0 20px 0 #7a80ce}.nav{align-items:center;justify-content:space-between;gap:16px}nav{height:70px}nav .icon{position:relative;top:-2px;margin-right:5px;vertical-align:middle}nav .clients{top:-5px}nav .how{top:-1px}.nav-overlay{position:fixed;top:var(--header-h,72px);left:0;right:0;bottom:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);z-index:54;display:none;-webkit-tap-highlight-color:transparent;transition:background .3s}.hero,.slides,h2 .icon,nav a{position:relative}.brand,nav ul{display:flex;align-items:center}.nav-overlay.gradient{background:linear-gradient(to bottom,rgba(0,0,0,.55),rgba(0,0,0,.35))}.burger.open,nav a::before{background:linear-gradient(135deg,#7c5c13,#af852b)}h2 .icon{vertical-align:bottom;top:-3px}h2 .lets{top:0}.brand{gap:7px;letter-spacing:.2px}.brand img{height:42px;object-fit:contain}nav ul{list-style:none;margin:0;padding:0}.grid-2,nav a{align-items:center}nav a{display:inline-flex;gap:10px;font-weight:600;opacity:.9;padding:11px 20px;z-index:0;transition:color .25s,opacity .25s}nav a::before{position:absolute;border-radius:inherit;opacity:0;transform:scale(.98);transition:opacity .35s,transform .35s}nav a.active,nav a:focus-visible,nav a:hover{opacity:1;color:#fff}nav a.active::before,nav a:focus-visible::before,nav a:hover::before{opacity:1;transform:none}nav a:focus-visible{outline:0;box-shadow:0 0 0 2px #fff3,0 0 0 4px #af852b66}.burger{display:none;background:0 0;border:1px solid #ffffff70;border-radius:10px;padding:0 10px;font-size:22px;height:40px;margin-top:14px;box-shadow:0 0 5px 1px #e6e8ee50}.card,.media{box-shadow:0 0 5px 1px #e6e8ee}@media (max-width:900px){nav ul li a,nav ul.open{display:flex}nav ul{display:none;position:absolute;left:0;right:0;top:69px;background:var(--navy);padding:0;flex-direction:column;gap:12px;border-top:3px solid #ffffff50}nav a{padding:5px 0 5px 12px}nav a.active,nav a:hover{padding:0 0 0 12px}h2 .icon{top:1px}h2 .lets{top:6px}.burger{display:block}nav ul li{width:100%}nav ul li a{width:100vw}}.hero{background:#90a0c6}.slides{height:60vh;min-height:600px}.dots,.hero .content,.hero .overlay,.list .card::before,.slide{position:absolute}.slide{inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity .8s}.dot,.slide.active{opacity:.6}.card h2,.list .card:hover::before{opacity:1}.hero .overlay{inset:0;background:linear-gradient(180deg,rgba(11,31,77,.65),rgba(11,31,77,.85))}.hero .content{inset:0;display:grid;place-items:center;text-align:center;padding:0 var(--container)}.title{font-size:clamp(32px, 5.2vw, 50px);line-height:1.03;margin:0 0 10px}.subtitle{max-width:900px;margin:0 auto;color:#e9eef7;font-size:clamp(14px, 2.1vw, 16px)}.cta{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cta .hubungi span{position:relative;top:2px}.btn{display:inline-block;padding:12px 18px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#7c5c13,#af852b);font-weight:700}.btn.secondary{background:0 0;border:2px solid #e6c57a;color:#f6e7bf}.list .card,h2{color:var(--navy)}.dots{bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;border:1px solid #fff;cursor:pointer}.dot.active{background:#fff;opacity:1}section{padding:0;margin-bottom:50px}h2{font-size:clamp(22px, 4vw, 32px);margin:0 0 16px;opacity:.8}.card h2{color:#011357}.card li,p{line-height:1.7}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}.card{border:1px solid #ddd;border-radius:16px;padding:18px;background:#fff;opacity:.63}.list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}@media (max-width:980px){.list{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.cta .hubungi span{top:0}}@media (max-width:640px){.list{grid-template-columns:1fr}.slides{min-height:300px}}.media{border-radius:16px;border:1px solid #e6eaf2}footer{background:var(--navy);color:#d7e3ff;padding:17px 0;text-align:center}.copy{font-size:13px;color:#b8c6d6;margin-top:7px}.pill{display:inline-flex;align-items:center;gap:6px;padding:15px 20px;border-radius:50px;background:linear-gradient(135deg,#082a4a 0,#155fa0 50%,#f2b632 100%);color:#fff;font-weight:600;font-size:14px;transition:background .35s,transform .2s,box-shadow .25s}.pill:hover{background:linear-gradient(135deg,#0b3e69 0,#1a6fb5 50%,#ffd465 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.25)}.pill svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.muted svg{width:15px;height:15px}li{line-height:3}#backToTopBtn{display:none;position:fixed;right:3px;bottom:20px;z-index:9001;background:rgb(120 134 174 / 88%);border:none;border-radius:50%;box-shadow:0 3px 16px #0009,0 0 0 #ceb37a45;width:42px;height:42px;padding:0;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .18s,background .18s,opacity .16s;opacity:.63}#backToTopBtn svg{display:block;margin:0 auto}#backToTopBtn:hover{box-shadow:0 5px 28px #ceb37a77;background:rgb(31 71 185 / 88%)}@media (max-width:600px){#backToTopBtn{right:3px;width:36px;height:36px}#backToTopBtn svg{width:18px;height:18px}}.brand,.list .card{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sections-bg{position:relative;background:url('/img/bg-trade-mesh.webp') center top/cover no-repeat fixed;z-index:0}.sections-bg::before{position:absolute;background:linear-gradient(rgba(255,255,255,.65) 0,rgba(255,255,255,.7) 50%,rgba(255,255,255,.75) 100%)}.sections-bg>*{position:relative;z-index:1}.list .card{padding:16px 18px;position:relative;isolation:isolate;background:rgba(255,255,255,.85);border:1px solid #e6eaf2;border-radius:14px;text-align:left;font-weight:600;box-shadow:0 6px 20px rgba(16,42,102,.06);transition:color .3s,box-shadow .25s,transform .18s}.list .card::before{background:linear-gradient(135deg,var(--navy) 0,var(--navy2) 55%,var(--gold) 100%);opacity:0;pointer-events:none;transition:opacity .35s;border-radius:14px}.list .card:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,31,77,.22);border-radius:14px}.list .card:active{transform:translateY(-1px) scale(.995)}