.hasil-pricing{--orange:var(--hasil-brand,#f95d03);--ink:#191d24;--muted:#667085;--line:#e9e4de;--green:#14a66f;--shadow:0 16px 50px rgba(22,29,39,.06);line-height:1.9;text-align:right}.hasil-pricing *{box-sizing:border-box}
.hasil-pricing .pricing-card{max-width:850px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow)}.hasil-pricing .price-side{padding:38px;background:linear-gradient(145deg,#fff5eb,#fff)}.hasil-pricing .price-side h3{margin:0 0 12px;font-size:22px}.hasil-pricing .billing-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px;margin:20px 0 22px;border:1px solid #f1ddca;border-radius:16px;background:rgba(255,255,255,.72)}.hasil-pricing .billing-option{position:relative;border:0;border-radius:11px;padding:11px 8px;background:transparent;color:#667085;font:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:.2s}.hasil-pricing .billing-option.active{background:var(--ink);color:#fff;box-shadow:0 8px 18px rgba(25,29,36,.16)}.hasil-pricing .billing-option .discount-dot{position:absolute;top:-12px;left:-8px;padding:3px 7px;border-radius:999px;background:var(--orange);color:#fff;font-size:9px;box-shadow:0 5px 12px rgba(249,93,3,.25)}.hasil-pricing .price-line{display:flex;align-items:flex-end;gap:9px;min-height:72px}.hasil-pricing .price{font-size:56px;font-weight:900;line-height:1;letter-spacing:-2px;color:var(--orange)}.hasil-pricing .price small{font-size:14px;color:var(--muted);letter-spacing:0}.hasil-pricing .old-price{display:none;margin-bottom:8px;color:#98a2b3;font-size:15px;font-weight:800;text-decoration:line-through}.hasil-pricing .price-saving{display:none;align-items:center;gap:7px;width:max-content;margin:12px 0 0;padding:7px 10px;border-radius:999px;background:#eaf9f2;color:#08754c;font-size:12px;font-weight:900}.hasil-pricing .price-note{min-height:46px;color:var(--muted);line-height:1.8;font-size:13px}.hasil-pricing .price-side p{color:var(--muted);line-height:1.8;font-size:13px}.hasil-pricing .price-features{padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.hasil-pricing .price-feature{display:flex;gap:9px;align-items:flex-start;font-size:13px;font-weight:700}.hasil-pricing .price-feature svg{width:19px;height:19px;color:var(--green);flex:none}
.hasil-pricing .price-side .btn{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:14px;font-weight:800;text-decoration:none;background:var(--orange);color:#fff}.hasil-pricing .billing-option .discount-dot{color:#fff}.hasil-pricing .billing-option{min-height:44px}.hasil-pricing .billing-option:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:720px){.hasil-pricing .pricing-card{grid-template-columns:1fr}.hasil-pricing .price-side,.hasil-pricing .price-features{padding:28px}.hasil-pricing .price-features{grid-template-columns:1fr}.hasil-pricing .price{font-size:48px}}
.demo-shell .hasil-pricing{margin:18px 0}.demo-shell .hasil-pricing .pricing-card{grid-template-columns:1fr;border-radius:20px}.demo-shell .hasil-pricing .price-side,.demo-shell .hasil-pricing .price-features{padding:22px}.demo-shell .hasil-pricing .billing-option{width:auto;min-height:46px;margin:0}.demo-shell .hasil-pricing .billing-toggle{margin:18px 0}.demo-shell .hasil-pricing .price{font-size:48px}.demo-shell .hasil-pricing .price-note{min-height:0}.demo-shell .hasil-pricing .price-features{gap:10px}.demo-shell .hasil-pricing .price-feature{font-size:12px}.landing-pricing-head{text-align:center;margin:0 auto 28px;max-width:720px}.landing-pricing-head p{color:#667085}
