#harga{border-top:1px solid var(--line)}
.pricing-intro{margin-bottom:24px}
.pricing-intro h2{margin-bottom:8px}
.pricing-intro>p{color:var(--secondary);font-size:14px;max-width:540px}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.plans article{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fdfbf7}
.plans .plus{background:#edf0e3;border-color:#ccd4bf}
.plan-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.plan-heading img{flex-shrink:0;width:64px;height:64px;object-fit:contain}
.plans h3{font-size:20px;margin-bottom:4px}
.plus h3{color:var(--accent)}
.plan-description{font-size:13px;color:var(--secondary)}
.price{font-size:32px;line-height:1.25;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.plus .price{color:#354c38}
.price span{margin-left:4px;font-size:13px;font-weight:400;color:var(--secondary)}
.plan-term{min-height:40px;margin:8px 0 16px;font-size:12px;color:var(--secondary)}
.plan-term strong{font-weight:500}
.plans ul{margin:0;padding:20px 0 0;list-style:none;border-top:1px solid var(--line);display:grid;gap:12px;font-size:13px}
.plus ul{border-color:#cdd5c1}
.plans li{position:relative;padding-left:24px}
.plans li::before{content:"";position:absolute;left:2px;top:5px;width:10px;height:6px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg)}
.comparison{margin-top:20px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:#f3f0e9}
.comparison summary{min-height:48px;padding-block:12px;font-size:14px}
.comparison table{width:100%;margin-bottom:16px;border-collapse:collapse;table-layout:fixed;font-size:13px}
.comparison caption{text-align:left;font-size:16px;margin:8px 0 16px}
.comparison caption>span{display:block;font-size:12px;color:var(--secondary);margin-top:4px}
.feature-column{width:48%}
.comparison th,.comparison td{padding:12px 8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.comparison th{font-weight:500;text-align:left}
.comparison thead th:not(:first-child),.comparison td{text-align:center}
.comparison thead th:last-child{color:var(--accent)}
.comparison td{color:var(--accent)}
.cell-note{display:block;font-size:12px;color:var(--secondary);margin-top:4px}
.feature-check{display:inline-block;width:12px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);vertical-align:2px}
@media(max-width:600px){.plans{grid-template-columns:1fr;gap:16px}.plans article{padding:20px}.plan-heading{margin-bottom:20px}.plan-term{min-height:0}.comparison{padding-inline:12px}.comparison table{font-size:12px}.comparison th,.comparison td{padding:12px 4px}}