:root{--jb-orange:#f37820;--jb-blue:#012846;--jb-orange-light:rgba(243, 120, 32, .09);--jb-blue-light:rgba(1, 40, 70, .06)}
.label-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:var(--jb-orange-light);color:var(--jb-orange)}
.rec-hero{border-bottom:1px solid var(--jb-orange)}
.rec-hero h1 em{font-style:normal;color:var(--jb-orange)}
.kpi-bar{background:var(--jb-blue);border-radius:14px}
.kpi-item{border-right:1px solid rgb(255 255 255 / .12)}
.kpi-item:last-child{border-right:none}
.kpi-number{font-size:1.8rem;font-weight:700;color:var(--jb-orange);line-height:1}
.kpi-label{font-size:.75rem;color:rgb(255 255 255 / .65);margin-top:4px}

.step-card{border:1.5px solid #e9ecef;border-radius:14px;padding:1.5rem;height:100%}
.step-number{width:36px;height:36px;border-radius:50%;background:var(--jb-blue);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}

.feature-card{border:1.5px solid #e9ecef;border-radius:14px;transition:border-color .2s,box-shadow .2s;height:100%;padding:1.5rem}
.feature-card:hover{border-color:var(--jb-orange);box-shadow:0 6px 28px rgb(243 120 32 / .10)}
.feature-icon{width:48px;height:48px;border-radius:10px;background:var(--jb-orange-light);color:var(--jb-orange);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.feature-icon svg{width:24px;height:24px}

.pack-card{border:1.5px solid #e9ecef;border-radius:14px;padding:1.5rem;height:100%;position:relative;transition:border-color .2s,box-shadow .2s}
.pack-card:hover{border-color:var(--jb-orange);box-shadow:0 6px 28px rgb(243 120 32 / .10)}
.pack-card.featured{border:2px solid var(--jb-orange)}
.pack-badge{position:absolute;top:-.7rem;right:1.25rem;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .7rem;border-radius:6px;background:var(--jb-orange);color:#fff}
.pack-group-title{font-size:1rem;font-weight:700;color:var(--jb-blue);text-transform:uppercase;letter-spacing:.04em}
.price-main{font-size:1.6rem;font-weight:700;color:var(--jb-blue)}
.price-original{font-size:.95rem;color:#adb5bd;text-decoration:line-through;font-weight:400}
.check-item{font-size:.875rem;color:#495057;display:block;padding:.15rem 0}
.check-item::before{content:'✓';color:var(--jb-orange);font-weight:700;margin-right:6px}

.faq-item{border-bottom:1px solid #e9ecef}
.faq-item .faq-q{cursor:pointer;font-weight:500;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;color:var(--jb-blue);user-select:none}
.faq-item .faq-q .icon{width:24px;height:24px;border-radius:50%;background:var(--jb-orange-light);color:var(--jb-orange);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:transform .2s}
.faq-item.open .faq-q .icon{transform:rotate(45deg)}
.faq-item .faq-a{display:none;font-size:.9rem;color:#6c757d;padding-bottom:1rem;line-height:1.7}
.faq-item.open .faq-a{display:block}

.cta-rec{background:var(--jb-orange);border-radius:14px;color:#fff}
.btn-white{background:#fff;color:var(--jb-orange);font-weight:700;border:none;border-radius:8px;padding:.75rem 2rem}
.btn-white:hover{background:#fff3ea;color:var(--jb-orange)}
.btn-outline-white{background:#fff0;color:#fff;border:2px solid rgb(255 255 255 / .5);border-radius:8px;padding:.75rem 2rem;font-weight:500}
.btn-outline-white:hover{border-color:#fff;color:#fff}
.btn-orange-main{background:var(--jb-orange);color:#fff;font-weight:700;border:none;border-radius:8px;padding:.75rem 2rem}
.btn-orange-main:hover{background:#d96a16;color:#fff}

@media (max-width:767px){
    .kpi-item{border-right:none;border-bottom:1px solid rgb(255 255 255 / .12)}
    .price-main{font-size:1.35rem}
}