:root{--navy:#0B2447;--navy-2:#123363;--navy-3:#1C4A8A;--navy-deep:#071A38;--green:#1DB954;--green-d:#149644;--green-soft:#E6F7EC;--cyan:#3FD0E0;--ink:#22334A;--grey:#5B6B7F;--line:#DFE7F0;--bg:#F7FAF8;--white:#FFFFFF;--disp:'Plus Jakarta Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;--radius:16px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--disp);color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px}img{max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green-d);display:inline-flex;align-items:center;gap:10px}.eyebrow::before{content:"";width:26px;height:3px;background:var(--green);border-radius:2px}h1,h2,h3{font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--navy)}h2{font-size:clamp(1.7rem,3.5vw,2.4rem);margin:.6rem 0 1rem}p.lead{color:var(--grey);max-width:640px}section{padding:88px 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:700;font-size:.92rem;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;border:0}.btn:focus-visible{outline:3px solid var(--green);outline-offset:3px}.btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 22px rgba(29,185,84,.35)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{background:transparent;color:#EAF1FA;border:1.5px solid var(--navy-3)}.btn-outline:hover{border-color:var(--green);color:#fff}.nav{position:sticky;top:0;z-index:50;background:rgba(7,26,56,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(63,208,224,.14)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff;font-size:.95rem}.mark{width:30px;height:30px;position:relative;flex:none}.mark svg{display:block}.nav-links{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:600;color:#9FB2CB}.nav-links a:hover{color:#fff}.nav .btn{padding:9px 18px;font-size:.84rem}@media(max-width:760px){.nav-links{display:none}}.hero{position:relative;background:radial-gradient(900px 480px at 78% 18%,rgba(63,208,224,.10),transparent 60%),radial-gradient(700px 420px at 12% 82%,rgba(29,185,84,.12),transparent 60%),linear-gradient(180deg,var(--navy-deep) 0%,var(--navy) 100%);padding:96px 0 88px;overflow:hidden;isolation:isolate}#net{position:absolute;inset:0;z-index:0;opacity:.9}.hero .grid-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(63,208,224,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(63,208,224,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 80% at 50% 30%,#000 30%,transparent 75%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero .eyebrow{color:var(--green)}.hero .eyebrow::before{background:var(--green)}.term-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;color:#7FE8AC;background:rgba(29,185,84,.10);border:1px solid rgba(29,185,84,.35);border-radius:999px;padding:6px 14px;margin-bottom:20px}.term-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.hero h1{color:#fff;font-size:clamp(2.2rem,4.6vw,3.4rem)}.hero h1 .hl{background:linear-gradient(90deg,var(--green),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:20px 0 30px;color:#B8C7DC;font-size:1.05rem;max-width:520px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-note{margin-top:28px;font-family:var(--mono);font-size:.7rem;color:#6E84A3;letter-spacing:.08em}.hero-note b{color:#9FE8BC;font-weight:500}@media(prefers-reduced-motion:reduce){.term-tag .dot{animation:none}}.hero-visual{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:420px}.hero-visual img{width:130%;height:auto;max-width:none;position:absolute;right:-12%;bottom:-90px;filter:drop-shadow(0 24px 60px rgba(2,10,26,.55)) drop-shadow(0 0 40px rgba(63,208,224,.12));animation:floaty 7s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.hero-visual img{animation:none}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:44px}.hero-visual{min-height:0;justify-content:center;margin-top:-10px}.hero-visual img{position:static;width:100%;height:auto;max-width:440px}}.strip{border-top:1px solid rgba(63,208,224,.18);border-bottom:1px solid var(--line);background:#fff;padding:22px 0}.strip-inner{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}.strip-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:var(--grey);margin-right:8px}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:.82rem;font-weight:700;color:var(--navy)}.pill i{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.visi-card{background:var(--navy);color:#fff;border-radius:var(--radius);padding:34px;border-left:5px solid var(--green)}.visi-card .eyebrow{color:var(--green)}.visi-card p{color:#D6E1EF;margin-top:12px;font-size:1.02rem}.misi-list{margin-top:22px;display:flex;flex-direction:column;gap:16px}.misi-item{display:flex;gap:14px;align-items:flex-start}.misi-num{flex:none;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:.8rem;display:grid;place-items:center;margin-top:2px}.misi-item p{color:var(--grey);font-size:.95rem}@media(max-width:900px){.about-grid{grid-template-columns:1fr}}#produk{background:#fff;border-top:1px solid var(--line)}.flagship{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.pcard{border-radius:var(--radius);padding:32px;position:relative;overflow:hidden;border:1px solid var(--line);background:var(--bg);transition:transform .2s ease,box-shadow .2s ease}.pcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,36,71,.10)}.pcard.dark{background:var(--navy);border-color:var(--navy)}.pcard .tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-d)}.pcard.dark .tag{color:var(--green)}.pcard h3{font-size:1.35rem;margin:6px 0 12px}.pcard.dark h3{color:#fff}.pcard p{font-size:.92rem;color:var(--grey)}.pcard.dark p{color:#C7D3E3}.pcard ul{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:9px}.pcard li{font-size:.87rem;color:var(--grey);padding-left:20px;position:relative}.pcard.dark li{color:#C7D3E3}.pcard li::before{content:"";position:absolute;left:0;top:.52em;width:8px;height:8px;border-radius:50%;background:var(--green)}.pcard .url{margin-top:20px;display:inline-block;font-family:var(--mono);font-size:.74rem;color:var(--green-d);border:1px solid var(--line);border-radius:999px;padding:6px 14px}.pcard.dark .url{color:var(--green);border-color:var(--navy-3)}.ops{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}@media(max-width:900px){.flagship,.ops{grid-template-columns:1fr}}.adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:38px}.adv{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.adv:nth-child(1),.adv:nth-child(4){background:var(--navy);border-color:var(--navy)}.adv .icon{width:44px;height:44px;border-radius:12px;background:var(--green-soft);display:grid;place-items:center;margin-bottom:16px}.adv:nth-child(1) .icon,.adv:nth-child(4) .icon{background:rgba(29,185,84,.16)}.adv h3{font-size:1.08rem;margin-bottom:8px}.adv:nth-child(1) h3,.adv:nth-child(4) h3{color:#fff}.adv p{font-size:.9rem;color:var(--grey)}.adv:nth-child(1) p,.adv:nth-child(4) p{color:#C7D3E3}@media(max-width:760px){.adv-grid{grid-template-columns:1fr}}.values{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.values .strip-label{margin-right:4px}.vchip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 18px;font-weight:700;font-size:.84rem;color:var(--navy)}#kontak{background:var(--navy);color:#fff;position:relative;overflow:hidden}#kontak::after{content:"";position:absolute;right:-140px;bottom:-140px;width:420px;height:420px;border:1px solid var(--navy-3);border-radius:50%;pointer-events:none}#kontak::before{content:"";position:absolute;right:-60px;bottom:-60px;width:260px;height:260px;border:1px solid var(--navy-3);border-radius:50%;pointer-events:none}#kontak h2{color:#fff}#kontak .eyebrow{color:var(--green)}#kontak p.lead{color:#C7D3E3}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;position:relative;z-index:1}.ccard{background:var(--navy-2);border-radius:var(--radius);padding:28px;border-left:4px solid var(--green)}.ccard .tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green);display:block;margin-bottom:12px}.ccard p{font-size:.92rem;color:#E4ECF6;line-height:1.7}.ccard a{color:#9FE8BC;font-weight:600}.ccard a:hover{text-decoration:underline}.ccard .clabel{display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;color:#8FA3BC;text-transform:uppercase;margin-bottom:2px}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}footer{background:#081A35;color:#8FA3BC;padding:34px 0;font-size:.82rem}.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.foot .brand{color:#fff;font-size:.86rem}.socials{display:flex;gap:12px}.socials a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--navy-3);color:#9FB2CB;transition:color .18s ease,border-color .18s ease,transform .18s ease}.socials a:hover{color:var(--green);border-color:var(--green);transform:translateY(-2px)}.socials a:focus-visible{outline:3px solid var(--green);outline-offset:2px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.reveal.on{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}#blog{background:#fff;border-top:1px solid var(--line)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.bcard{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.bcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,36,71,.10)}.bcard img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;display:block}.bcard .bbody{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}.bcard .bmeta{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-d)}.bcard h3{font-size:1.02rem;line-height:1.4}.bcard h3 a:hover{color:var(--green-d)}.bcard p{font-size:.87rem;color:var(--grey);flex:1}.bcard .more{font-weight:700;font-size:.84rem;color:var(--green-d);display:inline-flex;align-items:center;gap:6px}.bcard .more::after{content:"\2192";transition:transform .18s ease}.bcard .more:hover::after{transform:translateX(4px)}.blog-cta{display:flex;justify-content:center;margin-top:38px}@media(max-width:900px){.blog-grid{grid-template-columns:1fr}}@media(min-width:640px) and (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}.page-head{position:relative;background:radial-gradient(700px 380px at 80% 20%,rgba(63,208,224,.10),transparent 60%),linear-gradient(180deg,var(--navy-deep) 0%,var(--navy) 100%);padding:72px 0 64px;overflow:hidden;isolation:isolate}.page-head #net{position:absolute;inset:0;z-index:0;opacity:.9}.page-head .container{position:relative;z-index:1}.page-head .eyebrow{color:var(--green)}.page-head h1{color:#fff;font-size:clamp(2rem,4vw,2.8rem);margin-top:.5rem}.page-head p{color:#B8C7DC;margin-top:14px;max-width:600px}#solusi{background:#fff;border-top:1px solid var(--line)}.sol-head{display:flex;align-items:flex-start;gap:16px;margin-top:48px}.sol-badge{flex:none;font-family:var(--mono);font-size:.8rem;font-weight:500;color:var(--green-d);border:1.5px solid var(--green);border-radius:10px;padding:8px 12px;margin-top:2px}.sol-title{font-size:1.3rem}.sol-sub{color:var(--grey);font-size:.92rem;margin-top:2px}.saas{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}#solusi .ops{margin-top:24px}@media(max-width:900px){.saas{grid-template-columns:1fr}}.dropdown{position:relative;display:inline-block}.drop-toggle{display:inline-block;padding:10px 0;margin:-10px 0}.drop-toggle .caret{font-size:.7em;opacity:.7;margin-left:2px}.drop-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:210px;background:var(--navy-deep);border:1px solid rgba(63,208,224,.2);border-radius:12px;padding:8px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .25s;box-shadow:0 18px 40px rgba(2,10,26,.5);z-index:60}.drop-menu::before{content:"";position:absolute;top:-16px;left:-12px;right:-12px;height:18px}.dropdown:hover .drop-menu,.dropdown:focus-within .drop-menu{opacity:1;visibility:visible;transition-delay:0s}.drop-menu a{padding:10px 14px;border-radius:8px;font-size:.86rem;color:#C7D3E3}.drop-menu a:hover{background:var(--navy-2);color:#fff}.case-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.case-chip{background:rgba(29,185,84,.10);border:1px solid rgba(29,185,84,.35);border-radius:999px;padding:8px 16px;font-size:.78rem;color:#9FE8BC;font-family:var(--mono)}.case-chip b{color:#fff;font-family:var(--disp);font-weight:700}.case-wrap{display:flex;flex-direction:column;gap:28px;max-width:820px}.case-block{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;border-left:5px solid var(--green)}.case-block.navy{background:var(--navy);border-color:var(--navy);border-left-color:var(--green)}.case-block .eyebrow{margin-bottom:10px}.case-block.navy .eyebrow{color:var(--green)}.case-block h3{font-size:1.25rem;margin-bottom:12px}.case-block.navy h3{color:#fff}.case-block p{color:var(--grey);font-size:.98rem}.case-block.navy p{color:#C7D3E3}.case-block ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:10px}.case-block li{font-size:.92rem;color:var(--grey);padding-left:22px;position:relative}.case-block.navy li{color:#C7D3E3}.case-block li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--green)}.case-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.btn-ghost-light{background:#fff;color:var(--navy);border:1.5px solid var(--line)}.btn-ghost-light:hover{border-color:var(--navy)}.lang-switch{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.76rem;color:#6E84A3;margin-left:4px}.lang-switch a{color:#6E84A3;padding:4px 2px}.lang-switch a.on{color:var(--green);font-weight:700}.lang-switch a:hover{color:#fff}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:1px solid rgba(63,208,224,.25);border-radius:10px;cursor:pointer;padding:10px}.nav-burger span{display:block;height:2px;width:100%;background:#EAF1FA;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:760px){.nav .nav-cta{display:none}.nav-burger{display:flex}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--navy-deep);border-bottom:1px solid rgba(63,208,224,.2);padding:10px 24px 22px;max-height:calc(100vh - 68px);overflow-y:auto;box-shadow:0 24px 50px rgba(2,10,26,.55)}.nav-links.open{display:flex}.nav-links>a{padding:13px 0;border-bottom:1px solid rgba(63,208,224,.08)}.dropdown{width:100%}.dropdown .drop-toggle{display:block;padding:13px 0;border-bottom:1px solid rgba(63,208,224,.08)}.drop-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;background:transparent;border:0;box-shadow:none;padding:2px 0 8px 14px}.drop-menu a{padding:9px 10px}.lang-switch{margin:14px 0 0;justify-content:center;font-size:.86rem}.hero-visual{display:none}.hero{padding:72px 0 64px}}.drop-group{padding:8px 14px 3px;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#6E84A3}.art-wrap{max-width:780px;margin:0 auto}.art-hero{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:16px;border:1px solid rgba(18,51,99,.12);display:block;margin-bottom:34px}.art-body p{color:#3D4F66;font-size:1.02rem;line-height:1.95;margin-bottom:20px}.art-body h2{color:var(--navy);font-size:1.32rem;margin:38px 0 14px;line-height:1.4}.art-body h2::before{content:"";display:inline-block;width:22px;height:3px;background:var(--green);border-radius:2px;margin-right:11px;vertical-align:middle}.art-cta{margin-top:42px;background:linear-gradient(135deg,var(--navy-deep),var(--navy));border-radius:16px;padding:26px 28px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.art-cta b{color:#fff;font-size:1.05rem;display:block;line-height:1.5;flex:1;min-width:240px}.art-cta .btn{white-space:nowrap}.art-back{display:inline-block;margin-top:26px;color:var(--green-d,#149644);font-weight:700;font-size:.92rem;text-decoration:none}.art-back:hover{text-decoration:underline}@media(max-width:760px){.art-body p{font-size:.98rem}.art-cta{padding:22px}}