:root{--bg-0:#030711;--bg-1:#061021;--bg-2:#0a1730;--blue:#0ea5e9;--blue-deep:#0369a1;--sky:#38bdf8;--ice:#bae6fd;--pale:#e0f2fe;--navy:#0c4a6e;--red:#e11d48;--red-soft:#fb7185;--gold:#f59e0b;--wa:#25d366;--text:#eaf2fb;--muted:#98adc7;--line:#94c5ff24;--card:#ffffff0b;--card-2:#ffffff13;--radius:22px;--radius-sm:14px;--max:1200px;--shadow-glow:0 26px 70px -34px #0ea5e98c}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:104px}body{background:var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(80% 60% at 12% 0%, #0ea5e929, transparent 60%), radial-gradient(70% 55% at 92% 18%, #e11d481f, transparent 62%), radial-gradient(90% 70% at 50% 108%, #0369a138, transparent 65%), var(--bg-0);position:fixed;inset:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.02em;margin:0 0 14px;font-weight:800;line-height:1.15}p{margin:0 0 16px}::selection{background:#38bdf859}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 clamp(16px,4vw,32px)}.section{padding:clamp(58px,8vw,110px) 0;position:relative}.section--tight{padding:clamp(44px,6vw,76px) 0}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--sky);align-items:center;gap:8px;margin-bottom:12px;font-size:12.5px;font-weight:700;display:inline-flex}.kicker:before{content:"";background:linear-gradient(90deg, var(--sky), transparent);border-radius:2px;width:22px;height:2px}.h2{margin-bottom:14px;font-size:clamp(1.7rem,3.5vw,2.6rem)}.lead{color:var(--muted);max-width:68ch;font-size:clamp(1rem,1.4vw,1.08rem)}.center{text-align:center}.center .lead{margin-inline:auto}.grad{background:linear-gradient(100deg, var(--pale), var(--sky) 42%, var(--ice));color:#0000;-webkit-background-clip:text;background-clip:text}.grad-red{background:linear-gradient(100deg, #fecdd3, var(--red-soft) 55%, #fda4af);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .22s,box-shadow .22s,background .22s,border-color .22s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn svg{flex:none;width:18px;height:18px}.btn-wa{color:#04140b;background:linear-gradient(135deg,#25d366,#0f9d58);box-shadow:0 16px 38px -16px #25d366bf}.btn-wa:hover{box-shadow:0 22px 48px -16px #25d366e6}.btn-primary{background:linear-gradient(135deg, var(--sky), var(--blue-deep));color:#03131f;box-shadow:var(--shadow-glow)}.btn-ghost{border-color:var(--line);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d}.btn-ghost:hover{background:#38bdf81a;border-color:#38bdf873}.btn-sm{padding:10px 18px;font-size:14px}.btn-block{width:100%}.header{z-index:60;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:sticky;top:0}.header.scrolled{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-bottom-color:var(--line);background:#030711d1}.header-inner{justify-content:space-between;align-items:center;gap:20px;padding-block:14px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{border:1px solid var(--line);background:linear-gradient(135deg,#38bdf838,#e11d4838);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.brand-logo img{object-fit:cover;width:100%;height:100%}.brand-teks{flex-direction:column;line-height:1.2;display:flex}.brand-nama{letter-spacing:-.01em;white-space:nowrap;font-size:16px;font-weight:800}.brand-sub{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:11px}.nav{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:9px 12px;font-size:14px;font-weight:600;transition:color .2s,background .2s}.nav a:hover{color:var(--text);background:#ffffff0f}.header-cta{align-items:center;gap:10px;display:flex}.switch{vertical-align:middle;flex:none;width:60px;height:34px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .slider{cursor:pointer;z-index:0;background-color:#2196f3;transition:all .4s;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #03204729}.switch .sun-moon{background-color:#ff0;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}.switch input:checked+.slider{background-color:#000}.switch input:focus-visible+.slider{box-shadow:0 0 0 3px #2196f359}.switch input:checked+.slider .sun-moon{background-color:#fff;animation:.6s ease-in-out both rotate-center;transform:translate(26px)}.switch .moon-dot{opacity:0;fill:gray;transition:all .4s}.switch input:checked+.slider .sun-moon .moon-dot{opacity:1}.switch .slider.round{border-radius:34px}.switch .slider.round .sun-moon{border-radius:50%}.switch .moon-dot-1{z-index:4;width:6px;height:6px;position:absolute;top:3px;left:10px}.switch .moon-dot-2{z-index:4;width:10px;height:10px;position:absolute;top:10px;left:2px}.switch .moon-dot-3{z-index:4;width:3px;height:3px;position:absolute;top:18px;left:16px}.switch .light-ray-1{z-index:-1;fill:#fff;opacity:.1;width:43px;height:43px;position:absolute;top:-8px;left:-8px}.switch .light-ray-2{z-index:-1;fill:#fff;opacity:.1;width:55px;height:55px;position:absolute;top:-50%;left:-50%}.switch .light-ray-3{z-index:-1;fill:#fff;opacity:.1;width:60px;height:60px;position:absolute;top:-18px;left:-18px}.switch .cloud-light{fill:#eee;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite;position:absolute}.switch .cloud-dark{fill:#ccc;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite;animation-delay:1s;position:absolute}.switch .cloud-1{width:40px;top:15px;left:30px}.switch .cloud-2{width:20px;top:10px;left:44px}.switch .cloud-3{width:30px;top:24px;left:18px}.switch .cloud-4{width:40px;top:18px;left:36px}.switch .cloud-5{width:20px;top:14px;left:48px}.switch .cloud-6{width:30px;top:26px;left:22px}@keyframes cloud-move{0%{transform:translate(0)}40%{transform:translate(4px)}80%{transform:translate(-4px)}to{transform:translate(0)}}.switch .toggle-stars{opacity:0;transition:all .4s;transform:translateY(-32px)}.switch .toggle-star{fill:#fff;transition:all .4s;animation-name:star-twinkle;animation-duration:2s;animation-iteration-count:infinite;position:absolute}.switch input:checked+.slider .toggle-stars{opacity:1;transform:translateY(0)}.switch .star-1{width:20px;animation-delay:.3s;top:2px;left:3px}.switch .star-2{width:6px;top:16px;left:3px}.switch .star-3{width:12px;animation-delay:.6s;top:20px;left:10px}.switch .star-4{width:18px;animation-delay:1.3s;top:0;left:18px}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}@keyframes rotate-center{0%{transform:translate(0)rotate(0)}to{transform:translate(26px)rotate(360deg)}}.burger{border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:13px;place-items:center;width:44px;height:44px;padding:0;display:none}.burger span{background:var(--text);border-radius:2px;width:19px;height:2px;display:block;position:relative}.burger span:before,.burger span:after{content:"";background:var(--text);border-radius:2px;width:19px;height:2px;position:absolute;left:0}.burger span:before{top:-6px}.burger span:after{top:6px}.drawer{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#030711f5;flex-direction:column;gap:6px;padding:22px clamp(18px,6vw,40px) 40px;transition:transform .34s,opacity .24s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-100%)}.drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.drawer-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.drawer a.nav-link{border-bottom:1px solid var(--line);color:var(--text);padding:15px 4px;font-size:19px;font-weight:700}.drawer .btn{margin-top:22px}.drawer-theme{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:14px 4px;font-size:14.5px;font-weight:600;display:flex}.close-x{border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:13px;font-size:22px;line-height:1}.hero{align-items:center;min-height:100svh;padding:clamp(46px,7vw,88px) 0 56px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(100deg, #030711e6 0%, #030711b8 30%, #0307114d 55%, #0307110a 80%, transparent 100%), linear-gradient(180deg, #030711d9 0%, #0307114d 20%, transparent 40%, #03071173 84%, var(--bg-0) 100%);position:absolute;inset:0}.hero-inner{z-index:2;width:100%;position:relative}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(28px,4vw,56px);display:grid}.hero-badge{color:var(--ice);letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#38bdf81f;border:1px solid #38bdf857;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:9px 17px;font-size:13px;font-weight:700;display:inline-flex}.hero-badge .dot{background:var(--wa);border-radius:50%;width:8px;height:8px;animation:2.4s infinite pulse;box-shadow:0 0 #25d366b3}@keyframes pulse{0%{box-shadow:0 0 #25d366a6}70%{box-shadow:0 0 0 12px #25d36600}to{box-shadow:0 0 #25d36600}}.hero h1{margin-bottom:18px;font-size:clamp(2rem,4.6vw,3.5rem)}.hero h1 span{display:block}.hero-h1-top{letter-spacing:.18em;text-transform:uppercase;color:var(--sky);margin-bottom:12px;font-size:.4em;font-weight:700}.hero-sub{color:#c8d8ea;max-width:56ch;margin-bottom:26px;font-size:clamp(1rem,1.5vw,1.15rem)}.hero-cta{flex-wrap:wrap;gap:13px;margin-bottom:22px;display:flex}.hero-note{color:var(--muted);flex-wrap:wrap;gap:8px 20px;font-size:13.5px;display:flex}.hero-note span{align-items:center;gap:7px;display:inline-flex}.hero-note svg{width:15px;height:15px;color:var(--wa)}.hero-card{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:linear-gradient(160deg,#091426f0,#060d1ae0);padding:24px;box-shadow:0 34px 80px -40px #020814e6}.hero-card h3{margin-bottom:4px;font-size:17px}.hero-card>p{color:var(--muted);margin-bottom:16px;font-size:13.5px}.hero-card-img{aspect-ratio:4/3;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-1);margin-bottom:16px;overflow:hidden}.hero-card-img img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.stat{border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 18px}.stat b{font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.15;display:block}.stat small{color:var(--sky);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.stat span{color:var(--muted);font-size:12.5px}.strip{border-block:1px solid var(--line);background:#061021b3;padding:13px 0;overflow:hidden}.strip-track{gap:34px;width:max-content;animation:34s linear infinite slide;display:flex}.strip:hover .strip-track{animation-play-state:paused}.strip-item{color:#cfe3f7;white-space:nowrap;align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.strip-item svg{width:17px;height:17px;color:var(--gold)}@keyframes slide{to{transform:translate(-50%)}}.grid{gap:18px;display:grid}.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .28s,border-color .28s,box-shadow .28s,background .28s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-glow);background:var(--card-2);border-color:#38bdf866;transform:translateY(-6px)}.card h3{margin-bottom:8px;font-size:17.5px}.card p{color:var(--muted);margin:0;font-size:14.5px}.card-ikon{border:1px solid var(--line);background:linear-gradient(140deg,#38bdf833,#e11d4829);border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:15px;font-size:25px;display:grid}.svc{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;display:grid}.svc-card{flex-direction:column;padding:0;display:flex}.svc-img{aspect-ratio:16/10;position:relative;overflow:hidden}.svc-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.svc-card:hover .svc-img img{transform:scale(1.06)}.svc-img:after{content:"";background:linear-gradient(#03071126,#030711eb);position:absolute;inset:0}.svc-visual{background:radial-gradient(70% 90% at 78% 18%,#e11d4852,#0000 65%),radial-gradient(80% 90% at 12% 92%,#0ea5e959,#0000 62%),linear-gradient(150deg,#0a1a33,#061021);place-items:center;width:100%;height:100%;display:grid}.svc-visual span{filter:drop-shadow(0 16px 28px #00000073);font-size:84px}.svc-img:has(.svc-visual):after{background:linear-gradient(#0307110d,#030711b8)}.svc-badge{z-index:2;border:1px solid var(--line);color:var(--pale);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030711b8;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-flex;position:absolute;bottom:14px;left:16px}.svc-body{flex-direction:column;flex:1;padding:22px 22px 24px;display:flex}.svc-body>p{color:var(--muted);font-size:14.5px}.svc-list{gap:9px;margin:6px 0 20px;padding:0;list-style:none;display:grid}.svc-list li{color:#d6e5f5;align-items:flex-start;gap:10px;font-size:14px;display:flex}.svc-list li svg{width:16px;height:16px;color:var(--sky);flex:none;margin-top:5px}.svc-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:16px;display:flex}.svc-tag{color:var(--sky);background:#38bdf81f;border:1px solid #38bdf847;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.paket-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:start;gap:18px;display:grid}.paket-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.paket-head{border-bottom:1px solid var(--line);background:linear-gradient(120deg,#38bdf824,#e11d4817);padding:20px 22px}.paket-head h3{align-items:center;gap:10px;margin:0 0 7px;font-size:17px;display:flex}.paket-head p{color:var(--muted);margin:0;font-size:12.8px;line-height:1.55}.paket-rows{padding:8px 22px 20px}.paket-row{border-bottom:1px dashed #94c5ff1f;gap:12px;padding:13px 0;display:flex}.paket-row:last-child{border-bottom:0}.paket-row>svg{width:16px;height:16px;color:var(--sky);flex:none;margin-top:5px}.paket-nama{font-size:14.5px;font-weight:700;display:block}.paket-teks{color:var(--muted);margin-top:3px;font-size:13.4px;line-height:1.55;display:block}.paket-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.paket-note{border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line);color:#cbdcee;gap:12px;padding:16px 18px;font-size:13.5px;display:flex}.paket-note svg{width:17px;height:17px;color:var(--sky);flex:none;margin-top:4px}.area-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start;gap:22px;display:grid}.chips{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.chip{background:var(--card);border:1px solid var(--line);color:#d3e4f5;border-radius:999px;padding:9px 15px;font-size:13.5px;transition:all .2s}.chip:hover{background:#38bdf81f;border-color:#38bdf880;transform:translateY(-2px)}.chip--plus{color:var(--ice);border-color:#38bdf857}.area-side{gap:16px;display:grid}.side-box{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#38bdf821,#ffffff08);padding:22px}.side-box h3{font-size:16px}.side-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.side-list li{color:#cddff0;gap:10px;font-size:14px;display:flex}.side-list li svg{width:16px;height:16px;color:var(--sky);flex:none;margin-top:5px}.steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.step{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:26px 22px;position:relative}.step-num{background:linear-gradient(135deg, var(--sky), var(--blue-deep));color:#03131f;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:14px;font-size:17px;font-weight:800;display:grid}.step h3{font-size:16.5px}.step p{color:var(--muted);margin:0;font-size:14.5px}.faq-list{gap:12px;max-width:900px;margin:0 auto;display:grid}.faq-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);transition:border-color .24s,background .24s;overflow:hidden}.faq-item[open]{background:var(--card-2);border-color:#38bdf86b}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;font-size:15.5px;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--sky);font-size:22px;font-weight:700;line-height:1;transition:transform .24s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item .faq-body{color:var(--muted);padding:0 22px 20px;font-size:14.8px}.faq-item .faq-body p:last-child{margin-bottom:0}.testi-marquee{padding:4px 0 8px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.testi-track{align-items:stretch;gap:18px;width:max-content;animation:62s linear infinite testiSlide;display:flex}.testi-marquee:hover .testi-track{animation-play-state:paused}.testi-card{flex:none;width:385px}@keyframes testiSlide{to{transform:translate(calc(-50% - 9px))}}.testi{flex-direction:column;gap:14px;display:flex}.stars{color:var(--gold);gap:3px;font-size:16px;display:inline-flex}.stars i{font-style:normal}.testi blockquote{color:#d9e7f5;margin:0;font-size:14.6px;line-height:1.72}.testi figcaption{border-top:1px solid var(--line);flex-direction:column;margin-top:auto;padding-top:14px;display:flex}.testi figcaption strong{font-size:14.5px}.testi figcaption span{color:var(--muted);font-size:12.5px}.cta-final{border:1px solid var(--line);border-radius:clamp(20px,3vw,34px);position:relative;overflow:hidden}.cta-bg{z-index:0;position:absolute;inset:0}.cta-bg:after{content:"";background:radial-gradient(90% 70% at 50% 40%,#0307118c,#0000 72%),linear-gradient(#030711bd 0%,#03071140 46%,#03071157 74%,#030711cc 100%);position:absolute;inset:0}.cta-body{z-index:2;text-align:center;padding:clamp(34px,6vw,68px);position:relative}.cta-body .lead{margin-inline:auto}.cta-feats{color:#cfdfef;flex-wrap:wrap;justify-content:center;gap:12px 26px;margin-top:26px;font-size:14px;display:flex}.cta-feats span{align-items:center;gap:8px;display:inline-flex}.cta-feats svg{width:16px;height:16px;color:var(--wa)}.footer{border-top:1px solid var(--line);background:linear-gradient(#06102199,#030711);margin-top:clamp(40px,6vw,70px);padding:clamp(46px,6vw,68px) 0 26px}.foot-grid{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:32px;display:grid}.foot-grid h4{letter-spacing:.13em;text-transform:uppercase;color:var(--sky);margin-bottom:15px;font-size:13px}.foot-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.foot-list a,.foot-list li{color:var(--muted);font-size:14px}.foot-list a:hover{color:var(--sky)}.foot-about p{color:var(--muted);max-width:42ch;font-size:14px}.sosmed{gap:10px;margin-top:16px;display:flex}.sosmed a{background:var(--card);border:1px solid var(--line);width:40px;height:40px;color:var(--ice);border-radius:12px;place-items:center;transition:all .22s;display:grid}.sosmed a:hover{color:#fff;border-color:#38bdf880;transform:translateY(-3px)}.sosmed svg{width:18px;height:18px}.foot-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:22px;font-size:13px;display:flex}.fab{z-index:70;color:#04140b;background:linear-gradient(135deg,#25d366,#0f9d58);border-radius:999px;align-items:center;gap:11px;padding:13px 20px 13px 15px;font-size:14.5px;font-weight:800;transition:transform .24s;display:inline-flex;position:fixed;bottom:clamp(16px,3vw,26px);right:clamp(16px,3vw,26px);box-shadow:0 20px 44px -18px #25d366d9}.fab:hover{transform:translateY(-3px)scale(1.02)}.fab svg{width:22px;height:22px}.fab-label{display:inline}.rv{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(26px)}.rv.in{opacity:1;transform:none}@media (width<=1400px){.nav a{padding:8px 9px;font-size:13.4px}.brand-nama{font-size:15px}}@media (width<=1080px){.nav{display:none}.burger{display:grid}.header-cta .btn-ghost,.header-cta .btn-label{display:none}.header-cta .btn-wa{padding:12px}.hero-grid{grid-template-columns:1fr}.hero-card{max-width:520px}.svc,.paket-grid,.g-3,.steps,.g-4{grid-template-columns:repeat(2,minmax(0,1fr))}.area-grid,.foot-grid{grid-template-columns:1fr}.foot-grid{gap:26px}.paket-notes{grid-template-columns:1fr}}@media (width<=720px){html{scroll-padding-top:84px}.header-inner{gap:12px;padding-block:11px}.brand-logo{border-radius:12px;width:40px;height:40px}.brand-nama{font-size:14.5px}.header-cta{gap:8px}.header-cta .btn-wa{display:none}.switch{transform-origin:100%;transform:scale(.9)}.svc,.paket-grid,.g-3,.g-2,.steps,.g-4{grid-template-columns:1fr}.hero{min-height:auto;padding-bottom:40px}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-cta .btn{flex:100%}.brand-sub,.fab-label{display:none}.fab{padding:15px}.faq-item summary{padding:16px 17px;font-size:14.6px}.card,.hero-card{padding:20px}.testi-card{width:min(320px,82vw)}.testi-track{animation-duration:60s}.paket-rows{padding-inline:18px}.step{padding:22px 18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transition:none;transform:none}.strip-track{animation:none}*{animation-duration:.001ms!important}}:root[data-theme=light]{--bg-0:#f7fafd;--bg-1:#eef5fb;--bg-2:#e2edf8;--blue:#0284c7;--blue-deep:#0369a1;--sky:#0284c7;--ice:#075985;--pale:#0c4a6e;--navy:#0c4a6e;--red:#e11d48;--red-soft:#be123c;--gold:#b45309;--text:#0d1b2a;--muted:#51677f;--line:#03204721;--card:#ffffffdb;--card-2:#fff;--shadow-glow:0 26px 60px -34px #0269a161}:root[data-theme=light] body{background:var(--bg-0)}:root[data-theme=light] body:before{background:radial-gradient(80% 60% at 12% 0%, #0ea5e92e, transparent 62%), radial-gradient(70% 55% at 92% 16%, #e11d481a, transparent 62%), radial-gradient(90% 70% at 50% 108%, #0284c724, transparent 68%), var(--bg-0)}:root[data-theme=light] .grad{color:#0000;background:linear-gradient(100deg,#0c4a6e,#0284c7 45%,#0ea5e9);-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .grad-red{color:#0000;background:linear-gradient(100deg,#9f1239,#e11d48 55%,#fb7185);-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .kicker{color:var(--blue-deep)}:root[data-theme=light] .header.scrolled{border-bottom-color:var(--line);background:#ffffffdb}:root[data-theme=light] .nav a:hover{color:var(--text);background:#0320470f}:root[data-theme=light] .burger,:root[data-theme=light] .close-x{background:#0320470a}:root[data-theme=light] .drawer{border-color:var(--line);background:#f7fafdf7}:root[data-theme=light] .btn-ghost{background:#ffffffbf}:root[data-theme=light] .btn-ghost:hover{background:#0284c71a}:root[data-theme=light] .hero-bg:after{background:linear-gradient(100deg, #f7fafdf2 0%, #f7fafdcc 30%, #f7fafd66 55%, #f7fafd14 80%, transparent 100%), linear-gradient(180deg, #f7fafde6 0%, #f7fafd66 20%, transparent 42%, #f7fafd80 84%, var(--bg-0) 100%)}:root[data-theme=light] .hero-badge{color:var(--ice);background:#ffffffb8;border-color:#0284c752}:root[data-theme=light] .hero-sub{color:#33475f}:root[data-theme=light] .hero-card{background:linear-gradient(160deg,#fffffff7,#ffffffe6);box-shadow:0 30px 70px -42px #0269a18c}:root[data-theme=light] .stat{background:#ffffffe6}:root[data-theme=light] .stat small{color:var(--blue-deep)}:root[data-theme=light] .strip{background:#ffffffb3}:root[data-theme=light] .strip-item{color:#33475f}:root[data-theme=light] .card{background:var(--card)}:root[data-theme=light] .card:hover{background:var(--card-2)}:root[data-theme=light] .card-ikon{background:linear-gradient(140deg,#0284c729,#e11d481a)}:root[data-theme=light] .svc-badge{color:#eaf4ff}:root[data-theme=light] .svc-list li{color:#33475f}:root[data-theme=light] .paket-head{background:linear-gradient(120deg,#0284c71f,#e11d4812)}:root[data-theme=light] .paket-note{color:#33475f;background:#fffc}:root[data-theme=light] .chip{color:#33475f;background:#ffffffd9}:root[data-theme=light] .side-box{background:linear-gradient(160deg,#0284c71a,#ffffffd9)}:root[data-theme=light] .side-list li,:root[data-theme=light] .testi blockquote{color:#33475f}:root[data-theme=light] .cta-bg:after{background:radial-gradient(90% 70% at 50% 40%,#f7fafd99,#0000 72%),linear-gradient(#f7fafdd1 0%,#f7fafd52 46%,#f7fafd66 74%,#f7fafddb 100%)}:root[data-theme=light] .cta-feats{color:#33475f}:root[data-theme=light] .footer{background:linear-gradient(#eef5fbe6,#fff)}:root[data-theme=light] .foot-grid h4{color:var(--blue-deep)}:root[data-theme=light] .sosmed a{color:var(--blue-deep);background:#fff}.nav-item{align-items:center;display:inline-flex;position:relative}.nav-item>a{align-items:center;gap:6px;display:inline-flex}.nav .nav-caret{width:13px;height:13px;margin-top:1px;transition:transform .22s}.nav-item.open .nav-caret{transform:rotate(180deg)}.dropdown{z-index:40;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);opacity:0;visibility:hidden;background:#060d1af5;border-radius:18px;gap:3px;min-width:258px;padding:10px;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:absolute;top:calc(100% + 12px);left:-6px;transform:translateY(-8px);box-shadow:0 34px 70px -34px #020814d9}.nav-item.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{color:var(--muted);white-space:nowrap;border-radius:11px;padding:10px 13px;font-size:14px;font-weight:600;display:block}.dropdown a:hover{color:var(--text);background:#38bdf824}.drawer-sub{border-bottom:1px solid var(--line);gap:2px;padding:4px 0 12px 14px;display:grid}.drawer-sub a{color:var(--muted);padding:10px 4px;font-size:15.5px;font-weight:600}.drawer-sub a:hover{color:var(--text)}.page-hero{padding:clamp(118px,13vw,176px) 0 clamp(46px,6vw,74px);position:relative;overflow:hidden}.page-hero-bg{z-index:0;position:absolute;inset:0}.page-hero-bg:after{content:"";background:linear-gradient(100deg,#030711eb 0%,#030711bd 32%,#03071147 62%,#0307110d 100%),linear-gradient(#030711d9 0%,#03071147 34%,#03071199 100%);position:absolute;inset:0}.page-hero-inner{z-index:2;position:relative}.artikel-tools{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.artikel-search{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;flex:320px;align-items:center;gap:10px;max-width:420px;padding:12px 18px;display:inline-flex}.artikel-search svg{width:17px;height:17px;color:var(--sky);flex:none}.artikel-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:14.5px}.artikel-search input::placeholder{color:var(--muted)}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{cursor:pointer;font-family:inherit}.chip-btn.aktif{color:var(--text);background:#38bdf82e;border-color:#38bdf88c;font-weight:700}.artikel-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px;margin-bottom:34px;display:grid}.artikel-card{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.artikel-cover{aspect-ratio:16/9;overflow:hidden}.artikel-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.artikel-card:hover .artikel-cover img{transform:scale(1.06)}.artikel-body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.artikel-body h3{margin:0;font-size:17.5px}.artikel-body p{color:var(--muted);margin:0;font-size:14.5px}.artikel-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;display:flex}.artikel-tag{letter-spacing:.07em;text-transform:uppercase;color:var(--sky);background:#38bdf826;border:1px solid #38bdf84d;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:800}.artikel-more{color:var(--sky);margin-top:auto;padding-top:8px;font-size:14px;font-weight:700}.artikel-empty{text-align:center;border-radius:var(--radius);background:var(--card);border:1px dashed var(--line);max-width:520px;margin:0 auto 34px;padding:34px 26px}.artikel-empty .card-ikon{margin:0 auto 14px}.artikel-empty p{color:var(--muted);margin:0;font-size:14.5px}.artikel-cta{text-align:center;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(150deg,#38bdf821,#e11d4814);margin-top:10px;padding:clamp(24px,3vw,34px)}.artikel-cta h3{margin-bottom:8px;font-size:19px}.artikel-cta p{color:var(--muted);max-width:52ch;margin:0 auto 18px;font-size:14.5px}.artikel-detail-wrap{padding:clamp(118px,13vw,168px) 0 clamp(40px,6vw,70px)}.artikel-judul{margin:14px 0 12px;font-size:clamp(1.7rem,3.6vw,2.55rem)}.artikel-ringkas{color:var(--muted);max-width:70ch;font-size:17px}.artikel-cover-detail{border-radius:var(--radius);border:1px solid var(--line);margin:24px 0 32px;overflow:hidden}.artikel-isi p{color:#d9e7f5;margin-bottom:18px;font-size:16.5px;line-height:1.85}.artikel-isi h2{margin:32px 0 14px;font-size:clamp(1.2rem,2.1vw,1.5rem)}.artikel-isi ul{gap:11px;margin:0 0 18px;padding:0;list-style:none;display:grid}.artikel-isi li{color:#cfdfef;gap:11px;font-size:15.5px;display:flex}.artikel-isi li svg{width:16px;height:16px;color:var(--sky);flex:none;margin-top:6px}@media (width<=1080px){.drawer-sub{padding-left:6px}}:root[data-theme=light] .dropdown{background:#fffffffa;box-shadow:0 34px 70px -38px #023c6e66}:root[data-theme=light] .dropdown a:hover{background:#0284c71a}:root[data-theme=light] .page-hero-bg:after{background:linear-gradient(100deg,#f7fafdf2 0%,#f7fafdcc 32%,#f7fafd6b 62%,#f7fafd14 100%),linear-gradient(#f7fafde6 0%,#f7fafd66 34%,#f7fafda6 100%)}:root[data-theme=light] .artikel-isi p,:root[data-theme=light] .artikel-isi li{color:#33475f}:root[data-theme=light] .artikel-cta{background:linear-gradient(150deg,#0284c71a,#e11d480f)}:root[data-theme=light] .artikel-search{background:#ffffffe6}mark.kw{color:inherit;background:linear-gradient(#0000 56%,#38bdf84d 56%);border-radius:3px;padding:0 2px;font-weight:800}:root[data-theme=light] mark.kw{background:linear-gradient(#0000 56%,#0284c73d 56%)}.seo-block{border-top:1px solid var(--line)}.seo-teks{color:#cadcee;max-width:94ch;font-size:15px}.seo-teks p{margin-bottom:14px}:root[data-theme=light] .seo-teks{color:#33475f}.seo-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--sky);margin:26px 0 12px;font-size:13px;font-weight:800}.kw-chips{flex-wrap:wrap;gap:9px;display:flex}.kw-chip{background:var(--card);border:1px solid var(--line);color:#d3e4f5;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:13.4px;font-weight:600;transition:all .2s;display:inline-flex}.kw-chip svg{width:14px;height:14px;color:var(--sky);flex:none}.kw-chip:hover{color:var(--text);background:#38bdf81f;border-color:#38bdf880;transform:translateY(-2px)}:root[data-theme=light] .kw-chip{color:#33475f;background:#ffffffd9}.foot-seo{color:var(--muted);margin-top:12px;font-size:13.4px}.foot-seo strong{color:var(--text);font-weight:700}.art-sampul__foto{object-fit:cover;object-position:center;width:100%;height:100%}:root[data-theme=dark] .artikel-cover,:root[data-theme=dark] .artikel-cover-detail{background:#071527}.art-sampul{background:radial-gradient(120% 120% at 18% 0,#38bdf857,#0000 60%),radial-gradient(120% 120% at 92% 100%,#e11d4842,#0000 62%),linear-gradient(140deg,#0b1c33,#071527);justify-content:center;align-items:center;display:flex}.art-sampul__emoji{filter:drop-shadow(0 14px 30px #00000080);font-size:clamp(46px,7vw,84px);line-height:1}.gambar-aman{background:radial-gradient(120% 120% at 20% 0,#38bdf859,#0000 60%),radial-gradient(120% 120% at 90% 100%,#e11d4842,#0000 62%),linear-gradient(140deg,#0b1c33,#071527);justify-content:center;align-items:center;width:100%;height:100%;min-height:140px;display:flex}.gambar-aman__emoji{filter:drop-shadow(0 12px 26px #00000073);font-size:clamp(40px,6vw,76px);line-height:1}:root[data-theme=light] .gambar-aman{background:radial-gradient(120% 120% at 20% 0,#0284c738,#0000 60%),radial-gradient(120% 120% at 90% 100%,#e11d4829,#0000 62%),linear-gradient(140deg,#eaf5fe,#dbeafe)}.artikel-isi h3{margin:0 0 6px;font-size:15.5px}.artikel-isi blockquote{color:#d9e7f5;border-left:3px solid var(--sky);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--card);margin:0 0 22px;padding:15px 20px;font-style:italic}.art-note{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--sky);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0 0 20px;padding:15px 20px}.art-note p{margin:0}.art-note__label{color:var(--sky);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:800;display:block}.art-steps{gap:12px;margin:0 0 22px;display:grid}.art-step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:flex-start;gap:14px;padding:15px 17px;display:flex}.art-step__n{color:#04121f;background:linear-gradient(135deg, var(--sky), var(--blue));border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13.5px;font-weight:800;display:grid}.art-step__body{min-width:0}.art-step__d{color:#c9dcee;margin:0;font-size:14.5px}.art-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:14px;margin:0 0 24px;display:grid}.art-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px 16px}.art-card__ico{margin-bottom:8px;font-size:25px;line-height:1;display:block}.art-card__dot{border-radius:50%;width:26px;height:26px;margin-bottom:10px;display:block;box-shadow:0 0 0 3px #ffffff14}.art-card__badge{color:var(--sky);letter-spacing:.09em;text-transform:uppercase;background:#38bdf824;border-radius:999px;margin-bottom:8px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-block}.art-card__t{margin:0 0 6px;font-size:15.4px}.art-card__d{color:#c3d8ec;margin:0;font-size:14.2px}.art-myth{gap:14px;margin:0 0 24px;display:grid}.art-myth__item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.art-myth__m,.art-myth__f{align-items:flex-start;gap:11px;padding:14px 16px;display:flex}.art-myth__m{border-bottom:1px solid var(--line);background:#e11d481a}.art-myth__f{background:#38bdf812}.art-myth__m p,.art-myth__f p{margin:0;font-size:14.8px}.art-myth__tag{letter-spacing:.09em;text-transform:uppercase;color:#fecdd3;background:#e11d4847;border-radius:999px;flex:none;padding:3px 9px;font-size:10.5px;font-weight:800}.art-myth__tag--f{color:#bae6fd;background:#38bdf833}.art-tabel-wrap{margin:0 0 24px}.art-tabel__label{color:var(--sky);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:11.5px;font-weight:800;display:block}.art-tabel{border-collapse:collapse;border:1px solid var(--line);width:100%;font-size:14.5px}.art-tabel th{text-align:left;color:var(--sky);letter-spacing:.08em;text-transform:uppercase;background:#38bdf81a;padding:11px 14px;font-size:11.5px}.art-tabel td{border-top:1px solid var(--line);color:#d6e6f5;padding:11px 14px}.art-tabel tbody tr:hover td{background:#38bdf80d}.art-faq{gap:12px;margin:0 0 24px;display:grid}.art-faq__item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px}.art-faq__q{margin:0 0 7px;font-size:15.4px}.art-faq__q:before{content:"Q ";color:var(--sky)}.art-faq__a{color:#c3d8ec;margin:0;font-size:14.6px}.art-links{flex-wrap:wrap;gap:10px;margin:0 0 22px;display:flex}.art-link{background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.art-link:hover{background:#38bdf81f;border-color:#38bdf880;transform:translateY(-2px)}:root[data-theme=light] .art-sampul{background:radial-gradient(120% 120% at 18% 0,#0284c738,#0000 60%),radial-gradient(120% 120% at 92% 100%,#e11d4829,#0000 62%),linear-gradient(140deg,#eaf5fe,#dbeafe)}:root[data-theme=light] .art-card,:root[data-theme=light] .art-faq__item,:root[data-theme=light] .art-note,:root[data-theme=light] .art-step,:root[data-theme=light] .art-link,:root[data-theme=light] .art-myth__item,:root[data-theme=light] .artikel-isi blockquote{background:#ffffffd1}:root[data-theme=light] .art-step__d,:root[data-theme=light] .art-card__d,:root[data-theme=light] .art-faq__a,:root[data-theme=light] .art-tabel td,:root[data-theme=light] .artikel-isi blockquote,:root[data-theme=light] .art-myth__m p,:root[data-theme=light] .art-myth__f p{color:#33475f}:root[data-theme=light] .art-myth__m{background:#e11d480f}:root[data-theme=light] .art-myth__f{background:#0284c70d}:root[data-theme=light] .art-myth__tag{color:#be123c;background:#e11d481f}:root[data-theme=light] .art-myth__tag--f{color:#0369a1;background:#0284c71f}:root[data-theme=light] .art-tabel th{color:#0369a1;background:#0284c714}:root[data-theme=light] .art-card__badge{color:#0369a1;background:#0284c71f}.gradient-waves-container{width:100%;height:100%;position:relative;overflow:hidden}