.kf-period-btn{color:var(--kf-muted-fg)}.kf-period-btn.is-active{background:#fff;color:var(--kf-navy);box-shadow:0 1px 3px #00000014}.dark .kf-period-btn{color:var(--kf-muted-fg-light)}.dark .kf-period-btn.is-active{background:var(--kf-navy-dark);color:#fff}.kf-bundle-tier-btn{color:var(--kf-muted-fg)}.dark .kf-bundle-tier-btn{color:var(--kf-slate-300)}.kf-bundle-tier-btn.is-active{background:#fff;color:var(--kf-navy);box-shadow:0 1px 4px color-mix(in srgb,var(--kf-navy) 15%,transparent)}.dark .kf-bundle-tier-btn.is-active{background:var(--kf-navy);color:#fff}.kf-core-row{display:flex;align-items:stretch;gap:12px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--kf-border-light);background:#fff;transition:border-color .12s,background .12s}.dark .kf-core-row{background:#ffffff08;border-color:#ffffff1a}.kf-core-row:hover{border-color:color-mix(in srgb,var(--kf-navy) 30%,transparent)}.dark .kf-core-row:hover{border-color:color-mix(in srgb,var(--kf-purple) 30%,transparent)}.kf-core-row.is-selected[data-selected-tier=free]{border-color:var(--kf-emerald);background:color-mix(in srgb,var(--kf-emerald) 4%,transparent)}.kf-core-row.is-selected[data-selected-tier=pro]{border-color:var(--kf-navy);background:color-mix(in srgb,var(--kf-navy) 4%,transparent)}.kf-core-row.is-selected[data-selected-tier=enterprise]{border-color:var(--kf-amber);background:color-mix(in srgb,var(--kf-amber) 4%,transparent)}.dark .kf-core-row.is-selected[data-selected-tier=pro]{border-color:var(--kf-purple)}.kf-tier-pick{cursor:pointer;transition:background-color .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease;color:var(--kf-muted-fg)}.dark .kf-tier-pick{color:var(--kf-slate-300)}.kf-tier-pick:not(.is-active):hover{background:#ffffffb3;transform:translateY(-1px);box-shadow:0 1px 4px color-mix(in srgb,var(--kf-navy) 8%,transparent)}.dark .kf-tier-pick:not(.is-active):hover{background:#ffffff0f}.kf-tier-pick[data-tier=free]:not(.is-active):hover{color:var(--kf-emerald)}.kf-tier-pick[data-tier=pro]:not(.is-active):hover{color:var(--kf-navy)}.kf-tier-pick[data-tier=enterprise]:not(.is-active):hover{color:var(--kf-amber)}.dark .kf-tier-pick[data-tier=pro]:not(.is-active):hover{color:var(--kf-purple)}.kf-tier-pick.is-active{background:#fff;box-shadow:0 1px 6px color-mix(in srgb,var(--kf-navy) 18%,transparent)}.dark .kf-tier-pick.is-active{background:var(--kf-navy)}.kf-tier-pick[data-tier=free].is-active{color:var(--kf-emerald)}.kf-tier-pick[data-tier=pro].is-active{color:var(--kf-navy)}.kf-tier-pick[data-tier=enterprise].is-active{color:var(--kf-amber)}.dark .kf-tier-pick[data-tier=pro].is-active{color:var(--kf-purple)}.kf-addon-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--kf-border-light);background:#fff;cursor:pointer;transition:border-color .12s,background .12s}.dark .kf-addon-row{background:#ffffff08;border-color:#ffffff1a}.kf-addon-row:hover{border-color:color-mix(in srgb,var(--kf-amber) 50%,transparent)}.kf-addon-row.is-selected{border-color:var(--kf-amber);background:color-mix(in srgb,var(--kf-amber) 6%,transparent)}.kf-addon-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--kf-slate-300);flex-shrink:0;transition:all .12s;display:inline-flex;align-items:center;justify-content:center}.dark .kf-addon-check{border-color:var(--kf-muted-fg-dark)}.kf-addon-row.is-selected .kf-addon-check{background:var(--kf-amber);border-color:var(--kf-amber)}.kf-bundle-card{border-radius:16px;border:1.5px solid var(--kf-border-light);background:#fff;padding:18px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.dark .kf-bundle-card{background:#ffffff08;border-color:#ffffff1a}.kf-bundle-card:hover{border-color:color-mix(in srgb,var(--kf-navy) 55%,transparent);transform:translateY(-1px);box-shadow:0 8px 24px color-mix(in srgb,var(--kf-navy) 8%,transparent)}.dark .kf-bundle-card:hover{border-color:color-mix(in srgb,var(--kf-purple) 60%,transparent)}.kf-bundle-card.is-active{border-color:var(--kf-navy);background:linear-gradient(135deg,color-mix(in srgb,var(--kf-navy) 4%,transparent),color-mix(in srgb,var(--kf-purple) 5%,transparent))}.dark .kf-bundle-card.is-active{border-color:var(--kf-purple);background:linear-gradient(135deg,color-mix(in srgb,var(--kf-purple) 10%,transparent),color-mix(in srgb,var(--kf-navy) 6%,transparent))}
