@font-face{font-family:Gantari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/laundry-express/assets/gantari-latin-ext-wght-normal-BJnKXFm0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Gantari Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/demo/laundry-express/assets/gantari-latin-wght-normal-C8TmYsYu.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/demo/laundry-express/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/demo/laundry-express/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f1ede2;--paper-2: #e7e1d1;--paper-3: #fbf8f0;--ink: #26251e;--muted: #565347;--accent: #a63a66;--accent-deep: #7c3157;--teal: #33615f;--teal-mid: #3e7c7b;--line: #d9d2bf;--edge: #8b8672;--serif: "Gantari Variable", "Gantari", system-ui, sans-serif;--sans: "Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--r-card: 18px;--r-ctl: 10px;--gut: 16px;color-scheme:light}@media(min-width:640px){:root{--gut: 32px}}@media(min-width:1200px){:root{--gut: 56px}}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:76px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--sans);overflow-x:hidden}img,svg,canvas{display:block;max-width:100%}h1,h2,h3,.nota-brand,.brand,.foot-brand,.step h3,.zona h3{font-family:var(--serif);font-weight:700;letter-spacing:-.015em;line-height:1.06;margin:0}h2{font-size:clamp(30px,4.4vw,52px);text-wrap:balance}p{margin:0}a{color:var(--accent-deep);text-underline-offset:3px}:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px;border-radius:6px}.cara :focus-visible{outline-color:#e8b9cd}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:10px;z-index:50}.skip:focus{top:12px}.small{font-size:14px;color:var(--muted)}.kicker{font-size:14px;font-weight:700;color:var(--accent-deep);font-family:var(--sans)}.lede{margin-top:14px;color:var(--muted);max-width:52ch;font-size:17px}section{position:relative;padding:72px max(var(--gut),calc((100% - 1240px)/2))}@media(min-width:1000px){section{padding-block:104px}}h2+p,.kicker+h2{margin-top:12px}h2+p{color:var(--muted);max-width:60ch;font-size:17px}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12.5px}code{font-family:ui-monospace,monospace;font-size:.92em;background:var(--paper-2);padding:1px 6px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:var(--r-ctl);font:600 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background-color .2s,color .2s,border-color .2s}.btn-solid{background:var(--accent);color:#fff}.btn-solid:hover{background:var(--accent-deep)}.btn-line{background:transparent;color:var(--ink);border-color:var(--edge)}.btn-line:hover{border-color:var(--ink);background:var(--paper-2)}.btn-sm{min-height:44px;padding:8px 16px}.top{position:sticky;top:12px;z-index:30;display:flex;align-items:center;gap:16px;width:min(1240px,calc(100% - 24px));margin:12px auto 0;padding:8px 14px 8px 18px;border-radius:18px;--glass-bg: rgba(251, 248, 240, .72);--glass-blur: 12px;border:1px solid rgba(38,37,30,.1)}.brand{font-size:24px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px;min-height:44px}.brand-mark{width:30px;height:30px;flex:none}.brand span,.foot-brand span{font:500 13px var(--sans);color:var(--muted)}@media(max-width:479px){.brand span{display:none}}@media(max-width:379px){.top{gap:8px;padding:6px 8px 6px 10px}.brand{font-size:21px;gap:6px}.top .btn{padding:8px 12px}}#nav{display:none}.top{transition:background-color .3s,border-color .3s,color .3s}.top.on-dark{--glass-bg: rgba(38, 37, 30, .62);border-color:#ffffff29}.top.on-dark .brand,.top.on-dark #nav a{color:#f6f1e4}.top.on-dark .brand span{color:#cbc6b3}.top.on-dark #nav a:hover{background:#ffffff1f}.top.on-dark .menu-btn{background:transparent;color:#f6f1e4;border-color:#fff6}.top-cta{display:none}.menu-btn{margin-left:auto;min-height:44px;min-width:72px;border:1.5px solid var(--edge);background:var(--paper);border-radius:var(--r-ctl);font:600 15px var(--sans);color:var(--ink);cursor:pointer}#nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--paper-3);border:1px solid var(--line);border-radius:16px;padding:8px 18px 14px;margin-top:8px}#nav.open a{padding:12px 0;min-height:48px;font-size:18px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}@media(min-width:1000px){.menu-btn{display:none}#nav{display:flex;gap:4px;margin-left:auto}#nav a{color:var(--ink);text-decoration:none;font-size:14.5px;padding:12px 8px;min-height:44px;border-radius:8px}#nav a:hover{background:var(--paper-2)}.top-cta{display:inline-flex}}.hero{padding-block:0;overflow:hidden}.hero-inner{position:relative;z-index:1;display:grid;gap:28px;padding:40px 0 24px}.hero-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0}.hero-glow.g1{width:760px;height:620px;left:-280px;top:-240px;background:radial-gradient(closest-side,rgba(166,58,102,.24),transparent)}.hero-glow.g2{width:700px;height:560px;right:-240px;top:60px;background:radial-gradient(closest-side,rgba(62,124,123,.24),transparent)}.hero-copy{display:grid;justify-items:start;gap:0;align-content:start}.hero h1{font-size:clamp(34px,5vw,62px);max-width:15ch}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-notes{list-style:none;display:grid;gap:8px;margin:26px 0 0;padding:0;font-size:15px;color:var(--muted)}.hero-notes li{padding-left:26px;position:relative}.hero-notes li:before{content:"";position:absolute;left:4px;top:8px;width:9px;height:9px;border-radius:50%;border:2.5px solid var(--teal-mid)}.hero-notes strong{color:var(--ink)}.badge-rate{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;margin-bottom:18px;--glass-bg: rgba(251,248,240,.7);border:1px solid rgba(38,37,30,.08)}.badge-rate .stars{color:#c46a0e;letter-spacing:2px}.badge-rate em{font-style:normal;font-weight:500;color:var(--muted)}.orb{position:relative;width:min(82vw,540px);aspect-ratio:1;margin:12px auto 0;align-self:center}.orb-ring{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:18px solid var(--ink);box-shadow:0 60px 100px -50px #26251e8c,inset 0 0 0 8px #e7e1d14d;background:var(--paper-2)}.orb-nota{position:absolute;left:-4%;bottom:6%;display:grid;gap:2px;padding:14px 20px;border-radius:16px;--glass-bg: rgba(251,248,240,.72);border:1px solid rgba(38,37,30,.1)}.orb-nota span{font-size:13px;color:var(--muted);font-weight:600}.orb-nota strong{font-family:var(--serif);font-size:32px;color:var(--accent-deep);font-variant-numeric:tabular-nums;line-height:1.1}.orb-nota a{font-size:13px;font-weight:600;display:inline-flex;align-items:center;min-height:44px}.btn-glass{box-shadow:inset 0 3px 3px #ffffff4d,0 10px 24px -12px #a63a6699}@media(min-width:960px){.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;padding:48px 0 64px;align-items:center}.orb{width:100%;max-width:540px;justify-self:center;margin-top:0}}.hitung{padding-top:48px}.hitung-grid{display:grid;gap:24px;max-width:1240px;margin:0 auto}.hitung h2{margin-top:6px}.mode{display:inline-flex;border:1.5px solid var(--edge);border-radius:var(--r-ctl);padding:4px;gap:4px;margin-top:24px;background:var(--paper-3)}.mode-btn{min-height:44px;padding:8px 18px;border:0;border-radius:8px;background:transparent;font:600 15px var(--sans);color:var(--ink);cursor:pointer}.mode-btn[aria-selected=true]{background:var(--ink);color:var(--paper)}.panel{margin-top:24px}.panel-hint{color:var(--muted);font-size:15px;margin-bottom:16px}.kg-row{display:grid;gap:14px;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--r-card);padding:20px}.kg-value{font-family:var(--serif);font-weight:700;font-size:44px;line-height:1;font-variant-numeric:tabular-nums}.kg-hint{display:block;margin-top:6px;font-size:13px;color:var(--muted)}.kg-controls{display:flex;align-items:center;gap:12px}.kg-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--edge);background:var(--paper);font:700 22px/1 var(--sans);color:var(--ink);cursor:pointer}.kg-btn:hover{background:var(--paper-2)}#kg-range{flex:1;min-height:44px;accent-color:var(--accent)}.tiers{border:0;padding:0;margin:24px 0 0}.tiers legend{font:700 15px var(--sans);padding:0;margin-bottom:12px}.layanan-opsi{display:grid;gap:10px}.layanan-opt{display:grid;grid-template-columns:22px 1fr auto;grid-template-areas:"in nama lama" "in desc harga";gap:4px 14px;align-items:center;background:var(--paper-3);border:1.5px solid var(--line);border-radius:var(--r-card);padding:14px 16px;cursor:pointer;min-height:44px}.layanan-opt input{grid-area:in;width:20px;height:20px;accent-color:var(--accent);align-self:start;margin-top:3px}.layanan-opt .l-nama{grid-area:nama;font-weight:600}.layanan-opt .l-desc{grid-area:desc;font-size:14px;color:var(--muted)}.layanan-opt .l-harga{font-family:var(--serif);font-weight:700;font-size:19px;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;grid-area:harga;align-self:end}.layanan-opt .l-lama{grid-area:lama;font-size:12px;color:var(--teal);justify-self:end}.layanan-opt:has(input:checked){border-color:var(--accent);background:#f6eff0}.satuan-item{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;border-bottom:1px solid var(--line);padding:12px 2px}.satuan-item .s-nama{font-weight:600}.satuan-item .s-catatan{font-size:13px;color:var(--muted)}.satuan-controls{display:flex;align-items:center;gap:8px;justify-self:end}.satuan-controls .jumlah{min-width:2ch;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.s-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--edge);background:var(--paper-3);font:700 18px/1 var(--sans);color:var(--ink);cursor:pointer}.s-btn:hover{background:var(--paper-2)}.satuan-item:has(.jumlah:not(:empty)) .harga-s{font-size:14px;color:var(--teal);font-variant-numeric:tabular-nums}.jemput-row{margin-bottom:12px}.check{display:flex;gap:12px;align-items:flex-start;min-height:44px;cursor:pointer;font-weight:400}.check input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--accent)}.kec-row{display:grid;gap:6px;max-width:420px}.kec-row label{font-weight:600;font-size:15px}.kec-row select{min-height:48px;padding:10px 12px;border:1.5px solid var(--edge);border-radius:var(--r-ctl);background:var(--paper-3);font:500 16px var(--sans);color:var(--ink)}.tier-note{font-size:14px;color:var(--teal);min-height:20px}.nota{align-self:start;background:var(--paper-3);border:1px solid var(--line);border-radius:4px 4px var(--r-card) var(--r-card);padding:0 0 18px;box-shadow:0 18px 40px -24px #26251e73}.nota:before{content:"";display:block;height:14px;background:radial-gradient(circle at 10px -6px,var(--paper) 10px,transparent 11px) repeat-x;background-size:24px 14px;margin:0 8px}.nota-head{padding:10px 22px 4px;border-bottom:2px dashed var(--line);margin:0 0 4px}.nota-brand{font-family:var(--serif);font-weight:700;font-size:20px}.nota-sub{font-size:12px;color:var(--muted);margin-top:2px}.nota-lines{margin:10px 22px;display:grid;gap:8px}.nota-lines .row{display:flex;justify-content:space-between;gap:16px;font-size:15px}.nota-lines .row dt{color:var(--muted)}.nota-lines .row dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.nota-lines .row.added dt{color:var(--ink);animation:stamp .34s cubic-bezier(.2,.9,.3,1.2)}.nota-lines .row.added dd{color:var(--accent-deep);animation:stamp .34s cubic-bezier(.2,.9,.3,1.2)}@keyframes stamp{0%{opacity:0;transform:translateY(-5px) rotate(-1.4deg) scale(.94)}60%{opacity:1;transform:translateY(1px) rotate(.4deg) scale(1.02)}to{opacity:1;transform:none}}@keyframes roll{0%{transform:translateY(.35em);opacity:0}45%{transform:translateY(0);opacity:1}to{transform:none;opacity:1}}.nota-total strong.roll{display:inline-block;animation:roll .4s ease}.nota-empty{color:var(--muted);font-size:14px}.nota-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:6px 22px 0;padding-top:12px;border-top:2px solid var(--ink)}.nota-total span{font-size:14px;color:var(--muted)}.nota-total strong{font-family:var(--serif);font-weight:700;font-size:30px;font-variant-numeric:tabular-nums}.nota-notes{list-style:none;margin:10px 22px 0;padding:0;display:grid;gap:5px}.nota-notes li{font-size:13px;color:var(--teal)}.nota-cta{width:calc(100% - 44px);margin:16px 22px 0}.nota-fine{margin:10px 22px 0;font-size:12.5px;color:var(--muted)}@media(min-width:960px){.hitung-grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:56px;align-items:start}.nota{position:sticky;top:92px}}.tarif{background:var(--paper-2);background-image:url(/demo/laundry-express/img/fabric-weave.jpg);background-size:520px}.tarif:before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--paper-2);opacity:.88}.tarif-head,.tarif-cols,.tarif-note{position:relative}.tarif-head{max-width:720px}.tarif-cols{display:grid;gap:40px;margin-top:40px;max-width:1240px}@media(min-width:960px){.tarif-cols{grid-template-columns:1fr 1.4fr}}.tarif-block h3{font-size:24px;margin-bottom:14px}.tarif table{width:100%;border-collapse:collapse;background:var(--paper-3);border-radius:var(--r-card);overflow:hidden}.tarif th,.tarif td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}.tarif thead th{font-size:13px;color:var(--muted);font-weight:600}.tarif tbody tr:last-child td{border-bottom:0}.tarif td .t-harga{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.tarif td .t-lama,.tarif td .t-catatan{display:block;font-size:13px;color:var(--muted)}.tarif td .t-rentang{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.tarif-note{margin-top:12px;font-size:14px;color:var(--muted)}@media(max-width:639px){.tarif thead{display:none}.tarif table,.tarif tbody,.tarif tr,.tarif td{display:block;width:100%}.tarif tr{border-bottom:1px solid var(--line);padding:10px 14px}.tarif tr:last-child{border-bottom:0}.tarif td{border:0;padding:0}.tarif td:first-child{font-weight:600}.tarif td:last-child{font-size:13px;color:var(--muted);margin-top:3px}}.cara{background:var(--ink);color:var(--paper)}.cara .kicker{color:#e8b9cd}.cara h2{color:var(--paper);max-width:22ch}.cara-head{max-width:760px}.loads{list-style:none;margin:48px 0 0;padding:0;display:grid;gap:16px;counter-reset:muatan}.load{counter-increment:muatan;position:relative;display:flex;flex-direction:column;gap:10px;background:#302f29;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-card);padding:24px 22px 26px}.load:before{content:counter(muatan,decimal-leading-zero);font-family:var(--serif);font-weight:700;font-size:15px;letter-spacing:.1em;color:#e8b9cd}.load-ic{width:44px;height:44px;padding:10px;border-radius:14px;background:#e8b9cd24;color:#f0cbdb;position:absolute;right:20px;top:20px}.load h3{font-size:21px;color:var(--paper);margin-top:6px}.load p{color:#cbc6b3;font-size:15px}@media(min-width:720px){.loads{grid-template-columns:repeat(2,1fr)}}@media(min-width:1080px){.loads{grid-template-columns:repeat(4,1fr)}.load:not(:last-child):after{content:"";position:absolute;top:42px;left:calc(100% - 1px);width:17px;height:2px;background:#e8b9cd;opacity:.55}}.pesan-head{display:grid;gap:24px}.pesan-intro{max-width:720px}.pesan-batas{margin-top:10px;font-size:15px;color:var(--teal)}.pesan-foto{margin:0;align-self:center;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);background:var(--paper-3);box-shadow:0 22px 44px -26px #26251e80}.pesan-foto img{width:100%;height:auto}.pesan-foto figcaption{padding:8px 14px;font-size:12.5px;color:var(--muted)}.form{display:grid;gap:22px;margin-top:0}.form fieldset{border:0;padding:0;margin:0;min-width:0}.jemput-field label[for]{margin-top:12px}.form .field{display:grid;gap:7px;align-content:start}.form label,.form legend{font:600 15px var(--sans);padding:0}.form .hint{font-weight:400;color:var(--muted);font-size:13px}.form input:not([type=checkbox]),.form select,.form textarea{min-height:48px;padding:11px 13px;border:1.5px solid var(--edge);border-radius:var(--r-ctl);background:var(--paper-3);font:400 16px var(--sans);color:var(--ink);width:100%}.form textarea{min-height:0;resize:vertical}.form .err{min-height:0;color:#9b2c1c;font-size:14px;font-weight:500}.form .err:empty{display:none}.form .field.invalid input,.form .field.invalid select{border-color:#9b2c1c}.days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scroll-padding-inline:4px}.day{flex:none;min-width:76px;min-height:64px;border:1.5px solid var(--edge);border-radius:var(--r-ctl);background:var(--paper-3);cursor:pointer;padding:8px 6px;text-align:center;display:grid;gap:2px;align-content:center;justify-items:center;font:500 13px var(--sans);color:var(--ink)}.day .d-nama{font-size:12px;color:var(--muted)}.day .d-tgl{font-family:var(--serif);font-weight:700;font-size:19px}.day[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.day[aria-selected=true] .d-nama{color:#c9c4b2}.day:disabled{opacity:.45;cursor:not-allowed;background:var(--paper-2)}.day .d-libur{font-size:11px;color:#9b2c1c}.slots{display:flex;flex-wrap:wrap;gap:10px}.slot{min-height:48px;padding:10px 18px;border:1.5px solid var(--edge);border-radius:var(--r-ctl);background:var(--paper-3);font:600 15px var(--sans);color:var(--ink);cursor:pointer}.slot[aria-selected=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.slot:disabled{opacity:.45;cursor:not-allowed;border-style:dashed}.jemput-field{gap:7px}.jemput-field .check{margin-bottom:4px}@media(min-width:720px){.form{grid-template-columns:1fr 1fr}.form .wide{grid-column:1 / -1}}.actions{display:flex;gap:12px}.tiket{margin-top:22px;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px}.tiket:empty{display:none}.tiket h3{font-size:18px;margin-bottom:8px}.tiket pre{margin:0;white-space:pre-wrap;font:400 14px/1.55 var(--sans);color:var(--ink);background:var(--paper-2);border-radius:var(--r-ctl);padding:14px 16px;overflow-x:auto}.tiket .t-cta{margin-top:14px}.layanan{background:var(--paper-2)}.layanan-head{max-width:720px}.zona-grid{display:grid;gap:18px;margin-top:40px;max-width:1240px}@media(min-width:880px){.zona-grid{grid-template-columns:repeat(3,1fr)}}.zona{background:var(--paper-3);border-radius:var(--r-card);padding:22px 24px;border-top:4px solid var(--line)}.zona.z0{border-top-color:var(--teal-mid)}.zona.z1{border-top-color:#7fa8a7}.zona.z2{border-top-color:#b98a9d}.zona h3{font-size:20px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.zona .z-biaya{font-size:15px;color:var(--teal);white-space:nowrap}.zona ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.zona li{border:1px solid var(--edge);border-radius:999px;padding:5px 12px;font-size:13.5px}.zona .z-note{margin-top:14px;font-size:13.5px;color:var(--muted)}.contoh{display:inline-block;vertical-align:middle;margin-left:14px;background:var(--paper-2);color:var(--teal);border:1px dashed var(--edge);border-radius:8px;padding:4px 10px;font:600 12px var(--sans);letter-spacing:.02em;white-space:nowrap}.quotes{display:grid;gap:18px;margin-top:36px;max-width:1240px}@media(min-width:880px){.quotes{grid-template-columns:repeat(3,1fr)}.quote:nth-child(2){transform:translateY(18px)}}.quote{margin:0;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--r-card);padding:22px 24px;display:grid;gap:12px;align-content:start}.quote blockquote{margin:0;font-size:16px;line-height:1.55}.quote .q-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}.quote .q-inisial{font-family:var(--serif);font-weight:700;font-size:17px;color:var(--ink)}.faq-list{margin-top:30px;max-width:820px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font:600 16px var(--sans);padding:12px 0;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font:400 26px/1 var(--serif);color:var(--accent-deep);flex:none}.faq-list details[open] summary:after{content:"−"}.faq-list .a{padding:0 0 16px;color:var(--muted);max-width:68ch}.foot{background:var(--paper-2);padding:56px max(var(--gut),calc((100% - 1240px)/2)) 0;overflow:hidden}.foot-card{background:#dcd5c3;border:1px solid var(--line);border-radius:40px;overflow:hidden}.foot-inner{background:var(--paper-3);border-radius:32px;margin:8px;padding:36px 28px;display:grid;gap:36px;box-shadow:0 1px 2px #26251e14}.foot-brand{font-family:var(--serif);font-weight:700;font-size:26px;display:flex;align-items:center;gap:10px;margin-bottom:14px}.foot-brand .brand-mark{width:30px;height:30px}.foot-desc{color:var(--muted);max-width:34ch;margin-bottom:20px}.foot h4{font:600 13px var(--sans);color:var(--muted);margin:0 0 8px;letter-spacing:.04em;text-transform:uppercase}.foot nav{display:grid;align-content:start}.foot nav a{color:var(--ink);text-decoration:none;font-weight:500;padding:10px 0;min-height:44px;display:inline-flex;align-items:center}.foot nav a:hover{color:var(--accent-deep);text-decoration:underline}.foot-gerai p{color:var(--ink);max-width:32ch}.foot-legal{padding:16px 28px 20px;display:grid;gap:4px;font-size:13.5px;color:var(--muted)}.foot-glass{display:flex;justify-content:center;padding:24px 0 28px;-webkit-user-select:none;user-select:none}.foot-glass span{font:700 min(14.6vw,232px)/1.05 var(--serif);letter-spacing:-.03em;color:#fff;filter:url(#glass-effect);white-space:nowrap}@media(min-width:900px){.foot-inner{grid-template-columns:1.6fr 1fr 1fr 1.2fr;padding:48px;gap:48px}.foot-legal{grid-template-columns:1fr auto;padding-inline:56px}}.wa-float{position:fixed;right:16px;bottom:16px;z-index:40;background:var(--accent);color:#fff;text-decoration:none;min-height:48px;display:inline-flex;align-items:center;padding:12px 20px;border-radius:999px;font:600 15px var(--sans);box-shadow:0 10px 30px -12px #7c315799}.wa-float.hide{display:none}.js .foot-glass span[data-reveal]{transform:scale(.98);transition-duration:1.6s}@media(min-width:960px){.wa-float{display:none}}.doc-page{max-width:720px;margin:0 auto;padding:56px var(--gut) 96px}.doc-page h1{font-size:clamp(30px,4vw,46px);margin-top:8px}.doc-page h2{font-size:22px;margin:30px 0 10px}.doc-page ul{padding-left:22px;display:grid;gap:8px}.doc-page p{margin-top:12px}.doc-page.nf{text-align:left}.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.spin-in{opacity:0;transform:rotate(-2.2deg) translateY(14px)}.spin-in.settled{opacity:1;transform:none;transition:opacity .5s ease,transform .62s cubic-bezier(.18,.9,.26,1.04)}@media(prefers-reduced-motion:reduce){.spin-in{opacity:1;transform:none}.spin-in.settled{transition:none}.nota-lines .row.added dt,.nota-lines .row.added dd{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.kenapa{background:var(--ink);color:var(--paper);overflow:hidden}.kenapa-grid{display:grid;gap:40px;max-width:1240px;margin:0 auto}.kenapa .kicker{color:#e8b9cd}.kenapa h2{color:var(--paper);max-width:14ch;margin-top:8px}.kenapa .lede{color:#cbc6b3}.kenapa-foto{margin-top:28px;width:100%;max-width:520px;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:22px}.glow-list{list-style:none;margin:0;padding:0;display:grid;gap:22px;--glow-fill: #1e1d18}.glow-card{border-radius:30px}.glow-in{border-radius:30px;padding:22px 26px 26px}.gc-no{font-family:var(--serif);font-weight:700;font-size:15px;color:#e8b9cd;letter-spacing:.08em}.glow-in h3{color:#fff;font-size:26px;margin-top:10px}.glow-in p{color:#cbc6b3;margin-top:10px;font-size:16px}@media(min-width:960px){.kenapa-grid{grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}}.pintu{background:var(--paper)}.pintu-grid{display:grid;gap:36px;max-width:1240px;margin:0 auto;align-items:center}.pintu-grid>img{width:100%;height:auto;aspect-ratio:4 / 3.2;object-fit:cover;border-radius:28px}.pintu h2{margin-top:8px;max-width:16ch}.pintu-stats{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pintu-stats li{border-radius:16px;padding:14px;display:grid;gap:2px;--glass-bg: rgba(251,248,240,.8);border:1px solid var(--line)}.pintu-stats b{font-family:var(--serif);font-size:26px;color:var(--accent-deep);line-height:1.1}.pintu-stats span{font-size:13px;color:var(--muted)}@media(min-width:960px){.pintu-grid{grid-template-columns:1fr 1fr;gap:64px}}.lgn{background:var(--paper)}.lgn-head{display:grid;gap:28px;align-items:end}.lgn-foto{width:100%;height:auto;aspect-ratio:16 / 11;object-fit:cover;border-radius:28px;box-shadow:0 30px 60px -36px #26251e8c}.lgn-grid{display:grid;gap:0;margin-top:44px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:var(--paper-3)}.lgn-form{padding:24px 20px;display:grid;gap:0}.lg-group{border:0;margin:0;padding:22px 0;border-bottom:1px solid var(--line);min-width:0}.lg-group:first-child{padding-top:0}.lg-group:last-child{border-bottom:0;padding-bottom:0}.lg-group legend,.lg-row label{font:700 16px var(--sans);padding:0;margin-bottom:12px}.lg-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.lg-row output{font:700 28px var(--serif);color:var(--accent-deep);font-variant-numeric:tabular-nums}#lg-kg{width:100%;min-height:44px;accent-color:var(--accent)}.lg-ticks{list-style:none;position:relative;height:56px;margin:6px 10px 0;padding:0;font-size:13px;color:var(--muted)}.lg-ticks li{position:absolute;left:calc(var(--at) * 1%);transform:translate(calc(var(--at) * -1%));display:grid;gap:1px;text-align:center;white-space:nowrap}.lg-ticks b{color:var(--teal);font-size:14px}.radios{display:grid;gap:10px}.rad{position:relative;display:grid;gap:1px;padding:12px 14px 12px 44px;min-height:52px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);cursor:pointer;align-content:center}.rad input{position:absolute;left:14px;top:50%;width:20px;height:20px;margin:-10px 0 0;accent-color:var(--accent)}.rad-t{font-weight:600}.rad-s{font-size:13px;color:var(--muted)}.rad:has(input:checked){border-color:var(--accent);background:#f6eff0}.rad:has(input:focus-visible){outline:3px solid var(--accent-deep);outline-offset:2px}@media(min-width:560px){.radios{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.lgn-out{padding:24px 20px;background:var(--paper-2);display:grid;gap:18px;align-content:start}.lgn-out h3{font-size:24px}.bars{display:grid;gap:16px;background:var(--paper-3);border:1px solid var(--line);border-radius:18px;padding:18px}.bar-t{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}.bar-t b{font-variant-numeric:tabular-nums;white-space:nowrap}.bar-t em{font-style:normal;font-size:11.5px;font-weight:700;background:#dcefe7;color:#1f5a47;border-radius:6px;padding:2px 7px;margin-left:6px}.bar-track{height:10px;border-radius:999px;background:var(--paper-2);margin-top:8px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:#b9b29c;transition:width .5s cubic-bezier(.2,.8,.2,1)}.bar.you .bar-track i{background:linear-gradient(90deg,var(--accent),#d98a4e)}.bar small{display:block;margin-top:6px;color:var(--muted);font-size:12.5px}.lg-you{border-radius:22px;padding:22px;display:grid;gap:6px;justify-items:start;color:#fff;--glass-bg: linear-gradient(120deg, rgba(166,58,102,.96), rgba(186,98,72,.94));background:var(--glass-bg);box-shadow:0 24px 40px -24px #7c3157b3}.lg-you-t{font-size:14px;opacity:.92;font-weight:600}.lg-you-p{display:flex;align-items:baseline;gap:8px}.lg-you-p strong{font:700 clamp(34px,6vw,48px)/1.05 var(--serif);font-variant-numeric:tabular-nums}.lg-you-s{font-size:14.5px;max-width:44ch;margin-bottom:8px}.lg-you .btn{background:#fff;color:var(--accent-deep)}.lg-you .btn:hover{background:var(--paper)}@media(min-width:960px){.lgn-head{grid-template-columns:1.1fr .9fr;gap:56px}.lgn-grid{grid-template-columns:1.05fr .95fr}.lgn-form,.lgn-out{padding:36px 40px}}.noda{background:var(--paper-2)}.noda-grid{display:grid;gap:36px;align-items:start}.noda-foto{margin:0}.noda-foto img{width:100%;height:auto;aspect-ratio:4 / 3.4;object-fit:cover;border-radius:28px;box-shadow:0 30px 60px -36px #26251e8c}.noda h2{max-width:18ch}.chips-set{border:0;margin:22px 0 0;padding:0;min-width:0}.chips-set legend{font:700 15px var(--sans);padding:0;margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:8px 16px;border:1.5px solid var(--edge);border-radius:999px;background:var(--paper-3);color:var(--ink);font:600 14.5px var(--sans);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.chip:hover{border-color:var(--ink)}.chip[aria-checked=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.noda-out{margin-top:26px;display:grid;gap:18px;background:var(--paper-3);border:1px solid var(--line);border-radius:22px;padding:22px}.ring{--p: 90;width:124px;height:124px;border-radius:50%;display:grid;place-content:center;text-align:center;justify-self:start;background:radial-gradient(closest-side,var(--paper-3) 74%,transparent 76% 100%),conic-gradient(var(--accent) calc(var(--p) * 1%),var(--line) 0)}.ring b{font:700 32px/1 var(--serif);font-variant-numeric:tabular-nums}.ring span{font-size:11.5px;color:var(--muted)}.noda-lab{font:700 21px var(--serif);margin-bottom:8px}.noda-det dl{margin:0;display:grid;gap:10px}.noda-det dl div{display:grid;gap:1px}.noda-det dt{font:600 12.5px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.noda-det dd{margin:0;font-size:15px}.noda-warn{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--paper-2);font-size:14px;color:var(--muted)}@media(min-width:560px){.noda-out{grid-template-columns:auto 1fr;align-items:start;gap:26px}}@media(min-width:960px){.noda-grid{grid-template-columns:.95fr 1.05fr;gap:64px}.noda-foto{position:sticky;top:100px}}.lacak{background:var(--ink);color:var(--paper)}.lacak .kicker{color:#e8b9cd}.lacak h2{color:var(--paper);max-width:20ch}.lacak .lede{color:#cbc6b3}.lacak-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;max-width:560px}.lacak-form input{flex:1 1 220px;min-height:52px;padding:12px 16px;border-radius:var(--r-ctl);border:1.5px solid rgba(255,255,255,.28);background:#ffffff14;color:#fff;font:600 17px var(--sans);letter-spacing:.04em;text-transform:uppercase}.lacak-form input::placeholder{color:#aaa595;text-transform:none;letter-spacing:0;font-weight:400}.lacak-form input:focus-visible{outline-color:#e8b9cd}.lacak-form .btn{min-height:52px}.lacak :focus-visible{outline-color:#e8b9cd}.lacak-coba{margin-top:12px;font-size:14px;color:#cbc6b3;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip-dark{background:transparent;color:#f6f1e4;border-color:#ffffff59;font-variant-numeric:tabular-nums;letter-spacing:.04em}.chip-dark:hover{background:#ffffff1f;border-color:#fff}.lacak-err{margin-top:22px;color:#f2b8a8;max-width:52ch}.lk-card{margin-top:30px;background:#302f29;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px 22px 28px}.lk-top{display:grid;gap:8px;margin-bottom:26px;color:#cbc6b3;font-size:14.5px}.lk-kode{font:700 28px var(--serif);color:#fff;letter-spacing:.02em}.lk-eta{font:600 15px var(--sans);color:#f0cbdb}.lk-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.lk-steps li{position:relative;display:grid;grid-template-columns:36px 1fr;column-gap:14px;padding-bottom:22px;min-height:58px}.lk-steps li:last-child{padding-bottom:0}.lk-steps li:before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:#ffffff2e}.lk-steps li:last-child:before{display:none}.lk-steps li.selesai:before{background:#e8b9cd}.lk-dot{grid-row:span 2;width:36px;height:36px;border-radius:50%;display:grid;place-content:center;font:700 14px var(--sans);border:2px solid rgba(255,255,255,.3);color:#cbc6b3}.lk-steps li.selesai .lk-dot{background:#e8b9cd;border-color:#e8b9cd;color:#3a1a2a}.lk-steps li.berjalan .lk-dot{border-color:#e8b9cd;color:#fff;box-shadow:0 0 0 5px #e8b9cd38;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px #e8b9cd0f}}.lk-steps b{font-size:16px;align-self:end}.lk-steps small{color:#aaa595;font-size:13px}.lk-steps li.menunggu b{color:#aaa595}@media(min-width:860px){.lk-steps{grid-template-columns:repeat(5,1fr)}.lk-steps li{grid-template-columns:1fr;padding:0 12px 0 0;row-gap:4px}.lk-steps li:before{inset:17px 6px auto 40px;width:auto;height:2px}.lk-dot{grid-row:auto;margin-bottom:8px}.lk-top{grid-template-columns:1fr auto;align-items:end}}@media(prefers-reduced-motion:reduce){.lk-steps li.berjalan .lk-dot{animation:none}}.gerai{display:grid;margin-top:28px;background:var(--paper-3);border:1px solid var(--line);border-radius:28px;overflow:hidden}.gerai img{width:100%;height:100%;min-height:240px;object-fit:cover}.gerai-body{padding:24px 22px 28px;display:grid;gap:10px;align-content:center;justify-items:start}.gerai-body h3{font-size:28px}.gerai-body ul{margin:4px 0 8px;padding:0 0 0 20px;display:grid;gap:4px;color:var(--muted);font-size:15px}.gerai-status{font:700 13px var(--sans);border-radius:999px;padding:6px 12px 6px 28px;position:relative;background:var(--paper-2);color:#7a2d1c}.gerai-status:before{content:"";position:absolute;left:11px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#b0442e}.gerai-status.open{background:#dcefe7;color:#1f5a47}.gerai-status.open:before{background:#2c8a62}@media(min-width:860px){.gerai{grid-template-columns:1.05fr .95fr}.gerai-body{padding:40px 44px}}.pesan-head{margin-bottom:36px}.pesan-wrap{display:grid;gap:32px;align-items:start}.pesan-side{display:grid;gap:18px}.ringkas{background:var(--paper-3);border:1px solid var(--line);border-radius:18px;padding:18px 20px;display:grid;gap:6px}.ringkas-t{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.ringkas strong{font:700 32px var(--serif);color:var(--accent-deep);font-variant-numeric:tabular-nums}.ringkas a{font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center}@media(min-width:1000px){.pesan-wrap{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:56px}.pesan-side{position:sticky;top:100px}}.termasuk{margin-top:24px;background:var(--paper-3);border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px}.termasuk h4{font:700 16px var(--sans);margin:0 0 10px}.termasuk ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}.termasuk li{padding-left:26px;position:relative}.termasuk li:before{content:"";position:absolute;left:3px;top:7px;width:6px;height:11px;border:solid var(--teal);border-width:0 2.5px 2.5px 0;transform:rotate(40deg)}.faq-grid{display:grid;gap:28px}.faq-head{display:grid;gap:0;justify-items:start;align-content:start}.faq-head .btn{margin-top:22px}.faq-grid .faq-list{margin-top:0;max-width:none}@media(min-width:960px){.faq-grid{grid-template-columns:.8fr 1.2fr;gap:72px}.faq-head{position:sticky;top:100px}}.hitung,.tarif,.lgn{overflow-x:clip}.rim{position:absolute;border-radius:50%;border:18px solid var(--ink);pointer-events:none;z-index:0;opacity:.92}.rim:after{content:"";position:absolute;inset:14px;border-radius:50%;border:2px dashed rgba(38,37,30,.22)}.rim-hitung{width:760px;height:760px;right:-330px;top:20px;display:none}.rim-tarif{width:560px;height:560px;left:-380px;bottom:-150px;border-color:var(--accent-deep);opacity:.85;display:none}.rim-lgn{width:640px;height:640px;left:-520px;top:330px;border-color:var(--teal-mid);opacity:.85;display:none}.hitung-grid,.tarif-top,.tarif-cols,.tarif-note,.lgn-head,.lgn-grid{position:relative;z-index:1}.tarif-top{display:grid;gap:28px;align-items:center}.drum-foto{position:relative;margin:0;width:min(100%,420px);aspect-ratio:1;justify-self:center;border-radius:50%;border:16px solid var(--ink);overflow:hidden;box-shadow:0 40px 70px -40px #26251e99;background:var(--paper-3)}.drum-foto img{width:100%;height:100%;object-fit:cover;display:block}.tag-lipat{position:absolute;left:50%;bottom:9%;transform:translate(-50%) rotate(-3deg);background:var(--paper-3);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 14px 8px 22px;font:700 14px var(--sans);white-space:nowrap;box-shadow:0 10px 20px -10px #26251e80}.tag-lipat:before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--ink)}.lgn-strip{margin:0;position:relative;border-radius:20px;overflow:hidden}.lgn-form{align-content:start}.lgn-strip img{display:block;width:100%;height:auto;aspect-ratio:16 / 7;object-position:50% 40%;object-fit:cover}.lgn-strip figcaption{position:absolute;left:12px;bottom:12px;background:var(--paper-3);border-radius:6px;padding:6px 12px;font:600 13px var(--sans);transform:rotate(-1.5deg);box-shadow:0 8px 16px -8px #26251e80}@media(min-width:960px){.rim-hitung,.rim-tarif,.rim-lgn{display:block}.hitung .nota{transform:rotate(1.4deg);transform-origin:0 0}.tarif-top{grid-template-columns:minmax(0,1fr) 420px;gap:64px}.drum-foto{margin-right:-90px;justify-self:end}.lgn-out .lgn-strip{margin-bottom:4px}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.rim{animation:rim-slide linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes rim-slide{0%{transform:translate3d(-60px,90px,0) rotate(-14deg)}to{transform:translate3d(60px,-90px,0) rotate(14deg)}}}}
