@layer theme,base,components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}:root{--kertas:#fafaf7;--kertas-2:#efefea;--putih:#fff;--tinta:#121212;--tinta-2:#5e5e5a;--garis:#d9d9d2;--bata:#121212;--bata-tua:#000;--daun:#1f7a4d;--kunyit:#ffc629;--kobalt:#1d3fd8;--serif:"Barlow Condensed","Arial Narrow",sans-serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--kertas);color:var(--tinta);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}a{color:inherit}.wrap{max-width:1240px;margin:0 auto;padding:0 32px}.hero-grid>*,.kasus>*,.dua>*,.cta-grid>*,.paket>*,.blog>*{min-width:0}.nav{z-index:20;background:var(--kertas);border-bottom:2px solid var(--tinta);position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{font:800 26px var(--serif);text-transform:uppercase;letter-spacing:.01em;text-decoration:none}.logo span{background:var(--kunyit);margin-left:2px;padding:0 4px}.menu{font:600 14px var(--mono);text-transform:uppercase;gap:0;list-style:none;display:flex}.menu a{border-left:1px solid var(--garis);padding:24px 16px;text-decoration:none}.menu a:hover{background:var(--kunyit)}.nav-cta{align-items:center;gap:10px;display:flex}.burger{background:var(--tinta);color:#fff;font:600 13px var(--mono);text-transform:uppercase;cursor:pointer;border:0;padding:10px 14px;display:none}.mobile-menu{border-top:2px solid var(--tinta);background:var(--kertas);display:none}.mobile-menu a{border-bottom:1px solid var(--garis);font:700 22px var(--serif);text-transform:uppercase;padding:16px 20px;text-decoration:none;display:block}.mobile-menu.open{overscroll-behavior:contain;max-height:calc(100dvh - 60px);display:block;overflow-y:auto}.btn{font:700 15px var(--sans);border:2px solid var(--tinta);cursor:pointer;text-transform:none;border-radius:0;align-items:center;gap:10px;padding:15px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn-utama{background:var(--kunyit);color:#121212;box-shadow:4px 4px 0 var(--tinta)}.btn-utama:hover{box-shadow:6px 6px 0 var(--tinta);transform:translate(-2px,-2px)}.btn-garis{background:var(--putih);color:var(--tinta)}.btn-garis:hover{background:var(--tinta);color:#fff}.btn-kecil{box-shadow:none;padding:9px 14px;font-size:13px}.wa-ico{flex:none;width:18px;height:18px}.bab{font:600 12px var(--mono);text-transform:uppercase;color:var(--tinta);border:1.5px solid var(--tinta);background:var(--putih);align-items:center;gap:10px;margin-bottom:22px;padding:4px 10px;display:inline-flex}.bab b{background:var(--tinta);color:var(--kunyit);padding:0 6px;font-weight:600}h1,h2,h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-family:var(--serif);text-transform:uppercase;letter-spacing:-.005em;font-weight:800;line-height:.95}h2{max-width:18ch;font-size:64px}h1 em,h2 em{background:var(--kunyit);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em;font-style:normal}.lead{color:var(--tinta-2);max-width:56ch;font-size:19px}section{border-bottom:2px solid var(--tinta);padding:96px 0}.hero{background-image:linear-gradient(var(--garis) 1px,transparent 1px),linear-gradient(90deg,var(--garis) 1px,transparent 1px);background-position:-1px -1px;background-size:40px 40px;padding:56px 0 64px}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:end;gap:48px;display:grid}.hero h1{margin:0 0 24px;font-size:104px}.hero .lead{background:var(--kertas);color:var(--tinta);margin-bottom:30px}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.hero-note{font:500 13px var(--mono);background:var(--kertas);margin-top:20px;display:inline-block}.hero-note:before{content:"■ ";color:var(--daun)}.lembar{background:var(--putih);border:2px solid var(--tinta);box-shadow:8px 8px 0 var(--tinta);padding:0}.lembar-cap{font:600 11px var(--mono);text-transform:uppercase;background:var(--tinta);color:#fff;justify-content:space-between;padding:8px 12px;display:flex}.lembar-cap b{color:var(--kunyit);font-weight:600}.lembar .app{border:0;border-radius:0}.caption{font:400 11.5px var(--mono);color:var(--tinta-2);border-top:1.5px solid var(--tinta);margin:0;padding:10px 12px}.app{color:#222;background:#fff;border:1px solid #ddd;overflow:hidden}.app-top{color:#777;background:#f4f4f0;border-bottom:1px solid #e5e5e0;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.dot{background:#d5d5cf;border-radius:50%;width:8px;height:8px}.app-body{grid-template-columns:1.4fr 1fr;min-height:300px;display:grid}.pos-menu{border-right:1px solid #eee;grid-template-columns:repeat(3,1fr);align-content:start;gap:8px;padding:12px;display:grid}.pos-tabs{flex-wrap:wrap;grid-column:1/-1;gap:6px;min-width:0;margin-bottom:4px;display:flex}.pos-tabs span{color:#555;background:#f0f0eb;padding:4px 9px;font-size:10px}.pos-tabs span.on{color:var(--kunyit);background:#121212}.item{border:1px solid #eee;padding:8px;font-size:10.5px;line-height:1.3}.item i{background:repeating-linear-gradient(135deg,#f0f0ea 0 6px,#e6e6df 6px 12px);height:34px;margin-bottom:6px;display:block}.item b{font-weight:600;display:block}.item small{color:#888}.pos-cart{flex-direction:column;padding:12px;font-size:11px;display:flex}.pos-cart h5{font:700 12px var(--sans);margin-bottom:8px}.row{border-bottom:1px dashed #e3e3dc;justify-content:space-between;padding:6px 0;display:flex}.total{justify-content:space-between;margin-top:auto;padding-top:10px;font-size:13px;font-weight:700;display:flex}.pay{color:var(--kunyit);text-align:center;background:#121212;margin-top:8px;padding:8px;font-weight:700}.tbl{border-collapse:collapse;width:100%;font-size:10.5px}.tbl th{text-align:left;color:#777;background:#fafaf6;border-bottom:1px solid #eee;padding:7px 10px;font-weight:600}.tbl td{border-bottom:1px solid #f0f0ea;padding:7px 10px}.pill{color:#1f7a4d;background:#e2f1e8;padding:2px 7px;font-size:9.5px;font-weight:700}.pill.low{color:#7a5600;background:#fff0c2}.sidebar{color:#bbb;background:#121212;flex-direction:column;gap:6px;padding:12px 10px;font-size:10.5px;display:flex}.sidebar span{padding:5px 8px}.sidebar span.on{background:var(--kunyit);color:#121212;font-weight:700}.phone{background:#fff;border:6px solid #121212;border-radius:22px;flex:none;width:150px;font-size:10px;overflow:hidden}.phone-head{color:#fff;background:#121212;padding:14px 10px 12px}.phone-head small{opacity:.75;display:block}.phone-head b{font:700 16px var(--sans);color:var(--kunyit)}.phone-list{padding:8px 10px}.phone-list .row{font-size:9.5px}.bar{background:#efefea;height:6px;margin:6px 0 2px;overflow:hidden}.bar i{background:#121212;height:100%;display:block}.strip{border-bottom:2px solid var(--tinta);background:var(--tinta);color:#fff;padding:0}.strip .wrap{font:600 14px var(--mono);text-transform:uppercase;flex-wrap:wrap;align-items:stretch;gap:0;display:flex}.strip b{background:var(--kunyit);color:#121212;padding:14px 16px;font-weight:700}.strip span{border-right:1px solid #333;padding:14px 18px}.porto-head{justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px;display:flex}.kasus{border:2px solid var(--tinta);background:var(--putih);grid-template-columns:1.2fr 1fr;align-items:stretch;gap:0;margin-bottom:32px;display:grid}.kasus-vis{background:var(--kertas-2);border-right:2px solid var(--tinta);align-items:center;padding:28px;display:flex}.kasus>div:last-child{padding:28px 32px}.kasus-no{font:700 12px var(--mono);background:var(--tinta);color:var(--kunyit);padding:3px 8px;display:inline-block}.kasus h3{margin:12px 0;font-size:44px}.kasus p{color:var(--tinta-2);margin-bottom:18px}.spek{border-collapse:collapse;border:1.5px solid var(--tinta);width:100%;margin-bottom:22px;font-size:15px}.spek td{border-bottom:1px solid var(--garis);vertical-align:top;padding:9px 12px}.spek td:first-child{font:600 11px var(--mono);background:var(--kertas-2);border-right:1px solid var(--garis);width:110px;padding-top:12px}.link-panah{border-bottom:3px solid var(--kunyit);font-weight:700;text-decoration:none}.link-panah:hover{background:var(--kunyit)}.vis-duo{align-items:end;gap:18px;width:100%;display:flex}.vis-duo .lembar{box-shadow:6px 6px 0 var(--tinta);flex:1}.blur-note{position:relative}.stamp{font:700 10px var(--mono);background:var(--kunyit);color:#121212;z-index:2;border:1.5px solid #121212;padding:3px 7px;position:absolute;top:-12px;right:12px}.layanan-list{border:2px solid var(--tinta);background:var(--putih);margin-top:40px;list-style:none}.layanan-list li{border-bottom:1.5px solid var(--tinta);grid-template-columns:90px 1.1fr 1.4fr 210px;gap:0;display:grid}.layanan-list li:last-child{border-bottom:0}.layanan-list li>*{border-right:1px solid var(--garis);padding:24px 20px}.layanan-list li>:last-child{border-right:0}.layanan-list .no{font:800 44px/1 var(--serif);background:var(--kunyit);border-right:1.5px solid var(--tinta)}.layanan-list h3{font-size:32px}.layanan-list p{color:var(--tinta-2);font-size:16px}.layanan-list .cocok{color:var(--tinta);margin-top:8px;font-size:14px}.layanan-list .harga{font-size:14px}.layanan-list .harga a{margin-top:10px;display:inline-block}.layanan-list li:hover{background:#fffbea}.proses{border:2px solid var(--tinta);background:var(--putih);grid-template-columns:repeat(5,1fr);margin-top:44px;display:grid}.langkah{border-right:1.5px solid var(--tinta);padding:22px}.langkah:last-child{border-right:0}.langkah .n{font:800 56px/1 var(--serif);color:var(--tinta);-webkit-text-stroke:0}.langkah:nth-child(odd) .n{color:#0000;-webkit-text-stroke:1.5px var(--tinta)}.langkah h4{font:700 18px var(--sans);margin:10px 0 8px}.langkah p{color:var(--tinta-2);font-size:15px}.dua{grid-template-columns:1fr 1fr;gap:56px;display:grid}.prinsip{border-top:2px solid var(--tinta);margin-top:28px;list-style:none}.prinsip li{border-bottom:1px solid var(--garis);padding:18px 0}.prinsip b{margin-bottom:4px;font-size:18px;display:block}.prinsip span{color:var(--tinta-2);font-size:16px}.avatar{background:var(--putih);border:2px solid var(--tinta);width:48px;height:48px}.paket{border:2px solid var(--tinta);background:var(--putih);grid-template-columns:repeat(3,1fr);margin-top:44px;display:grid}.kartu{border-right:1.5px solid var(--tinta);flex-direction:column;padding:28px;display:flex}.kartu:last-child{border-right:0}.kartu h3{margin-bottom:6px;font-size:36px}.kartu .untuk{color:var(--tinta-2);min-height:48px;font-size:15px}.kartu .angka{font:600 13px var(--mono);background:var(--kertas-2);border:1.5px dashed var(--tinta);margin:20px 0;padding:14px}.kartu ul{margin-bottom:24px;font-size:15px;list-style:none}.kartu li{padding:6px 0 6px 22px;position:relative}.kartu li:before{content:"■";font-size:11px;position:absolute;top:9px;left:0}.kartu .btn{justify-content:center;margin-top:auto}.blog{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.artikel{border:2px solid var(--tinta);background:var(--putih);text-decoration:none;display:block}.artikel .thumb{aspect-ratio:16/10;background:var(--kertas-2);border-bottom:2px solid var(--tinta);font:500 12px var(--mono);color:var(--tinta-2);place-items:center;display:grid}.artikel .kat,.artikel h3,.artikel .meta{margin-left:18px;margin-right:18px}.artikel .kat{font:700 11px var(--mono);background:var(--kunyit);margin-top:16px;padding:2px 6px;display:inline-block}.artikel h3{margin-top:10px;margin-bottom:8px;font-size:28px;line-height:1}.artikel .meta{color:var(--tinta-2);padding-bottom:18px;font-size:13px}.artikel:hover{box-shadow:6px 6px 0 var(--tinta);transform:translate(-2px,-2px)}.faq{border:2px solid var(--tinta);background:var(--putih);max-width:900px;margin-top:36px}.faq details{border-bottom:1.5px solid var(--tinta);padding:18px 22px}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;font:700 19px var(--sans);justify-content:space-between;gap:20px;list-style:none;display:flex}.faq summary:after{content:"+";font:800 28px/1 var(--serif)}.faq details[open]{background:#fffbea}.faq details[open] summary:after{content:"–"}.faq p{color:var(--tinta-2);margin-top:10px}.cta{background:var(--tinta);color:#fff;border:0}.cta h2{color:#fff;max-width:16ch;font-size:80px}.cta h2 em{color:#121212}.cta .lead{color:#bbb}.cta .bab{color:#fff;background:#121212;border-color:#fff}.cta-grid{grid-template-columns:1.3fr 1fr;align-items:end;gap:56px;display:grid}.cta .btn-utama{box-shadow:4px 4px #fff}.cta .btn-garis{color:#fff;background:0 0;border-color:#fff}.kontak-list{border:1.5px solid #fff;padding:20px 24px;font-size:16px;line-height:2.2}.kontak-list b{font:600 11px var(--mono);color:var(--kunyit);width:90px;display:inline-block}footer{color:var(--tinta-2);padding:56px 0 32px;font-size:14px}.foot{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;display:grid}.foot h5{font:700 12px var(--mono);color:var(--tinta);margin-bottom:12px}.foot a{padding:3px 0;text-decoration:none;display:block}.foot a:hover{background:var(--kunyit);color:#121212}.foot-bawah{border-top:2px solid var(--tinta);font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;font-size:12px;display:flex}.wa-float{z-index:30;background:var(--daun);color:#fff;font:700 14px var(--sans);border:2px solid #121212;align-items:center;gap:8px;padding:12px 16px;text-decoration:none;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:4px 4px #121212}:focus-visible{outline:3px solid var(--kobalt);outline-offset:2px}@media(max-width:900px){body{font-size:16px}.wrap{padding:0 20px}.menu,.nav-cta .btn{display:none}.burger{display:block}.nav .wrap{height:60px}section{padding:56px 0}.hero{background-size:28px 28px;padding:32px 0 48px}.hero-grid,.kasus,.dua,.cta-grid{grid-template-columns:1fr;gap:32px}.kasus{gap:0}.kasus-vis{border-right:0;border-bottom:2px solid var(--tinta);padding:20px}.kasus>div:last-child{padding:22px 20px}.hero h1{font-size:54px}h2{font-size:40px}.cta h2{font-size:46px}.layanan-list h3{font-size:28px}.lead{font-size:17px}.hero-ctas{flex-direction:column}.hero-ctas .btn{justify-content:center}.porto-head{flex-direction:column;align-items:start}.kasus h3{font-size:36px}.app-body{grid-template-columns:1fr}.pos-cart{border-top:1px solid #eee}.vis-duo .phone,.sidebar{display:none}.kasus-vis [style*="grid-template-columns:90px"]{grid-template-columns:1fr!important}.layanan-list li{grid-template-columns:64px minmax(0,1fr)}.layanan-list li>*{padding:16px}.layanan-list .no{grid-row:span 3;font-size:34px}.layanan-list li>:not(.no){border-right:0;grid-column:2}.layanan-list li>div:nth-child(2){padding-bottom:0}.proses{grid-template-columns:1fr}.langkah{border-right:0;border-bottom:1.5px solid var(--tinta);grid-template-columns:64px 1fr;column-gap:12px;display:grid}.langkah .n{grid-row:span 2;font-size:44px}.langkah h4{margin-top:0}.langkah:last-child{border-bottom:0}.paket{grid-template-columns:1fr}.kartu{border-right:0;border-bottom:1.5px solid var(--tinta)}.kartu:last-child{border-bottom:0}.blog{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.wa-float span{display:none}.strip .wrap{padding:0;font-size:12px}.strip b{width:100%}.strip span{padding:10px 14px}}.menu a[aria-current=page]{background:var(--tinta);color:var(--kunyit)}.mobile-menu a[aria-current=page]{background:var(--kunyit)}.nav-cta a[aria-current=page]{background:var(--tinta);color:var(--kunyit)}.crumbs{font:600 12px var(--mono);text-transform:uppercase;flex-wrap:wrap;gap:6px;margin-bottom:22px;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:var(--tinta-2);margin-right:6px}.crumbs a{border-bottom:2px solid var(--kunyit);text-decoration:none}.crumbs [aria-current]{color:var(--tinta-2)}.page-hero{border-bottom:2px solid var(--tinta);background-image:linear-gradient(var(--garis) 1px,transparent 1px),linear-gradient(90deg,var(--garis) 1px,transparent 1px);background-position:-1px -1px;background-size:40px 40px;padding:48px 0 56px}.page-hero h1{max-width:16ch;margin-bottom:20px;font-size:88px}.page-hero .lead{background:var(--kertas);color:var(--tinta);display:inline-block}.page-hero .hero-ctas{margin-top:26px}.ph-grid{grid-template-columns:1.2fr .8fr;align-items:end;gap:48px;display:grid}.ph-grid>*{min-width:0}.sec{border-bottom:2px solid var(--tinta);padding:80px 0}.sec-sm{padding:56px 0}.sec-alt{background:var(--kertas-2)}.sec h2{margin-bottom:18px}.sub{font:600 12px var(--mono);text-transform:uppercase;color:var(--tinta-2);margin:6px 0 0}.g2{grid-template-columns:1fr 1fr;gap:32px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.g4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.g2>*,.g3>*,.g4>*{min-width:0}.panel{border:2px solid var(--tinta);background:var(--putih);padding:26px}.panel-k{background:var(--kunyit)}.panel h3{margin-bottom:10px;font-size:30px}.cek{list-style:none}.cek li{border-bottom:1px solid var(--garis);padding:9px 0 9px 26px;position:relative}.cek li:last-child{border-bottom:0}.cek li:before{content:"■";font-size:12px;position:absolute;top:10px;left:0}.cek.x li:before{content:"✕";font-size:13px;font-weight:700;top:9px}.tabel{border-collapse:collapse;border:2px solid var(--tinta);background:var(--putih);width:100%;font-size:15px}.tabel th,.tabel td{border-bottom:1px solid var(--garis);border-right:1px solid var(--garis);text-align:left;vertical-align:top;padding:14px 16px}.tabel thead th{background:var(--tinta);color:#fff;font:600 12px var(--mono);text-transform:uppercase;border-right-color:#333}.tabel thead th.sorot{background:var(--kunyit);color:#121212}.tabel tbody th{font:600 12px var(--mono);text-transform:uppercase;background:var(--kertas-2);width:24%}.tabel td.ya{font-weight:700}.tabel-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.chips{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.chip{font:600 12px var(--mono);text-transform:uppercase;border:1.5px solid var(--tinta);background:var(--putih);padding:7px 12px;text-decoration:none}.chip.on,.chip:hover{background:var(--tinta);color:var(--kunyit)}.p-card{border:2px solid var(--tinta);background:var(--putih);flex-direction:column;height:100%;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.p-card:hover{box-shadow:6px 6px 0 var(--tinta);transform:translate(-2px,-2px)}.p-vis{background:var(--kertas-2);border-bottom:2px solid var(--tinta);align-items:center;min-height:250px;padding:20px;display:flex;position:relative}.p-vis .app{width:100%}.p-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.p-body h3{margin:10px 0 8px;font-size:32px}.p-body p{color:var(--tinta-2);margin-bottom:14px;font-size:15px}.tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.tags span{font:600 11px var(--mono);border:1px solid var(--tinta);text-transform:uppercase;padding:2px 7px}.slot{border:2px dashed var(--tinta);text-align:center;font:600 12px var(--mono);text-transform:uppercase;background:repeating-linear-gradient(135deg,#f2f2ec 0 10px,#eaeae3 10px 20px);place-items:center;min-height:200px;padding:20px;display:grid}.produk-badge{font:700 11px var(--mono);background:var(--kunyit);color:#121212;border:1.5px solid #121212;margin-left:6px;padding:2px 7px;display:inline-block}.num{font:800 64px/1 var(--serif)}.steps{counter-reset:s;border:2px solid var(--tinta);background:var(--putih);list-style:none}.steps li{border-bottom:1.5px solid var(--tinta);grid-template-columns:90px 1fr;display:grid}.steps li:last-child{border-bottom:0}.steps li:before{counter-increment:s;content:"0" counter(s);font:800 40px/1 var(--serif);background:var(--kunyit);border-right:1.5px solid var(--tinta);padding:18px}.steps li div{padding:18px 22px}.steps b{font-size:18px;display:block}.steps span{color:var(--tinta-2);font-size:15px}.galeri{grid-template-columns:2fr 1fr;align-items:end;gap:24px;display:grid}.galeri>*{min-width:0}.cap{font:500 12px var(--mono);color:var(--tinta-2);margin-top:10px}.fitur{border:2px solid var(--tinta);background:var(--putih);grid-template-columns:repeat(3,1fr);display:grid}.fitur>div{border-right:1.5px solid var(--tinta);border-bottom:1.5px solid var(--tinta);min-width:0;padding:24px}.fitur>div:nth-child(3n){border-right:0}.fitur>div:nth-last-child(-n+3){border-bottom:0}.fitur h4{font:700 18px var(--sans);margin:8px 0 6px}.fitur p{color:var(--tinta-2);font-size:15px}.fitur .kode{font:700 12px var(--mono);background:var(--tinta);color:var(--kunyit);padding:2px 7px}.hasil-kosong{border:2px dashed var(--tinta);background:var(--putih);padding:24px}.form{border:2px solid var(--tinta);background:var(--putih);box-shadow:8px 8px 0 var(--tinta);padding:30px}.field{margin-bottom:18px}.field label{font:600 12px var(--mono);text-transform:uppercase;margin-bottom:6px;display:block}.field label small{color:var(--tinta-2);text-transform:none;font-weight:500}.field input,.field select,.field textarea{width:100%;font:500 16px var(--sans);border:2px solid var(--tinta);color:var(--tinta);background:#fff;border-radius:0;padding:13px 14px}.field textarea{resize:vertical;min-height:130px}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--kobalt);outline-offset:0}.field .err{color:#b3261e;margin-top:6px;font-size:13px;font-weight:600;display:block}.field.salah input{background:#fff5f4;border-color:#b3261e}.radio-row{flex-wrap:wrap;gap:8px;display:flex}.radio-row label{font:600 14px var(--sans);text-transform:none;border:2px solid var(--tinta);cursor:pointer;align-items:center;gap:8px;margin:0;padding:10px 14px;display:flex}.radio-row input{accent-color:#121212;width:auto}.privasi{color:var(--tinta-2);margin-top:14px;font-size:13px}.hp{position:absolute;left:-9999px}.peta{min-height:220px}.featured{border:2px solid var(--tinta);background:var(--putih);grid-template-columns:1.3fr 1fr;margin-bottom:32px;text-decoration:none;display:grid}.featured>*{min-width:0}.featured .thumb{border-right:2px solid var(--tinta);min-height:320px;font:600 12px var(--mono);background:repeating-linear-gradient(135deg,#f2f2ec 0 10px,#eaeae3 10px 20px);place-items:center;display:grid}.featured .isi-f{padding:32px}.featured h2{margin:12px 0;font-size:52px}.artikel .thumb{background:repeating-linear-gradient(135deg,#f2f2ec 0 10px,#eaeae3 10px 20px)}.pager{justify-content:center;gap:8px;margin-top:40px;display:flex}.pager a,.pager span{font:700 14px var(--mono);border:2px solid var(--tinta);background:var(--putih);padding:9px 14px;text-decoration:none}.pager .on{background:var(--tinta);color:var(--kunyit)}.kat-intro{border-left:6px solid var(--kunyit);max-width:70ch;color:var(--tinta);padding:4px 0 4px 18px}.art-head{max-width:860px}.art-head h1{margin:12px 0 18px;font-size:68px}.byline{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;font-size:14px;display:flex}.byline .avatar{width:44px;height:44px}.cover{aspect-ratio:16/8;border:2px solid var(--tinta);margin:40px 0 0}.art-grid{grid-template-columns:240px minmax(0,680px) 1fr;gap:56px;padding:56px 0 80px;display:grid}.toc{border:2px solid var(--tinta);background:var(--putih);align-self:start;position:sticky;top:96px}.toc summary{font:700 12px var(--mono);text-transform:uppercase;background:var(--tinta);color:var(--kunyit);cursor:pointer;padding:12px 14px;list-style:none}.toc ol{counter-reset:t;padding:8px 0;list-style:none}.toc li a{border-left:4px solid #0000;padding:8px 14px;font-size:14px;text-decoration:none;display:block}.toc li a:hover{border-left-color:var(--kunyit);background:#fffbea}.prose{font-size:18px;line-height:1.75}.prose h2{max-width:none;margin:44px 0 14px;font-size:42px}.prose h3{margin:30px 0 10px;font-size:28px}.prose p{margin-bottom:18px}.prose ul{margin:0 0 18px 22px}.prose li{margin-bottom:6px}.prose a{-webkit-text-decoration-color:var(--kunyit);text-decoration-color:var(--kunyit);text-underline-offset:3px;font-weight:600;text-decoration-thickness:3px}.prose .tabel{margin:10px 0 22px;font-size:15px}.prose figure{margin:26px 0}.cta-box{border:2px solid var(--tinta);background:var(--kunyit);box-shadow:6px 6px 0 var(--tinta);margin:30px 0;padding:22px 24px}.cta-box b{font:800 28px/1 var(--serif);text-transform:uppercase;margin-bottom:8px;display:block}.cta-box p{margin-bottom:14px;font-size:16px}.cta-box .btn-utama{background:#fff}.intinya{border:2px solid var(--tinta);background:var(--putih);margin:34px 0;padding:22px 24px}.intinya h3{margin-top:0}.penulis{border-top:2px solid var(--tinta);grid-template-columns:72px 1fr;gap:18px;margin-top:40px;padding-top:24px;font-size:15px;display:grid}.penulis .avatar{width:72px;height:72px}@media(max-width:900px){.page-hero{background-size:28px 28px;padding:28px 0 40px}.page-hero h1{font-size:50px}.ph-grid,.g2,.g3,.g4,.galeri,.featured{grid-template-columns:1fr;gap:20px}.sec{padding:56px 0}.fitur{grid-template-columns:1fr}.fitur>div{border-right:0!important;border-bottom:1.5px solid var(--tinta)!important}.fitur>div:last-child{border-bottom:0!important}.steps li{grid-template-columns:64px 1fr}.steps li:before{padding:14px;font-size:30px}.p-body h3{font-size:28px}.tabel{font-size:14px}.tabel th,.tabel td{padding:10px 12px}.tabel.stack thead{display:none}.tabel.stack tr{border-bottom:2px solid var(--tinta);display:block}.tabel.stack td,.tabel.stack tbody th{border-right:0;width:auto;display:block}.tabel.stack td[data-l]:before{content:attr(data-l);font:600 11px var(--mono);text-transform:uppercase;color:var(--tinta-2);display:block}.featured .thumb{border-right:0;border-bottom:2px solid var(--tinta);min-height:180px}.featured .isi-f{padding:22px}.featured h2{font-size:36px}.art-head h1{font-size:42px}.art-grid{grid-template-columns:1fr;gap:24px;padding:28px 0 56px}.toc{position:static}.prose{font-size:17px}.prose h2{font-size:32px}.form{box-shadow:5px 5px 0 var(--tinta);padding:20px}.penulis{grid-template-columns:56px 1fr}.penulis .avatar{width:56px;height:56px}.tabel.stack tbody th{display:none}}.proses.enam{grid-template-columns:repeat(3,1fr)}.proses.enam .langkah:nth-child(3n){border-right:0}.proses.enam .langkah:nth-child(-n+3){border-bottom:1.5px solid var(--tinta)}.kartu li.konf{padding-left:0;font-size:13px}.kartu li.konf:before{content:none}.layanan-list .cek li{padding:6px 0 6px 24px;font-size:15px}@media(max-width:900px){.proses.enam{grid-template-columns:1fr}.proses.enam .langkah{border-right:0}}.layanan-list .harga b{white-space:nowrap}.layanan-list .cek li{border-right:0;padding:6px 0 6px 24px;display:block}.layanan-list .cek li:hover{background:0 0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prose ol{margin:0 0 18px 22px}.prose img{border:2px solid var(--tinta);max-width:100%;height:auto}.prose blockquote{border-left:4px solid var(--kunyit);margin:0 0 18px;padding:4px 0 4px 18px}.prose code{font:500 .9em var(--mono);background:var(--kertas-2);padding:1px 5px}.thumb img,.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover{overflow:hidden}.kosong{border:2px dashed var(--tinta);text-align:center;background:var(--putih);padding:32px}.kosong p{color:var(--tinta-2);margin-top:6px}.notif{border:2px solid var(--tinta);background:#fff0f0;margin-bottom:22px;padding:14px 18px;font-size:15px}.uang{white-space:nowrap;font-size:14px}html.menu-terkunci,html.menu-terkunci body{overflow:hidden}html.menu-terkunci .nav{width:100%;position:fixed;top:0;left:0;right:0}html.menu-terkunci body{padding-top:68px}@media(max-width:900px){html.menu-terkunci body{padding-top:60px}.uang{letter-spacing:-.04em;font-size:11px}.stat3{gap:6px!important}.stat3>div{min-width:0;padding:8px 4px!important}body,.kontak-list,.spasi-wa{padding-bottom:72px}.lembar-cap{padding-right:64px}.lembar-cap span:first-child{min-width:0}.lembar-cap span:last-child{white-space:nowrap;flex:none}}