.nb-hero h1 { max-width: 760px; font-size: clamp(3.6rem, 6.2vw, 6.4rem); }
.nb-hero .pa-hero-copy > p { max-width: 600px; }

.nb-core { gap: 4px; }
.nb-bag { width: 46px; height: 46px; margin: 0 auto; fill: none; stroke: var(--pa-teal); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 10px rgba(0,217,163,.55)); }
.nb-core strong { font-size: 1.6rem; }

.delay-2 { transition-delay: .24s; }

.nb-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 86px; }
.nb-benefit { position: relative; padding: 40px 34px 38px; overflow: hidden; border: 1px solid rgba(0,217,163,.18); border-radius: 26px; background: linear-gradient(150deg, rgba(16,36,45,.92), rgba(8,17,22,.96)); box-shadow: 0 22px 60px rgba(0,0,0,.3); transition: transform var(--ease), border-color var(--ease), box-shadow var(--ease); }
.nb-benefit::after { position: absolute; top: -120px; right: -110px; width: 240px; height: 240px; border: 1px solid rgba(17,156,255,.14); border-radius: 50%; content: ""; }
.nb-benefit:hover { border-color: rgba(0,217,163,.42); box-shadow: 0 26px 70px rgba(0,0,0,.36), 0 0 36px rgba(0,217,163,.1); transform: translateY(-4px); }
.nb-benefit-index { display: inline-block; margin-bottom: 26px; color: var(--pa-teal); font-family: var(--heading); font-size: .74rem; font-weight: 700; letter-spacing: .14em; }
.nb-benefit h3 { margin-bottom: 12px; color: var(--pa-white); font-size: clamp(1.45rem, 2.1vw, 1.85rem); }
.nb-benefit p { color: var(--pa-muted); line-height: 1.7; }

.nb-exclusive { display: flex; align-items: center; justify-content: center; gap: 14px; max-width: 760px; margin: 64px auto 0; padding: 18px 26px; border: 1px solid rgba(247,255,253,.12); border-radius: 100px; color: rgba(247,255,253,.78); font-family: var(--heading); font-size: .95rem; font-weight: 600; text-align: center; background: rgba(13,27,34,.6); }
.nb-exclusive i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--pa-teal); box-shadow: 0 0 14px rgba(0,217,163,.9); }

.nb-cta-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }

@media (max-width: 980px) {
    .nb-benefits { grid-template-columns: 1fr; max-width: 640px; margin-inline: auto; margin-top: 56px; }
}

@media (max-width: 680px) {
    .nb-hero h1 { font-size: clamp(3rem, 13vw, 4.4rem); }
    .nb-exclusive { border-radius: 22px; }
    .nb-cta-actions .btn { width: 100%; }
}
