.hp-nav { backdrop-filter: blur(16px); background: rgba(255,255,255,.82); border-bottom: 1px solid rgba(15,23,42,.06); }
.dark-theme .hp-nav { background: rgba(15,23,42,.78); }
.hp-hero { min-height: 100vh; padding: 8rem 0 5rem; position: relative; overflow: hidden; }
.hp-orb { position: absolute; border-radius: 50%; filter: blur(60px); opacity: .45; pointer-events: none; }
.hp-orb-1 { width: 380px; height: 380px; background: #818cf8; top: -80px; right: -40px; }
.hp-orb-2 { width: 280px; height: 280px; background: #c084fc; bottom: 10%; left: -60px; }
.hp-chip { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .85rem; border-radius: 999px; background: rgba(79,70,229,.1); color: #4f46e5; font-weight: 600; font-size: .9rem; }
.hp-stat { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 18px; padding: 1.25rem 1rem; text-align: center; height: 100%; }
.hp-mock { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 22px; box-shadow: 0 24px 60px rgba(79,70,229,.12); overflow: hidden; }
.hp-price { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 22px; padding: 2rem 1.5rem; height: 100%; }
.hp-price.featured { border-color: #4f46e5; box-shadow: 0 16px 40px rgba(79,70,229,.18); transform: translateY(-6px); }
@media (max-width: 767.98px) {
    .hp-hero { padding-top: 7rem; min-height: auto; }
    .hp-price.featured { transform: none; }
    .display-3 { font-size: 2.15rem; }
}
body, .hp-bn { font-family: 'Kalpurush', 'Poppins', sans-serif; }