/* ════════════════════════════════════════════════════════════
   prodotti.css — Stili pagine pubbliche atmoelite.com
   /agenzie.php /creator.php /partner.php
   Palette + nav + footer estratti da index.html (NON modificarlo).
   ════════════════════════════════════════════════════════════ */

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}

:root{
  --teal:#1a6b5a;--teal2:#2a9d8f;--teal3:#48c9b8;--teal4:#7de8da;
  --orange:#e8721c;--orange2:#f4a261;--orange3:#f9c89a;
  --dark:#050c0a;--dark2:#091410;--dark3:#0e1e1a;--dark4:#162820;
  --glass:rgba(255,255,255,.04);--glass2:rgba(255,255,255,.07);--glass3:rgba(255,255,255,.12);
  --border:rgba(42,157,143,.1);--border2:rgba(42,157,143,.25);--border3:rgba(232,114,28,.2);
  --text:#dff0ec;--text2:rgba(223,240,236,.55);--text3:rgba(223,240,236,.25);--text4:rgba(223,240,236,.12);
  --fh:'Unbounded',sans-serif;--fb:'DM Sans',sans-serif;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.87,0,.13,1);
}

html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--fb);background:var(--dark);color:var(--text);overflow-x:hidden;line-height:1.6}

body::before{
  content:'';position:fixed;inset:0;
  background:
    radial-gradient(ellipse 140% 80% at -10% -10%,rgba(26,107,90,.28) 0%,transparent 50%),
    radial-gradient(ellipse 80% 60% at 110% 110%,rgba(42,157,143,.12) 0%,transparent 50%),
    radial-gradient(ellipse 60% 50% at 50% 50%,rgba(232,114,28,.04) 0%,transparent 60%);
  pointer-events:none;z-index:0;
}
body::after{
  content:'';position:fixed;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events:none;z-index:0;opacity:.7;
}

a{color:var(--teal3);text-decoration:none;transition:.2s}
a:hover{color:var(--teal4)}

/* ────────────── NAV ────────────── */
.atmo-pub-nav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  padding:18px 40px;display:flex;align-items:center;gap:20px;
  transition:background .4s,backdrop-filter .4s,border-color .4s;
}
.atmo-pub-nav.scrolled{background:rgba(5,12,10,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:1}
.nav-logo img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.nav-logo-text{font-family:var(--fh);font-size:.7em;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text)}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-links a{font-family:var(--fb);font-size:.82em;color:var(--text2);text-decoration:none;font-weight:500;transition:.2s;letter-spacing:.3px;cursor:pointer;position:relative}
.nav-links a:hover{color:var(--text)}
.nav-links a.on{color:var(--teal3)}
.nav-links a.on::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal2),var(--teal4));border-radius:1px}
.nav-cta{background:linear-gradient(135deg,var(--teal),var(--teal2));border:none;color:#fff;font-family:var(--fh);font-size:.55em;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 20px;border-radius:10px;cursor:pointer;transition:.2s;white-space:nowrap}
.nav-cta:hover{opacity:.85;transform:translateY(-1px)}
.nav-mobile-btn{display:none;background:none;border:none;color:var(--text);font-size:1.4em;cursor:pointer;padding:4px}

@media(max-width:768px){
  .atmo-pub-nav{padding:14px 20px}
  .nav-links{display:none}
  .nav-mobile-btn{display:block}
  .atmo-pub-nav > .nav-cta{display:none}
}

.mobile-menu{position:fixed;inset:0;background:rgba(5,12,10,.98);backdrop-filter:blur(20px);z-index:490;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;transform:translateY(-100%);transition:transform .5s var(--ease-out)}
.mobile-menu.open{transform:translateY(0)}
.mobile-menu a{font-family:var(--fh);font-size:1.5em;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text2);text-decoration:none;transition:.2s;cursor:pointer}
.mobile-menu a:hover{color:var(--teal3)}
.mobile-menu-close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text);font-size:1.6em;cursor:pointer}

/* ────────────── NAV DROPDOWN "Prodotti" ────────────── */
.nav-dropdown{position:relative}
.nav-dropdown-trigger{background:none;border:none;cursor:pointer;color:var(--text2);font-family:var(--fb);font-size:.82em;font-weight:500;letter-spacing:.3px;padding:0;display:inline-flex;align-items:center;gap:5px;transition:.2s}
.nav-dropdown-trigger:hover,.nav-dropdown:hover .nav-dropdown-trigger,.nav-dropdown:focus-within .nav-dropdown-trigger{color:var(--text)}
.nav-dropdown-trigger.on{color:var(--teal3)}
.nav-dd-arrow{font-size:.8em;transition:transform .25s var(--ease-out);color:var(--teal3)}
.nav-dropdown:hover .nav-dd-arrow,.nav-dropdown:focus-within .nav-dd-arrow{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px);min-width:280px;background:rgba(5,12,10,.96);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border2);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:2px;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility .2s;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:600}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;pointer-events:auto;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav-dropdown::after{content:'';position:absolute;top:100%;left:0;right:0;height:18px}
.nav-dropdown-menu a{display:block;padding:12px 14px;border-radius:10px;text-decoration:none;color:var(--text);font-family:var(--fb);font-size:.82em;line-height:1.35;transition:background .2s,color .2s}
.nav-dropdown-menu a strong{display:block;font-family:var(--fh);font-size:.95em;font-weight:700;letter-spacing:.5px;margin-bottom:3px}
.nav-dropdown-menu a span{display:block;font-size:.82em;color:var(--text2);font-weight:300}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.on{background:rgba(42,157,143,.12);color:var(--teal3)}
.nav-dropdown-menu a:hover strong,.nav-dropdown-menu a.on strong{color:var(--teal3)}
/* Mobile submenu Prodotti */
.mobile-menu-dropdown{width:100%;max-width:320px;text-align:center}
.mobile-menu-dropdown summary{list-style:none;cursor:pointer;font-family:var(--fh);font-size:1.5em;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text2);transition:.2s;display:inline-flex;align-items:center;gap:10px}
.mobile-menu-dropdown summary::-webkit-details-marker{display:none}
.mobile-menu-dropdown summary::after{content:'\25BE';font-size:.7em;color:var(--teal3);transition:transform .25s}
.mobile-menu-dropdown[open] summary::after{transform:rotate(180deg)}
.mobile-menu-dropdown summary:hover{color:var(--teal3)}
.mobile-menu-dropdown a{display:block;font-family:var(--fb);font-size:1em;font-weight:500;letter-spacing:1px;text-transform:none;color:var(--text2);padding:10px 0;margin-top:8px}
.mobile-menu-dropdown a:first-of-type{margin-top:14px}
.mobile-menu-dropdown a:hover{color:var(--teal3)}
@media(max-width:768px){.nav-dropdown{display:none}}

/* ────────────── FOOTER ────────────── */
.atmo-pub-footer{position:relative;z-index:1;padding:80px 40px 32px;background:var(--dark2);border-top:1px solid var(--border);margin-top:80px}
.footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:50px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:580px){.footer-grid{grid-template-columns:1fr;gap:28px}.atmo-pub-footer{padding:60px 20px 24px}}
.footer-brand-col .nav-logo{margin-bottom:16px;display:flex;align-items:center;gap:10px}
.footer-brand-col .nav-logo img{width:38px;height:38px;border-radius:50%}
.footer-desc{font-size:.85em;color:var(--text2);line-height:1.7;font-weight:300;max-width:280px}
.footer-col-title{font-family:var(--fh);font-size:.55em;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text);margin-bottom:18px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:.85em;color:var(--text2);text-decoration:none;font-weight:300;transition:.2s;cursor:pointer}
.footer-links a:hover{color:var(--teal3)}
.footer-bottom{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:24px}
.footer-copy{font-size:.75em;color:var(--text3);font-weight:300}
.footer-badges{display:flex;gap:8px}
.footer-badge{background:var(--glass);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:.6em;color:var(--text2);font-family:var(--fh);letter-spacing:1px}

/* WhatsApp Float (riusa stile index.html) */
#waFloat{position:fixed;bottom:24px;right:24px;z-index:9998;width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(37,211,102,.4);transition:.3s;text-decoration:none;cursor:pointer}
#waFloat:hover{transform:scale(1.1);box-shadow:0 6px 32px rgba(37,211,102,.65)}

/* ════════════════════════════════════════════════════════════
   PAGE LAYOUT
   ════════════════════════════════════════════════════════════ */

main.atmo-page{position:relative;z-index:1}

/* ────────────── HERO PRODOTTO ────────────── */
.prod-hero{position:relative;padding:160px 24px 100px;text-align:center;overflow:hidden}
.prod-hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(42,157,143,.18) 0%,transparent 60%);
  pointer-events:none;
}
.prod-hero-inner{position:relative;max-width:900px;margin:0 auto}
.prod-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(42,157,143,.08);border:1px solid rgba(42,157,143,.25);border-radius:24px;padding:7px 18px;font-family:var(--fh);font-size:.6rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal3);margin-bottom:24px}
.prod-eyebrow .dot{width:6px;height:6px;background:var(--teal3);border-radius:50%;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

.prod-h1{
  font-family:var(--fh);font-weight:900;line-height:1;letter-spacing:-1px;margin-bottom:20px;
  font-size:clamp(2.2rem,7vw,4.5rem);
  background:linear-gradient(135deg,#fff 0%,rgba(255,255,255,.85) 50%,var(--teal4) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.prod-h1 .accent{color:var(--orange2);-webkit-text-fill-color:var(--orange2);background:none;font-style:italic;font-family:'DM Sans',sans-serif;font-weight:300}
.prod-sub{font-size:clamp(1rem,2vw,1.2rem);color:var(--text2);max-width:640px;margin:0 auto 32px;line-height:1.6}
.prod-cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:8px}

/* Bottoni */
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--teal),var(--teal2));border:none;color:#fff;font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:15px 30px;border-radius:12px;cursor:pointer;transition:all .3s var(--ease-out);text-decoration:none}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(42,157,143,.35);color:#fff}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(42,157,143,.35);color:var(--teal3);font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:15px 30px;border-radius:12px;cursor:pointer;transition:.3s;text-decoration:none}
.btn-secondary:hover{border-color:var(--teal2);background:rgba(42,157,143,.08);transform:translateY(-2px);color:var(--teal3)}

/* ────────────── SECTION ────────────── */
.prod-section{padding:80px 24px;position:relative}
.prod-section-inner{max-width:1100px;margin:0 auto}
.eyebrow{font-family:var(--fh);font-size:.65rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--orange2);margin-bottom:14px}
.section-title{font-family:var(--fh);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.05;letter-spacing:-1px;margin-bottom:18px}
.section-lead{font-size:1.05rem;color:var(--text2);max-width:720px;line-height:1.7;margin-bottom:32px}

/* ────────────── PRODUCT CARD ────────────── */
.prod-card{
  background:linear-gradient(135deg,var(--dark3) 0%,var(--dark4) 100%);
  border:1px solid var(--border2);
  border-radius:20px;
  padding:36px;
  margin-bottom:28px;
  position:relative;
  overflow:hidden;
}
.prod-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--teal),var(--teal3),var(--teal4));
  opacity:.5;
}
.prod-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.prod-card-title{font-family:var(--fh);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--text)}
.prod-card-desc{font-size:1rem;color:var(--text2);line-height:1.7;margin-bottom:24px}

/* Status badges */
.prod-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--fh);font-size:.55rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 12px;border-radius:20px;white-space:nowrap}
.prod-badge.ok{background:rgba(42,157,143,.15);color:var(--teal3);border:1px solid rgba(42,157,143,.4)}
.prod-badge.beta{background:rgba(232,114,28,.15);color:var(--orange2);border:1px solid rgba(232,114,28,.4)}
.prod-badge.coming{background:rgba(255,255,255,.06);color:var(--text2);border:1px solid var(--border2)}
.prod-badge.partner{background:rgba(72,201,184,.1);color:var(--teal4);border:1px solid rgba(72,201,184,.3)}

/* Feature grid */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:24px 0}
.feature-item{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;padding:18px}
.feature-icon{font-size:1.5rem;margin-bottom:10px;display:block}
.feature-title{font-family:var(--fh);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--teal3);margin-bottom:8px}
.feature-desc{font-size:.88rem;color:var(--text2);line-height:1.6}

/* ────────────── PRICING TABLE (Agency Manager) ────────────── */
.pricing-table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.pricing-table th,.pricing-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}
.pricing-table tr:last-child td{border-bottom:none}
.pricing-table th{font-family:var(--fh);font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text2);background:rgba(255,255,255,.03)}
.pricing-table td{font-size:.95rem;color:var(--text)}
.pricing-table .price-cell{color:var(--teal3);font-weight:700;font-family:var(--fh)}
.pricing-table tr:hover td{background:rgba(42,157,143,.04)}
@media(max-width:640px){
  .pricing-table th,.pricing-table td{padding:10px 8px;font-size:.82rem}
  .pricing-table th{font-size:.55rem}
}

/* ────────────── BUNDLE CALCULATOR ────────────── */
.bundle-calc{
  background:linear-gradient(135deg,var(--dark3) 0%,#0b1a28 100%);
  border:1px solid rgba(72,201,184,.3);
  border-radius:20px;
  padding:32px;
  margin:32px 0;
}
.bundle-calc-title{font-family:var(--fh);font-size:1.1rem;font-weight:700;letter-spacing:-.3px;margin-bottom:6px}
.bundle-calc-sub{font-size:.85rem;color:var(--text2);margin-bottom:24px}
.bundle-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
@media(max-width:640px){.bundle-controls{grid-template-columns:1fr}}
.bundle-field label{display:block;font-family:var(--fh);font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text2);margin-bottom:8px}
.bundle-select,.bundle-input{
  width:100%;background:rgba(0,0,0,.3);border:1px solid var(--border2);
  color:var(--text);font-family:var(--fb);font-size:.95rem;font-weight:500;
  padding:12px 14px;border-radius:10px;outline:none;transition:.2s;
}
.bundle-select:focus,.bundle-input:focus{border-color:var(--teal3);background:rgba(0,0,0,.4)}
.bundle-input[type=number]{appearance:textfield;-moz-appearance:textfield}
.bundle-input::-webkit-outer-spin-button,
.bundle-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.bundle-output{background:rgba(0,0,0,.35);border:1px solid var(--border);border-radius:14px;padding:22px;margin-top:8px}
.bundle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem;color:var(--text)}
.bundle-row .label{color:var(--text2)}
.bundle-row .val{font-family:var(--fh);font-weight:700}
.bundle-row.divider{border-bottom:1px dashed var(--border2);margin:6px 0;padding:0;height:1px}
.bundle-row.discount .val{color:var(--orange2)}
.bundle-row.total{margin-top:8px;padding-top:14px;border-top:2px solid var(--teal2);font-size:1.1rem}
.bundle-row.total .val{color:var(--teal3);font-size:1.4rem}
.bundle-row.setup{color:var(--text3);font-size:.82rem;font-style:italic;margin-top:8px}
.bundle-enterprise-msg{background:rgba(232,114,28,.08);border:1px dashed rgba(232,114,28,.4);border-radius:10px;padding:14px;color:var(--orange2);font-size:.92rem;text-align:center;margin-top:14px}
.bundle-cta{margin-top:20px;text-align:center}

/* ────────────── FORM CONTATTI ────────────── */
.contact-form{
  background:linear-gradient(135deg,var(--dark3) 0%,var(--dark4) 100%);
  border:1px solid var(--border2);
  border-radius:20px;
  padding:36px;
  margin-top:24px;
}
.contact-form-title{font-family:var(--fh);font-size:1.3rem;font-weight:700;margin-bottom:8px}
.contact-form-sub{font-size:.92rem;color:var(--text2);margin-bottom:24px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
@media(max-width:640px){.cf-row{grid-template-columns:1fr}}
.cf-field label{display:block;font-family:var(--fh);font-size:.6rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text2);margin-bottom:6px}
.cf-field input,.cf-field textarea,.cf-field select{
  width:100%;background:rgba(0,0,0,.3);border:1px solid var(--border2);
  color:var(--text);font-family:var(--fb);font-size:.95rem;
  padding:12px 14px;border-radius:10px;outline:none;transition:.2s;resize:vertical;
}
.cf-field input:focus,.cf-field textarea:focus,.cf-field select:focus{border-color:var(--teal3);background:rgba(0,0,0,.4)}
.cf-field textarea{min-height:120px}
.cf-honeypot{position:absolute;left:-9999px;opacity:0;height:0;width:0;pointer-events:none}
.cf-submit{margin-top:14px;width:100%}
.cf-msg{margin-top:14px;padding:12px 16px;border-radius:10px;font-size:.92rem;display:none}
.cf-msg.ok{background:rgba(42,157,143,.12);border:1px solid rgba(42,157,143,.4);color:var(--teal3);display:block}
.cf-msg.err{background:rgba(232,114,28,.12);border:1px solid rgba(232,114,28,.4);color:var(--orange2);display:block}

/* ────────────── PRICING BIG CARD (singolo prodotto) ────────────── */
.price-card{
  background:linear-gradient(135deg,rgba(42,157,143,.08) 0%,rgba(72,201,184,.06) 100%);
  border:1px solid rgba(42,157,143,.3);border-radius:16px;padding:24px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin:18px 0;
}
.price-card .price-amt{font-family:var(--fh);font-size:2.2rem;font-weight:900;color:var(--teal3);line-height:1}
.price-card .price-amt small{font-size:.5em;color:var(--text2);font-weight:400;letter-spacing:1px;display:block;margin-top:4px}
.price-card .price-note{font-size:.85rem;color:var(--text2);max-width:340px}

/* ────────────── ALERT INFO BOXES ────────────── */
.alert-info{background:rgba(72,201,184,.06);border-left:3px solid var(--teal3);border-radius:8px;padding:14px 18px;margin:18px 0;font-size:.9rem;color:var(--text2);line-height:1.6}
.alert-warn{background:rgba(232,114,28,.06);border-left:3px solid var(--orange2);border-radius:8px;padding:14px 18px;margin:18px 0;font-size:.9rem;color:var(--text2);line-height:1.6}

/* ────────────── 3 AUDIENCE CTA HOMEPAGE STYLE ────────────── */
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}
@media(max-width:780px){.audience-grid{grid-template-columns:1fr}}
.audience-card{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:28px;transition:.3s;text-decoration:none;color:var(--text);display:block}
.audience-card:hover{transform:translateY(-4px);border-color:var(--teal3);background:var(--glass2)}
.audience-card .ico{font-size:2rem;display:block;margin-bottom:12px}
.audience-card h3{font-family:var(--fh);font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--text)}
.audience-card p{font-size:.88rem;color:var(--text2)}