.page-harga{background:var(--bg)}.page-harga .nav{-webkit-backdrop-filter:blur(10px);background:#061a1699}.ph{padding:calc(var(--nav-h) + clamp(48px, 9vh, 110px)) 0 clamp(40px, 6vh, 72px);background:radial-gradient(ellipse 55% 70% at 82% 35%, #d96b2733, transparent 62%), radial-gradient(ellipse 70% 60% at 10% 0%, #004d408c, transparent 65%), var(--bg);position:relative;overflow:hidden}.ph__in{grid-template-columns:1.35fr .65fr;align-items:center;gap:clamp(24px,4vw,64px);display:grid}.ph h1{max-width:16ch;font-size:clamp(2.3rem,4.6vw,4.1rem)}.ph .lead{max-width:36rem}.ph__art{place-items:center;display:grid;position:relative}.ph__art img{width:min(100%,300px);height:auto;animation:5s ease-in-out infinite float;position:relative}.ph__glow{aspect-ratio:1;background:radial-gradient(circle,#f0b44c52,#d96b271a 45%,#0000 70%);border-radius:50%;width:90%;position:absolute}.period{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:4px;margin-top:2rem;padding:4px;display:inline-flex}.period button{font:600 .98rem var(--font);color:var(--muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:10px 18px;display:inline-flex}.period button[aria-pressed=true]{background:var(--accent-ink);color:#fff}.period__save{color:var(--gold);font-size:.78rem;font-weight:700}.period button[aria-pressed=true] .period__save{color:#ffe2b8}.plans{padding:0 0 clamp(80px,12vh,140px);position:relative}.trial{background:#f0b44c0d;border:2px dashed #f0b44c8c;border-radius:16px;grid-template-columns:1.05fr 1fr 1.1fr;align-items:center;gap:24px clamp(24px,4vw,56px);padding:28px clamp(22px,3vw,40px);display:grid}.trial h2{letter-spacing:-.01em;color:var(--gold);font-size:1.3rem}.trial__price{font:800 clamp(2rem, 3.2vw, 2.6rem)/1.05 var(--font-head);letter-spacing:-.03em;margin-top:4px}.trial__limit{color:var(--muted);margin-top:8px;font-size:.97rem}.trial__cta{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.trial__cta .btn{white-space:nowrap;flex:none}.trial__cta p{color:var(--muted);font-size:.88rem}.ticks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ticks li{align-items:flex-start;gap:10px;font-size:.98rem;display:flex}.ticks .ic{color:var(--accent-hi);stroke-width:2.2px;width:20px;height:20px;margin-top:2px}.ticks li.no{color:#8da39c}.ticks li.no .ic{color:#6f837c}.plan-grid{grid-template-columns:1fr 1.08fr 1fr;align-items:stretch;gap:18px;margin-top:22px;display:grid}.plan{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;padding:30px clamp(20px,1.9vw,28px) 28px;display:flex;position:relative}.plan h2{letter-spacing:-.02em;font-size:1.55rem}.plan__for{color:var(--muted);min-height:3em;margin-top:6px;font-size:.97rem}.plan__price{white-space:nowrap;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:22px;display:flex}.plan__price b{font:800 clamp(2.2rem, 3.1vw, 2.75rem)/1 var(--font-head);letter-spacing:-.04em;color:#f0a766;font-variant-numeric:tabular-nums}.plan__price span{color:var(--muted);font-size:1.05rem;font-weight:600}.plan__price small{width:100%;color:var(--muted);font-size:.95rem;font-weight:600}.plan__bill{color:var(--muted);margin-top:10px;font-size:.95rem;font-weight:500}.plan__vs{color:#ffe2b8;background:#f0b44c24;border:1px solid #f0b44c66;border-radius:8px;margin-top:14px;padding:9px 12px;font-size:.88rem;line-height:1.4}.plan__vs span{color:var(--gold);font-weight:700}.plan__quota{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#d9e5e1;margin:22px 0;padding:14px 0;font-size:.97rem}.plan__quota b{font-family:var(--font-head);color:var(--text)}.plan__quota span{color:var(--muted);margin-top:2px;font-size:.88rem;display:block}.plan .ticks{flex:1}.plan__btn{width:100%;margin-top:28px}.plan--growth{background:radial-gradient(ellipse 90% 60% at 100% 0%, #d96b2738, transparent 60%), var(--emerald);border-color:#d96b278c;box-shadow:0 30px 70px -40px #000c}.plan--growth .plan__for,.plan--growth .plan__price span,.plan--growth .plan__price small,.plan--growth .plan__bill,.plan--growth .plan__quota span{color:#cfe3dc}.plan--growth .plan__price b{color:#ffc07f}.plan--growth .plan__quota{border-color:#fdfbf729}.plan--growth .ticks .ic{color:var(--gold)}.plan__tag{background:var(--gold);color:#3a2604;font:700 .8rem/1 var(--font);border-radius:6px;padding:7px 10px;position:absolute;top:-13px;left:clamp(22px,2.2vw,32px)}.plans__note{color:var(--muted);max-width:60rem;margin-top:22px;font-size:.88rem}.quota{background:var(--bg-2)}.quota__in{grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.quota h2{max-width:20ch}.quota__rules{flex-direction:column;gap:22px;margin:2.4rem 0 0;padding:0;list-style:none;display:flex}.quota__rules li{padding-left:34px;position:relative}.quota__rules li:before{content:"";background:var(--accent);border-radius:50%;width:20px;height:20px;position:absolute;top:4px;left:0;box-shadow:inset 0 0 0 4px #ffffff40}.quota__rules b{font-family:var(--font-head);font-size:1.1rem;display:block}.quota__rules span{color:var(--muted)}.qx{color:#1e1e1e;background:#fdfbf7;border-radius:18px;margin:0;padding:22px;transform:rotate(1.5deg);box-shadow:0 40px 80px -40px #000c}.qx figcaption{color:#6b7a75;font-size:.8rem;font-weight:600}.qx__who{align-items:center;gap:12px;margin-top:12px;display:flex}.qx__who .ic{background:var(--emerald);color:#fff;border-radius:50%;width:42px;height:42px;padding:9px}.qx__who b{font-family:var(--font-head);display:block}.qx__who span{color:#6b7a75;font-size:.85rem}.qx__outlets{border-left:2px dashed #d9d2c3;flex-direction:column;gap:10px;margin:16px 0 0 20px;padding:0 0 0 20px;list-style:none;display:flex}.qx__outlets li{background:#f2eee6;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:500;display:flex}.qx__outlets .ic{color:#b9531a}.qx__result{color:#fdfbf7;background:#0b3b32;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.qx__result span{color:#cfe3dc;font-size:.88rem}.qx__result b{font:800 1.2rem var(--font-head);color:var(--gold);white-space:nowrap}.outlets__in{grid-template-columns:1.6fr .9fr;align-items:start;gap:clamp(24px,4vw,56px);margin-top:clamp(36px,6vh,64px);display:grid}.ot{border:1px solid var(--line);border-radius:14px;overflow:hidden}.ot__row{grid-template-columns:.7fr 1fr 1fr;display:grid}.ot__row>*{border-top:1px solid var(--line);padding:20px 22px}.ot__row--head>*{background:var(--surface);color:var(--muted);font:700 .95rem var(--font-head);border-top:0}.ot__row>b{font-family:var(--font-head);font-size:1.1rem}.ot__row span{color:#d9e5e1;font-size:.95rem}.ot__row span b{color:#f0a766;font-family:var(--font-head);letter-spacing:-.02em;font-size:1.45rem}.ot__row em{color:var(--muted);font-size:.8rem;font-style:normal;font-weight:600;display:block}.ot__row small{color:var(--muted);margin-top:4px;font-size:.85rem;display:block}.receipt{color:#1e1e1e;background:#fdfbf7;border-radius:6px;margin:0;padding:24px 22px 28px;position:relative;transform:rotate(-1.5deg);box-shadow:0 40px 70px -36px #000000d9;-webkit-mask:radial-gradient(7px at 50% 100%,#0000 6.5px,#000 7px) 0 0/18px 100% repeat-x;mask:radial-gradient(7px at 50% 100%,#0000 6.5px,#000 7px) 0 0/18px 100% repeat-x}.receipt figcaption{font:800 1rem var(--font-head);border-bottom:2px dashed #d9d2c3;padding-bottom:14px}.receipt dl{flex-direction:column;gap:10px;margin:14px 0 0;display:flex}.receipt dl div{justify-content:space-between;gap:12px;font-size:.95rem;display:flex}.receipt dt{color:#4a5651}.receipt dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.receipt__total{border-top:2px dashed #d9d2c3;margin-top:4px;padding-top:12px}.receipt__total dt{color:#1e1e1e;font-weight:700}.receipt__total dd{font:800 1.2rem var(--font-head);color:#b9531a}.receipt p{color:#6b7a75;margin-top:12px;font-size:.82rem}.outlets__notes{color:var(--muted);flex-wrap:wrap;gap:10px 36px;margin:28px 0 0;padding:0;list-style:none;display:flex}.outlets__notes li{align-items:flex-start;gap:10px;max-width:34rem;display:flex}.outlets__notes li:before{content:"";background:var(--gold);border-radius:50%;flex:none;width:10px;height:10px;margin-top:8px}.outlets__notes b{color:var(--text)}.ph-final{min-height:auto;padding-top:clamp(96px,16vh,170px)}.ph-final__in{text-align:center;flex-direction:column;align-items:center;display:flex}.ph-final__in h2{max-width:18ch}.ph-final__in .lead{margin-left:auto;margin-right:auto}.ph-final .cta-row{justify-content:center}@media (width<=1100px){.trial{grid-template-columns:1fr 1fr}.trial__cta{flex-direction:row;grid-column:1/-1;align-items:center;gap:20px}.plan-grid{grid-template-columns:1fr 1fr}.plan--growth{order:-1;grid-column:1/-1}.plan__for{min-height:0}}@media (width<=900px){.ph__in,.quota__in,.outlets__in{grid-template-columns:1fr}.ph__art{display:none}.qx,.receipt{max-width:440px}.receipt{justify-self:start}}@media (width<=700px){.trial{grid-template-columns:1fr;padding:24px 20px}.trial__cta{flex-direction:column;align-items:stretch}.trial__cta .btn{width:100%}.plan-grid{grid-template-columns:1fr}.plan--growth{order:0;grid-column:auto;margin-top:10px}.period{width:100%;display:flex}.period button{flex-wrap:wrap;flex:1;justify-content:center;gap:2px 8px;padding:8px 10px}.ot__row--head{display:none}.ot__row{grid-template-columns:1fr 1fr}.ot__row>b{background:var(--surface);grid-column:1/-1;padding-top:14px;padding-bottom:0}.ot__row>span{border-top:0;padding:12px 16px 18px}.ot__row>b{padding:14px 16px}.ot__row span b{font-size:1.35rem;display:block}.ot__row span:before{content:attr(data-label);color:var(--muted);margin-bottom:4px;font-size:.8rem;display:block}.ph-final .cta-row .btn{flex:100%}}