:root{--g:20px;--s1:6px;--s2:10px;--s3:14px;--s4:20px;--s5:28px;--s6:40px;--s7:56px;--ink:#14201c;--ink-2:#47584f;--muted:#66756d;--paper:#fff;--soft:#f5f8f6;--line:#e3eae6;--line-2:#edf2ef;--green:#00a344;--green-dark:#007f2e;--green-soft:#e9f8ef;--amber:#a86a0f;--amber-soft:#fff6e5;--red:#b8503f;--red-soft:#fceeeb;--radius:13px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--soft);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3{margin:0;letter-spacing:-.022em;text-wrap:balance}h1{font-size:27px;line-height:1.22}h1,h2{font-weight:800}h2{font-size:21px;line-height:1.28}h3{font-size:17px;line-height:1.35;font-weight:700}p{margin:0}.shell{max-width:520px;margin:0 auto;background:var(--paper);min-height:100vh;padding-bottom:96px;overflow:hidden}.sec{padding:var(--s6) var(--g);display:flex;flex-direction:column;gap:var(--s3)}.sec.soft{background:var(--soft)}.sec.tight{gap:var(--s2)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green-dark)}.lead{font-size:16.5px;color:var(--ink-2);line-height:1.72}.mini{font-size:13px;color:var(--muted);line-height:1.55}.imgwrap{margin-top:var(--s2);border-radius:12px;overflow:hidden}.hero{padding:var(--s5) var(--g) var(--s6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s3);background:linear-gradient(180deg,var(--green-soft) 0,var(--paper) 64%)}.badge{background:#fff;border:1px solid #bde6cc;color:var(--green-dark);font-size:11.5px;font-weight:800;letter-spacing:.05em;padding:7px 14px;border-radius:99px}.hero .sub{font-size:16px;color:var(--ink-2);line-height:1.6;max-width:34ch}.heroimg{width:100%;margin:var(--s1) 0;position:relative}.heroimg img{border-radius:14px;box-shadow:0 10px 30px rgba(20,32,28,.12);aspect-ratio:1/1;object-fit:cover}.heroimg-tag{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;background:rgba(20,32,28,.78);color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:13.5px;font-weight:700;padding:8px 12px;border-radius:99px;background:#fff;border:1.5px solid var(--line);color:var(--ink-2)}.pricebox{display:flex;flex-direction:column;align-items:center;gap:var(--s1);margin-top:var(--s1)}.pricewrap{display:flex;align-items:baseline;gap:7px}.price{font-size:38px;font-weight:800;letter-spacing:-.035em;line-height:1}.price-unit{font-size:14px;color:var(--muted);font-weight:700}.price-note{font-size:13.5px;color:var(--muted)}.freeship{display:inline-flex;align-items:center;gap:6px;background:var(--amber-soft);color:#6b4409;font-size:12.5px;border-radius:99px}.freeship,.pb-stock{font-weight:700;padding:6px 12px}.pb-stock{display:inline-block;font-size:13.5px;color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:99px;margin-top:2px}.bundle-bonus{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--green-dark);margin-top:4px}.wafloat{width:38px;height:38px;opacity:.85;box-shadow:0 2px 8px rgba(0,0,0,.15)}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;padding:9px 14px;border-radius:99px;line-height:1.2}.pill.cod{background:var(--green-dark);color:#fff;box-shadow:0 2px 0 #005e22}.pill.ship{background:var(--amber-soft);color:#6b4409;border:1px solid #f3d9a6}.pill small{font-weight:600;opacity:.85;font-size:12px}.cd{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:var(--s2);background:#fff;border:1.5px dashed #f3c77a;border-radius:12px;padding:10px 16px}.cd-label{font-size:12px;font-weight:700;color:#8a5a0b;letter-spacing:.02em}.cd-nums{gap:6px}.cd-nums,.cd-nums>span{display:flex;align-items:center}.cd-nums>span{flex-direction:column;min-width:44px}.cd-nums b{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.cd-nums i{font-style:normal;font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}.cd-sep{font-size:22px;font-weight:800;color:#c9a25b;line-height:1;padding-bottom:12px;min-width:auto!important}.cd-compact{font-size:11px;font-weight:800;color:#8a5a0b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-toast{position:fixed;top:12px;left:12px;z-index:70;width:min(380px,calc(100vw - 24px));display:grid;grid-template-columns:36px minmax(0,1fr) 24px;grid-template-rows:auto auto;align-items:center;grid-column-gap:9px;column-gap:9px;grid-row-gap:5px;row-gap:5px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px rgba(20,32,28,.14);border-radius:14px;padding:11px 10px;transform:translateY(-16px);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .35s ease}.sp-toast.on{transform:none;opacity:1;pointer-events:auto}.sp-ava{width:36px;height:36px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;grid-column:1;grid-row:1/3}.sp-txt{min-width:0;grid-column:2;grid-row:1;font-size:13px;line-height:1.35;color:var(--ink)}.sp-txt b{font-weight:800}.sp-copy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}.sp-purchase{font-size:13px;font-weight:600;margin-top:2px}.sp-when{display:block;font-size:11px;color:var(--muted);margin-top:3px}.sp-verified{display:flex;align-items:center;justify-self:start;gap:4px;grid-column:2;grid-row:2;color:var(--green-dark);font-size:10px;font-weight:700;white-space:nowrap;background:var(--green-soft);padding:4px 8px;border-radius:99px}.sp-verified svg{width:13px;height:13px;fill:var(--green-dark);stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sp-x{grid-column:3;grid-row:1;align-self:start;border:0;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:1px 3px}@media(max-width:420px){.sp-toast{top:10px;left:10px;width:calc(100vw - 20px);grid-template-columns:32px minmax(0,1fr) 22px;column-gap:8px;padding:10px}.sp-ava{width:32px;height:32px;font-size:14px}.sp-copy{font-size:11.5px}.sp-purchase{font-size:12.5px}}.wsearch{position:relative}.wsearch input{width:100%}.wspin{position:absolute;right:12px;top:14px;width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:wspin .7s linear infinite}@keyframes wspin{to{transform:rotate(1turn)}}.wlist{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;margin:0;padding:4px;list-style:none;background:#fff;border:1.5px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(20,32,28,.12);max-height:280px;overflow-y:auto}.wlist li{padding:9px 11px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:1px}.wlist li b{font-size:14.5px;font-weight:800}.wlist li span{font-size:12px;color:var(--muted);line-height:1.35}.wlist li.hi{background:var(--green-soft)}.wlist.wempty{padding:12px;font-size:13px;color:var(--muted)}.wpick{display:flex;align-items:center;gap:10px;border:1.5px solid var(--green);background:var(--green-soft);border-radius:11px;padding:10px 12px}.wpick>div{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.wpick b{font-size:15px;font-weight:800}.wpick span{font-size:12.5px;color:var(--ink-2);line-height:1.35}.maps{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;margin-top:var(--s1)}.maps-q{background:var(--soft);border-radius:99px;padding:8px 14px;font-size:13.5px;font-weight:700;color:var(--ink-2);margin-bottom:4px}.maps-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid var(--line-2)}.maps-row b{flex:1 1;font-size:14.5px;font-weight:800}.maps-row span{font-size:12.5px;color:var(--ink-2);white-space:nowrap}.maps-row span strong{color:var(--ink)}.maps-row i{font-style:normal;font-size:11.5px;font-weight:800;color:var(--muted);min-width:26px;text-align:right}.maps-row.dim{opacity:.45;border-style:dashed}.maps-row.you{border:1.5px solid var(--red);background:var(--red-soft)}.maps-row.you i{color:var(--red)}.pb{display:flex;flex-direction:column;gap:3px}.pb-strike{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--muted)}.pb-strike s{text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-decoration-thickness:2px}.pb-off{background:var(--red);color:#fff;font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:99px}.pb-hemat{font-size:13px;font-weight:800;color:var(--green-dark)}.bundle{background:var(--amber-soft);border:1px solid #f3d9a6;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.5}.bundle b{display:block;font-size:14px;margin-bottom:1px}.bundle strong,.guarantee{color:var(--green-dark)}.guarantee{display:flex;gap:9px;align-items:flex-start;background:var(--green-soft);border-radius:10px;padding:10px 12px;font-size:13.5px;font-weight:700;line-height:1.45}.couriers{text-align:center;font-size:12px;color:var(--muted)}.asklink{font-size:14px;font-weight:700;color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}.sp-strike{display:block;font-size:11px;color:var(--muted)}.wafloat{position:fixed;right:14px;bottom:88px;z-index:61;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(37,211,102,.45);text-decoration:none}.wafloat:active{transform:scale(.96)}@media (min-width:560px){.wafloat{right:calc(50% - 260px + 14px)}}.clogo{display:block;width:auto;max-width:72px;object-fit:contain;flex:0 0 auto}.clogo-txt{display:inline-flex;font-size:12px;font-weight:800;padding:0 8px;border-radius:6px;background:var(--soft);color:var(--ink-2)}.clogo-txt,.payicon{align-items:center;flex:0 0 auto}.payicon{width:38px;height:38px;border-radius:10px;display:flex;justify-content:center}.payicon-cod{background:#e9f8ef;color:#007f2e}.payicon-tf{background:#eaf0fb;color:#1f4e9c}.opt.on .payicon-cod{background:#007f2e;color:#fff}.opt.on .payicon-tf{background:#1f4e9c;color:#fff}.optlist{display:flex;flex-direction:column;gap:8px}.opt{display:grid;grid-template-columns:20px 56px 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .12s,background .12s}.opt input{position:absolute;opacity:0;width:0;height:0}.opt-radio{width:20px;height:20px;border-radius:50%;border:2px solid #c7d2cb;background:#fff;position:relative;flex:0 0 auto}.opt.on{background:var(--green-soft)}.opt.on,.opt.on .opt-radio{border-color:var(--green)}.opt.on .opt-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--green)}.opt.off{opacity:.5;cursor:not-allowed}.opt-logo{width:56px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line-2);border-radius:8px;overflow:hidden}.opt-logo .clogo{max-width:50px;max-height:26px;height:auto}.opt-logo .payicon{width:100%;height:100%;border-radius:7px}.opt-logo-qris img{width:46px;height:auto;display:block}.opt-body{display:flex;flex-direction:column;gap:2px;min-width:0}.opt-title{font-size:15px;font-weight:800;line-height:1.25;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.opt-sub{font-size:12.5px;color:var(--muted);line-height:1.45}.opt-price{font-size:15px;font-weight:800;white-space:nowrap;text-align:right}.opt-price .banklogo{height:18px;width:auto;max-width:64px}.opt-tag{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:2px 7px;border-radius:99px;background:var(--green-dark);color:#fff}.po-note{display:flex;gap:10px;align-items:flex-start;background:var(--amber-soft);border:1px solid #f3d9a6;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.5;color:#6b4409}.po-tag{flex:0 0 auto;font-size:11px;font-weight:800;letter-spacing:.06em;background:var(--amber);color:#fff;padding:3px 7px;border-radius:6px;margin-top:2px}.po-mini{color:#6b4409}.ctabox{flex-direction:column;gap:var(--s2);margin-top:var(--s3)}.cta,.ctabox{display:flex;width:100%}.cta{align-items:center;justify-content:center;gap:9px;min-height:58px;padding:0 20px;border:0;cursor:pointer;background:var(--green);color:#fff;font-family:var(--font);text-decoration:none;font-size:18px;font-weight:800;border-radius:var(--radius);box-shadow:0 3px 0 var(--green-dark);transition:transform .06s}.cta:active{transform:translateY(2px);box-shadow:0 1px 0 var(--green-dark)}.cta:disabled{opacity:.6;cursor:not-allowed}.cta-sub{text-align:center;font-size:13px;color:var(--muted);line-height:1.5}.cta-ghost{background:#fff;color:var(--green-dark);border:1.5px solid var(--green);box-shadow:none;font-size:16px;min-height:52px}.cta-ghost:active{transform:none}.strip{display:flex;background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip>div{flex:1 1;padding:var(--s3) var(--s2);text-align:center;border-right:1px solid var(--line)}.strip>div:last-child{border-right:0}.strip b{display:block;font-size:13.5px;font-weight:800;margin-bottom:2px}.strip span{font-size:11px;color:var(--muted);line-height:1.4;display:block}.clist,.plist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.plist li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--line-2);font-size:15.5px;color:var(--ink-2);line-height:1.55}.plist li:last-child{border-bottom:0}.plist li:before{content:"✕";position:absolute;left:5px;top:12px;color:var(--red);font-size:13px;font-weight:800}.clist li{position:relative;padding:8px 0 8px 29px;font-size:15.5px;line-height:1.6}.clist li:before{content:"✓";position:absolute;left:4px;top:8px;color:var(--green);font-weight:800}.offer{border:2px solid var(--green);border-radius:16px;overflow:hidden;background:#fff;margin-top:var(--s1)}.offer-photo{margin:0;position:relative;background:#111}.offer-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.offer-photo figcaption{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;background:rgba(20,32,28,.78);color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.offer-top{background:var(--green);padding:12px var(--s4);text-align:center}.proof-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:var(--s1) calc(var(--g) * -1) 0;padding:0 var(--g) 6px;scrollbar-width:none}.proof-row::-webkit-scrollbar{display:none}.proof-chat{margin:0;flex:0 0 66%;scroll-snap-align:start;border-radius:14px;overflow:hidden;border:1.5px solid var(--line);background:#0b141a;box-shadow:0 6px 18px rgba(20,32,28,.08)}.proof-chat img{display:block;width:100%;height:auto}.proof-pack{margin:var(--s1) 0 0;border-radius:14px;overflow:hidden;border:1.5px solid var(--line);background:#fff}.proof-pack img{display:block;width:100%;height:auto}.proof-pack figcaption{padding:10px 12px;font-size:13px;color:var(--ink-2);line-height:1.5;border-top:1px solid var(--line-2)}@media (min-width:600px){.proof-chat{flex-basis:calc((100% - 20px) / 3)}}.offer-top b{font-size:14.5px;font-weight:800;color:#fff;letter-spacing:.03em}.offer-body{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.offer-price{display:flex;align-items:baseline;gap:8px;padding-top:var(--s3);border-top:1px dashed var(--line)}.offer-price .p{font-size:32px;font-weight:800;letter-spacing:-.035em;line-height:1}.offer-price .u{font-size:13px;color:var(--muted);font-weight:700}.flow{display:flex;gap:var(--s2);margin-top:var(--s1)}.flow>div{flex:1 1;background:#fff;border:1px solid var(--line);border-radius:11px;padding:var(--s3) var(--s2);text-align:center}.flow .n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);margin-bottom:6px}.flow .n,.flow b{font-size:12.5px;font-weight:800}.flow b{display:block;line-height:1.3}.flow span{display:block;font-size:11px;color:var(--muted);line-height:1.4;margin-top:3px}.steps{counter-reset:s;list-style:none;padding:0;margin:var(--s1) 0 0;display:flex;flex-direction:column;gap:var(--s4)}.steps li{counter-increment:s;position:relative;padding-left:44px;font-size:15.5px;color:var(--ink-2);line-height:1.6}.steps li strong{color:var(--ink);display:block;font-size:16px;margin-bottom:3px}.steps li:before{content:counter(s);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0 var(--g)}.faq summary{padding:17px 30px 17px 0;font-size:15.5px;font-weight:700;line-height:1.5;cursor:pointer;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:2px;top:15px;font-size:21px;color:var(--green);font-weight:700;line-height:1}.faq details[open] summary{padding-bottom:var(--s2)}.faq details[open] summary:after{content:"–"}.faq .ans{padding:0 0 18px;font-size:15px;color:var(--ink-2);line-height:1.72}.callout{background:var(--amber-soft);border-left:4px solid var(--amber);padding:var(--s3) var(--s4);border-radius:0 10px 10px 0;margin-top:var(--s2)}.callout p{font-size:14.5px;color:#5a4210;line-height:1.65}.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;background:hsla(0,0%,100%,.98);backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);border-top:1px solid var(--line);padding:10px var(--s3) calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:var(--s3);box-shadow:0 -4px 16px rgba(0,0,0,.08)}.sticky .sp{flex:0 0 auto;line-height:1.12}.sticky .sp b{display:block;font-size:19px;font-weight:800;letter-spacing:-.03em}.sticky .sp span{font-size:10.5px;color:var(--muted)}.sticky .cta{flex:1 1;min-height:50px;font-size:16px;border-radius:11px}.foot{text-align:center;padding:var(--s5) var(--g) var(--s3);font-size:12.5px;color:var(--muted);border-top:1px solid var(--line)}.backdrop{position:fixed;inset:0;background:rgba(16,30,28,.5);z-index:100;opacity:0;pointer-events:none;transition:opacity .22s}.backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:101;max-width:520px;margin:0 auto;background:var(--paper);border-radius:18px 18px 0 0;max-height:94vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .26s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 40px rgba(0,0,0,.2)}.sheet.open{transform:translateY(0)}.sheet-head{padding:var(--s3) var(--g);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex:0 0 auto}.sheet-head h2{font-size:18px}.sheet-title{display:flex;align-items:center;gap:10px;min-width:0}.sheet-thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:0 0 auto;border:1px solid var(--line)}.sheet-sub{display:block;font-size:12px;color:var(--muted);margin-top:1px}.sheet-grab{width:38px;height:4px;border-radius:99px;background:var(--line);margin:8px auto 0}.sheet-body{overflow-y:auto;padding:var(--s4) var(--g) var(--s5);display:flex;flex-direction:column;gap:var(--s4);-webkit-overflow-scrolling:touch}.xbtn{border:0;background:var(--soft);width:34px;height:34px;border-radius:50%;font-size:19px;line-height:1;cursor:pointer;color:var(--ink-2);flex:0 0 auto}.pay-shell{padding-bottom:var(--s6)}.pay-top{display:flex;justify-content:center;padding:var(--s4) var(--g) 0}.pay-body{padding:var(--s4) var(--g) var(--s5)}.pay-head{display:flex;flex-direction:column;align-items:center;gap:8px}.pay-head h1{font-size:22px;line-height:1.25}.co-inline{margin:0 var(--g) var(--s6);border:2px solid var(--green);border-radius:18px;background:#fff;overflow:hidden;scroll-margin-top:12px}.co-inline .sheet-head{padding:var(--s3) var(--s4)}.co-inline .sheet-body{padding:var(--s4) var(--s4) var(--s5);overflow:visible}.co-inline .co-grid{display:flex;flex-direction:column;gap:var(--s4)}.sticky.hide{transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .25s,opacity .2s}.payicon-qris{background:#eef3ff;color:#2b4ec9}.qrbox{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px}.qrbox img{width:min(280px,70vw);height:auto;border-radius:8px}.qris-card{width:100%;background:var(--paper);border:1.5px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(20,32,28,.07)}.qris-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--green);padding:14px 18px}.qris-brand{display:flex;flex-direction:column;line-height:1.25;color:#fff}.qris-brand b{font-size:19px;font-weight:800;letter-spacing:-.01em}.qris-brand span{font-size:12px;color:hsla(0,0%,100%,.88)}.qris-mark{height:34px;width:auto;background:#fff;border-radius:8px;padding:5px 9px;object-fit:contain}.qris-amount{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px 16px 8px;text-align:center}.qris-label{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.qris-amount b{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.qris-qr{display:flex;justify-content:center;padding:6px 16px 14px}.qris-qr img{width:min(300px,72vw);height:auto;border:1.5px solid var(--line);border-radius:14px;padding:10px;background:#fff}.qris-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0 18px 12px}.qris-live{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--green-dark)}.qris-order{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px dashed var(--line);padding:11px 18px;background:var(--soft)}.qris-order .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:14px;letter-spacing:.03em}.qris-actions{display:flex;gap:10px;width:100%}.qris-btn{flex:1 1;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:12px;color:var(--ink);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.qris-btn:active{background:var(--soft)}.qris-btn.primary{background:var(--green);border-color:var(--green);color:#fff}.qris-btn.primary:active{background:var(--green-dark)}.qris-note{width:100%;background:var(--amber-soft);color:var(--amber);border-radius:11px;padding:11px 13px;font-size:13.5px;line-height:1.6;text-align:left}.qris-btn:disabled{opacity:.6;cursor:not-allowed}.qris-steps{width:100%;margin:0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:7px;font-size:14.5px;color:var(--ink-2);line-height:1.6;text-align:left}.qris-steps li{padding-left:2px}.qris-steps li::marker{color:var(--green-dark);font-weight:800}.qris-trust{display:flex;gap:9px;align-items:flex-start;width:100%;background:var(--green-soft);border-radius:12px;padding:12px 14px;font-size:13.5px;color:var(--ink-2);line-height:1.6;text-align:left}.qris-trust svg{flex:0 0 auto;margin-top:2px;color:var(--green-dark)}.qr-nominal{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;background:var(--green-soft);border-radius:10px;padding:8px 10px;text-align:center}.qr-nominal b{font-size:20px;color:var(--green-dark);line-height:1.15}.qr-nominal .mini,.qr-wait{color:var(--ink-2)}.qr-wait{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600}.qr-dot{width:9px;height:9px;border-radius:50%;background:var(--green);animation:qrpulse 1.2s ease-in-out infinite}@keyframes qrpulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.paid-badge{display:inline-flex;align-items:center;gap:8px;background:var(--green-soft);color:var(--green-dark);font-weight:800;border-radius:99px;padding:8px 14px}.co-2,.co-grid,.co-main,.co-side{display:flex;flex-direction:column;gap:var(--s4)}@media (min-width:760px){.sheet{max-width:940px;top:50%;bottom:auto;border-radius:18px;max-height:92vh;transform:translateY(calc(-50% + 32px));opacity:0;transition:transform .22s cubic-bezier(.32,.72,0,1),opacity .18s}.sheet.open{transform:translateY(-50%);opacity:1}.sheet-grab{display:none}.sheet-body{padding:var(--s4) var(--s5) var(--s5)}.sheet .co-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-gap:var(--s5);gap:var(--s5);align-items:start}.sheet .co-main,.sheet .co-side{gap:var(--s3)}.sheet .co-side{position:-webkit-sticky;position:sticky;top:0}.co-2{flex-direction:row;gap:var(--s3)}.co-2>.field{flex:1 1;min-width:0}.field textarea{min-height:72px}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13.5px;font-weight:700}.field .hint{font-size:12px;color:var(--muted);font-weight:400}.field input,.field select,.field textarea{font-family:var(--font);font-size:16px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:11px;padding:13px 14px;width:100%;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green)}.field textarea{min-height:88px;resize:vertical;line-height:1.55}.field.err input,.field.err select,.field.err textarea{border-color:var(--red);background:var(--red-soft)}.err-msg{font-size:12.5px;color:var(--red);font-weight:600}.qty{display:flex;align-items:center;gap:0;border:1.5px solid var(--line);border-radius:11px;overflow:hidden;width:-moz-fit-content;width:fit-content}.qty button{border:0;background:#fff;width:46px;height:46px;font-size:21px;cursor:pointer;color:var(--ink)}.qty button:disabled{color:var(--line);cursor:not-allowed}.qty span{min-width:48px;text-align:center;font-size:17px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.paylist{display:flex;flex-direction:column;gap:var(--s2)}.payopt{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;background:#fff}.payopt.active{border-color:var(--green);background:var(--green-soft)}.payopt.disabled{opacity:.5;cursor:not-allowed}.payopt input{margin-top:3px;accent-color:var(--green);width:18px;height:18px;flex:0 0 auto}.payopt b{display:block;font-size:15px;font-weight:800}.payopt span{display:block;font-size:12.5px;color:var(--muted);line-height:1.5;margin-top:2px}.summary{background:var(--soft);border-radius:12px;padding:var(--s3) var(--s4);display:flex;flex-direction:column;gap:8px}.srow{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--ink-2)}.srow.total{border-top:1px dashed var(--line);padding-top:10px;margin-top:2px;font-size:17px;font-weight:800;color:var(--ink)}.srow .free{color:var(--green-dark);font-weight:700}.alert{background:var(--red-soft);border-left:3px solid var(--red);padding:12px 14px;border-radius:0 8px 8px 0;font-size:14px;color:#7a3225;line-height:1.55}.done{flex-direction:column;gap:var(--s4);text-align:center;padding:var(--s5) 0}.done,.tick{display:flex;align-items:center}.tick{width:64px;height:64px;border-radius:50%;background:var(--green-soft);justify-content:center;font-size:32px;color:var(--green-dark)}.orderno{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:700;background:var(--soft);padding:8px 14px;border-radius:9px;letter-spacing:.04em}.bankcard{border:1.5px solid var(--line);border-radius:14px;padding:var(--s4);width:100%;display:flex;flex-direction:column;gap:var(--s2);text-align:left}.bankhead{display:flex;align-items:center;gap:12px;padding-bottom:var(--s2);border-bottom:1px solid var(--line-2)}.banklogo{height:30px;width:auto;max-width:130px;object-fit:contain}.bankmark{display:inline-flex;align-items:center;gap:10px;color:var(--green-dark)}.bankmark b{color:var(--ink);letter-spacing:-.01em}.bankmark b,.bankname{font-size:16px;font-weight:800}.banklabel{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.bankno{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--soft);border-radius:10px;padding:13px 14px}.bankno b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;letter-spacing:.055em;font-weight:800;word-break:break-all}.copybtn{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--green-dark);font-family:var(--font);flex:0 0 auto}@media (max-width:360px){:root{--g:16px}h1{font-size:24px}.price{font-size:33px}.flow{flex-direction:column}}@media (prefers-reduced-motion:reduce){.cta:active{transform:none}.backdrop,.sheet{transition:none}}.tip{position:relative;margin-left:4px;vertical-align:middle}.tip,.tip-btn{display:inline-flex;align-items:center}.tip-btn{justify-content:center;width:18px;height:18px;border-radius:50%;border:0;background:none;color:var(--muted);cursor:pointer;padding:0}.tip-btn:hover,.tip-btn[aria-expanded=true]{color:var(--green-dark)}.tip-pop{bottom:calc(100% + 6px);width:min(260px,80vw);background:#14201c;color:#fff;font-size:12.5px;line-height:1.5;font-weight:500;padding:9px 11px;border-radius:9px;z-index:30;box-shadow:0 8px 24px rgba(20,32,28,.18);text-align:left}.tip-pop,.tip-pop:after{position:absolute;left:50%;transform:translateX(-50%)}.tip-pop:after{content:"";top:100%;border:6px solid transparent;border-top-color:#14201c}.ship-note{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--ink-2);background:var(--soft);border-radius:10px;padding:10px 12px}.ship-note svg{flex:0 0 auto;margin-top:2px;color:var(--green-dark)}.promo-ribbon{display:inline-flex;flex-direction:column;align-items:center;gap:0;background:#fff;border:1.5px dashed #f3b8ac;border-radius:12px;padding:8px 14px;font-size:14px;color:var(--ink-2)}.promo-ribbon .pr-price{display:flex;align-items:baseline;gap:8px}.promo-ribbon s{color:var(--muted);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-decoration-thickness:2px}.promo-ribbon b{font-size:19px;color:var(--red);font-weight:900;letter-spacing:-.01em}.promo-ribbon strong{color:var(--green-dark)}.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px;margin-top:10px}.tier{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:16px 4px 11px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font:inherit;color:var(--ink);cursor:pointer;text-align:center;transition:border-color .15s,transform .15s}.tier:hover{border-color:var(--green)}.tier:active{transform:scale(.98)}.tier.best{border:2px solid var(--green);background:var(--green-soft)}.tier-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;max-width:calc(100% + 8px);background:var(--green-dark);color:#fff;font-size:8.5px;font-weight:800;letter-spacing:.04em;padding:3px 7px;border-radius:99px}.tier-n{font-size:13.5px;font-weight:800;color:var(--ink-2)}.tier-price{font-size:clamp(13.5px,4vw,17px);font-weight:900;letter-spacing:-.02em;line-height:1.2}.tier-unit{font-size:11px;color:var(--muted)}.tier-note{margin-top:4px;font-size:11.5px;font-weight:800;color:var(--green-dark);line-height:1.3}.wfc{position:relative;flex:none;animation:wfc-pop .5s cubic-bezier(.34,1.56,.64,1) both}.wfc img{width:100%;height:auto;border-radius:12%;background:#fff;box-shadow:0 16px 34px -14px rgba(20,32,28,.45),0 2px 6px rgba(20,32,28,.08);transform-origin:50% 90%;animation:wfc-wiggle 3.6s ease-in-out 1s infinite}.wfc-md{width:min(280px,72vw)}.wfc-sm{width:92px}.wfc-sm img{border-radius:14%;box-shadow:0 8px 16px -8px rgba(20,32,28,.45),0 1px 3px rgba(20,32,28,.1);animation-duration:3s}@keyframes wfc-pop{0%{transform:scale(.6) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes wfc-wiggle{0%,62%,to{transform:rotate(0) scale(1)}68%{transform:rotate(-5deg) scale(1.06)}74%{transform:rotate(4deg) scale(1.06)}80%{transform:rotate(-3deg) scale(1.03)}86%{transform:rotate(2deg) scale(1.01)}92%{transform:rotate(-1deg) scale(1)}}@media (prefers-reduced-motion:reduce){.wfc,.wfc img{animation:none}}.wifi-show{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 4px}.wifi-cap{font-size:11.5px}.wifi-price{background:var(--amber-soft);border:1px solid #f3d9a6;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.5}.wifi-price s{color:var(--muted);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-decoration-thickness:2px}.wifi-price b{font-size:20px;font-weight:900;color:var(--ink)}.wifi-price span{font-size:12.5px;color:var(--muted);margin-left:2px}.wifi-price strong{color:var(--green-dark)}.bump{border:2px dashed #f0b429;border-radius:13px;background:#fffbeb;padding:10px;display:flex;flex-direction:column;gap:8px}.bump.on{border-style:solid;border-color:var(--green);background:var(--green-soft)}.bump-free{background:var(--green-dark);color:#fff;border-radius:9px;padding:7px 10px;font-size:13px;line-height:1.4}.bump-hint{font-size:12.5px;color:#6b4409;line-height:1.4}.bump-head{display:flex;align-items:center;gap:10px;cursor:pointer;line-height:1.3}.bump-head input{position:absolute;opacity:0;pointer-events:none}.bump-box{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid #c98a0b;background:#fff;display:grid;place-items:center;transition:all .12s}.bump-head input:checked+.bump-box{background:var(--green);border-color:var(--green)}.bump-head input:checked+.bump-box:after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}.bump-head input:focus-visible+.bump-box{outline:2px solid var(--green);outline-offset:2px}.bump-head .wfc-sm{width:52px}.bump-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.bump-text b{font-size:14.5px}.bump-text small{font-size:12px;color:var(--muted);line-height:1.35}.bump-price{flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.bump-price s{font-size:11.5px;color:var(--muted);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-decoration-thickness:1.5px}.bump-price b{font-size:15px;font-weight:900}.bump-qty{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;font-weight:700}.qty.qty-sm button{width:38px;height:38px;font-size:19px}.qty.qty-sm span{min-width:38px;font-size:15px}.p3-img{margin:4px 0 0;position:relative;border-radius:14px;overflow:hidden}.p3-img img{width:100%;height:auto}.p3-img figcaption{position:absolute;right:8px;bottom:8px;background:rgba(20,32,28,.62);color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px}.p3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.p3 div{background:var(--soft);border:1px solid var(--line);border-radius:11px;padding:10px 8px;display:flex;flex-direction:column;gap:2px;text-align:center}.p3 b{font-size:13.5px;line-height:1.3}.p3 span{font-size:11.5px;color:var(--muted);line-height:1.35}.wf-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.wf-grid figure{margin:0;position:relative;border-radius:12px;overflow:hidden}.wf-grid img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.wf-grid figcaption{position:absolute;left:8px;bottom:8px;background:rgba(20,32,28,.72);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px}.wf-design{margin:0 auto 4px;width:min(240px,64%)}.wf-design img{width:100%;height:auto;border-radius:12%;box-shadow:0 12px 26px -12px rgba(20,32,28,.4)}.link-items{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--soft)}.link-items b{font-size:16px}.link-items span{font-size:13px;color:var(--muted)}.lp-link-head{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px var(--g) 8px;text-align:center}.lp-link-head img{height:34px;width:auto}.lp-link-head h1{font-size:22px}.lp-link-head p{font-size:14px;color:var(--muted);max-width:34ch}.lp-link-note{margin:12px var(--g);padding:14px;border:1.5px dashed var(--line);border-radius:12px;font-size:14px;color:var(--ink-2);text-align:center}.trk{padding-bottom:40px}.trk-form{margin:8px var(--g) 16px;padding:16px;border:1.5px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:8px;background:#fff}.trk-form label{font-weight:700;font-size:14px}.trk-row{display:flex;gap:8px}.trk-row input{flex:1 1;min-width:0;height:52px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font-size:18px;font-weight:600;letter-spacing:.02em}.trk-row input:focus{outline:0;border-color:var(--green)}.trk-row .cta{width:auto;min-height:52px;padding:0 22px}.trk-form .hint{font-size:12.5px;color:var(--muted)}.trk-empty{margin:0 var(--g);padding:18px;border:1.5px dashed var(--line);border-radius:14px;gap:8px;text-align:center;font-size:14px;color:var(--ink-2)}.trk-empty,.trk-list{display:flex;flex-direction:column}.trk-list{gap:14px;padding:0 var(--g)}.trk-card{border:1.5px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;background:#fff;box-shadow:0 8px 24px -18px rgba(20,32,28,.35)}.trk-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.trk-head>div{display:flex;flex-direction:column}.trk-no{font-family:ui-monospace,Menlo,monospace;font-size:14.5px}.trk-head span{font-size:12.5px;color:var(--muted)}.trk-badge{font-size:12px;font-weight:800;padding:5px 10px;border-radius:99px;background:var(--soft);color:var(--ink-2);text-align:center;white-space:nowrap}.trk-badge.s-dikirim{background:#eaf1fe;color:#0f4fc4}.trk-badge.s-selesai{background:var(--green-soft);color:var(--green-dark)}.trk-badge.s-menunggu_bayar{background:var(--amber-soft);color:var(--amber)}.trk-badge.s-batal,.trk-badge.s-ditolak{background:var(--red-soft);color:var(--red)}.trk-kv{display:grid;grid-template-columns:104px 1fr;grid-gap:4px 10px;gap:4px 10px;margin:0;font-size:14px}.trk-kv dt{color:var(--muted)}.trk-kv dd{margin:0;font-weight:600}.trk-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;counter-reset:s}.trk-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;text-align:center;color:var(--muted);font-weight:600}.trk-steps li i{width:14px;height:14px;border-radius:50%;background:var(--line);position:relative;z-index:1}.trk-steps li:before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--line)}.trk-steps li:first-child:before{display:none}.trk-steps li.on{color:var(--ink)}.trk-steps li.on i{box-shadow:0 0 0 4px var(--green-soft)}.trk-steps li.on i,.trk-steps li.on:before{background:var(--green)}.trk-resi{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;background:var(--soft)}.trk-resi>div{display:flex;flex-direction:column;min-width:0}.trk-resi span{font-size:11.5px;color:var(--muted)}.trk-resi b{font-size:14.5px;overflow-wrap:anywhere}.trk-copy,.trk-refresh{margin-left:auto;border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:6px 12px;font-weight:700;font-size:12.5px;cursor:pointer}.trk-now{padding:10px 12px;border-radius:12px;font-weight:700;font-size:14px;background:#eaf1fe;color:#0f4fc4}.trk-now.t-ok{background:var(--green-soft);color:var(--green-dark)}.trk-now.t-warn{background:var(--amber-soft);color:var(--amber)}.trk-now.t-bad{background:var(--red-soft);color:var(--red)}.trk-now.t-muted{background:var(--soft);color:var(--ink-2)}.trk-tl b{font-size:13.5px}.trk-tl ul{list-style:none;margin:8px 0 0;padding:0 0 0 14px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:10px}.trk-tl li{position:relative;font-size:13.5px;line-height:1.45;color:var(--ink-2)}.trk-tl li:before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--line);border:2px solid #fff}.trk-tl li.now{color:var(--ink);font-weight:600}.trk-now small{margin-top:4px;font-size:13px;line-height:1.45;opacity:.9}.trk-now small,.trk-tl li em{display:block;font-weight:500}.trk-tl li em{font-style:normal;font-size:12.5px;color:var(--ink-2)}.trk-photos{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.trk-ph-lock{width:96px;height:96px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:20px;background:linear-gradient(135deg,#dfe3e8,#c9d0d8 40%,#e6e9ed 70%,#cfd5dc);filter:blur(.3px)}.trk-unlock{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px dashed var(--line);border-radius:12px;background:var(--soft);font-size:13.5px;line-height:1.45}.trk-unlock .trk-row input{letter-spacing:.2em;font-weight:700}.trk-photos img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--soft);display:block}.trk-tl li.now:before{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.trk-tl li span{display:block;font-size:11.5px;color:var(--muted);font-weight:600}.trk-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line)}.trk-foot .trk-refresh{margin-left:auto}.trk-link{font-size:13px;font-weight:700;color:var(--green-dark);width:100%;text-align:right}