:root{--ds-marun:#8a1f30;--ds-kopi:#2b1a14;--ds-krem:#fbf4e6;--ds-pasir:#efe3cc;--ds-kunyit:#f2a516;--ds-jambu:#ff8f7a;--ds-giok:#17795c;--ds-bg:var(--ds-krem);--ds-text:var(--ds-kopi);--ds-text-muted:#5c4a3e;--ds-primary:var(--ds-marun);--ds-on-primary:var(--ds-krem);--ds-success:var(--ds-giok);--ds-highlight:var(--ds-kunyit);--ds-fun:var(--ds-jambu);--ds-font-display:"Bricolage Grotesque", system-ui, sans-serif;--ds-font-text:"Plus Jakarta Sans", system-ui, sans-serif;--ds-radius-sm:6px;--ds-radius-md:14px;--ds-radius-pill:999px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--ds-krem);color:var(--ds-kopi);font-family:var(--ds-font-text);-webkit-font-smoothing:antialiased}a{color:var(--ds-marun);text-decoration:none}a:hover{color:var(--ds-kopi)}button,input,textarea{font-family:inherit}img{display:block}:root{--pad:20px;--sec-pad:48px;--hairline:#2b1a141f;--muted:#7d6a5c;--ring:#2b1a1414;--font-mono:"Geist Mono", ui-monospace, monospace}@media (width>=640px){:root{--pad:32px;--sec-pad:80px}}@media (width>=1024px){:root{--pad:48px}}@keyframes ds-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}@keyframes ds-spin{to{transform:rotate(360deg)}}html:not([data-live]) .only-live,html:not([data-live]) .only-offline{visibility:hidden}html[data-live=on] .only-offline,html[data-live=off] .only-live{display:none!important}.wrap{max-width:1200px;padding:0 var(--pad);margin:0 auto}.display{font-family:var(--ds-font-display);font-weight:800}.diamond{flex:none;display:block;transform:rotate(45deg)}.live-dot{background:#3fbf8f;border-radius:999px;flex:none;width:8px;height:8px;animation:1.6s ease-in-out infinite ds-pulse}.off-dot{background:#a39a8c;border-radius:999px;flex:none;width:8px;height:8px}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);background:#fbf4e6eb;position:sticky;top:0;box-shadow:0 1px #2b1a1414}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand-link{color:var(--ds-kopi);align-items:center;gap:10px;display:flex}.brand-link:hover{color:var(--ds-kopi)}.brand-link img{width:34px;height:34px}.wordmark{font-family:var(--ds-font-display);letter-spacing:-.04em;white-space:nowrap;font-size:22px;font-weight:800}.nav{align-items:center;gap:8px;display:flex}.nav-link{color:#5c4a3e;padding:8px 4px;font-size:15px;font-weight:600;display:none}.nav-link.is-active{color:var(--ds-marun);font-weight:700}@media (width>=640px){.nav{gap:20px}.nav-link{display:block}}.live-pill{color:var(--ds-krem);background:var(--ds-marun);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:15px;font-weight:700;transition:background .15s;display:flex}.live-pill:hover{color:var(--ds-krem);background:#721826}.live-pill:active{transform:scale(.97)}.site-footer{box-shadow:var(--hairline) 0 1px 0 inset;box-shadow:inset 0 1px #2b1a141a}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;padding-bottom:28px;display:flex}.footer-brand{align-items:center;gap:10px;display:flex}.footer-brand img{width:24px;height:24px}.footer-brand .wordmark{font-size:17px}.footer-sep{background:#2b1a1433;width:1px;height:16px}.footer-by{color:#5c4a3e;font-size:13px;font-weight:600}.footer-links{flex-wrap:wrap;gap:18px;font-size:13px;font-weight:600;display:flex}.footer-copy{color:var(--muted);font-weight:500}.eyebrow{letter-spacing:.14em;color:var(--ds-marun);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.eyebrow .diamond{background:var(--ds-kunyit);width:8px;height:8px}.h2{font-family:var(--ds-font-display);letter-spacing:-.04em;margin:0;font-size:32px;font-weight:800;line-height:1}@media (width>=640px){.h2{font-size:44px}}.card{box-shadow:var(--ring) 0 0 0 1px;background:#fff;border-radius:14px}.status-chip{border-radius:10px;align-self:flex-start;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.status-chip.is-live{background:var(--ds-kopi);color:var(--ds-krem)}.status-chip.is-off{color:#5c4a3e;box-shadow:inset 0 0 0 1px #2b1a1429}.btn-primary{cursor:pointer;background:var(--ds-marun);color:var(--ds-krem);border:0;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 22px;transition:background .15s;display:flex}.btn-primary:hover{color:var(--ds-krem);background:#721826}.btn-primary:active{transform:scale(.98)}.btn-primary .main{font-size:16px;font-weight:700}.btn-primary .sub{font-family:var(--font-mono);color:#f3c9cf;font-size:11px}.btn-outline{color:var(--ds-marun);min-height:58px;box-shadow:inset var(--ds-marun) 0 0 0 1.5px;border-radius:14px;align-items:center;padding:14px 22px;font-size:16px;font-weight:700;display:flex}.hero{flex-direction:column;gap:32px;padding:32px 0;display:flex}.hero-text{flex-direction:column;flex:1 1 0;gap:24px;min-width:0;display:flex}.hero h1{font-family:var(--ds-font-display);letter-spacing:-.05em;margin:0;font-size:64px;font-weight:800;line-height:.92}.lead{color:#5c4a3e;text-wrap:pretty;max-width:520px;margin:0;font-size:16px;line-height:1.6}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.hero-photo{width:100%;max-width:100%;position:relative}.hero-photo .frame{aspect-ratio:4/5;background:var(--ds-pasir);border-radius:14px;overflow:hidden}.hero-photo img.photo{object-fit:cover;object-position:60% 30%;pointer-events:none;user-select:none;width:100%;height:100%}.hero-badge{background:var(--ds-krem);border-radius:999px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:absolute;bottom:28px;left:-18px;box-shadow:0 8px 24px #2b1a141f}.hero-badge img{width:60px;height:60px}@media (width>=640px){.hero{flex-direction:row;align-items:center;gap:40px;padding:56px 0}.hero h1{font-size:84px}.lead{font-size:18px}.hero-photo{flex:0 0 300px;width:auto}}@media (width>=1024px){.hero{gap:72px;padding:88px 0}.hero h1{font-size:112px}.hero-photo{flex:0 0 440px}}.section{padding:var(--sec-pad) 0;box-shadow:inset 0 1px 0 var(--hairline);flex-direction:column;gap:32px;display:flex}.three{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.three{grid-template-columns:repeat(3,minmax(0,1fr))}}.pillar{flex-direction:column;gap:12px;padding:24px;display:flex}.pillar .num{font-family:var(--font-mono);color:var(--muted);font-size:12px}.pillar .title{font-family:var(--ds-font-display);letter-spacing:-.03em;font-size:24px;font-weight:800}.pillar p{color:#5c4a3e;text-wrap:pretty;margin:0;font-size:15px;line-height:1.6}.pillar a.more{font-size:14px;font-weight:700}.pillar.dark{background:var(--ds-kopi);color:var(--ds-krem);box-shadow:none;text-align:left;transition:transform .12s}.pillar.dark:hover{color:var(--ds-krem);transform:translateY(-2px)}.pillar.dark:active{transform:scale(.98)}.pillar.dark .num{color:var(--ds-jambu)}.pillar.dark p{color:#d9c9b8}.pillar.dark .more{color:var(--ds-kunyit)}.tier-section{flex-direction:column;align-items:flex-start}.tier-copy{flex-direction:column;flex:1 1 0;gap:16px;min-width:0;display:flex}.tier-copy p{color:#5c4a3e;text-wrap:pretty;max-width:460px;margin:0;font-size:16px;line-height:1.6}.ladder{flex:1 1 0;grid-template-columns:1fr;gap:8px;width:100%;min-width:0;display:grid}@media (width>=640px){.ladder{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.tier-section{flex-direction:row;gap:72px}}@media (width>=640px) and (width<=1023px){.tier-section{gap:40px}}.rung{border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.rung .l{align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.rung .n{font-family:var(--font-mono);opacity:.7;font-size:11px;font-weight:400}.rung .diamond{width:8px;height:8px}.rung .from{opacity:.8;white-space:nowrap;font-size:12px;font-weight:600}.rung.g-rakyat{color:#5c4a3e;background:#fff;box-shadow:inset 0 0 0 1px #2b1a1424}.rung.g-rakyat .diamond{background:#a39a8c}.rung.g-pasukan{color:var(--ds-giok);background:#fff;box-shadow:inset 0 0 0 1px #17795c66}.rung.g-pasukan .diamond{background:var(--ds-giok)}.rung.g-istana{background:var(--ds-marun);color:var(--ds-krem)}.rung.g-istana .diamond{background:var(--ds-kunyit)}.rung.g-sultan{background:var(--ds-kunyit);color:var(--ds-kopi)}.rung.g-sultan .diamond{background:var(--ds-kopi)}.series{padding:0 0 var(--sec-pad);flex-direction:column;gap:12px;display:flex}.series .label{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.series p{color:#5c4a3e;user-select:none;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;font-size:16px;font-weight:600;display:flex}.series .diamond{background:#c9b89c;width:5px;height:5px}.band{margin-bottom:var(--sec-pad);background:var(--ds-marun);color:var(--ds-krem);border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:28px;padding:28px;display:flex;position:relative;overflow:hidden}.band h2{font-family:var(--ds-font-display);letter-spacing:-.04em;margin:0;font-size:32px;font-weight:800;line-height:1}.band p{color:#f3c9cf;text-wrap:pretty;max-width:440px;margin:12px 0 0;font-size:16px;line-height:1.6}.band .btn-cream{background:var(--ds-krem);color:var(--ds-marun);white-space:nowrap;border-radius:14px;flex:none;padding:16px 24px;font-size:16px;font-weight:700}.band .btn-cream:hover{color:var(--ds-marun);background:#fff}.band .btn-cream:active{transform:scale(.98)}@media (width>=640px){.band{flex-direction:row;align-items:center;padding:48px}.band h2{font-size:44px}}.gate-main{min-height:calc(100vh - 158px);padding:32px var(--pad);justify-content:center;align-items:center;display:flex}.gate-col{flex-direction:column;gap:28px;width:100%;max-width:440px;display:flex}.gate-who{align-items:center;gap:14px;display:flex}.gate-who img{object-fit:cover;pointer-events:none;border-radius:999px;flex:none;width:56px;height:56px}.gate-who .t{flex-direction:column;gap:2px;display:flex}.gate-who .t b{font-weight:700}.gate-who .t span{letter-spacing:.12em;color:var(--muted);font-size:12px;font-weight:700}.gate-col h1{font-family:var(--ds-font-display);letter-spacing:-.04em;margin:0;font-size:40px;font-weight:800;line-height:1}.gate-col p{color:#5c4a3e;margin:0;font-size:16px;line-height:1.6}.gate-box{cursor:pointer;text-align:left;width:100%;min-height:76px;color:var(--ds-kopi);background:#fff;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;box-shadow:0 0 0 1px #2b1a141f,0 4px 12px #2b1a140f}.gate-box:hover{box-shadow:var(--ds-marun) 0 0 0 1.5px}.gate-left{align-items:center;gap:14px;display:flex}.gate-check{color:#fff;background:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex;box-shadow:inset 0 0 0 1.5px #2b1a1440}.gate-check.done{background:var(--ds-giok);box-shadow:none}.gate-text{flex-direction:column;gap:2px;display:flex}.gate-text .a{font-size:16px;font-weight:600}.gate-text .b{color:var(--muted);font-size:14px}.gate-tag{font-family:var(--font-mono);color:#a39a8c;letter-spacing:.06em;font-size:10px}.gate-note{color:var(--muted);font-size:13px}.spin{border:2px solid var(--ds-pasir);border-top-color:var(--ds-marun);border-radius:999px;width:14px;height:14px;animation:.7s linear infinite ds-spin;display:block}.spin.light{border:2px solid #fbf4e659;border-top-color:var(--ds-krem);width:16px;height:16px}.live-main{padding-top:28px;padding-bottom:var(--sec-pad);flex-direction:column;align-items:flex-start;gap:32px;display:flex}.live-left{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.live-right{width:100%;min-width:0}@media (width>=640px){.live-main{padding-top:56px}}@media (width>=1024px){.live-main{flex-direction:row;gap:72px}.live-left{flex:0 0 420px;width:auto;position:sticky;top:96px}.live-right{flex:1 1 0;width:auto}}.who{align-items:center;gap:14px;display:flex}.who img{object-fit:cover;pointer-events:none;border-radius:999px;flex:none;width:64px;height:64px}.who .t{flex-direction:column;gap:6px;min-width:0;display:flex}.who .t small{color:var(--muted);font-size:14px}.badge{letter-spacing:.06em;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.badge.is-live{background:var(--ds-kopi);color:var(--ds-krem)}.badge.is-off{color:#5c4a3e;box-shadow:inset 0 0 0 1px #2b1a1429}.badge .off-dot{width:7px;height:7px}.live-h1{font-family:var(--ds-font-display);letter-spacing:-.05em;margin:0;font-size:44px;font-weight:800;line-height:.98}.live-h1 span{color:var(--ds-marun)}@media (width>=640px){.live-h1{font-size:60px}}.steps{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.steps .diamond{background:var(--ds-marun);width:7px;height:7px}.grid-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.grid-head h2{font-family:var(--ds-font-display);letter-spacing:-.03em;margin:0 0 6px;font-size:28px;font-weight:800}.grid-head span.sub{color:var(--muted);font-size:14px}.seg{background:var(--ds-pasir);border-radius:999px;padding:3px;display:flex}.seg button{cursor:pointer;color:var(--ds-kopi);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.seg button.on{background:var(--ds-kopi);color:var(--ds-krem)}.tiers{grid-template-columns:1fr;gap:12px;margin-top:20px;display:grid}@media (width>=640px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}.tier{text-align:left;cursor:pointer;color:var(--ds-kopi);min-height:132px;box-shadow:var(--ring) 0 0 0 1px;background:#fff;border:0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;transition:transform .12s,box-shadow .15s;display:flex}.tier:hover{box-shadow:var(--ds-marun) 0 0 0 1.5px, #2b1a1414 0 6px 16px}.tier:active{transform:scale(.97)}.tier .top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tier .lab{letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:700}.tier .pips{gap:3px;display:flex}.tier .pips i{background:var(--ds-pasir);width:6px;height:6px;display:block;transform:rotate(45deg)}.tier .pips i.on{background:var(--ds-marun)}.tier .price{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:22px;font-weight:700;display:block}.tier .effect{color:var(--muted);margin-top:4px;font-size:14px;display:block}.tier.hot{background:var(--ds-kopi);color:var(--ds-krem);box-shadow:none}.tier.hot .lab,.tier.hot .effect{color:#d9c9b8}.tier.hot .pips i{background:#fbf4e633}.tier.hot .pips i.on{background:var(--ds-kunyit)}.pay-note{color:var(--muted);margin-top:20px;font-size:13px;display:block}.offline-card{border-radius:18px;flex-direction:column;gap:18px;padding:32px;display:flex}.offline-card .k{letter-spacing:.12em;color:var(--muted);font-size:12px;font-weight:700}.offline-card h2{font-family:var(--ds-font-display);letter-spacing:-.03em;margin:0;font-size:32px;font-weight:800;line-height:1.05}.offline-card p{color:#5c4a3e;margin:0;font-size:16px;line-height:1.6}.offline-actions{flex-wrap:wrap;gap:10px;display:flex}.offline-actions .solid{background:var(--ds-marun);color:var(--ds-krem);border-radius:14px;padding:14px 20px;font-size:15px;font-weight:700}.offline-actions .solid:hover{color:var(--ds-krem);background:#721826}.offline-actions .line{color:var(--ds-marun);box-shadow:inset var(--ds-marun) 0 0 0 1.5px;border-radius:14px;padding:14px 20px;font-size:15px;font-weight:700}.scrim{z-index:40;background:#2b1a1473;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.sheet{background:var(--ds-krem);border-radius:22px 22px 0 0;flex-direction:column;gap:20px;width:100%;max-width:480px;max-height:92%;padding:24px;display:flex;overflow-y:auto;box-shadow:0 20px 60px #2b1a1440}@media (width>=640px){.scrim{align-items:center;padding:32px}.sheet{border-radius:18px;max-height:100%}}.sheet .row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet .kicker{letter-spacing:.12em;color:var(--muted);font-size:12px;font-weight:700}.sheet .x{cursor:pointer;background:var(--ds-pasir);width:36px;height:36px;color:var(--ds-kopi);border:0;border-radius:999px;font-size:18px;line-height:1}.sheet .eff{font-family:var(--ds-font-display);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.05}.sheet .big-price{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.field{flex-direction:column;gap:6px;display:flex}.field>span{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.field>span em{color:var(--muted);font-style:normal;font-weight:500}.field input,.field textarea{color:var(--ds-kopi);background:#fff;border:0;border-radius:10px;outline:none;padding:12px 14px;font-size:16px;box-shadow:inset 0 0 0 1px #2b1a1429}.field input:focus,.field textarea:focus{box-shadow:inset var(--ds-marun) 0 0 0 1.5px}.field textarea{resize:none}.plats{gap:8px;display:grid}.plat{cursor:pointer;text-align:left;color:var(--ds-kopi);background:#fff;border:0;border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;display:flex;box-shadow:0 0 0 1px #2b1a1424}.plat.on{box-shadow:var(--ds-marun) 0 0 0 2px}.plat b{font-size:15px}.plat small{color:var(--muted);font-size:12px}.total-row{justify-content:space-between;align-items:baseline;padding-top:14px;display:flex;box-shadow:inset 0 1px #2b1a141a}.total-row span:first-child{color:#5c4a3e;font-size:14px}.total-row span:last-child{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.cta{cursor:pointer;background:var(--ds-marun);width:100%;min-height:56px;color:var(--ds-krem);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.cta:hover{color:var(--ds-krem);background:#721826}.cta:active{transform:scale(.98)}.cta.dark{background:var(--ds-kopi);min-height:52px}.sheet .fine{color:var(--muted);text-align:center;font-size:12px;line-height:1.5}.recap{border-radius:14px;flex-direction:column;gap:10px;padding:16px;font-size:14px;display:flex}.recap div{justify-content:space-between;gap:12px;display:flex}.recap div span:first-child{color:var(--muted)}.recap div b{text-align:right;font-weight:600}.recap div b.num{font-variant-numeric:tabular-nums;font-weight:700}.ok-row{align-items:center;gap:10px;display:flex}.ok-row .tick{background:var(--ds-giok);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:flex}.ok-row b{color:var(--ds-giok)}.thanks{font-family:var(--ds-font-display);letter-spacing:-.03em;font-size:32px;font-weight:800;line-height:1}.preview-label{letter-spacing:.12em;color:var(--muted);font-size:12px;font-weight:700}.preview-alert{background:var(--ds-kopi);color:var(--ds-krem);border-radius:14px;align-items:center;gap:14px;margin-top:8px;padding:16px;display:flex}.preview-alert img{flex:none;width:52px;height:52px}.preview-alert .tt{flex-direction:column;gap:3px;min-width:0;display:flex}.preview-alert .l{letter-spacing:.12em;color:var(--ds-kunyit);font-size:11px;font-weight:700}.preview-alert .n{font-family:var(--ds-font-display);letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.1}.preview-alert .m{color:#d9c9b8;font-size:13px}.handoff-steps{color:#5c4a3e;flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:flex}.handoff-steps li{gap:10px;display:flex}.handoff-steps .diamond{background:var(--ds-marun);width:7px;height:7px;margin-top:7px}.cta.link{text-decoration:none}