*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}:root{--_hair: .0625rem;--_maxw: 48rem;--_pad-h: clamp(var(--space-3), 4vw, var(--space-5))}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-page);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--type-base-size);font-weight:var(--font-weight-regular);line-height:var(--type-body-leading);-webkit-font-smoothing:antialiased}.lewati{position:absolute;left:var(--space-3);top:var(--space-3);z-index:20;padding:var(--space-2) var(--space-3);background:var(--color-navy);color:var(--color-page);border-radius:var(--radius-sm);font-size:var(--type-caption-size);transform:translateY(-200%)}.lewati:focus{transform:translateY(0)}.kop{background:var(--color-navy);color:var(--color-page)}.kop__isi{max-width:var(--_maxw);margin:0 auto;padding:var(--space-3) var(--_pad-h);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:baseline}.kop__lab--ringkas{display:none}.kop__balik{color:var(--color-page);text-decoration:none;font-size:var(--type-caption-size);letter-spacing:var(--type-caption-tracking);min-height:var(--touch-min);display:inline-flex;align-items:center}.kop__balik:hover{text-decoration:underline}.lang{margin:0 0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:var(--_hair);padding:var(--_hair);background:var(--color-navy-dark);border:var(--_hair) solid var(--color-outline);border-radius:var(--radius-pill)}.lang:empty{display:none}.lang__opsi{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.25rem;padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--color-navy-tint);text-decoration:none;font-family:var(--font-mono);font-size:var(--type-mono-size);font-weight:var(--font-weight-mono-med);letter-spacing:var(--type-mono-tracking)}.lang__opsi:hover{color:var(--color-page)}.lang__opsi.is-aktif{background:var(--color-page);color:var(--color-navy)}.kop__merek{display:flex;align-items:center;gap:var(--space-2) var(--space-3);min-width:0}.kop__logo{flex:none;width:2.25rem;height:2.25rem;background:var(--color-page);border-radius:var(--radius-pill);padding:.2rem}.kop__lab{margin:0;font-family:var(--font-mono);font-size:var(--type-mono-size);font-weight:var(--font-weight-mono);letter-spacing:var(--type-mono-tracking);line-height:1.35;opacity:.9;overflow-wrap:anywhere}@media (max-width: 34rem){.kop__isi{flex-wrap:nowrap;align-items:center;gap:var(--space-2);padding-block:var(--space-2)}.kop__balik{flex:none;font-size:0}.kop__balik:before{content:"90";font-size:1.25rem}.kop__logo{width:2.25rem;height:2.25rem}.kop__merek{margin-right:auto;min-width:0}.kop__lab--panjang{display:none}.kop__lab--ringkas{display:block;max-width:9rem;font-size:.8125rem;line-height:1.2;overflow-wrap:normal;word-break:keep-all}.lang{flex:none}.lang__opsi{min-width:2.25rem;min-height:2rem;padding:0 var(--space-1)}}.hal{max-width:var(--_maxw);margin:0 auto;padding:var(--space-5) var(--_pad-h) var(--space-6)}.hal__intro{margin-bottom:var(--space-5)}.judul-hal{margin:0 0 var(--space-3);font-size:var(--type-headline-page-size);line-height:var(--type-headline-page-leading);letter-spacing:var(--type-headline-page-tracking);font-weight:var(--type-headline-page-weight);color:var(--color-navy)}.judul-seksi{margin:0 0 var(--space-3);font-size:var(--type-headline-section-size);line-height:var(--type-headline-section-leading);letter-spacing:var(--type-headline-section-tracking);font-weight:var(--type-headline-section-weight);color:var(--color-navy)}.intro{margin:0;font-size:var(--type-body-size);line-height:var(--type-body-leading);letter-spacing:var(--type-body-tracking);max-width:40ch}.bantu{margin:0 0 var(--space-3);color:var(--color-slate);font-size:var(--type-caption-size);letter-spacing:var(--type-caption-tracking)}.blok{margin-bottom:var(--space-6);padding:0;border:0}.isian{margin-bottom:var(--space-4)}.isian__label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--type-body-size)}.isian__input,.isian__area{width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--type-body-size);color:var(--color-ink);background:var(--color-page);border:var(--_hair) solid var(--color-outline);border-radius:var(--radius-sm)}.isian__area{line-height:var(--type-body-leading);resize:vertical}.isian__input--kecil{width:auto;min-width:8rem}.isian--bebas{margin-top:var(--space-3);margin-bottom:0}#f-klien,#f-proyek{text-transform:uppercase}.isian__bantu{margin:var(--space-2) 0 0;color:var(--color-slate);font-family:var(--font-mono);font-size:var(--type-mono-size);letter-spacing:var(--type-mono-tracking)}.wajib{color:var(--color-red-dark);font-weight:var(--font-weight-semibold)}.opsional{color:var(--color-slate);font-weight:var(--font-weight-regular)}.kartu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.kartu{background:var(--color-surface);border:var(--_hair) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.kartu--terpilih{border-color:var(--color-navy);box-shadow:inset .25rem 0 0 0 var(--color-red),var(--elevation-1)}.kartu__toggle{display:flex;flex-direction:column;gap:var(--space-2);width:100%;min-height:var(--touch-min);padding:0 0 var(--space-3);font:inherit;text-align:left;color:inherit;background:transparent;border:0;cursor:pointer}.kartu__media{display:block;width:100%;aspect-ratio:var(--ratio-card-portrait);background:var(--color-navy-tint);overflow:hidden}.kartu__media :is(img,picture,svg){display:block;width:100%;height:100%;object-fit:cover}.kartu__nama{padding:0 var(--space-3);font-size:var(--type-title-card-size);line-height:var(--type-title-card-leading);letter-spacing:var(--type-title-card-tracking);font-weight:var(--type-title-card-weight)}.kartu__tanda{padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--type-mono-size);letter-spacing:var(--type-mono-tracking);color:var(--color-slate)}.kartu__tanda:before{content:"Ketuk untuk memilih"}.kartu--terpilih .kartu__tanda{color:var(--color-red-dark)}.kartu--terpilih .kartu__tanda:before{content:"Terpilih — ketuk untuk batal"}.kartu--baris{background:var(--color-page)}.kartu--baris .kartu__toggle{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-3)}.kartu--baris .kartu__nama{padding:0;font-size:var(--type-body-size);font-weight:var(--font-weight-semibold)}.kartu--baris .kartu__tanda{padding:0}.kartu__detail{padding:var(--space-3);display:grid;gap:var(--space-4);border-top:var(--_hair) solid var(--color-border);background:var(--color-page)}.ket{margin:0;color:var(--color-slate);font-size:var(--type-caption-size);line-height:var(--type-caption-leading);letter-spacing:var(--type-caption-tracking)}.ket--galat{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-red-dark);background:var(--color-red-tint);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold)}.grup{margin:0;padding:0;border:0;display:grid;gap:var(--space-2)}.grup__judul{margin:0;padding:0;font-weight:var(--font-weight-semibold);font-size:var(--type-caption-size);letter-spacing:var(--type-caption-tracking)}.chip-baris{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.chip-baris__label,.chip-baris>.chip-baris__label{font-family:var(--font-mono);font-size:var(--type-mono-size);letter-spacing:var(--type-mono-tracking);color:var(--color-slate);margin-right:var(--space-1)}.chip{min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--type-caption-size);color:var(--color-ink);background:var(--color-page);border:var(--_hair) solid var(--color-outline);border-radius:var(--radius-sm);cursor:pointer}.chip--kode,.chip--cepat{font-family:var(--font-mono);letter-spacing:var(--type-mono-tracking)}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--color-navy);color:var(--color-page);border-color:var(--color-navy);font-weight:var(--font-weight-semibold)}.stepper{display:inline-flex;align-items:stretch;gap:var(--space-1)}.stepper--kecil{gap:0}.stepper__tbl{min-width:var(--touch-min);min-height:var(--touch-min);font:inherit;font-size:var(--type-body-size);line-height:1;color:var(--color-ink);background:var(--color-surface);border:var(--_hair) solid var(--color-outline);border-radius:var(--radius-sm);cursor:pointer}.stepper__nilai{width:4.5rem;min-height:var(--touch-min);padding:var(--space-1) var(--space-2);font:inherit;font-family:var(--font-mono);font-size:var(--type-body-size);text-align:center;color:var(--color-ink);background:var(--color-page);border:var(--_hair) solid var(--color-outline);border-radius:var(--radius-sm)}.rincian{display:grid;gap:var(--space-2)}.rincian:empty{display:none}.rincian__baris{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-sm)}.rincian__label{font-family:var(--font-mono);font-weight:var(--font-weight-mono-med);letter-spacing:var(--type-mono-tracking);min-width:4rem}.rincian__qty{min-width:2.5rem;padding:0 var(--space-2);font-family:var(--font-mono);text-align:center;align-self:center}.rincian__buang{min-height:var(--touch-min);padding:0 var(--space-3);margin-left:auto;font:inherit;font-size:var(--type-caption-size);color:var(--color-red-dark);background:transparent;border:var(--_hair) solid var(--color-outline);border-radius:var(--radius-sm);cursor:pointer}.grup--addon{gap:var(--space-2)}.addon{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-2);cursor:pointer}.addon input{width:1.5rem;height:1.5rem;margin-top:.125rem;flex:none;accent-color:var(--color-navy)}.addon__nama{display:block;font-weight:var(--font-weight-semibold);font-size:var(--type-body-size)}.addon__ket{display:block;color:var(--color-slate);font-size:var(--type-caption-size)}.lainnya{border:var(--_hair) solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:var(--color-page)}.lainnya__judul{min-height:var(--touch-min);display:flex;align-items:center;padding:var(--space-3);font-weight:var(--font-weight-semibold);font-size:var(--type-body-size);cursor:pointer}.lainnya__judul::marker{color:var(--color-blue)}.lainnya__isi{display:grid;gap:var(--space-2);padding:0 var(--space-3) var(--space-3)}.lainnya__isi .kartu{border-color:var(--color-border)}.bebas .kartu--bebas{background:var(--color-navy-tint);border-color:var(--color-outline)}.bebas .kartu__detail{background:transparent;border-top:0}.teks-meta{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.teks-meta__grup{display:grid;gap:var(--space-2);font-size:var(--type-caption-size);font-weight:var(--font-weight-semibold)}.kaki-order{position:sticky;bottom:0;margin:var(--space-5) calc(-1 * var(--_pad-h)) 0;padding:var(--space-3) var(--_pad-h) calc(var(--space-3) + env(safe-area-inset-bottom,0rem));background:var(--color-page);border-top:var(--_hair) solid var(--color-border);box-shadow:var(--elevation-2);display:grid;gap:var(--space-2)}.kaki-order__atas{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0}.ringkas{margin:0;min-width:0;font-family:var(--font-mono);font-size:var(--type-mono-size);letter-spacing:var(--type-mono-tracking);color:var(--color-ink)}.kaki-order__lipat{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-2);margin-right:calc(-1 * var(--space-2));background:none;border:0;border-radius:var(--radius-sm);color:var(--color-link);font:inherit;font-size:var(--type-caption-size);cursor:pointer}.kaki-order__lipat:hover{color:var(--color-navy)}.kaki-order__lipat-ikon{transform:rotate(180deg);transition:transform var(--dur-2) var(--ease-out)}.kaki-order__lipat[aria-expanded=true] .kaki-order__lipat-ikon{transform:rotate(0)}.kaki-order__rinci{display:grid;gap:var(--space-2)}@media (prefers-reduced-motion: reduce){.kaki-order__lipat-ikon{transition:none}}.galat{margin:0;padding:var(--space-2) var(--space-3);background:var(--color-red-tint);color:var(--color-red-dark);border-radius:var(--radius-sm);font-size:var(--type-caption-size);line-height:var(--type-caption-leading)}.kaki-order__nota{margin:0;color:var(--color-slate);font-size:var(--type-caption-size);line-height:var(--type-caption-leading)}.kaki-order__pajak{margin:0;padding-top:var(--space-3);border-top:var(--_hair) solid var(--color-border);color:var(--color-ink);font-size:var(--type-caption-size);line-height:var(--type-caption-leading)}.btn{font:inherit;cursor:pointer;border-radius:var(--radius-md);border:var(--_hair) solid transparent}.btn--kirim{min-height:var(--touch-min);padding:var(--space-3) var(--space-5);width:100%;font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);color:var(--color-page);background:var(--color-red);border-color:var(--color-red-dark)}.btn--kirim:hover{background:var(--color-red-dark)}.btn--kirim:disabled{opacity:.6;cursor:progress}.uji-kirim{max-width:var(--_maxw);margin:var(--space-4) auto var(--space-6);padding:0 var(--_pad-h);color:var(--color-slate);font-size:var(--type-caption-size)}.uji-kirim summary{min-height:var(--touch-min);display:flex;align-items:center}.uji-json,.uji-wa{overflow-x:auto;padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--type-mono-size);line-height:var(--type-mono-leading);color:var(--color-ink);white-space:pre-wrap;word-break:break-word}.tanpa-js{max-width:var(--_maxw);margin:var(--space-5) auto;padding:var(--space-4) var(--_pad-h)}.tanpa-js a{color:var(--color-link)}.galat-bungkus{display:flex;align-items:flex-start;gap:var(--space-2)}.galat-bungkus .galat{flex:1;margin:0}.galat__tutup{flex:none;min-width:var(--touch-min);min-height:var(--touch-min);font:inherit;font-size:var(--type-body-size);line-height:1;color:var(--color-red-dark);background:transparent;border:var(--_hair) solid var(--color-outline);border-radius:var(--radius-sm);cursor:pointer}.baja-lain-baris{display:flex;flex-wrap:wrap;gap:var(--space-2)}.baja-lain-baris .isian__input{flex:1;min-width:12rem}.baja-profil{display:grid;gap:var(--space-3)}.baja-item{display:grid;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm)}.baja-item__kode{margin:0;font-family:var(--font-mono);font-weight:var(--font-weight-mono-med);letter-spacing:var(--type-mono-tracking)}.baja-qty-baris{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.baja-qty{display:grid;gap:var(--space-1)}.baja-qty__label{font-size:var(--type-caption-size);font-weight:var(--font-weight-semibold)}.baja-item .rincian__buang{justify-self:start;margin-left:0}.grind-extra{gap:var(--space-3)}:where(a,button,input,select,textarea,summary,.chip,.kartu__toggle):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}@media (max-width: 734px){.kartu-grid{grid-template-columns:1fr 1fr}.kop__isi{gap:var(--space-1) var(--space-3)}}@media (max-width: 26rem){.kartu-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}