.hb-container{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1200px;margin:40px auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;padding:0 20px}.hb-box{background:#fff;border:2px solid #d1d5db;text-align:center;transition:all 0.3s ease;position:relative}.hb-box:first-child{border-right:none}.hb-box:last-child{border-left:none}.hb-box:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgb(0 0 0 / .15);z-index:10}.hb-header{background:linear-gradient(135deg,#4b5563,#6b7280);color:#fff;padding:16px 20px;font-size:20px;font-weight:800}.hb-content{padding:40px 30px}.hb-logo{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.hb-logo-text{font-size:36px;font-weight:900;color:#1f2937}.hb-logo-img{max-width:180px;max-height:60px}.hb-price{font-size:18px;color:#374151;font-weight:600;margin-bottom:30px}.hb-price strong{font-size:22px;color:#1f2937}.hb-buttons{display:flex;flex-direction:column;gap:15px}.hb-btn-primary{background:#3b82f6;color:white!important;padding:15px 30px;border-radius:6px;font-size:16px;font-weight:700;text-decoration:none!important;display:block;transition:all 0.3s ease;border:none;cursor:pointer}.hb-btn-primary:hover{background:#2563eb;transform:scale(1.02)}.hb-btn-secondary{background:#0ea5e9;color:white!important;padding:14px 30px;border-radius:6px;font-size:15px;font-weight:700;text-decoration:none!important;display:block;transition:all 0.3s ease;border:none;cursor:pointer}.hb-btn-secondary:hover{background:#0284c7}@media (max-width:900px){.hb-container{grid-template-columns:1fr;gap:20px}.hb-box{border:2px solid #d1d5db!important}}.pb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:30px 15px;max-width:1300px;margin:40px auto}.pb-card{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:linear-gradient(145deg,#ffffff 0%,#f8f9fa 100%);border:2px solid #e5e7eb;border-radius:12px;padding:30px 25px;transition:all 0.3s ease;position:relative;overflow:hidden;text-align:center}.pb-ribbon{position:absolute;top:15px;right:-35px;background:linear-gradient(135deg,#4b5563,#6b7280);color:#fff;padding:8px 45px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transform:rotate(45deg);box-shadow:0 3px 10px rgb(0 0 0 / .2)}.pb-icon{width:70px;height:70px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 20px;border:3px solid #d1d5db;transition:all 0.3s ease}.pb-card:hover .pb-icon{transform:scale(1.1) rotate(5deg);border-color:#9ca3af}.pb-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4b5563,#6b7280);transform:scaleX(0);transition:transform 0.3s ease}.pb-card:hover::before{transform:scaleX(1)}.pb-card:hover{border-color:#6b7280;transform:translateY(-8px);box-shadow:0 20px 40px rgb(107 114 128 / .15)}.pb-title{font-size:26px;font-weight:800;color:#1f2937;margin:0 0 12px 0;line-height:1.3}.pb-text{color:#4b5563;font-size:15px;line-height:1.8;margin-bottom:20px}.pb-price{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.pb-amount{font-size:32px;font-weight:800;color:#1f2937}.pb-period{font-size:15px;color:#6b7280;font-weight:500}.pb-features{list-style:none;padding:0;margin:0 0 25px 0;text-align:left;max-width:250px;margin-left:auto;margin-right:auto}.pb-features li{padding:8px 0;color:#4b5563;font-size:14px;position:relative;padding-left:25px}.pb-features li::before{content:'✓';position:absolute;left:0;color:#6b7280;font-weight:700;font-size:16px}.pb-btn{display:block;width:100%;background:#6b7280;color:white!important;text-align:center;padding:15px 20px;border-radius:8px;font-size:16px;font-weight:700;text-decoration:none!important;transition:all 0.3s ease;border:none;cursor:pointer;letter-spacing:.3px}.pb-btn:hover{background:#4b5563;transform:scale(1.02);box-shadow:0 8px 20px rgb(107 114 128 / .3)}.pb-link{display:block;text-align:center;color:#6b7280;font-size:14px;font-weight:600;text-decoration:none;margin-top:12px;transition:color 0.3s ease}.pb-link:hover{color:#4b5563;text-decoration:underline}@media (max-width:1024px){.pb-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pb-grid{grid-template-columns:1fr;gap:20px}.pb-card{padding:25px 20px}}