/**
 * Feature Comparison widget — style.
 * Referensi desain: spec/layout-pricing/akunika-feature-comparison-design.html
 */
.stfr-fcmp {
	--stfr-fcmp-primary: #2D5A4D;
	--stfr-fcmp-primary-dark: #1D3B32;
	--stfr-fcmp-primary-light: #3E7A68;
	--stfr-fcmp-accent: #D4B038;
	--stfr-fcmp-accent-dark: #A9872B;
	--stfr-fcmp-accent-light: #E6C665;
	--stfr-fcmp-n900: #1A1F1D;
	--stfr-fcmp-n700: #4A5550;
	--stfr-fcmp-n500: #8A9490;
	--stfr-fcmp-n300: #B9C2BE;
	--stfr-fcmp-n200: #D8DEDB;
	--stfr-fcmp-n100: #F4F6F5;
	--stfr-fcmp-cream: #F7F6F0;
	--stfr-fcmp-sage: #EAF0EC;
	--stfr-fcmp-n: 4;
	--stfr-fcmp-off: 0px;
	container-type: inline-size;
	width: 100%;
	font-family: 'Inter Tight', system-ui, sans-serif;
	color: var(--stfr-fcmp-n900);
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
.stfr-fcmp *{box-sizing:border-box}
.stfr-fcmp svg{display:block}
.stfr-fcmp button{font:inherit;color:inherit}
.stfr-fcmp__ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* toolbar */
.stfr-fcmp__tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:14px}
.stfr-fcmp__meta{font-size:14px;color:var(--stfr-fcmp-n700)}
.stfr-fcmp__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.stfr-fcmp__switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14.5px;color:var(--stfr-fcmp-n700);user-select:none}
.stfr-fcmp__switch input{position:absolute;opacity:0;pointer-events:none}
.stfr-fcmp__switch i{width:38px;height:22px;border-radius:99px;background:var(--stfr-fcmp-n200);position:relative;transition:.2s;flex:none}
.stfr-fcmp__switch i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}
.stfr-fcmp__switch input:checked+i{background:var(--stfr-fcmp-primary)}
.stfr-fcmp__switch input:checked+i::after{transform:translateX(16px)}
.stfr-fcmp__switch input:focus-visible+i{box-shadow:0 0 0 3px rgba(45,90,77,.25)}
.stfr-fcmp__link{border:0!important;background:none!important;color:var(--stfr-fcmp-primary)!important;font-family:'Inter Tight',system-ui,sans-serif!important;font-weight:500!important;font-size:14.5px!important;line-height:1.3!important;cursor:pointer;padding:4px 2px!important;height:auto!important}
.stfr-fcmp__link:hover{text-decoration:underline;background:none!important;color:var(--stfr-fcmp-primary)!important}

/* kartu tabel (TANPA overflow:hidden agar sticky bekerja) */
.stfr-fcmp__card{background:#fff;border:1px solid var(--stfr-fcmp-n200);border-radius:28px;box-shadow:0 24px 60px -34px rgba(29,59,50,.3);position:relative}
.stfr-fcmp__sticky-area{display:block!important}
.stfr-fcmp__body{display:block!important}
.stfr-fcmp__group-body>div{display:block!important}
.stfr-fcmp__sentinel{height:1px;margin-bottom:-1px}

/* header lengket */
.stfr-fcmp__head{position:sticky;top:var(--stfr-fcmp-off);z-index:20;display:grid;grid-template-columns:minmax(0,1.55fr) repeat(var(--stfr-fcmp-n),minmax(0,1fr));align-items:end;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-radius:28px 28px 0 0;border-bottom:1px solid var(--stfr-fcmp-n200);padding:0 8px;transition:box-shadow .2s,border-radius .2s}
.stfr-fcmp__head.is-stuck{border-radius:0;box-shadow:0 10px 24px -14px rgba(29,59,50,.35)}
.stfr-fcmp__head-label{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:20px 18px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--stfr-fcmp-n500);font-weight:500}
.stfr-fcmp__col{position:relative;text-align:center;padding:20px 8px;min-width:0;background:transparent!important}
.stfr-fcmp__pill{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:2;background:var(--stfr-fcmp-accent)!important;color:var(--stfr-fcmp-primary-dark)!important;font-size:11.5px;font-weight:500;border-radius:99px;padding:0 10px;line-height:18px;white-space:nowrap}
.stfr-fcmp__col--feat{background:var(--stfr-fcmp-sage)!important;border-radius:0}
.stfr-fcmp__colbtn{all:unset;display:block;width:100%;pointer-events:none;background:transparent!important;color:inherit!important;border:0!important;box-shadow:none!important}
.stfr-fcmp__col-name{display:block;font-family:'Gilda Display',serif;font-weight:400;font-size:22px;line-height:1.2;color:var(--stfr-fcmp-primary-dark)}
.stfr-fcmp__col--muted .stfr-fcmp__col-name{color:var(--stfr-fcmp-n500)}
.stfr-fcmp__col-sub{display:block;font-size:13px;color:var(--stfr-fcmp-n500);margin-top:2px}
.stfr-fcmp__price-promo{color:var(--stfr-fcmp-accent);font-weight:600}
.stfr-fcmp__head.is-stuck .stfr-fcmp__col{padding-top:24px;padding-bottom:16px}
.stfr-fcmp__head.is-stuck .stfr-fcmp__head-label{padding:24px 18px 16px}
.stfr-fcmp__head.is-stuck .stfr-fcmp__pill{top:2px;transform:translateX(-50%)}

/* grup (accordion) */
.stfr-fcmp__group{display:block!important;padding:0 8px;margin-top:6px}
.stfr-fcmp__group:first-child{margin-top:8px}
.stfr-fcmp__group-head{position:relative!important;background:#F8FAF9!important;border-radius:14px!important;transition:background .2s;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) repeat(var(--stfr-fcmp-n),minmax(0,1fr))!important;align-items:center;border:0!important;cursor:pointer;text-align:left!important;padding:0!important;height:auto!important;font-size:inherit!important;font-family:inherit!important;line-height:inherit!important;box-shadow:none!important}
.stfr-fcmp__group-head:hover{background:#F1F5F3}
.stfr-fcmp__group:not(.stfr-fcmp__group--closed) .stfr-fcmp__group-head{background:#F3F7F5}
.stfr-fcmp__group:not(.stfr-fcmp__group--closed) .stfr-fcmp__group-head:hover{background:#EDF3F0}
.stfr-fcmp__group-top{display:flex;align-items:center;gap:12px;padding:16px 10px;min-width:0;grid-column:1/-1}
.stfr-fcmp__group-icon{width:36px;height:36px;border-radius:12px;background:var(--stfr-fcmp-sage);color:var(--stfr-fcmp-primary);display:grid;place-items:center;flex:none;transition:.2s}
.stfr-fcmp__group-icon .stfr-fcmp__ic{width:19px;height:19px}
.stfr-fcmp__group-head:hover .stfr-fcmp__group-icon{background:var(--stfr-fcmp-primary);color:#fff}
.stfr-fcmp__group-text{display:flex;align-items:baseline;gap:2px 10px;min-width:0;flex:0 1 auto}
.stfr-fcmp__group-name{flex:none;font-weight:600;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--stfr-fcmp-primary-dark);line-height:1.3}
.stfr-fcmp__group-sub{font-size:12px;font-weight:500;letter-spacing:.01em;color:var(--stfr-fcmp-n500);line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis}
.stfr-fcmp__group-count{font-size:13px;color:var(--stfr-fcmp-n500);margin-left:auto;white-space:nowrap}
.stfr-fcmp__chevron{width:18px;height:18px;color:var(--stfr-fcmp-n500);transition:transform .25s;flex:none}
.stfr-fcmp__group:not(.stfr-fcmp__group--closed) .stfr-fcmp__chevron{transform:rotate(180deg)}
.stfr-fcmp__group-head:focus-visible{outline:2px solid var(--stfr-fcmp-primary);outline-offset:-2px;border-radius:14px}
.stfr-fcmp__group-mini{text-align:center;opacity:0;transform:translateY(-3px);transition:.2s;font-size:13px;font-weight:500;color:var(--stfr-fcmp-primary)}
.stfr-fcmp__group-mini span{display:inline-block;background:var(--stfr-fcmp-sage);border-radius:99px;padding:1px 11px}
.stfr-fcmp__group-mini--zero span{background:var(--stfr-fcmp-n100);color:var(--stfr-fcmp-n500)}
.stfr-fcmp__group--closed .stfr-fcmp__group-mini{opacity:1;transform:none}
@container (min-width:761px){
	.stfr-fcmp__group-top{grid-column:1/-1}
	.stfr-fcmp__group:not(.stfr-fcmp__group--closed) .stfr-fcmp__group-mini{display:none}
	.stfr-fcmp__group-head{position:relative}
	.stfr-fcmp__group--closed .stfr-fcmp__group-top{grid-column:1}
	.stfr-fcmp__group--closed .stfr-fcmp__group-text{overflow:hidden;white-space:nowrap}
	.stfr-fcmp__group--closed .stfr-fcmp__group-count{display:none}
	.stfr-fcmp__group--closed .stfr-fcmp__group-mini{grid-row:1;grid-column:var(--stfr-fcmp-gc)}
	.stfr-fcmp__group--closed .stfr-fcmp__chevron{position:absolute;right:12px;top:50%;margin-top:-9px}
}
.stfr-fcmp__group-body{overflow:hidden;max-height:none;transition:max-height .3s ease}
.stfr-fcmp__group--closed .stfr-fcmp__group-body{max-height:0}
.stfr-fcmp__row{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(var(--stfr-fcmp-n),minmax(0,1fr));align-items:center;border-bottom:1px solid var(--stfr-fcmp-n100);transition:background .15s}
.stfr-fcmp__row:hover{background:var(--stfr-fcmp-n100)}
.stfr-fcmp__row-label{padding:15px 18px 15px 58px;font-size:15.5px;color:var(--stfr-fcmp-n900);line-height:1.4}
.stfr-fcmp__cell{display:flex;justify-content:center;align-items:center;padding:12px 6px;min-width:0;text-align:center;align-self:stretch}
.stfr-fcmp__cell--feat{background:rgba(45,90,77,.05)}
@container (min-width:761px){
	.stfr-fcmp__col,.stfr-fcmp__cell{border-left:1px solid rgba(45,90,77,.07)}
	.stfr-fcmp__col--feat,.stfr-fcmp__cell--feat{border-left-color:rgba(45,90,77,.22);border-right:1px solid rgba(45,90,77,.22)}
	.stfr-fcmp__col--feat+.stfr-fcmp__col,.stfr-fcmp__cell--feat+.stfr-fcmp__cell{border-left-color:transparent}
}
.stfr-fcmp__check{width:24px;height:24px;border-radius:50%;background:var(--stfr-fcmp-sage);color:var(--stfr-fcmp-primary);display:grid;place-items:center}
.stfr-fcmp__check svg{width:13px;height:13px;stroke-width:2.8}
.stfr-fcmp__cell--feat .stfr-fcmp__check{background:var(--stfr-fcmp-primary);color:#fff}
.stfr-fcmp__dash{width:12px;height:2px;border-radius:2px;background:var(--stfr-fcmp-n200)}
.stfr-fcmp__text{font-size:14px;color:var(--stfr-fcmp-n700);line-height:1.3}
.stfr-fcmp__text--hi{font-weight:500;color:var(--stfr-fcmp-primary);background:rgba(45,90,77,.09);border-radius:12px;padding:5px 12px}
.stfr-fcmp__row--same.is-hidden,.stfr-fcmp__row--sub.is-hidden{display:none}
.stfr-fcmp__row--sub:hover{background:none}
.stfr-fcmp__row--sub .stfr-fcmp__row-label{padding:16px 18px 6px 58px;font-size:14px;font-weight:700;letter-spacing:.01em;color:var(--stfr-fcmp-primary-light)}
.stfr-fcmp__row--sub{border-bottom:0}
.stfr-fcmp__row--sub .stfr-fcmp__cell{padding:0}
.stfr-fcmp__empty{display:none;padding:40px 20px;text-align:center;color:var(--stfr-fcmp-n700)}

/* baris beli */
.stfr-fcmp__buy{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(var(--stfr-fcmp-n),minmax(0,1fr));align-items:stretch;padding:22px 8px 26px;background:linear-gradient(180deg,#fff,var(--stfr-fcmp-cream));border-top:1px solid var(--stfr-fcmp-n200);border-radius:0 0 28px 28px}
.stfr-fcmp__buy-label{padding:0 18px;font-family:'Gilda Display',serif;font-size:22px;color:var(--stfr-fcmp-primary-dark);line-height:1.25;display:flex;flex-direction:column;justify-content:flex-end}
.stfr-fcmp__buy-label small{display:block;font-family:'Inter Tight',sans-serif;font-size:14px;color:var(--stfr-fcmp-n700);margin-top:2px;font-weight:400}
.stfr-fcmp__buy-col{padding:0 8px;text-align:center;min-width:0;display:flex;flex-direction:column;justify-content:flex-end}
.stfr-fcmp__buy-name{display:none;font-family:'Gilda Display',serif;font-size:18px;color:var(--stfr-fcmp-primary-dark)}
.stfr-fcmp__buy-price{display:block;font-size:13px;color:var(--stfr-fcmp-n500);margin-bottom:8px;min-height:20px}
.stfr-fcmp__button{display:flex!important;align-items:center;justify-content:center;border-radius:99px;padding:11px 10px!important;font-size:15px!important;font-weight:500!important;font-family:'Inter Tight',system-ui,sans-serif!important;text-decoration:none!important;border:1px solid transparent;transition:.2s;white-space:nowrap;height:auto!important;line-height:normal!important}
.stfr-fcmp__button--ghost{border-color:var(--stfr-fcmp-n200)!important;color:var(--stfr-fcmp-n700)!important;background:#fff!important}
.stfr-fcmp__button--ghost:hover{border-color:var(--stfr-fcmp-primary)!important;color:var(--stfr-fcmp-primary)!important}
.stfr-fcmp__button--outline{border-color:var(--stfr-fcmp-primary)!important;color:var(--stfr-fcmp-primary)!important;background:transparent!important}
.stfr-fcmp__button--outline:hover{background:var(--stfr-fcmp-primary)!important;color:#fff!important}
.stfr-fcmp__button--solid{background:var(--stfr-fcmp-primary)!important;color:#fff!important;border-color:var(--stfr-fcmp-primary)!important}
.stfr-fcmp__button--solid:hover{background:var(--stfr-fcmp-primary-dark)!important;border-color:var(--stfr-fcmp-primary-dark)!important}
.stfr-fcmp__button--gold{background:var(--stfr-fcmp-accent)!important;color:var(--stfr-fcmp-primary-dark)!important;border-color:var(--stfr-fcmp-accent)!important}
.stfr-fcmp__button--gold:hover{background:var(--stfr-fcmp-accent-light)!important;border-color:var(--stfr-fcmp-accent-light)!important}

@container (max-width:960px){
	.stfr-fcmp__head,.stfr-fcmp__row,.stfr-fcmp__buy{grid-template-columns:minmax(0,1.25fr) repeat(var(--stfr-fcmp-n),minmax(0,1fr))}
	.stfr-fcmp__group-head{grid-template-columns:minmax(0,1.25fr) repeat(var(--stfr-fcmp-n),minmax(0,1fr))!important}
	.stfr-fcmp__row-label{padding-left:48px}
	.stfr-fcmp__col-name{font-size:20px}
}

/* responsif (<=760px): header = SWITCHER paket, tabel menampilkan 1 paket terpilih */
@container (max-width:760px){
	.stfr-fcmp__head{grid-template-columns:repeat(var(--stfr-fcmp-n),minmax(0,1fr));padding:0 6px;gap:4px}
	.stfr-fcmp__head.is-stuck{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:6px;padding-right:6px}
	.stfr-fcmp__head-label{display:none}
	.stfr-fcmp__col{padding:16px 0 8px 0;border-radius:14px 14px 0 0;border-bottom:2px solid transparent;transition:.2s}
	.stfr-fcmp__colbtn{pointer-events:auto;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
	.stfr-fcmp__colbtn:focus-visible{outline:2px solid var(--stfr-fcmp-primary);outline-offset:2px;border-radius:10px}
	.stfr-fcmp__col-name{font-size:16px;color:var(--stfr-fcmp-n500)}
	.stfr-fcmp__col-sub{display:none}
	.stfr-fcmp__pill{font-size:10.5px;padding:0 7px}
	.stfr-fcmp__col,.stfr-fcmp__col--feat,.stfr-fcmp__col--muted,.stfr-fcmp__col.is-sel{background:none!important;border-radius:0}
	.stfr-fcmp__col.is-sel{border-bottom-color:var(--stfr-fcmp-primary)}
	.stfr-fcmp__col.is-sel .stfr-fcmp__col-name{color:var(--stfr-fcmp-primary-dark)}
	.stfr-fcmp__group{padding:0 6px}
	.stfr-fcmp__group-head{grid-template-columns:minmax(0,1fr) auto!important}
	.stfr-fcmp__group-top{grid-column:1;padding:14px 6px 14px 6px;padding-right:40px}
	.stfr-fcmp__group-count{display:none}
	.stfr-fcmp__chevron{position:absolute;right:12px;top:50%;margin-top:-9px;margin-left:0}
	.stfr-fcmp__group:not(.stfr-fcmp__group--closed) .stfr-fcmp__group-mini{display:none}
	.stfr-fcmp__group-mini{display:none}
	.stfr-fcmp__group-mini.is-sel{display:block;grid-column:2;padding-right:34px}
	.stfr-fcmp__group-text{flex-direction:column;align-items:flex-start;gap:1px}
	.stfr-fcmp__group-name{font-size:11.5px;letter-spacing:.07em}
	.stfr-fcmp__group-sub{font-size:11.5px;white-space:normal;overflow:visible}
	.stfr-fcmp__row{grid-template-columns:minmax(0,1fr) auto}
	.stfr-fcmp__row-label{padding:14px 8px;font-size:15px}
	.stfr-fcmp__row--sub .stfr-fcmp__cell{display:none!important}
	.stfr-fcmp__row--sub .stfr-fcmp__row-label{padding:14px 8px 4px;grid-column:1/-1}
	.stfr-fcmp__cell{display:none}
	.stfr-fcmp__cell.is-sel{display:flex;justify-content:flex-end;padding:8px 12px 8px 6px;min-width:84px}
	.stfr-fcmp__cell--feat{background:none}
	.stfr-fcmp__text{font-size:13.5px;text-align:right}
	.stfr-fcmp__text--hi{padding:4px 10px}
	.stfr-fcmp__buy{grid-template-columns:1fr;gap:14px;padding:20px 14px 24px}
	.stfr-fcmp__buy-label{padding:0;text-align:center;font-size:32px}
	.stfr-fcmp__buy-label small{font-size:16px}
	.stfr-fcmp__buy-col{display:none;padding:0}
	.stfr-fcmp__buy-col.is-sel{display:block}
	.stfr-fcmp__buy-price{margin-bottom:8px;font-size:24px}
	.stfr-fcmp__buy-col--muted .stfr-fcmp__buy-price{display:none}
	.stfr-fcmp__tools{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
	.stfr-fcmp__group-body,.stfr-fcmp__chevron,.stfr-fcmp__group-mini,.stfr-fcmp__head{transition:none}
}