:root {
    --bv-primary: #FF6B35;
    --bv-secondary: #E93C05;
    --bv-light: #FFF4F0;
}

.bv-hero-section { position: relative; overflow: hidden; padding: 190px 0 120px; }
.bv-hero-gradient { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255, 107, 53, 0.95) 0%, rgba(255, 142, 102, 0.55) 45%, rgba(255, 255, 255, 0.95) 100%); }
.bv-floating-circle { position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; }
.bv-circle-1 { width: 260px; height: 260px; top: 18%; right: 8%; background: radial-gradient(circle, rgba(255, 107, 53, 0.34) 0%, transparent 68%); animation: Float 7s ease-in-out infinite; }
.bv-circle-2 { width: 180px; height: 180px; bottom: 8%; left: 4%; background: radial-gradient(circle, rgba(233, 60, 5, 0.24) 0%, transparent 70%); animation: FloatSlow 9s ease-in-out infinite; }

.bv-hero-graffiti { position: absolute; top: 130px; right: 6%; border: 2px dashed rgba(255, 255, 255, 0.7); color: #ffffff; font-weight: 700; letter-spacing: 2px; padding: 10px 18px; border-radius: 14px; transform: rotate(-8deg); transition: transform 0.35s ease, box-shadow 0.35s ease; z-index: 1; pointer-events: none; }
.bv-hero-graffiti::before, .bv-hero-graffiti::after { content: ""; position: absolute; border: 2px dashed rgba(255, 255, 255, 0.45); border-radius: 10px; }
.bv-hero-graffiti::before { inset: -8px; }
.bv-hero-graffiti::after { inset: 6px; }
.bv-hero-section:hover .bv-hero-graffiti { transform: rotate(5deg) scale(1.1); box-shadow: 0 12px 30px rgba(233, 60, 5, 0.22); }

.bv-hero-content { position: relative; z-index: 2; }
.bv-hero-pill { display: inline-flex; border-radius: 999px; background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.48); color: #fff; font-weight: 700; letter-spacing: 1px; padding: 8px 18px; margin-bottom: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.bv-hero-pill:hover { transform: scale(1.05); background: rgba(255, 255, 255, 0.26); box-shadow: 0 10px 24px rgba(26, 26, 26, 0.18); }
.bv-hero-title, .bv-hero-subtitle { color: #fff; }
.bv-hero-subtitle { font-size: 1.12rem; max-width: 560px; }

.bv-btn-ripple { position: relative; overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease; }
.bv-btn-ripple::before { content: ""; position: absolute; width: 0; height: 0; top: 50%; left: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.35); transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; }
.bv-btn-ripple:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(255, 107, 53, 0.34); }
.bv-btn-ripple:hover::before { width: 280px; height: 280px; }

.bv-hero-image { background: rgba(255, 255, 255, 0.2); border: 2px dashed rgba(255, 255, 255, 0.62); border-radius: 26px; padding: 20px; backdrop-filter: blur(10px); transition: transform 0.35s ease, box-shadow 0.35s ease; animation: ScaleIn 0.8s ease-out; }
.bv-hero-image:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 26px 50px rgba(255, 107, 53, 0.35); }
.bv-hero-image-inner { min-height: 330px; border: 2px dashed rgba(255, 255, 255, 0.7); border-radius: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 26px; }
.bv-hero-image-inner i { font-size: 4rem; margin-bottom: 14px; animation: Bounce 1.8s cubic-bezier(0.34, 1.56, 0.64, 1) infinite; }

.bv-section-light { background: linear-gradient(180deg, #fff 0%, var(--bv-light) 100%); }
.bv-info-card, .bv-process-card, .bv-benefit-card, .bv-problem-media, .bv-faq .accordion-item {
    background: #fff; border: 1px solid rgba(255, 107, 53, 0.15); border-radius: 18px; position: relative; overflow: hidden;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; will-change: transform, opacity;
}
.bv-info-card, .bv-problem-media { padding: 30px; }
.bv-process-card, .bv-benefit-card { padding: 28px; height: 100%; }
.bv-process-card::before, .bv-benefit-card::before, .bv-info-card::before, .bv-problem-media::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255, 107, 53, 0.08), transparent 55%); opacity: 0; transition: opacity 0.35s ease; pointer-events: none; }
.bv-info-card:hover, .bv-process-card:hover, .bv-benefit-card:hover, .bv-problem-media:hover, .bv-faq .accordion-item:hover { transform: translateY(-12px) scale(1.02); box-shadow: 0 22px 44px rgba(255, 107, 53, 0.2); border-color: rgba(233, 60, 5, 0.45); }
.bv-info-card:hover::before, .bv-process-card:hover::before, .bv-benefit-card:hover::before, .bv-problem-media:hover::before { opacity: 1; }

.bv-num { width: 52px; height: 52px; border-radius: 50%; border: 2px solid rgba(255, 107, 53, 0.48); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; color: var(--bv-primary); margin-bottom: 16px; transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.35s ease, color 0.35s ease; }
.bv-process-card:hover .bv-num { background: var(--bv-primary); color: #fff; transform: scale(1.15) rotate(5deg); }
.bv-benefit-card i, .bv-problem-media i { font-size: 2rem; color: var(--bv-primary); margin-bottom: 14px; transition: transform 0.35s ease, color 0.35s ease; }
.bv-benefit-card:hover i, .bv-problem-media:hover i { transform: rotate(8deg) scale(1.14); color: var(--bv-secondary); }

.bv-checklist, .bv-problem-list { list-style: none; padding: 0; margin: 0; }
.bv-checklist li, .bv-problem-list li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; padding: 14px 16px; border: 1px solid rgba(255, 107, 53, 0.16); border-radius: 12px; background: rgba(255, 255, 255, 0.86); transition: transform 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; }
.bv-checklist li { animation: FadeInUp 0.7s ease both; animation-delay: calc(var(--i) * 0.1s); }
.bv-checklist li i { color: var(--bv-primary); margin-top: 2px; }
.bv-checklist li:hover { transform: translateX(8px); color: var(--bv-secondary); box-shadow: 0 10px 24px rgba(255, 107, 53, 0.16); }
.bv-problem-list li i { color: #e74c3c; transition: transform 0.3s ease; }
.bv-problem-list li:hover i { transform: scale(1.3); }

.bv-faq .accordion-item { margin-bottom: 14px; }
.bv-faq .accordion-button { font-weight: 600; padding: 18px 20px; background: #fff; }
.bv-faq .accordion-button:not(.collapsed) { background: rgba(255, 107, 53, 0.11); color: var(--bv-secondary); }
.bv-faq .accordion-button:focus { box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.2); }
.bv-faq .accordion-body { color: #4f4f4f; }

.bv-cta-card { border-radius: 24px; padding: 56px 32px; background: linear-gradient(120deg, #FF6B35 0%, #E93C05 100%); position: relative; overflow: hidden; }
.bv-cta-card::before { content: ""; position: absolute; width: 420px; height: 420px; border-radius: 50%; top: -220px; right: -180px; background: radial-gradient(circle, rgba(255, 255, 255, 0.22), transparent 62%); animation: Pulse 6s ease-in-out infinite; pointer-events: none; }
.bv-cta-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent); transform: translateX(-120%); animation: Shimmer 4.8s linear infinite; pointer-events: none; }

@keyframes Float { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -20px, 0); } }
@keyframes FloatSlow { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(14px, -16px, 0); } }
@keyframes Pulse { 0%, 100% { opacity: 0.55; transform: scale(1); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes Shimmer { 100% { transform: translateX(120%); } }
@keyframes FadeInUp { from { opacity: 0; transform: translate3d(0, 30px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes ScaleIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
@keyframes Bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

@media (max-width: 991px) { .bv-hero-section { padding-top: 150px; padding-bottom: 90px; } .bv-hero-graffiti { top: 110px; right: 12px; font-size: 0.78rem; } }
@media (max-width: 767px) {\n    .bv-hero-title { font-size: 2.05rem; }\n    .bv-hero-image-inner { min-height: 250px; }\n    .bv-cta-card { padding: 40px 20px; }\n    .bv-info-card:hover,\n    .bv-process-card:hover,\n    .bv-benefit-card:hover,\n    .bv-problem-media:hover,\n    .bv-faq .accordion-item:hover { transform: translateY(-6px) scale(1.01); }\n}\n*** End Patch"}]