.buy-page{background:var(--kertas,#f2f1ed);min-height:100vh;color:var(--tinta,#0b0c0e);font-family:var(--f-body,Arial, sans-serif);overflow-x:clip}.buy-shell{width:min(100% - 48px,1040px);margin:0 auto;padding-bottom:80px}.buy-header{border-bottom:1px solid var(--garis,#d0cfca);justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.buy-brand{color:inherit;letter-spacing:-.045em;align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.buy-brand-mark{background:var(--biru,#1b3be0);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.buy-link,.buy-link-button{cursor:pointer;color:var(--biru-tua,#142ead);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:700;text-decoration:underline}.buy-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(40px,7vw,96px);padding-top:clamp(32px,5vw,64px);display:grid}.buy-nav{margin-bottom:32px}.buy-kicker{color:var(--biru,#1b3be0);margin:0 0 12px;font-size:14px;font-weight:700}.buy-summary h1{letter-spacing:-.05em;margin:0;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.05}.buy-period{border:1px solid var(--garis,#d0cfca);background:var(--kertas-tua,#e6e4dd);border-radius:999px;gap:4px;margin-top:24px;padding:4px;display:inline-flex}.buy-period button{min-height:40px;color:var(--tinta-lemah,#3d424a);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .16s,color .16s}.buy-period button[aria-pressed=true]{background:var(--kertas,#f2f1ed);color:var(--tinta,#0b0c0e);box-shadow:0 6px 16px -10px #0b0c0e80}.buy-period button:disabled{cursor:wait}.buy-tiers{margin-top:24px}.buy-tiers-label{margin:0;font-size:14px;font-weight:600}.buy-tiers .buy-period{margin-top:10px}.buy-tiers .buy-period button{font-variant-numeric:tabular-nums;min-width:88px}.buy-tier-unit{color:var(--tinta-samar,#666b73);font-weight:500}.buy-price{margin-top:28px}.buy-price[data-loading]{min-height:104px}.buy-price p{margin:0}.buy-amount{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(36px,5.5vw,52px);font-weight:600}.buy-per{color:var(--tinta-lemah,#3d424a);font-size:16px}.buy-note{color:var(--tinta-samar,#666b73);margin:8px 0 0;font-size:14px;line-height:1.5}.buy-test{color:#5a3d00;background:#fff6df;border-left:3px solid #c98500;border-radius:6px;margin:20px 0 0;padding:12px 16px;font-size:14px;font-weight:600;line-height:1.5}.buy-subhead{border-top:1px solid var(--garis,#d0cfca);margin:32px 0 0;padding-top:20px;font-size:14px;font-weight:600}.buy-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.buy-list li{color:var(--tinta-lemah,#3d424a);gap:12px;font-size:15px;line-height:1.4;display:flex}.buy-list li:before{content:"";background:var(--biru,#1b3be0);flex:none;width:12px;height:1px;margin-top:.7em}.buy-list-quiet li{font-variant-numeric:tabular-nums;font-size:14px}.buy-panel{border:1px solid var(--garis,#d0cfca);background:var(--kartu,#faf9f6);border-radius:16px;gap:20px;padding:clamp(24px,3.5vw,36px);display:grid;position:sticky;top:24px;box-shadow:0 16px 48px #0b0c0e0e}.buy-panel h2{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:600;line-height:1.2}.buy-panel p{margin:0;line-height:1.5}.buy-signin{gap:12px;display:grid}.buy-signin p{color:var(--tinta-lemah,#3d424a)}.buy-signin .buy-button{margin-top:8px}.buy-who{color:var(--tinta-lemah,#3d424a);font-size:15px}.buy-who strong{color:var(--tinta,#0b0c0e)}.buy-phone{font-family:var(--f-mono,monospace);margin-top:2px;font-size:13px;display:block}.buy-button{border:1px solid var(--biru,#1b3be0);background:var(--biru,#1b3be0);color:#fff;width:100%;min-height:56px;font:inherit;text-align:left;cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;font-size:16px;font-weight:700;text-decoration:none;transition:background .16s;display:flex}.buy-button:hover{background:var(--biru-tua,#142ead)}.buy-button:disabled{cursor:not-allowed;opacity:.55}.buy-button:disabled:hover{background:var(--biru,#1b3be0)}.buy-button>span{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.buy-alert{border:1px solid var(--cabai,#b33f1f);color:#8a3018;background:#fff7f2;border-radius:10px;gap:8px;margin:0;padding:14px 16px;line-height:1.5;display:grid}.buy-alert .buy-link-button{color:#8a3018;justify-self:start}.buy-closed{color:#5c2412;background:#fff7f2;border-left:3px solid #e3a488;border-radius:6px;gap:6px;padding:14px 16px;font-size:14px;display:grid}.buy-status{border-bottom:1px solid var(--garis,#d0cfca);gap:8px;padding-bottom:20px;display:grid}.buy-status .buy-link-button{justify-self:start}.buy-empty{gap:20px;max-width:560px;padding-top:64px;display:grid}.buy-page a:focus-visible,.buy-page button:focus-visible{outline:3px solid var(--biru,#1b3be0);outline-offset:3px}@media (max-width:800px){.buy-grid{grid-template-columns:1fr;gap:32px}.buy-panel{position:static}}@media (max-width:520px){.buy-shell{width:min(100% - 32px,1040px);padding-bottom:48px}.buy-header{min-height:68px}.buy-nav{margin-bottom:20px}.buy-panel{border-radius:12px;margin:0 -16px}.buy-button{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.buy-period button,.buy-button{transition:none}}
