:root{--biru-50:#f0f6ff;--biru-100:#dbeafe;--biru-200:#bfdbfe;--biru-300:#93c5fd;--biru-400:#60a5fa;--biru-500:#3b82f6;--biru-600:#2563eb;--biru-700:#1d4ed8;--biru-800:#1e40af;--biru-900:#1e3a8a;--putih:#fff;--kabut:#f5f9ff;--kabut-2:#eaf2ff;--teks:#0f1f3d;--teks-lembut:#4c5f80;--teks-samar:#7387a6;--garis:#2563eb24;--garis-kuat:#2563eb42;--bayang-sm:0 2px 10px #0f1f3d0f;--bayang-md:0 12px 34px #1e40af1a;--bayang-lg:0 26px 66px #1e40af29;--bayang-biru:0 14px 34px #2563eb47;--radius-sm:12px;--radius:18px;--radius-lg:26px;--radius-xl:34px;--lebar-wadah:1180px;--tinggi-nav:74px;--gradasi:linear-gradient(120deg, #2563eb 0%, #3b82f6 45%, #38bdf8 100%);--gradasi-lembut:linear-gradient(140deg, #fff 0%, #f2f7ff 55%, #e6f0ff 100%);--transisi:.35s cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--tinggi-nav) + 18px);-webkit-text-size-adjust:100%}body{color:var(--teks);background:var(--putih);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}body.menu-terbuka{overflow:hidden}img,svg,video,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:800;line-height:1.18}::selection{background:var(--biru-200);color:var(--biru-900)}:focus-visible{outline:3px solid var(--biru-400);outline-offset:3px;border-radius:6px}.wadah{width:100%;max-width:var(--lebar-wadah);margin-inline:auto;padding-inline:22px}.seksi{padding-block:clamp(64px,9vw,118px);position:relative}.seksi__kepala{text-align:center;margin-inline:auto;max-width:680px;margin-bottom:clamp(38px,5vw,62px)}.seksi__judul{margin-block:16px 14px;font-size:clamp(1.75rem,4.2vw,2.85rem)}.seksi__teks{color:var(--teks-lembut);font-size:clamp(.98rem,1.6vw,1.08rem)}.teks-gradasi{background:var(--gradasi);color:#0000;background-size:220% 220%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite geser-gradasi}.lencana{background:var(--biru-50);border:1px solid var(--garis);color:var(--biru-700);letter-spacing:.01em;border-radius:999px;align-items:center;gap:8px;padding:7px 15px;font-size:.8rem;font-weight:700;display:inline-flex}.lencana svg{flex-shrink:0;animation:3.2s ease-in-out infinite denyut-halus}.lencana--terang{color:#fff;background:#ffffff29;border-color:#ffffff52}.tombol{cursor:pointer;white-space:nowrap;transition:transform var(--transisi), box-shadow var(--transisi), background var(--transisi), color var(--transisi), border-color var(--transisi);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 24px;font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.tombol svg{transition:transform var(--transisi);flex-shrink:0}.tombol:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff6b 50%,#0000 80%);transition:transform .75s;position:absolute;inset:0;transform:translate(-120%)}.tombol:hover:after{transform:translate(120%)}.tombol--utama{background:var(--gradasi);color:#fff;box-shadow:var(--bayang-biru)}.tombol--utama:hover{transform:translateY(-3px);box-shadow:0 20px 40px #2563eb5c}.tombol--garis{background:var(--putih);color:var(--biru-700);border:1.6px solid var(--garis-kuat);box-shadow:var(--bayang-sm)}.tombol--garis:hover{border-color:var(--biru-500);box-shadow:var(--bayang-md);transform:translateY(-3px)}.tombol--terang{color:var(--biru-700);background:#fff;box-shadow:0 16px 34px #08193c3d}.tombol--terang:hover{transform:translateY(-3px)}.tombol--garis-terang{color:#fff;border:1.6px solid #ffffff8c}.tombol--garis-terang:hover{background:#ffffff24;transform:translateY(-3px)}.tombol--besar{padding:15px 28px;font-size:1rem}.tombol--kecil{padding:10px 18px;font-size:.86rem}.tombol--lebar{width:100%}.tombol:hover svg:last-child{transform:translate(3px)}.garis-progres{background:var(--gradasi);transform-origin:0;z-index:120;will-change:transform;height:3px;position:fixed;inset-block-start:0;inset-inline:0}@media (width<=640px){.wadah{padding-inline:18px}.tombol{padding:12px 20px;font-size:.9rem}.tombol--besar{padding:14px 22px;font-size:.95rem}}[data-reveal]{opacity:0;transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--tunda,0s);will-change:opacity, transform;transform:translateY(34px)}[data-reveal].is-revealed{opacity:1;transform:translate(0,0)}.baris-naik{opacity:0;animation:.95s cubic-bezier(.22,1,.36,1) forwards naik-masuk;animation-delay:var(--tunda,0s);display:block;transform:translateY(30px)}.lencana--muncul{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards naik-masuk}@keyframes naik-masuk{to{opacity:1;transform:translate(0,0)}}@keyframes geser-gradasi{0%,to{background-position:0%}50%{background-position:100%}}@keyframes denyut-halus{0%,to{opacity:1;transform:scale(1)}50%{opacity:.78;transform:scale(1.14)}}@keyframes melayang{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes melayang-kecil{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(-1.5deg)}}@keyframes napas-cahaya{0%,to{opacity:.55;transform:translate(0,0)scale(1)}50%{opacity:.85;transform:translate(20px,-26px)scale(1.14)}}@keyframes jalan-kiri{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes putar-kubus{0%{transform:rotateX(-22deg)rotateY(0)}to{transform:rotateX(-22deg)rotateY(360deg)}}@keyframes gelombang-denyut{0%{opacity:.7;transform:scale(.9)}70%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}@keyframes kilau-lewat{0%{transform:translate(-140%)skew(-18deg)}55%,to{transform:translate(240%)skew(-18deg)}}@keyframes turun-naik{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(9px)}}@keyframes garis-turun{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal],.baris-naik,.lencana--muncul{opacity:1!important;transform:none!important}}.navbar{z-index:100;transition:background var(--transisi), box-shadow var(--transisi), backdrop-filter var(--transisi);position:fixed;inset-block-start:0;inset-inline:0}.navbar--melayang{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--garis);background:#ffffffdb;box-shadow:0 6px 26px #0f1f3d14}.navbar__isi{z-index:101;max-width:var(--lebar-wadah);height:var(--tinggi-nav);justify-content:space-between;align-items:center;gap:18px;margin-inline:auto;padding-inline:22px;display:flex;position:relative}.navbar__merek{letter-spacing:-.02em;transition:transform var(--transisi);align-items:center;gap:10px;font-size:1.12rem;font-weight:800;display:inline-flex}.navbar__merek:hover{transform:translateY(-2px)}.navbar__logo{filter:drop-shadow(0 6px 14px #2563eb52);width:38px;height:38px}.navbar__nama span{color:var(--biru-600)}.navbar__tautan{align-items:center;gap:4px;display:flex}.navbar__tautan a{color:var(--teks-lembut);transition:color var(--transisi), background var(--transisi);border-radius:999px;padding:9px 14px;font-size:.92rem;font-weight:600;display:inline-block;position:relative}.navbar__tautan a:after{content:"";background:var(--gradasi);width:0;height:2px;transition:width var(--transisi);border-radius:2px;position:absolute;inset-block-end:4px;inset-inline-start:50%;transform:translate(-50%)}.navbar__tautan a:hover,.navbar__tautan a.is-aktif{color:var(--biru-700);background:var(--biru-50)}.navbar__tautan a:hover:after,.navbar__tautan a.is-aktif:after{width:42%}.navbar__aksi{align-items:center;gap:10px;display:flex}.navbar__hamburger{width:44px;height:44px;color:var(--biru-700);background:var(--biru-50);border:1px solid var(--garis);transition:background var(--transisi), transform var(--transisi);border-radius:14px;justify-content:center;align-items:center;display:none}.navbar__hamburger:active{transform:scale(.94)}.menu-mobile{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--garis);box-shadow:var(--bayang-lg);opacity:0;visibility:hidden;transform-origin:top;z-index:99;background:#fffffff7;padding:18px;transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1),visibility .35s;position:fixed;inset-block-start:var(--tinggi-nav);inset-inline:12px;transform:translateY(-16px)scale(.97)}.menu-mobile--buka{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.menu-mobile ul{gap:4px;margin-bottom:14px;display:grid}.menu-mobile li{opacity:0;transform:translate(-14px)}.menu-mobile--buka li{animation:.45s cubic-bezier(.22,1,.36,1) forwards naik-masuk;animation-delay:var(--tunda,0s)}.menu-mobile ul a{color:var(--teks);transition:background var(--transisi), color var(--transisi), padding-inline-start var(--transisi);border-radius:14px;padding:13px 16px;font-weight:650;display:block}.menu-mobile ul a:hover{background:var(--biru-50);color:var(--biru-700);padding-inline-start:22px}.menu-tirai{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;z-index:98;background:#0a183457;transition:opacity .35s,visibility .35s;position:fixed;inset:0}.menu-tirai--tampil{opacity:1;visibility:visible}.hero{min-height:100svh;padding-block:calc(var(--tinggi-nav) + 46px) 96px;background:var(--gradasi-lembut);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero__latar{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__grid{transform:translate3d(calc(var(--px,0) * -18px), calc(var(--py,0) * -18px), 0);background-image:linear-gradient(#2563eb12 1px,#0000 1px),linear-gradient(90deg,#2563eb12 1px,#0000 1px);background-size:58px 58px;transition:transform .6s ease-out;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 78%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 78%)}.hero__cahaya{filter:blur(90px);border-radius:50%;animation:11s ease-in-out infinite napas-cahaya;position:absolute}.hero__cahaya--1{background:#60a5fa80;width:46vw;max-width:560px;height:46vw;max-height:560px;inset-block-start:-12%;inset-inline-end:-8%}.hero__cahaya--2{background:#38bdf861;width:40vw;max-width:480px;height:40vw;max-height:480px;animation-delay:-4s;inset-block-end:-14%;inset-inline-start:-10%}.scene3d{pointer-events:none;opacity:.85;z-index:1;width:54%;height:88%;position:absolute;inset-block-start:-8%;inset-inline-end:-4%}.hero__isi{z-index:2;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(34px,5vw,64px);display:grid;position:relative}.hero__judul{letter-spacing:-.035em;margin-block:18px 20px;font-size:clamp(2.05rem,5.4vw,3.5rem)}.hero__deskripsi{max-width:540px;color:var(--teks-lembut);font-size:clamp(1rem,1.9vw,1.13rem)}.hero__tombol{flex-wrap:wrap;gap:13px;margin-block:30px 26px;display:flex}.hero__poin{flex-wrap:wrap;gap:10px 20px;display:flex}.hero__poin li{color:var(--teks-lembut);align-items:center;gap:7px;font-size:.9rem;font-weight:650;display:inline-flex}.hero__poin svg{color:var(--biru-600);flex-shrink:0}.hero__visual{perspective:1200px;animation:7s ease-in-out infinite melayang;position:relative}.hero__panel{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);box-shadow:var(--bayang-lg);transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;will-change:transform;background:#ffffffe0;border:1px solid #ffffffd9;padding:14px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:relative}.hero__panel:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#60a5fabf,#ffffff1a 45%,#2563eb80);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero__banner{border-radius:calc(var(--radius-xl) - 12px);aspect-ratio:16/9;background:linear-gradient(135deg, var(--biru-600), var(--biru-400));position:relative;overflow:hidden;transform:translateZ(34px)}.hero__banner img{object-fit:cover;width:100%;height:100%}.hero__banner-kosong{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:20px;display:flex}.hero__banner-kosong span{letter-spacing:.14em;font-size:clamp(1.3rem,3.4vw,2rem);font-weight:800}.hero__banner-kosong small{opacity:.86;font-size:.78rem}.hero__kilau{pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff70,#0000);width:42%;animation:5.5s ease-in-out infinite kilau-lewat;position:absolute;inset-block:0;inset-inline-start:0}.hero__panel-kaki{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:14px 8px 4px;display:flex;transform:translateZ(20px)}.hero__nilai{color:var(--teks-lembut);align-items:center;gap:9px;font-size:.83rem;font-weight:650;display:inline-flex}.hero__bintang{color:#f5b544;gap:2px;display:inline-flex}.hero__panel-kaki p{color:var(--biru-700);font-size:.8rem;font-weight:700}.hero__kartu-melayang{border:1px solid var(--garis);box-shadow:var(--bayang-md);color:var(--biru-800);background:#fffffff0;border-radius:999px;align-items:center;gap:8px;padding:11px 17px;font-size:.84rem;font-weight:750;animation:5s ease-in-out infinite melayang-kecil;display:inline-flex;position:absolute}.hero__kartu-melayang svg{color:var(--biru-600)}.hero__kartu-melayang--1{inset-block-start:-18px;inset-inline-start:-14px}.hero__kartu-melayang--2{animation-delay:-2.4s;inset-block-end:-26px;inset-inline-end:-10px}.hero__gulir{z-index:2;letter-spacing:.16em;text-transform:uppercase;color:var(--teks-samar);flex-direction:column;align-items:center;gap:8px;margin:54px auto 0;font-size:.74rem;font-weight:700;display:inline-flex;position:relative}.hero__gulir-garis{background:linear-gradient(var(--biru-500), transparent);border-radius:2px;width:2px;height:38px;animation:2.4s ease-in-out infinite garis-turun}.statistik{background:var(--putih);padding-block:clamp(34px,5vw,54px);position:relative}.statistik__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.statistik__item{border-radius:var(--radius);background:var(--kabut);border:1px solid var(--garis);text-align:center;transition:transform var(--transisi), box-shadow var(--transisi), background var(--transisi);padding:22px 18px}.statistik__item:hover{background:var(--putih);box-shadow:var(--bayang-md);transform:translateY(-6px)}.statistik__angka{letter-spacing:-.03em;background:var(--gradasi);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:800;display:block}.statistik__angka em{font-style:normal}.statistik__label{color:var(--teks-lembut);margin-top:4px;font-size:.83rem;font-weight:600;display:block}.pita{background:var(--gradasi);border-block:1px solid #fff3;padding-block:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.pita__jalur{width:max-content;animation:32s linear infinite jalan-kiri;display:flex}.pita__item{color:#fff;white-space:nowrap;align-items:center;gap:9px;padding-inline:22px;font-size:.92rem;font-weight:700;display:inline-flex}.pita__item svg{opacity:.8}.layanan{background:var(--putih)}.layanan__grid{grid-template-columns:1fr;gap:22px;display:grid}@media (width>=700px){.layanan__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.layanan__kartu{border-radius:var(--radius-lg);background:var(--putih);border:1px solid var(--garis);box-shadow:var(--bayang-sm);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22, 1, .36, 1), box-shadow var(--transisi), border-color var(--transisi), opacity .85s cubic-bezier(.22, 1, .36, 1);flex-direction:column;padding:28px 24px 26px;display:flex;position:relative;overflow:hidden}.layanan__kartu:hover{border-color:var(--garis-kuat);box-shadow:var(--bayang-lg)}.layanan__sorot{background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%), #3b82f61f, transparent 62%);opacity:0;transition:opacity var(--transisi);pointer-events:none;position:absolute;inset:0}.layanan__kartu:hover .layanan__sorot{opacity:1}.layanan__kode{color:var(--biru-50);letter-spacing:-.05em;transition:color var(--transisi), transform var(--transisi);font-size:2.4rem;font-weight:800;line-height:1;position:absolute;inset-block-start:16px;inset-inline-end:20px}.layanan__kartu:hover .layanan__kode{color:var(--biru-100);transform:translateY(-3px)}.layanan__ikon{color:#fff;background:var(--gradasi);width:58px;height:58px;box-shadow:var(--bayang-biru);border-radius:18px;place-items:center;margin-bottom:18px;transition:transform .45s cubic-bezier(.22,1,.36,1);display:grid;position:relative;transform:translateZ(30px)}.layanan__kartu:hover .layanan__ikon{transform:translateZ(45px)rotate(-6deg)scale(1.06)}.layanan__nama{font-size:1.19rem;transform:translateZ(18px)}.layanan__tagline{color:var(--biru-600);margin-top:5px;font-size:.87rem;font-weight:650}.layanan__deskripsi{color:var(--teks-lembut);margin-top:12px;font-size:.93rem}.layanan__fitur{border-block:1px dashed var(--garis);gap:9px;margin-block:18px;padding-block:18px;display:grid}.layanan__fitur li{color:var(--teks-lembut);align-items:flex-start;gap:9px;font-size:.88rem;display:flex}.layanan__fitur svg{color:var(--biru-600);flex-shrink:0;margin-top:4px}.layanan__harga{align-items:center;gap:12px;margin-top:auto;margin-bottom:20px;display:flex}.layanan__harga-ikon{background:var(--biru-50);width:38px;height:38px;color:var(--biru-700);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.layanan__harga strong{color:var(--biru-800);letter-spacing:-.01em;font-size:1.06rem;display:block}.layanan__harga small{color:var(--teks-samar);font-size:.76rem;line-height:1.45;display:block}.layanan__tambahan{text-align:center;color:var(--teks-lembut);margin-top:34px;font-size:.94rem}.alur{background:linear-gradient(180deg, var(--putih), var(--kabut) 40%, var(--putih))}.alur__daftar{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=560px){.alur__daftar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.alur__daftar{grid-template-columns:repeat(4,minmax(0,1fr))}}.alur__item{border-radius:var(--radius-lg);background:var(--putih);border:1px solid var(--garis);box-shadow:var(--bayang-sm);transition:transform var(--transisi), box-shadow var(--transisi);padding:28px 22px;position:relative}.alur__item:hover{box-shadow:var(--bayang-lg);transform:translateY(-8px)}.alur__nomor{background:var(--gradasi);color:#fff;width:50px;height:50px;box-shadow:var(--bayang-biru);border-radius:16px;place-items:center;margin-bottom:16px;font-size:1.16rem;font-weight:800;display:grid;position:relative}.alur__nomor:after{content:"";border-radius:inherit;border:2px solid var(--biru-300);animation:2.8s ease-out infinite gelombang-denyut;position:absolute;inset:0}.alur__isi h3{margin-bottom:7px;font-size:1.08rem}.alur__isi p{color:var(--teks-lembut);font-size:.9rem}.alur__garis{background:linear-gradient(90deg, var(--biru-300), transparent);width:22px;height:2px;position:absolute;inset-block-start:50px;inset-inline-end:-14px}@media (width<=999px){.alur__garis{display:none}}.keunggulan{background:var(--putih)}.keunggulan__grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=620px){.keunggulan__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=940px){.keunggulan__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.keunggulan__kartu{border-radius:var(--radius-lg);background:var(--kabut);transition:transform var(--transisi), background var(--transisi), border-color var(--transisi), box-shadow var(--transisi), opacity .85s cubic-bezier(.22, 1, .36, 1);border:1px solid #0000;padding:26px 22px;position:relative;overflow:hidden}.keunggulan__kartu:before{content:"";background:var(--gradasi);transform-origin:0;height:3px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset-block-start:0;inset-inline:0;transform:scaleX(0)}.keunggulan__kartu:hover{background:var(--putih);border-color:var(--garis);box-shadow:var(--bayang-md);transform:translateY(-7px)}.keunggulan__kartu:hover:before{transform:scaleX(1)}.keunggulan__ikon{background:var(--putih);width:50px;height:50px;color:var(--biru-600);border:1px solid var(--garis);transition:transform var(--transisi), background var(--transisi), color var(--transisi);border-radius:15px;place-items:center;margin-bottom:15px;display:grid}.keunggulan__kartu:hover .keunggulan__ikon{background:var(--gradasi);color:#fff;transform:rotate(-8deg)scale(1.05)}.keunggulan__kartu h3{margin-bottom:7px;font-size:1.05rem}.keunggulan__kartu p{color:var(--teks-lembut);font-size:.9rem}.hosting{background:linear-gradient(180deg, var(--putih), var(--biru-50))}.hosting__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;max-width:830px;margin-inline:auto;display:grid}.hosting__kartu{border-radius:var(--radius-lg);background:var(--putih);border:1px solid var(--garis);box-shadow:var(--bayang-sm);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.22, 1, .36, 1), box-shadow var(--transisi), opacity .85s cubic-bezier(.22, 1, .36, 1);flex-direction:column;padding:32px 26px;display:flex;position:relative}.hosting__kartu:hover{box-shadow:var(--bayang-lg)}.hosting__kartu--unggulan{color:#fff;box-shadow:var(--bayang-lg);background:linear-gradient(160deg,#1e40af,#2563eb 55%,#38bdf8);border-color:#0000}.hosting__label{letter-spacing:.03em;background:#fff3;border:1px solid #fff6;border-radius:999px;padding:5px 13px;font-size:.71rem;font-weight:750;position:absolute;inset-block-start:18px;inset-inline-end:20px}.hosting__kartu h3{font-size:1.2rem}.hosting__deskripsi{color:var(--teks-lembut);margin-top:6px;font-size:.9rem}.hosting__kartu--unggulan .hosting__deskripsi{color:#ffffffd6}.hosting__harga{align-items:baseline;gap:4px;margin-block:18px 4px;display:flex}.hosting__mata-uang{color:var(--biru-600);font-size:1rem;font-weight:700}.hosting__kartu--unggulan .hosting__mata-uang,.hosting__kartu--unggulan .hosting__periode{color:#ffffffdb}.hosting__nominal{letter-spacing:-.035em;font-size:clamp(2.1rem,5vw,2.7rem);font-weight:800}.hosting__periode{color:var(--teks-samar);font-size:.88rem;font-weight:650}.hosting__fitur{gap:11px;margin-block:22px 26px;display:grid}.hosting__fitur li{color:var(--teks-lembut);align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.hosting__fitur svg{color:var(--biru-600);flex-shrink:0;margin-top:3px}.hosting__kartu--unggulan .hosting__fitur li{color:#ffffffeb}.hosting__kartu--unggulan .hosting__fitur svg{color:#fff}.hosting__kartu--unggulan .tombol--utama{color:var(--biru-700);background:#fff;box-shadow:0 14px 30px #08193c42}.hosting__kartu .tombol{margin-top:auto}.hosting__catatan{text-align:center;color:var(--teks-lembut);margin-top:30px;font-size:.9rem}.testimoni{background:var(--putih);overflow:hidden}.testimoni__rel{padding-block:6px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.testimoni__jalur{gap:18px;width:max-content;animation:46s linear infinite jalan-kiri;display:flex}.testimoni__rel:hover .testimoni__jalur{animation-play-state:paused}.testimoni__kartu{border-radius:var(--radius-lg);background:var(--kabut);border:1px solid var(--garis);width:320px;transition:transform var(--transisi), box-shadow var(--transisi), background var(--transisi);flex-shrink:0;padding:24px 22px}.testimoni__kartu:hover{background:var(--putih);box-shadow:var(--bayang-md);transform:translateY(-6px)}.testimoni__bintang{color:#f5b544;gap:3px;margin-bottom:12px;display:inline-flex}.testimoni__teks{color:var(--teks-lembut);min-height:84px;font-size:.93rem}.testimoni__orang{border-top:1px dashed var(--garis);align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.testimoni__inisial{background:var(--gradasi);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.testimoni__orang strong{font-size:.94rem;display:block}.testimoni__orang small{color:var(--teks-samar);font-size:.8rem}.faq{background:linear-gradient(180deg, var(--putih), var(--kabut))}.faq__isi{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:start;gap:clamp(30px,5vw,58px);display:grid}.faq__kiri{position:sticky;inset-block-start:calc(var(--tinggi-nav) + 26px)}.faq__kiri .seksi__judul{text-align:start}.faq__kiri .seksi__teks{margin-bottom:24px}.faq__daftar{gap:12px;display:grid}.faq__item{border-radius:var(--radius);background:var(--putih);border:1px solid var(--garis);box-shadow:var(--bayang-sm);transition:border-color var(--transisi), box-shadow var(--transisi), opacity .85s cubic-bezier(.22, 1, .36, 1), transform .85s cubic-bezier(.22, 1, .36, 1);overflow:hidden}.faq__item--buka{border-color:var(--garis-kuat);box-shadow:var(--bayang-md)}.faq__tanya{text-align:start;width:100%;transition:color var(--transisi);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:.98rem;font-weight:700;display:flex}.faq__tanya:hover{color:var(--biru-700)}.faq__tanda{background:var(--biru-50);width:32px;height:32px;color:var(--biru-700);transition:transform var(--transisi), background var(--transisi), color var(--transisi);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.faq__item--buka .faq__tanda{background:var(--gradasi);color:#fff;transform:rotate(135deg)}.faq__jawab{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1);display:grid}.faq__jawab>p{color:var(--teks-lembut);padding-inline:20px;font-size:.92rem;overflow:hidden}.faq__item--buka .faq__jawab{grid-template-rows:1fr}.faq__item--buka .faq__jawab>p{padding-bottom:20px}.ajakan{background:var(--kabut);padding-block:clamp(44px,6vw,72px)}.ajakan__kotak{border-radius:var(--radius-xl);color:#fff;box-shadow:var(--bayang-lg);perspective:900px;background:linear-gradient(140deg,#1e3a8a 0%,#2563eb 52%,#38bdf8 100%);padding:clamp(38px,6vw,68px) clamp(24px,5vw,62px);position:relative;overflow:hidden}.ajakan__aura{pointer-events:none;background:radial-gradient(circle,#ffffff3d,#0000 62%);width:60%;height:180%;animation:9s ease-in-out infinite napas-cahaya;position:absolute;inset-block-start:-40%;inset-inline-start:-10%}.ajakan__teks{z-index:2;max-width:640px;position:relative}.ajakan__teks h2{margin-block:16px 14px;font-size:clamp(1.62rem,4vw,2.55rem)}.ajakan__teks p{color:#ffffffe0;font-size:clamp(.97rem,1.7vw,1.08rem)}.ajakan__tombol{flex-wrap:wrap;gap:13px;margin-top:30px;display:flex}.ajakan__kubus{width:130px;height:130px;transform-style:preserve-3d;pointer-events:none;opacity:.9;margin-block-start:-65px;animation:16s linear infinite putar-kubus;position:absolute;inset-block-start:50%;inset-inline-end:8%}.ajakan__kubus .sisi{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff14;border:1.5px solid #ffffff8c;position:absolute;inset:0}.sisi--depan{transform:translateZ(65px)}.sisi--belakang{transform:rotateY(180deg)translateZ(65px)}.sisi--kanan{transform:rotateY(90deg)translateZ(65px)}.sisi--kiri{transform:rotateY(-90deg)translateZ(65px)}.sisi--atas{transform:rotateX(90deg)translateZ(65px)}.sisi--bawah{transform:rotateX(-90deg)translateZ(65px)}.kaki{color:#ffffffc7;background:#0d1c38;padding-block:clamp(48px,6vw,74px) 26px}.kaki__grid{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:34px;display:grid}.kaki__logo{color:#fff;align-items:center;gap:10px;margin-bottom:14px;font-size:1.16rem;font-weight:800;display:inline-flex}.kaki__logo span span{color:var(--biru-300)}.kaki__logo-svg{width:38px;height:38px}.kaki__merek p{max-width:330px;margin-bottom:20px;font-size:.9rem}.kaki__kolom h3{color:#fff;margin-bottom:15px;font-size:.95rem}.kaki__kolom ul{gap:10px;display:grid}.kaki__kolom a{color:#ffffffb8;transition:color var(--transisi), transform var(--transisi);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.kaki__kolom a svg{color:var(--biru-400);flex-shrink:0}.kaki__kolom a:hover{color:#fff;transform:translate(4px)}.kaki__jam{color:#ffffff8f;margin-top:14px;font-size:.82rem}.kaki__bawah{color:#ffffff8c;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:40px;padding-top:22px;font-size:.82rem;display:flex}.wa-melayang{z-index:90;color:#fff;opacity:0;visibility:hidden;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;font-weight:750;transition:opacity .4s,transform .45s cubic-bezier(.22,1,.36,1),visibility .4s;display:inline-flex;position:fixed;inset-block-end:22px;inset-inline-end:22px;transform:translateY(24px)scale(.9);box-shadow:0 16px 34px #16a34a5c}.wa-melayang--tampil{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.wa-melayang:hover{transform:translateY(-4px)scale(1.03)}.wa-melayang__denyut{border-radius:inherit;pointer-events:none;border:2px solid #22c55e99;animation:2.6s ease-out infinite gelombang-denyut;position:absolute;inset:0}@media (width<=1024px){.hero__isi{text-align:center;grid-template-columns:1fr;justify-items:center}.hero__deskripsi{margin-inline:auto}.hero__tombol,.hero__poin{justify-content:center}.hero__visual{width:min(100%,540px);margin-top:8px}.scene3d{opacity:.28;width:100%;inset-inline-end:0}.faq__isi{grid-template-columns:1fr}.faq__kiri{text-align:center;position:static}.faq__kiri .seksi__judul{text-align:center}.kaki__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kaki__merek{grid-column:1/-1}.kaki__merek p{max-width:none}}@media (width<=940px){.navbar__tautan{display:none}.navbar__hamburger{display:inline-flex}}@media (width<=720px){:root{--tinggi-nav:66px}.statistik__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navbar__aksi .tombol--kecil span{display:none}.navbar__aksi .tombol--kecil{padding:11px 13px}.hero{padding-block:calc(var(--tinggi-nav) + 34px) 72px}.hero__kartu-melayang{padding:9px 13px;font-size:.76rem}.hero__kartu-melayang--1{inset-block-start:-14px;inset-inline-start:-6px}.hero__kartu-melayang--2{inset-inline-end:-6px}.hero__gulir{margin-top:38px}.ajakan__kubus{display:none}.testimoni__kartu{width:268px}.wa-melayang{padding:13px 16px;inset-block-end:16px;inset-inline-end:16px}.wa-melayang__teks{display:none}}@media (width<=420px){.hero__poin{gap:8px 14px}.hero__tombol .tombol{width:100%}.kaki__grid{grid-template-columns:1fr}.kaki__bawah{text-align:center;justify-content:center}}@media (hover:none){.hero__panel,.layanan__kartu,.hosting__kartu{transform:none}}