/* marketing-only additions on top of brand.css */
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:22px;backdrop-filter:blur(6px)}
.hero-card .plan-name,.hero-card .price .amount,.hero-card h3{color:#fff}.hero-card .specs{color:#e6efeb}.hero-card .plan-tagline,.hero-card .price .cur,.hero-card .price .period{color:var(--on-hero-muted)}
.feature .icon{font-size:20px}
.addon-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.addon-strip .card{padding:18px}.addon-strip .p{color:var(--primary);font-weight:700;margin-top:8px}
.soon-card{border-style:dashed}
.compare td:first-child{font-weight:700}

.nav-menu-only{display:none}@media (max-width:860px){.nav-links.open .nav-menu-only{display:flex}}