/* ============================================================
   MA-ExamPrep Marketing CSS
   Source: .superpowers/brainstorm/709344-1778088255/content/*.html
   Design system: Management Academy / Castro & Partners
   Applies only to body.ma-marketing to avoid breaking blog/admin
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --ma-navy: #1B4F7E;
  --ma-navy-deep: #143A5C;
  --ma-navy-ink: #0F2A44;
  --ma-navy-soft: #2C6499;
  --ma-navy-tint: #E8EFF6;
  --ma-gold: #D4A33A;
  --ma-gold-soft: #F5E5B8;
  --ma-red: #C0392B;
  --ma-red-soft: #FBE9E6;
  --ma-ink: #14161A;
  --ma-ink-2: #3B414B;
  --ma-ink-3: #6B7280;
  --ma-line: #E5E7EB;
  --ma-line-2: #D1D5DB;
  --ma-bg: #FFFFFF;
  --ma-bg-alt: #F7F8FA;
  --ma-bg-warm: #FAF7F1;
  --font-display: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --shadow-1: 0 1px 2px rgba(15, 42, 68, 0.06);
  --shadow-2: 0 4px 12px rgba(15, 42, 68, 0.08);
  --shadow-3: 0 12px 32px rgba(15, 42, 68, 0.12);
  --shadow-card: 0 2px 8px rgba(15, 42, 68, 0.06), 0 0 0 1px rgba(15, 42, 68, 0.04);
  --t-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Reset / base — only on marketing pages */
body.ma-marketing { margin: 0; font-family: var(--font-body); font-size: 16px; line-height: 1.6; color: var(--ma-ink-2); background: #fff; -webkit-font-smoothing: antialiased; }
body.ma-marketing * { box-sizing: border-box; }
body.ma-marketing img { max-width: 100%; display: block; }
body.ma-marketing a { color: inherit; text-decoration: none; }
body.ma-marketing h1, body.ma-marketing h2, body.ma-marketing h3, body.ma-marketing h4, body.ma-marketing p, body.ma-marketing ul, body.ma-marketing ol { margin: 0; padding: 0; }
body.ma-marketing ul { list-style: none; }

/* Type */
.ma-eyebrow { font-family: var(--font-display); font-weight: 700; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ma-navy); }
.ma-eyebrow--gold { color: var(--ma-gold); }
.ma-eyebrow--muted { color: var(--ma-ink-3); }

body.ma-marketing h1 { font-family: var(--font-display); font-weight: 800; font-size: clamp(38px, 5vw, 64px); line-height: 1.05; letter-spacing: -0.02em; color: var(--ma-ink); }
body.ma-marketing h2 { font-family: var(--font-display); font-weight: 700; font-size: clamp(28px, 3.4vw, 44px); line-height: 1.12; letter-spacing: -0.015em; color: var(--ma-ink); }
body.ma-marketing h3 { font-family: var(--font-display); font-weight: 700; font-size: 22px; line-height: 1.25; color: var(--ma-ink); }
body.ma-marketing h4 { font-family: var(--font-display); font-weight: 600; font-size: 16px; line-height: 1.3; color: var(--ma-ink); }
.ma-lede { font-family: var(--font-body); font-size: clamp(17px, 1.3vw, 20px); line-height: 1.55; color: var(--ma-ink-2); }
.ma-small { font-size: 13px; line-height: 1.5; color: var(--ma-ink-3); }

/* Buttons */
.ma-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 28px; border-radius: 999px; border: 1px solid transparent; font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; transition: background var(--t-base), border-color var(--t-base), color var(--t-base), transform var(--t-fast); white-space: nowrap; text-decoration: none; }
.ma-btn--lg { padding: 18px 34px; font-size: 13px; }
.ma-btn--xl { padding: 20px 40px; font-size: 14px; }
.ma-btn--sm { padding: 10px 18px; font-size: 11px; }
/* Color esplicito anche su :link/:visited/:hover per battere style.css legacy
   "a { color: var(--ma-accent) }" e "a:hover { color: var(--ma-accent-dk) }". */
.ma-btn--primary,
a.ma-btn--primary,
a.ma-btn--primary:link,
a.ma-btn--primary:visited { background: var(--ma-navy); color: #fff; }
.ma-btn--primary:hover,
a.ma-btn--primary:hover,
a.ma-btn--primary:focus { background: var(--ma-navy-deep); color: #fff; }

.ma-btn--ghost,
a.ma-btn--ghost,
a.ma-btn--ghost:link,
a.ma-btn--ghost:visited { background: transparent; color: var(--ma-navy); border-color: var(--ma-navy); }
.ma-btn--ghost:hover,
a.ma-btn--ghost:hover { background: var(--ma-navy-tint); color: var(--ma-navy); }

.ma-btn--ghost-inv,
a.ma-btn--ghost-inv,
a.ma-btn--ghost-inv:link,
a.ma-btn--ghost-inv:visited { background: transparent; color: #fff; border-color: rgba(255,255,255,0.4); }
.ma-btn--ghost-inv:hover,
a.ma-btn--ghost-inv:hover { background: rgba(255,255,255,0.08); border-color: #fff; color: #fff; }

.ma-btn--gold,
a.ma-btn--gold,
a.ma-btn--gold:link,
a.ma-btn--gold:visited { background: var(--ma-gold); color: var(--ma-navy-ink); }
.ma-btn--gold:hover,
a.ma-btn--gold:hover { filter: brightness(0.95); color: var(--ma-navy-ink); }
.ma-btn--text { background: none; border: 0; color: var(--ma-navy-soft); padding: 10px 0; text-transform: none; letter-spacing: 0; font-family: var(--font-body); font-weight: 600; font-size: 14px; }

[data-lucide] { width: 16px; height: 16px; stroke-width: 1.75; }

/* Section shells */
.ma-section { padding: 96px 32px; }
.ma-section--alt { background: var(--ma-bg-alt); }
.ma-section--warm { background: var(--ma-bg-warm); }
.ma-section--navy { background: var(--ma-navy-ink); color: #fff; }
.ma-section--navy h2, .ma-section--navy h3 { color: #fff; }
.ma-section--navy .ma-eyebrow { color: var(--ma-gold); }
.ma-section--navy .ma-lede { color: rgba(255,255,255,0.78); }
.ma-section__inner { max-width: 1280px; margin: 0 auto; }
.ma-section__head { text-align: center; max-width: 720px; margin: 0 auto 64px; }
.ma-section__head .ma-eyebrow { margin-bottom: 14px; }
.ma-section__head h2 { margin-bottom: 16px; }

/* Site header */
.ma-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,0.96); backdrop-filter: saturate(150%) blur(8px); border-bottom: 1px solid var(--ma-line); }
.ma-header__inner { max-width: 1280px; margin: 0 auto; padding: 14px 32px; display: flex; align-items: center; gap: 32px; }
.ma-header__logo { display: flex; align-items: center; gap: 12px; }
.ma-header__logo img { height: 44px; width: 44px; }
.ma-header__brand { font-family: var(--font-display); font-weight: 800; font-size: 14px; color: var(--ma-ink); letter-spacing: 0.01em; line-height: 1.1; }
.ma-header__brand span { display: block; font-size: 9px; letter-spacing: 0.18em; font-weight: 700; color: var(--ma-ink-3); text-transform: uppercase; margin-top: 2px; }
.ma-nav { display: flex; gap: 28px; flex: 1; margin-left: 24px; }
.ma-nav a { font-family: var(--font-display); font-weight: 600; font-size: 13px; color: var(--ma-ink); letter-spacing: 0.01em; padding: 8px 0; }
.ma-nav a:hover, .ma-nav a.is-active { color: var(--ma-navy); }
.ma-header__cta { display: flex; align-items: center; gap: 12px; }
.ma-header__cta .ma-login { font-family: var(--font-display); font-weight: 600; font-size: 13px; color: var(--ma-ink); }

/* Site footer */
.ma-footer { background: var(--ma-navy-ink); color: rgba(255,255,255,0.85); padding: 64px 32px 32px; border-top: 1px solid rgba(255,255,255,0.06); }
.ma-footer__inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; }
.ma-footer__brand img { width: 96px; height: 96px; border-radius: 999px; background: #fff; padding: 6px; object-fit: contain; display: block; }
.ma-footer__brand p { font-family: var(--font-body); font-size: 14px; line-height: 1.7; color: rgba(255,255,255,0.72); margin-top: 24px; max-width: 320px; }
body.ma-marketing .ma-footer h4 { font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-gold); letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 16px; }
.ma-footer ul { list-style: none; padding: 0; margin: 0; }
.ma-footer li { margin-bottom: 10px; font-family: var(--font-body); font-size: 14px; }
.ma-footer li a { color: rgba(255,255,255,0.78); }
.ma-footer li a:hover { color: #fff; }
.ma-footer__bottom { max-width: 1280px; margin: 64px auto 0; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.08); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-family: var(--font-body); font-size: 12px; color: rgba(255,255,255,0.45); }

/* FAQ */
.ma-faq { max-width: 880px; margin: 0 auto; }
.ma-faq-item { background: #fff; border: 1px solid var(--ma-line); border-radius: 12px; margin-bottom: 12px; overflow: hidden; transition: border-color var(--t-base), box-shadow var(--t-base); }
.ma-faq-item[open] { border-color: var(--ma-navy-tint); box-shadow: var(--shadow-card); }
.ma-faq-item summary { cursor: pointer; list-style: none; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: var(--font-display); font-weight: 600; font-size: 16px; color: var(--ma-ink); }
.ma-faq-item summary::-webkit-details-marker { display: none; }
.ma-faq-item summary::after { content: ""; display: inline-block; width: 14px; height: 14px; flex-shrink: 0; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B4F7E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat: no-repeat; background-position: center; transition: transform var(--t-base); }
.ma-faq-item[open] summary::after { transform: rotate(180deg); }
.ma-faq-item__body { padding: 0 24px 22px; font-family: var(--font-body); font-size: 15px; line-height: 1.65; color: var(--ma-ink-2); }
.ma-faq-item__body strong { color: var(--ma-ink); font-weight: 600; }

/* Final CTA */
.ma-cta-final { background: var(--ma-navy-ink); color: #fff; padding: 96px 32px; text-align: center; position: relative; overflow: hidden; }
.ma-cta-final::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 240px; height: 4px; background: var(--ma-gold); }
.ma-cta-final__inner { max-width: 720px; margin: 0 auto; position: relative; }
.ma-cta-final h2 { color: #fff !important; font-size: clamp(32px, 4vw, 52px); margin-bottom: 18px; }
.ma-cta-final p { font-size: 18px; color: rgba(255,255,255,0.78); margin-bottom: 36px; }
.ma-cta-final__buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 18px; }
.ma-cta-final__micro { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: rgba(255,255,255,0.55); letter-spacing: 0.02em; }
.ma-cta-final__micro [data-lucide] { color: var(--ma-gold); width: 14px; height: 14px; }

/* Voto mock card */
.ma-voto { background: #fff; border-radius: 18px; padding: 32px; box-shadow: 0 24px 48px rgba(15, 42, 68, 0.14), 0 4px 16px rgba(15, 42, 68, 0.06); border: 1px solid rgba(15, 42, 68, 0.06); position: relative; }
.ma-voto__chrome { display: flex; align-items: center; gap: 6px; margin-bottom: 14px; }
.ma-voto__chrome span { width: 8px; height: 8px; border-radius: 999px; background: var(--ma-line); }
.ma-voto__cert { font-family: var(--font-display); font-weight: 600; font-size: 12px; color: var(--ma-ink-3); letter-spacing: 0.04em; margin-bottom: 8px; }
.ma-voto__label { font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-navy); letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 12px; }
.ma-voto__num { font-family: var(--font-display); font-weight: 800; font-size: 84px; line-height: 1; letter-spacing: -0.04em; color: var(--ma-navy); display: flex; align-items: baseline; margin-bottom: 8px; }
.ma-voto__num .pct { font-size: 36px; margin-left: 4px; font-weight: 700; }
.ma-voto__threshold { font-family: var(--font-body); font-size: 14px; color: var(--ma-ink-3); }
.ma-voto__threshold strong { color: var(--ma-ink-2); font-weight: 600; }
.ma-voto__progress { margin-top: 18px; height: 10px; background: var(--ma-bg-alt); border-radius: 8px; position: relative; overflow: visible; }
.ma-voto__progress-fill { position: absolute; top: 0; left: 0; height: 100%; background: var(--ma-navy); border-radius: 8px; }
.ma-voto__progress-target { position: absolute; top: -4px; width: 2px; height: 18px; background: var(--ma-gold); }
.ma-voto__progress-target::after { content: attr(data-label); position: absolute; top: 22px; left: -28px; font-family: var(--font-display); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ma-gold); font-weight: 700; white-space: nowrap; }
.ma-voto__status { display: inline-flex; align-items: center; gap: 8px; margin-top: 32px; padding: 8px 14px; background: var(--ma-gold-soft); border-radius: 999px; font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-navy-ink); letter-spacing: 0.08em; text-transform: uppercase; }
.ma-voto__topics { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--ma-line); display: flex; flex-direction: column; gap: 10px; }
.ma-voto__topic-row { display: flex; justify-content: space-between; align-items: center; font-family: var(--font-body); font-size: 13px; color: var(--ma-ink-2); }
.ma-voto__topic-row .pct { font-family: var(--font-display); font-weight: 800; font-size: 16px; color: var(--ma-navy); }
.ma-voto__topic-row.is-weak .pct { color: var(--ma-red); }

/* HOMEPAGE — hero */
.ma-hero { background: linear-gradient(180deg, #fff 0%, #fff 60%, var(--ma-bg-alt) 100%); padding: 80px 32px 96px; position: relative; overflow: hidden; }
.ma-hero__inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; }
.ma-hero__copy { max-width: 600px; }
.ma-hero__title { margin-top: 20px; margin-bottom: 20px; }
.ma-hero__title em { font-style: normal; color: var(--ma-navy); position: relative; white-space: nowrap; }
.ma-hero__title em::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 8px; background: var(--ma-gold-soft); z-index: -1; }
.ma-hero__lede { margin-bottom: 32px; max-width: 520px; }
.ma-hero__cta { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 18px; }
.ma-hero__micro { display: flex; align-items: center; gap: 8px; font-family: var(--font-body); font-size: 13px; color: var(--ma-ink-3); font-weight: 500; }
.ma-hero__micro [data-lucide] { color: var(--ma-navy); width: 14px; height: 14px; }
.ma-hero__visual { position: relative; display: flex; justify-content: center; }

/* HOMEPAGE — chips */
.ma-chips { background: var(--ma-bg-warm); border-top: 1px solid var(--ma-line); border-bottom: 1px solid var(--ma-line); padding: 32px; }
.ma-chips__inner { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; flex-wrap: wrap; gap: 16px; justify-content: center; }
.ma-chips__label { font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-ink-3); text-transform: uppercase; letter-spacing: 0.18em; margin-right: 8px; }
.ma-chip { display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; background: #fff; border: 1px solid rgba(15, 42, 68, 0.12); border-radius: 999px; font-family: var(--font-display); font-weight: 600; font-size: 13px; color: var(--ma-ink); letter-spacing: 0.01em; transition: all var(--t-base); cursor: pointer; }
.ma-chip:hover { border-color: var(--ma-navy); background: var(--ma-navy-tint); color: var(--ma-navy); }
.ma-chip [data-lucide] { width: 12px; height: 12px; opacity: 0.5; }
.ma-chip:hover [data-lucide] { opacity: 1; color: var(--ma-navy); }

/* HOMEPAGE — Steps "Come funziona" */
.ma-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; position: relative; }
.ma-step { background: #fff; border-radius: 16px; border: 1px solid rgba(15, 42, 68, 0.06); padding: 36px 32px; box-shadow: var(--shadow-card); position: relative; transition: transform var(--t-base), box-shadow var(--t-base); }
.ma-step:hover { transform: translateY(-2px); box-shadow: var(--shadow-2); }
.ma-step__num { font-family: var(--font-display); font-weight: 800; font-size: 14px; color: var(--ma-navy); background: var(--ma-navy-tint); width: 36px; height: 36px; border-radius: 999px; display: grid; place-items: center; margin-bottom: 24px; letter-spacing: 0; }
.ma-step__icon { position: absolute; top: 32px; right: 32px; color: var(--ma-navy); opacity: 0.4; }
.ma-step__icon [data-lucide] { width: 28px; height: 28px; stroke-width: 1.5; }
.ma-step h3 { margin-bottom: 12px; }
.ma-step p { font-size: 15px; color: var(--ma-ink-2); }
.ma-step__time { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-ink-3); letter-spacing: 0.12em; text-transform: uppercase; }
.ma-step__time [data-lucide] { width: 12px; height: 12px; }

/* HOMEPAGE — Stats bar (in --navy section) */
.ma-stats-bar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.ma-stat { text-align: center; padding: 0 16px; border-right: 1px solid rgba(255,255,255,0.12); }
.ma-stat:last-child { border-right: 0; }
.ma-stat__num { font-family: var(--font-display); font-weight: 800; font-size: clamp(40px, 5vw, 64px); line-height: 1; letter-spacing: -0.03em; color: #fff; margin-bottom: 12px; }
.ma-stat__num small { font-size: 0.5em; font-weight: 700; opacity: 0.7; margin-left: 2px; }
.ma-stat__label { font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-gold); text-transform: uppercase; letter-spacing: 0.16em; margin-bottom: 6px; }
.ma-stat__detail { font-family: var(--font-body); font-size: 13px; color: rgba(255,255,255,0.7); }

/* HOMEPAGE — Moat (table + visual) */
.ma-moat-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; align-items: center; }
.ma-moat-table { background: #fff; border-radius: 16px; box-shadow: var(--shadow-2); overflow: hidden; border: 1px solid rgba(15, 42, 68, 0.06); }
.ma-moat-table table { width: 100%; border-collapse: collapse; }
.ma-moat-table th, .ma-moat-table td { padding: 16px 20px; text-align: left; font-family: var(--font-body); font-size: 14px; border-bottom: 1px solid var(--ma-line); }
.ma-moat-table thead th { font-family: var(--font-display); font-weight: 700; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; background: var(--ma-bg-alt); color: var(--ma-ink-3); }
.ma-moat-table thead th:nth-child(2) { background: var(--ma-navy); color: #fff; }
.ma-moat-table tbody tr:last-child td { border-bottom: 0; }
.ma-moat-table td:first-child { font-weight: 500; color: var(--ma-ink); }
.ma-moat-table td:nth-child(2) { background: var(--ma-navy-tint); font-weight: 600; color: var(--ma-navy-ink); }
.ma-moat-table .check { color: var(--ma-navy); font-weight: 800; }
.ma-moat-table .check-gold { color: var(--ma-gold); font-weight: 800; }
.ma-moat-table .miss { color: var(--ma-ink-3); }
.ma-moat-copy h2 { margin-bottom: 18px; }
.ma-moat-copy .ma-lede { margin-bottom: 18px; }
.ma-moat-copy p + p { margin-top: 14px; }

/* HOMEPAGE — Multi-device */
.ma-devices { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; }
.ma-devices-copy h2 { margin-bottom: 18px; }
.ma-devices-copy .ma-lede { margin-bottom: 24px; }
.ma-devices-features { list-style: none; display: flex; flex-direction: column; gap: 14px; padding: 0; margin: 0; }
.ma-devices-features li { display: flex; gap: 14px; font-family: var(--font-body); font-size: 15px; line-height: 1.5; color: var(--ma-ink-2); align-items: flex-start; }
.ma-devices-features li .ic { flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; background: var(--ma-navy-tint); color: var(--ma-navy); display: grid; place-items: center; }
.ma-devices-features li .ic [data-lucide] { width: 18px; height: 18px; stroke-width: 1.75; }
.ma-devices-features li strong { color: var(--ma-ink); font-weight: 600; }
.ma-devices-visual { position: relative; min-height: 460px; display: flex; align-items: center; justify-content: center; }
.ma-device-laptop { position: relative; width: 100%; max-width: 520px; aspect-ratio: 16/10; background: #1a1a1a; border-radius: 14px 14px 4px 4px; padding: 10px 10px 0; box-shadow: 0 24px 56px rgba(15, 42, 68, 0.18), 0 4px 12px rgba(15, 42, 68, 0.06); }
.ma-device-laptop::after { content: ""; position: absolute; bottom: -8px; left: -16px; right: -16px; height: 8px; background: #1a1a1a; border-radius: 0 0 16px 16px; }
.ma-device-laptop__screen { width: 100%; height: 100%; background: #fff; border-radius: 6px; overflow: hidden; position: relative; }
.ma-device-phone { position: absolute; bottom: -32px; right: -8px; width: 150px; aspect-ratio: 9/19.5; background: #1a1a1a; border-radius: 22px; padding: 8px; box-shadow: 0 16px 40px rgba(15, 42, 68, 0.2); z-index: 2; transform: rotate(4deg); }
.ma-device-phone__notch { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: 50px; height: 14px; background: #1a1a1a; border-radius: 0 0 8px 8px; z-index: 3; }
.ma-device-phone__screen { width: 100%; height: 100%; background: #fff; border-radius: 16px; overflow: hidden; position: relative; }
.ma-dev-screen { padding: 18px 16px; font-family: var(--font-display); background: linear-gradient(180deg, #fff, var(--ma-bg-alt)); height: 100%; }
.ma-dev-screen__cert { font-size: 9px; color: var(--ma-ink-3); font-weight: 600; letter-spacing: 0.06em; margin-bottom: 4px; }
.ma-dev-screen__label { font-size: 8px; color: var(--ma-navy); font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; margin-bottom: 6px; }
.ma-dev-screen__num { font-weight: 800; font-size: 44px; color: var(--ma-navy); letter-spacing: -0.04em; line-height: 1; }
.ma-dev-screen__num small { font-size: 18px; }
.ma-dev-screen__threshold { font-family: var(--font-body); font-size: 9px; color: var(--ma-ink-3); margin-top: 4px; }
.ma-dev-screen__bar { margin-top: 8px; height: 5px; background: var(--ma-bg-alt); border-radius: 4px; position: relative; overflow: visible; }
.ma-dev-screen__bar-fill { position: absolute; top: 0; left: 0; height: 100%; width: 67%; background: var(--ma-navy); border-radius: 4px; }
.ma-dev-screen__bar-target { position: absolute; left: 70%; top: -2px; width: 1.5px; height: 9px; background: var(--ma-gold); }
.ma-dev-screen__status { display: inline-flex; align-items: center; gap: 4px; margin-top: 12px; padding: 4px 8px; background: var(--ma-gold-soft); color: var(--ma-navy-ink); border-radius: 999px; font-size: 8px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.ma-dev-screen__sessions { margin-top: 16px; font-size: 9px; color: var(--ma-ink-3); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
.ma-dev-screen__row { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; padding: 6px 8px; background: #fff; border: 1px solid var(--ma-line); border-radius: 5px; font-family: var(--font-body); font-size: 9px; color: var(--ma-ink-2); }
.ma-dev-screen__row .pct { font-family: var(--font-display); font-weight: 800; color: var(--ma-navy); }
.ma-devices-store { display: flex; gap: 10px; margin-top: 24px; flex-wrap: wrap; }
.ma-devices-store__btn { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; background: var(--ma-ink); border-radius: 10px; color: #fff !important; font-family: var(--font-display); text-decoration: none; transition: opacity var(--t-base); }
.ma-devices-store__btn:hover { opacity: 0.85; color: #fff !important; }
.ma-devices-store__btn .small-text { font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 700; opacity: 1 !important; color: #fff !important; display: block; }
.ma-devices-store__btn .big-text { font-size: 15px; font-weight: 700; letter-spacing: 0.01em; color: #fff !important; display: block; }
.ma-devices-store__btn [data-lucide],
.ma-devices-store__btn svg { width: 24px; height: 24px; stroke: #fff !important; stroke-width: 2; color: #fff !important; flex-shrink: 0; }

/* HOMEPAGE — Discover (4 cards "Cosa scoprirai") */
.ma-discover-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.ma-discover-card { background: #fff; border-radius: 14px; border: 1px solid rgba(15, 42, 68, 0.06); padding: 32px 28px; box-shadow: var(--shadow-card); transition: transform var(--t-base); display: flex; flex-direction: column; }
.ma-discover-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-2); }
.ma-discover-card__icon { width: 48px; height: 48px; border-radius: 12px; background: var(--ma-navy-tint); display: grid; place-items: center; color: var(--ma-navy); margin-bottom: 20px; }
.ma-discover-card__icon [data-lucide] { width: 22px; height: 22px; stroke-width: 1.75; }
.ma-discover-card h3 { margin-bottom: 10px; font-size: 18px; }
.ma-discover-card p { font-size: 14px; line-height: 1.55; color: var(--ma-ink-2); }

/* HOMEPAGE — Accreditamenti */
.ma-accred { display: grid; grid-template-columns: repeat(6, 1fr); gap: 32px; align-items: center; justify-items: center; }
.ma-accred img { max-height: 72px; width: auto; filter: grayscale(0.2); opacity: 0.92; transition: opacity var(--t-base), filter var(--t-base); }
.ma-accred img:hover { filter: grayscale(0); opacity: 1; }

/* HOMEPAGE — Audience (3 card "Per chi è") */
.ma-audience { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.ma-audience-card { background: #fff; border-radius: 16px; padding: 36px 32px; box-shadow: var(--shadow-card); border: 1px solid rgba(15, 42, 68, 0.06); }
.ma-audience-card h3 { margin-bottom: 12px; font-size: 20px; }
.ma-audience-card .label { display: inline-block; font-family: var(--font-display); font-weight: 700; font-size: 10px; color: var(--ma-navy); background: var(--ma-navy-tint); padding: 5px 11px; border-radius: 999px; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 16px; }
.ma-audience-card p { font-size: 15px; line-height: 1.55; color: var(--ma-ink-2); }
.ma-audience-card ul { list-style: none; margin-top: 16px; padding: 0; }
.ma-audience-card li { position: relative; padding-left: 22px; font-size: 14px; line-height: 1.55; color: var(--ma-ink-2); margin-bottom: 8px; }
.ma-audience-card li::before { content: ""; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background: var(--ma-navy); border-radius: 999px; }

/* HOMEPAGE — Founder */
.ma-founder-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 64px; align-items: center; }
.ma-founder-portrait { background: var(--ma-navy-tint); border-radius: 20px; padding: 40px 32px 32px; text-align: center; border: 1px solid rgba(15, 42, 68, 0.08); }
.ma-founder-portrait__img { width: 220px; height: 220px; border-radius: 999px; background: #fff; margin: 0 auto 24px; border: 4px solid #fff; box-shadow: var(--shadow-2); overflow: hidden; position: relative; }
.ma-founder-portrait__img img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.ma-founder-portrait__name { font-family: var(--font-display); font-weight: 800; font-size: 22px; color: var(--ma-ink); margin-bottom: 4px; letter-spacing: -0.01em; }
.ma-founder-portrait__role { font-family: var(--font-display); font-weight: 600; font-size: 11px; color: var(--ma-navy); text-transform: uppercase; letter-spacing: 0.14em; }
.ma-founder-copy h2 { margin-bottom: 20px; }
.ma-founder-quote { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: 400; font-size: 14px; line-height: 1.5; color: var(--ma-ink-3); margin-bottom: 20px; padding-left: 16px; border-left: 2px solid var(--ma-gold); letter-spacing: 0; }
.ma-founder-bio { font-size: 15px; line-height: 1.7; color: var(--ma-ink-2); }
.ma-founder-bio + .ma-founder-bio { margin-top: 14px; }

/* PRICING */
.ma-pricing-hero { padding: 80px 32px 32px; background: linear-gradient(180deg, #fff 0%, var(--ma-bg-alt) 100%); text-align: center; }
.ma-pricing-hero__inner { max-width: 760px; margin: 0 auto; }
.ma-pricing-hero h1 { margin-top: 18px; margin-bottom: 18px; }
.ma-pricing-hero h1 em { font-style: normal; color: var(--ma-navy); position: relative; }
.ma-pricing-hero h1 em::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 8px; background: var(--ma-gold-soft); z-index: -1; }
.ma-pricing-hero p { max-width: 620px; margin: 0 auto; }

.ma-free-banner { max-width: 1080px; margin: 48px auto 0; padding: 28px 32px; background: #fff; border: 2px solid var(--ma-navy-tint); border-radius: 16px; box-shadow: var(--shadow-card); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; }
.ma-free-banner__icon { width: 56px; height: 56px; background: var(--ma-navy-tint); border-radius: 14px; display: grid; place-items: center; color: var(--ma-navy); }
.ma-free-banner__icon [data-lucide] { width: 26px; height: 26px; stroke-width: 1.75; }
.ma-free-banner__copy h3 { margin-bottom: 4px; font-size: 18px; }
.ma-free-banner__copy p { font-size: 14px; color: var(--ma-ink-2); }
.ma-free-banner__copy strong { color: var(--ma-ink); font-weight: 600; }

.ma-pricing-section { padding: 64px 32px 96px; background: var(--ma-bg-alt); }
.ma-pricing-grid { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.ma-price-card { background: #fff; border-radius: 20px; padding: 40px 36px; border: 1px solid rgba(15, 42, 68, 0.06); box-shadow: var(--shadow-card); display: flex; flex-direction: column; transition: transform var(--t-base), box-shadow var(--t-base); position: relative; }
.ma-price-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-2); }
.ma-price-card--featured { border: 2px solid var(--ma-gold); box-shadow: 0 12px 32px rgba(212, 163, 58, 0.12), var(--shadow-card); }
.ma-price-card--ma { background: linear-gradient(180deg, var(--ma-navy-tint) 0%, #fff 50%); border: 2px solid var(--ma-navy); }
.ma-price-card__badge { position: absolute; top: -14px; left: 36px; background: var(--ma-gold); color: var(--ma-navy-ink); font-family: var(--font-display); font-weight: 800; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; padding: 7px 14px; border-radius: 999px; }
.ma-price-card__name { font-family: var(--font-display); font-weight: 700; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ma-navy); margin-bottom: 6px; }
.ma-price-card--ma .ma-price-card__name { color: var(--ma-navy-ink); }
.ma-price-card__tagline { font-family: var(--font-body); font-size: 14px; color: var(--ma-ink-3); margin-bottom: 28px; }
.ma-price-card__price { display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.ma-price-card__amount { font-family: var(--font-display); font-weight: 800; font-size: 64px; line-height: 1; letter-spacing: -0.04em; color: var(--ma-ink); }
.ma-price-card__currency { font-family: var(--font-display); font-weight: 700; font-size: 22px; color: var(--ma-ink-2); }
.ma-price-card__period { font-family: var(--font-body); font-size: 14px; color: var(--ma-ink-3); margin-bottom: 24px; }
.ma-price-card__period strong { color: var(--ma-ink-2); font-weight: 600; }
.ma-price-card__device-line { display: flex; gap: 6px; align-items: center; font-family: var(--font-display); font-weight: 700; font-size: 10px; color: var(--ma-ink-3); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 24px; }
.ma-price-card__device-line [data-lucide] { color: var(--ma-navy); }
.ma-price-card__cta { margin-bottom: 28px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.ma-price-card__cta .ma-btn { width: 100%; }
.ma-price-card__cta-secondary { font-family: var(--font-body); font-size: 13px; color: var(--ma-ink-3); text-decoration: none; font-weight: 500; }
.ma-price-card__cta-secondary:hover { color: var(--ma-navy); text-decoration: underline; }
.ma-price-card__separator { height: 1px; background: var(--ma-line); margin: 0 -36px 24px; }
.ma-price-card__features-label { font-family: var(--font-display); font-weight: 700; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ma-ink-3); margin-bottom: 14px; }
.ma-price-card__features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; }
.ma-price-card__features li { display: flex; gap: 10px; font-family: var(--font-body); font-size: 14px; line-height: 1.45; color: var(--ma-ink-2); align-items: flex-start; }
.ma-price-card__features li [data-lucide] { flex-shrink: 0; color: var(--ma-navy); width: 14px; height: 14px; margin-top: 4px; }
.ma-price-card__features li.muted { color: var(--ma-ink-3); }
.ma-price-card__features li.muted [data-lucide] { color: var(--ma-line-2); }
.ma-price-card__features li strong { color: var(--ma-ink); font-weight: 600; }

.ma-guarantee { max-width: 720px; margin: 56px auto 0; padding: 28px 32px; background: var(--ma-bg-warm); border: 1px solid rgba(212, 163, 58, 0.3); border-radius: 14px; display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: center; }
.ma-guarantee__icon { color: var(--ma-gold); }
.ma-guarantee__icon [data-lucide] { width: 36px; height: 36px; stroke-width: 1.5; }
.ma-guarantee h4 { color: var(--ma-navy-ink); margin-bottom: 4px; }
.ma-guarantee p { font-size: 14px; color: var(--ma-ink-2); }

.ma-compare-table { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-2); border: 1px solid rgba(15, 42, 68, 0.06); }
.ma-compare-table table { width: 100%; border-collapse: collapse; }
.ma-compare-table thead th { background: var(--ma-bg-alt); font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ma-ink-3); padding: 18px 20px; text-align: center; border-bottom: 1px solid var(--ma-line); }
.ma-compare-table thead th:first-child { text-align: left; background: #fff; }
.ma-compare-table thead th.featured { background: var(--ma-navy); color: #fff; position: relative; }
.ma-compare-table thead th .price-tag { display: block; font-family: var(--font-display); font-weight: 800; font-size: 22px; letter-spacing: -0.02em; text-transform: none; margin-top: 4px; color: var(--ma-ink); }
.ma-compare-table thead th.featured .price-tag { color: #fff; }
.ma-compare-table tbody td { padding: 16px 20px; text-align: center; font-family: var(--font-body); font-size: 14px; color: var(--ma-ink-2); border-bottom: 1px solid var(--ma-line); vertical-align: middle; }
.ma-compare-table tbody td:first-child { text-align: left; font-weight: 500; color: var(--ma-ink); }
.ma-compare-table tbody tr:last-child td { border-bottom: 0; }
.ma-compare-table .check { color: var(--ma-navy); font-weight: 800; font-size: 18px; }
.ma-compare-table .check-gold { color: var(--ma-gold); font-weight: 800; font-size: 18px; }
.ma-compare-table .miss { color: var(--ma-ink-3); font-size: 18px; }
.ma-compare-table tbody td.featured { background: var(--ma-navy-tint); font-weight: 600; color: var(--ma-navy-ink); }

.ma-devices-strip { max-width: 1100px; margin: 0 auto; background: #fff; border: 1px solid var(--ma-line); border-radius: 16px; padding: 28px 32px; display: grid; grid-template-columns: auto 1fr auto; gap: 28px; align-items: center; box-shadow: var(--shadow-card); }
.ma-devices-strip__icons { display: flex; gap: 8px; color: var(--ma-navy); }
.ma-devices-strip__icons [data-lucide] { width: 28px; height: 28px; stroke-width: 1.5; }
.ma-devices-strip__copy h4 { font-size: 17px; margin-bottom: 4px; }
.ma-devices-strip__copy p { font-size: 14px; color: var(--ma-ink-2); }
.ma-devices-strip__copy strong { color: var(--ma-ink); font-weight: 600; }
.ma-devices-strip__store { display: flex; gap: 8px; flex-wrap: wrap; }
.ma-devices-strip__store .store-pill { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background: var(--ma-bg-alt); border: 1px solid var(--ma-line); border-radius: 999px; font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-ink); letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; }
.ma-devices-strip__store .store-pill [data-lucide] { width: 14px; height: 14px; }
.ma-devices-strip__store .store-pill:hover { background: var(--ma-navy-tint); border-color: var(--ma-navy); color: var(--ma-navy); }

/* TEST DI INGRESSO */
.ma-test-hero { padding: 64px 32px 80px; background: linear-gradient(180deg, #fff 0%, #fff 50%, var(--ma-bg-alt) 100%); position: relative; overflow: hidden; }
.ma-test-hero__inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; }
.ma-test-hero h1 { margin-top: 18px; margin-bottom: 18px; }
.ma-test-hero h1 em { font-style: normal; color: var(--ma-navy); position: relative; }
.ma-test-hero h1 em::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 8px; background: var(--ma-gold-soft); z-index: -1; }
.ma-test-hero .ma-lede { margin-bottom: 32px; max-width: 540px; }
.ma-test-hero__cta { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 18px; }
.ma-test-hero__micro { display: flex; align-items: center; gap: 8px; font-family: var(--font-body); font-size: 13px; color: var(--ma-ink-3); font-weight: 500; }
.ma-test-hero__micro [data-lucide] { color: var(--ma-navy); width: 14px; height: 14px; }

.ma-discover-mini { display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px; }
.ma-discover-mini-item { display: flex; gap: 14px; padding: 14px 18px; background: #fff; border: 1px solid var(--ma-line); border-radius: 12px; transition: border-color var(--t-base); }
.ma-discover-mini-item:hover { border-color: var(--ma-navy-tint); }
.ma-discover-mini-item .ic { flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; background: var(--ma-navy-tint); color: var(--ma-navy); display: grid; place-items: center; }
.ma-discover-mini-item .ic [data-lucide] { width: 18px; height: 18px; }
.ma-discover-mini-item h4 { font-family: var(--font-display); font-weight: 700; font-size: 14px; color: var(--ma-ink); margin-bottom: 2px; }
.ma-discover-mini-item p { font-size: 13px; color: var(--ma-ink-2); line-height: 1.45; }

.ma-test-mock { background: #fff; border: 1px solid var(--ma-line); border-radius: 18px; padding: 32px; box-shadow: 0 24px 48px rgba(15, 42, 68, 0.12), 0 4px 16px rgba(15, 42, 68, 0.06); position: relative; }
.ma-test-mock__chrome { display: flex; align-items: center; gap: 6px; margin-bottom: 18px; }
.ma-test-mock__chrome span { width: 8px; height: 8px; border-radius: 999px; background: var(--ma-line); }
.ma-test-mock__progress { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
.ma-test-mock__progress-bar { flex: 1; height: 6px; background: var(--ma-bg-alt); border-radius: 999px; overflow: hidden; }
.ma-test-mock__progress-bar::after { content: ""; display: block; height: 100%; width: 27%; background: var(--ma-navy); border-radius: 999px; }
.ma-test-mock__progress-label { font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-ink-3); letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap; }
.ma-test-mock__cert { font-family: var(--font-display); font-weight: 600; font-size: 11px; color: var(--ma-navy); letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 12px; }
.ma-test-mock__qtext { font-family: var(--font-display); font-weight: 600; font-size: 18px; color: var(--ma-ink); line-height: 1.4; margin-bottom: 24px; letter-spacing: -0.005em; }
.ma-test-mock__answers { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.ma-test-mock__ans { padding: 14px 16px; border: 1.5px solid var(--ma-line); border-radius: 10px; font-family: var(--font-body); font-size: 14px; color: var(--ma-ink); display: flex; align-items: center; gap: 12px; cursor: pointer; transition: all var(--t-base); }
.ma-test-mock__ans:hover { border-color: var(--ma-navy); background: var(--ma-navy-tint); }
.ma-test-mock__ans .letter { width: 24px; height: 24px; border-radius: 999px; background: var(--ma-bg-alt); display: grid; place-items: center; font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-ink-3); flex-shrink: 0; }
.ma-test-mock__ans.is-selected { border-color: var(--ma-navy); background: var(--ma-navy-tint); }
.ma-test-mock__ans.is-selected .letter { background: var(--ma-navy); color: #fff; }
.ma-test-mock__footer { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 1px solid var(--ma-line); }
.ma-test-mock__nav { font-family: var(--font-display); font-weight: 600; font-size: 12px; color: var(--ma-ink-3); letter-spacing: 0.06em; display: flex; align-items: center; gap: 6px; }

/* TEST INGRESSO — Cert picker */
.ma-cert-picker-section { padding: 96px 32px; background: var(--ma-bg-alt); }
.ma-cert-picker { max-width: 1100px; margin: 0 auto; }
.ma-cert-picker__head { text-align: center; max-width: 720px; margin: 0 auto 56px; }
.ma-cert-picker__head .ma-eyebrow { margin-bottom: 14px; }
.ma-cert-picker__head h2 { margin-bottom: 16px; }
.ma-cert-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ma-cert-card { background: #fff; border: 1.5px solid var(--ma-line); border-radius: 16px; padding: 28px 28px 24px; cursor: pointer; transition: all var(--t-base); display: flex; flex-direction: column; position: relative; }
.ma-cert-card:hover { border-color: var(--ma-navy); transform: translateY(-2px); box-shadow: var(--shadow-2); }
.ma-cert-card__head { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 16px; }
.ma-cert-card__name { font-family: var(--font-display); font-weight: 800; font-size: 20px; color: var(--ma-ink); letter-spacing: -0.01em; margin-bottom: 4px; }
.ma-cert-card__org { font-family: var(--font-display); font-weight: 600; font-size: 11px; color: var(--ma-ink-3); letter-spacing: 0.08em; text-transform: uppercase; }
.ma-cert-card__flag { display: inline-flex; align-items: center; gap: 4px; font-family: var(--font-display); font-weight: 700; font-size: 9px; color: var(--ma-navy); background: var(--ma-navy-tint); padding: 5px 9px; border-radius: 999px; letter-spacing: 0.08em; text-transform: uppercase; }
.ma-cert-card__flag--gold { color: var(--ma-gold); background: var(--ma-gold-soft); }
.ma-cert-card__desc { font-family: var(--font-body); font-size: 14px; line-height: 1.45; color: var(--ma-ink-2); margin-bottom: 16px; flex: 1; }
.ma-cert-card__meta { display: flex; gap: 16px; padding: 12px 0; border-top: 1px solid var(--ma-line); font-size: 12px; }
.ma-cert-card__meta-item { font-family: var(--font-body); color: var(--ma-ink-3); }
.ma-cert-card__meta-item strong { font-family: var(--font-display); color: var(--ma-navy); font-weight: 700; display: block; font-size: 14px; margin-top: 2px; letter-spacing: -0.01em; }
.ma-cert-card__cta { margin-top: 16px; display: flex; align-items: center; gap: 6px; font-family: var(--font-display); font-weight: 700; font-size: 12px; color: var(--ma-navy); letter-spacing: 0.08em; text-transform: uppercase; }
.ma-cert-card__cta [data-lucide] { width: 14px; height: 14px; transition: transform var(--t-base); }
.ma-cert-card:hover .ma-cert-card__cta [data-lucide] { transform: translateX(4px); }

/* TEST INGRESSO — Steps line */
.ma-steps-line { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; position: relative; }
.ma-steps-line::before { content: ""; position: absolute; top: 36px; left: 12%; right: 12%; height: 2px; background: var(--ma-line); z-index: 0; }
.ma-step-line { text-align: center; position: relative; z-index: 1; }
.ma-step-line__num { width: 72px; height: 72px; border-radius: 999px; background: #fff; border: 2px solid var(--ma-navy); display: grid; place-items: center; margin: 0 auto 20px; font-family: var(--font-display); font-weight: 800; font-size: 28px; color: var(--ma-navy); letter-spacing: -0.02em; box-shadow: 0 4px 12px rgba(15, 42, 68, 0.08); }
.ma-step-line h3 { margin-bottom: 8px; font-size: 18px; }
.ma-step-line p { font-size: 14px; line-height: 1.55; color: var(--ma-ink-2); max-width: 260px; margin: 0 auto; min-height: 66px; }
.ma-step-line__time { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-ink-3); letter-spacing: 0.12em; text-transform: uppercase; }
.ma-step-line__time [data-lucide] { width: 12px; height: 12px; }

/* TEST INGRESSO — Proof card */
.ma-proof-card { background: #fff; border-radius: 16px; border: 1px solid rgba(212, 163, 58, 0.3); padding: 48px; box-shadow: var(--shadow-card); max-width: 880px; margin: 0 auto; }
.ma-proof-card__head { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.ma-proof-card__icon { width: 56px; height: 56px; border-radius: 14px; background: var(--ma-gold-soft); color: var(--ma-gold); display: grid; place-items: center; }
.ma-proof-card__icon [data-lucide] { width: 26px; height: 26px; stroke-width: 1.5; }
.ma-proof-card h3 { font-size: 22px; }
.ma-proof-card .ma-lede { margin-bottom: 24px; }
.ma-proof-list { list-style: none; display: flex; flex-direction: column; gap: 12px; padding: 0; margin: 0; }
.ma-proof-list li { display: flex; gap: 12px; padding: 12px 16px; background: var(--ma-bg-alt); border-radius: 10px; font-family: var(--font-body); font-size: 14px; color: var(--ma-ink-2); align-items: flex-start; }
.ma-proof-list li [data-lucide] { flex-shrink: 0; color: var(--ma-navy); width: 16px; height: 16px; margin-top: 2px; }
.ma-proof-list li strong { color: var(--ma-ink); font-weight: 600; }

/* LANDING CERT — common */
.ma-breadcrumbs { background: var(--ma-bg-alt); padding: 14px 32px; border-bottom: 1px solid var(--ma-line); }
.ma-breadcrumbs__inner { max-width: 1280px; margin: 0 auto; font-family: var(--font-display); font-weight: 600; font-size: 12px; color: var(--ma-ink-3); letter-spacing: 0.04em; display: flex; gap: 8px; align-items: center; }
.ma-breadcrumbs a { color: var(--ma-ink-3); }
.ma-breadcrumbs a:hover { color: var(--ma-navy); }
.ma-breadcrumbs__sep { color: var(--ma-line-2); }
.ma-breadcrumbs__current { color: var(--ma-ink); }

.ma-cert-hero { padding: 64px 32px 80px; background: linear-gradient(180deg, #fff 0%, var(--ma-bg-alt) 100%); position: relative; overflow: hidden; }
.ma-cert-hero__inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; }
.ma-cert-hero__badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: var(--ma-gold-soft); border-radius: 999px; font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-navy-ink); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 18px; }
.ma-cert-hero__badge [data-lucide] { width: 14px; height: 14px; color: var(--ma-gold); }
.ma-cert-hero h1 { margin-bottom: 18px; }
.ma-cert-hero h1 em { font-style: normal; color: var(--ma-navy); position: relative; }
.ma-cert-hero h1 em::after { content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 8px; background: var(--ma-gold-soft); z-index: -1; }
.ma-cert-hero .ma-lede { margin-bottom: 28px; max-width: 540px; }
.ma-cert-hero__cta { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.ma-cert-hero__micro { display: flex; align-items: center; gap: 8px; font-family: var(--font-body); font-size: 13px; color: var(--ma-ink-3); font-weight: 500; }
.ma-cert-hero__micro [data-lucide] { color: var(--ma-navy); width: 14px; height: 14px; }

/* PMI / PeopleCert official badge in cert hero */
.ma-pmi-badge { display: inline-flex; align-items: center; gap: 14px; padding: 10px 18px 10px 12px; background: #fff; border: 1px solid var(--ma-line); border-radius: 14px; box-shadow: var(--shadow-card); margin-bottom: 22px; }
.ma-pmi-badge img { height: 44px; width: auto; }
.ma-pmi-badge__text { font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-navy-ink); letter-spacing: 0.10em; text-transform: uppercase; line-height: 1.3; }
.ma-pmi-badge__text strong { color: var(--ma-navy); display: block; font-size: 13px; margin-bottom: 2px; letter-spacing: 0.06em; }

/* LANDING — Stat strip */
.ma-stat-strip { background: var(--ma-navy-ink); color: #fff; padding: 48px 32px; }
.ma-stat-strip__inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.ma-stat-item { text-align: center; padding: 0 16px; border-right: 1px solid rgba(255,255,255,0.12); }
.ma-stat-item:last-child { border-right: 0; }
.ma-stat-item__num { font-family: var(--font-display); font-weight: 800; font-size: clamp(32px, 4vw, 48px); line-height: 1; letter-spacing: -0.03em; color: #fff; margin-bottom: 8px; }
.ma-stat-item__num small { font-size: 0.5em; opacity: 0.7; }
.ma-stat-item__label { font-family: var(--font-display); font-weight: 700; font-size: 11px; color: var(--ma-gold); text-transform: uppercase; letter-spacing: 0.14em; }

/* LANDING — Cosa è (info-grid + info-stats) */
.ma-info-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: start; }
.ma-info-copy h2 { margin-bottom: 18px; }
.ma-info-copy .ma-lede { margin-bottom: 18px; }
.ma-info-copy p + p { margin-top: 14px; }
.ma-info-copy strong { color: var(--ma-ink); font-weight: 600; }
.ma-info-stats { background: #fff; border-radius: 16px; border: 1px solid var(--ma-line); padding: 32px; box-shadow: var(--shadow-card); }
.ma-info-stats h3 { font-size: 14px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ma-navy); margin-bottom: 24px; font-weight: 700; }
.ma-info-stats__row { display: grid; grid-template-columns: 1fr auto; padding: 14px 0; border-bottom: 1px solid var(--ma-line); align-items: baseline; }
.ma-info-stats__row:last-child { border-bottom: 0; }
.ma-info-stats__label { font-family: var(--font-body); font-size: 14px; color: var(--ma-ink-3); }
.ma-info-stats__value { font-family: var(--font-display); font-weight: 700; font-size: 16px; color: var(--ma-ink); text-align: right; }
.ma-info-stats__value strong { font-weight: 800; color: var(--ma-navy); }
.ma-info-stats__cta { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--ma-line); }
.ma-info-stats__cta .ma-btn { width: 100%; }

/* LANDING — Sim stat cards */
.ma-simulator-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.ma-sim-stat-card { background: #fff; border: 1px solid var(--ma-line); border-radius: 14px; padding: 28px; text-align: center; transition: transform var(--t-base), box-shadow var(--t-base); }
.ma-sim-stat-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-2); }
.ma-sim-stat-card__num { font-family: var(--font-display); font-weight: 800; font-size: 48px; line-height: 1; letter-spacing: -0.03em; color: var(--ma-navy); margin-bottom: 8px; }
.ma-sim-stat-card__num small { font-size: 0.5em; }
.ma-sim-stat-card__label { font-family: var(--font-display); font-weight: 700; font-size: 12px; color: var(--ma-ink-3); text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 6px; }
.ma-sim-stat-card__detail { font-family: var(--font-body); font-size: 13px; color: var(--ma-ink-2); line-height: 1.45; }

/* LANDING — Topics / domains grid */
.ma-topics-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.ma-topic-card { background: #fff; border: 1px solid var(--ma-line); border-radius: 12px; padding: 20px 24px; display: flex; gap: 16px; align-items: center; transition: border-color var(--t-base); }
.ma-topic-card:hover { border-color: var(--ma-navy); }
.ma-topic-card__num { font-family: var(--font-display); font-weight: 800; font-size: 24px; color: var(--ma-navy); line-height: 1; letter-spacing: -0.02em; width: 36px; flex-shrink: 0; }
.ma-topic-card__body { flex: 1; }
.ma-topic-card__name { font-family: var(--font-display); font-weight: 700; font-size: 15px; color: var(--ma-ink); margin-bottom: 2px; }
.ma-topic-card__count { font-family: var(--font-body); font-size: 13px; color: var(--ma-ink-3); }
.ma-topic-card__count strong { color: var(--ma-ink-2); font-weight: 600; }

/* LANDING — Italian / Why MA grid */
.ma-italian-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.ma-italian-card { background: #fff; border-radius: 16px; padding: 32px; border: 1px solid var(--ma-line); }
.ma-italian-card--gold { background: var(--ma-bg-warm); border-color: rgba(212, 163, 58, 0.3); }
.ma-italian-card__icon { width: 48px; height: 48px; border-radius: 12px; background: var(--ma-navy-tint); color: var(--ma-navy); display: grid; place-items: center; margin-bottom: 18px; }
.ma-italian-card--gold .ma-italian-card__icon { background: var(--ma-gold-soft); color: var(--ma-gold); }
.ma-italian-card__icon [data-lucide] { width: 22px; height: 22px; stroke-width: 1.75; }
.ma-italian-card h3 { font-size: 18px; margin-bottom: 10px; }
.ma-italian-card p { font-size: 14px; color: var(--ma-ink-2); line-height: 1.6; }
.ma-italian-card p + p { margin-top: 12px; }
.ma-italian-card strong { color: var(--ma-ink); font-weight: 600; }

/* ============================================================
   GEO/SEO: TL;DR summary block + Author block
   ============================================================ */
.ma-tldr { padding: 0 32px 40px; background: #fff; }
.ma-tldr__inner { max-width: 760px; margin: 0 auto; padding: 28px 32px; background: var(--ma-bg-warm); border-left: 4px solid var(--ma-gold); border-radius: 0 8px 8px 0; box-shadow: var(--shadow-1); }
.ma-tldr__inner .ma-eyebrow { margin-bottom: 10px; }
.ma-tldr__text { font-family: var(--font-body); font-size: 16px; line-height: 1.65; color: var(--ma-ink-2); margin: 0; }
.ma-tldr__text strong { color: var(--ma-ink); font-weight: 600; }

.ma-author-block { padding: 56px 32px 40px; background: var(--ma-bg-alt); border-top: 1px solid var(--ma-line); }
.ma-author-block__inner { max-width: 880px; margin: 0 auto; text-align: center; }
.ma-author-block__title { font-family: var(--font-display); font-weight: 700; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ma-navy); margin-bottom: 12px; }
.ma-author-block__body { font-family: var(--font-body); font-size: 14.5px; line-height: 1.7; color: var(--ma-ink-2); margin-bottom: 14px; }
.ma-author-block__body a { color: var(--ma-navy); font-weight: 600; border-bottom: 1px solid currentColor; transition: color var(--t-fast); }
.ma-author-block__body a:hover { color: var(--ma-gold); }
.ma-author-block__updated { font-family: var(--font-display); font-weight: 600; font-size: 12px; color: var(--ma-ink-3); letter-spacing: 0.04em; }

@media (max-width: 600px) {
  .ma-tldr { padding: 0 20px 32px; }
  .ma-tldr__inner { padding: 22px 20px; }
  .ma-tldr__text { font-size: 15px; }
  .ma-author-block { padding: 40px 20px 32px; }
}

/* ============================================================
   Blog (lista, single, related)
   ============================================================ */
.ma-blog-hero { background: var(--ma-bg-alt); padding: 72px 32px 56px; border-bottom: 1px solid var(--ma-line); }
.ma-blog-hero__inner { max-width: 1180px; margin: 0 auto; text-align: center; }
.ma-blog-hero .ma-eyebrow { margin-bottom: 14px; }
.ma-blog-hero h1 { font-family: var(--font-display); font-weight: 800; font-size: 44px; line-height: 1.15; letter-spacing: -0.02em; color: var(--ma-navy-ink); margin-bottom: 14px; }
.ma-blog-hero p { font-family: var(--font-body); font-size: 17px; line-height: 1.65; color: var(--ma-ink-2); max-width: 640px; margin: 0 auto; }

.ma-blog-list { padding: 72px 32px; }
.ma-blog-list__inner { max-width: 1180px; margin: 0 auto; }

.ma-blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.ma-blog-grid--two { grid-template-columns: repeat(2, 1fr); max-width: 880px; margin: 0 auto; }

.ma-blog-card { background: #fff; border: 1px solid var(--ma-line); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; transition: transform var(--t-base), box-shadow var(--t-base), border-color var(--t-base); }
.ma-blog-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-3); border-color: var(--ma-navy-tint); }
.ma-blog-card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--ma-bg-alt); }
.ma-blog-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1); }
.ma-blog-card:hover .ma-blog-card__media img { transform: scale(1.04); }
.ma-blog-card__body { padding: 24px 26px 28px; display: flex; flex-direction: column; flex: 1; }
.ma-blog-card__meta { font-family: var(--font-display); font-weight: 700; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ma-ink-3); margin-bottom: 12px; }
.ma-blog-card__cat { color: var(--ma-navy); }
.ma-blog-card__title { font-family: var(--font-display); font-weight: 700; font-size: 19px; line-height: 1.35; letter-spacing: -0.01em; color: var(--ma-navy-ink); margin-bottom: 10px; }
.ma-blog-card__title a { color: inherit; transition: color var(--t-fast); }
.ma-blog-card__title a:hover { color: var(--ma-navy); }
.ma-blog-card__excerpt { font-family: var(--font-body); font-size: 14.5px; line-height: 1.6; color: var(--ma-ink-2); margin-bottom: 18px; flex: 1; }
.ma-blog-card__cta { font-family: var(--font-display); font-weight: 700; font-size: 13px; letter-spacing: 0.04em; color: var(--ma-navy); display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; transition: gap var(--t-fast), color var(--t-fast); }
.ma-blog-card__cta i { width: 16px; height: 16px; stroke-width: 2; }
.ma-blog-card__cta:hover { color: var(--ma-gold); gap: 10px; }

.ma-blog-empty { text-align: center; padding: 64px 24px; color: var(--ma-ink-3); }
.ma-blog-empty p { font-size: 16px; margin: 0; }

.ma-blog-pagination { margin-top: 56px; display: flex; justify-content: center; }
.ma-blog-pagination .nav-links { display: inline-flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.ma-blog-pagination a, .ma-blog-pagination .current, .ma-blog-pagination .dots { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; font-family: var(--font-display); font-weight: 700; font-size: 14px; border-radius: 10px; border: 1px solid var(--ma-line); color: var(--ma-ink-2); transition: border-color var(--t-fast), color var(--t-fast), background var(--t-fast); }
.ma-blog-pagination a:hover { border-color: var(--ma-navy); color: var(--ma-navy); }
.ma-blog-pagination .current { background: var(--ma-navy); border-color: var(--ma-navy); color: #fff; }
.ma-blog-pagination .dots { border-color: transparent; }

/* Single post */
.ma-post-hero { background: var(--ma-bg-alt); padding: 56px 32px 48px; border-bottom: 1px solid var(--ma-line); }
.ma-post-hero__inner { max-width: 760px; margin: 0 auto; text-align: center; }
.ma-post-hero__meta { font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ma-navy); margin-bottom: 14px; }
.ma-post-hero h1 { font-family: var(--font-display); font-weight: 800; font-size: 40px; line-height: 1.2; letter-spacing: -0.02em; color: var(--ma-navy-ink); margin: 0; }

.ma-post-body { padding: 56px 32px 80px; }
.ma-post-body__inner { max-width: 760px; margin: 0 auto; }
.ma-post-body__featured { margin: 0 0 40px; border-radius: 14px; overflow: hidden; box-shadow: var(--shadow-2); }
.ma-post-body__featured img { width: 100%; height: auto; display: block; }
.ma-post-content { font-family: var(--font-body); font-size: 17px; line-height: 1.8; color: var(--ma-ink-2); }
.ma-post-content > * + * { margin-top: 1.4em; }
.ma-post-content h2 { font-family: var(--font-display); font-weight: 800; font-size: 28px; line-height: 1.25; color: var(--ma-navy-ink); margin: 2.4em 0 0.8em; letter-spacing: -0.01em; }
.ma-post-content h3 { font-family: var(--font-display); font-weight: 700; font-size: 22px; line-height: 1.3; color: var(--ma-navy-ink); margin: 2em 0 0.6em; }
.ma-post-content h4 { font-family: var(--font-display); font-weight: 700; font-size: 18px; color: var(--ma-navy-ink); margin: 1.6em 0 0.5em; }
.ma-post-content a { color: var(--ma-navy); font-weight: 600; border-bottom: 1px solid currentColor; transition: color var(--t-fast); }
.ma-post-content a:hover { color: var(--ma-gold); }
.ma-post-content strong { color: var(--ma-ink); font-weight: 700; }
.ma-post-content ul, .ma-post-content ol { padding-left: 1.5em; }
.ma-post-content ul li, .ma-post-content ol li { margin-bottom: 0.5em; }
.ma-post-content blockquote { border-left: 4px solid var(--ma-gold); padding: 0.6em 1.2em; margin: 1.8em 0; background: var(--ma-bg-warm); font-style: italic; color: var(--ma-ink-2); border-radius: 0 8px 8px 0; }
.ma-post-content code { background: var(--ma-bg-alt); padding: 2px 8px; border-radius: 4px; font-size: 0.92em; color: var(--ma-navy-ink); }
.ma-post-content img { border-radius: 10px; margin: 1.5em 0; }
.ma-post-content hr { border: 0; height: 1px; background: var(--ma-line); margin: 3em 0; }

/* Override del reset globale body.ma-marketing (riga 43 + 44): senza queste
   regole H2/H3/P/UL/OL dentro al post body restano con margin: 0 e le liste
   senza bullet. Fix richiesto da ma-pbn (2026-05-13). */
.ma-post-body .ma-post-content > h2 { margin: 2.4em 0 0.8em; }
.ma-post-body .ma-post-content > h2:first-child { margin-top: 0; }
.ma-post-body .ma-post-content > h3 { margin: 2em 0 0.6em; }
.ma-post-body .ma-post-content > h4 { margin: 1.6em 0 0.5em; }
.ma-post-body .ma-post-content > p { margin: 0 0 1.25em; }
.ma-post-body .ma-post-content > ul,
.ma-post-body .ma-post-content > ol { margin: 0 0 1.5em; padding-left: 1.5em; list-style: revert; }
.ma-post-body .ma-post-content > ul > li,
.ma-post-body .ma-post-content > ol > li { margin-bottom: 0.5em; }
.ma-post-body .ma-post-content > figure,
.ma-post-body .ma-post-content > .wp-block-image { margin: 2em 0; }
.ma-post-body .ma-post-content > figure.in-content-image img { width: 100%; height: auto; border-radius: 12px; display: block; }

.ma-post-cta { background: linear-gradient(135deg, var(--ma-navy) 0%, var(--ma-navy-deep) 100%); color: #fff; border-radius: 18px; padding: 44px 36px; text-align: center; margin-top: 56px; box-shadow: var(--shadow-3); position: relative; overflow: hidden; }
.ma-post-cta::before { content: ''; position: absolute; top: -40%; right: -20%; width: 320px; height: 320px; background: radial-gradient(circle, rgba(212,163,58,0.18) 0%, transparent 70%); pointer-events: none; }
.ma-post-cta__eyebrow { font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ma-gold); margin-bottom: 10px; position: relative; }
.ma-post-cta h3 { font-family: var(--font-display); font-weight: 800; font-size: 26px; line-height: 1.25; margin-bottom: 12px; color: #fff; position: relative; }
.ma-post-cta p { font-size: 16px; line-height: 1.6; color: rgba(255,255,255,0.86); margin-bottom: 24px; position: relative; max-width: 540px; margin-left: auto; margin-right: auto; }
.ma-post-cta .ma-btn { position: relative; }

.ma-post-back { text-align: center; margin-top: 48px; }
.ma-post-back a { font-family: var(--font-display); font-weight: 700; font-size: 14px; color: var(--ma-navy); display: inline-flex; align-items: center; gap: 8px; transition: gap var(--t-fast), color var(--t-fast); }
.ma-post-back a:hover { color: var(--ma-gold); gap: 12px; }
.ma-post-back i { width: 16px; height: 16px; stroke-width: 2; }

/* Breadcrumb già esiste come .ma-breadcrumbs */
.ma-blog-breadcrumbs { background: #fff; padding: 18px 32px; border-bottom: 1px solid var(--ma-line); }
.ma-blog-breadcrumbs__inner { max-width: 1180px; margin: 0 auto; font-family: var(--font-body); font-size: 13px; color: var(--ma-ink-3); }
.ma-blog-breadcrumbs a { color: var(--ma-navy); transition: color var(--t-fast); }
.ma-blog-breadcrumbs a:hover { color: var(--ma-gold); }
.ma-blog-breadcrumbs__sep { margin: 0 10px; color: var(--ma-line-2); }
.ma-blog-breadcrumbs__current { color: var(--ma-ink-2); font-weight: 600; }

@media (max-width: 980px) {
  .ma-blog-grid { grid-template-columns: repeat(2, 1fr); }
  .ma-blog-hero { padding: 56px 24px 44px; }
  .ma-blog-hero h1 { font-size: 36px; }
  .ma-blog-list { padding: 56px 24px; }
  .ma-post-hero h1 { font-size: 32px; }
  .ma-post-body { padding: 40px 24px 64px; }
  .ma-post-content { font-size: 16px; }
  .ma-post-content h2 { font-size: 24px; }
  .ma-post-cta { padding: 36px 24px; }
}
@media (max-width: 600px) {
  .ma-blog-grid, .ma-blog-grid--two { grid-template-columns: 1fr; gap: 20px; }
  .ma-blog-hero h1 { font-size: 30px; }
  .ma-blog-hero p { font-size: 15px; }
  .ma-post-hero { padding: 40px 20px 36px; }
  .ma-post-hero h1 { font-size: 26px; }
  .ma-post-body { padding: 32px 20px 56px; }
}

/* Responsive */
@media (max-width: 980px) {
  .ma-section { padding: 64px 24px; }
  .ma-hero { padding: 64px 24px; }
  .ma-hero__inner, .ma-test-hero__inner, .ma-cert-hero__inner, .ma-info-grid, .ma-moat-grid, .ma-devices, .ma-founder-grid { grid-template-columns: 1fr; gap: 48px; }
  .ma-steps, .ma-discover-grid, .ma-italian-grid, .ma-pricing-grid, .ma-simulator-stats { grid-template-columns: 1fr; }
  .ma-accred { grid-template-columns: repeat(3, 1fr); }
  .ma-stats-bar { grid-template-columns: repeat(2, 1fr); gap: 48px 32px; }
  .ma-stat { border-right: 0; }
  .ma-stat:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.12); }
  .ma-stat-strip__inner { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .ma-stat-item { border-right: 0; }
  .ma-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.12); }
  .ma-cert-grid { grid-template-columns: repeat(2, 1fr); }
  .ma-topics-grid { grid-template-columns: 1fr; }
  .ma-footer__inner { grid-template-columns: 1fr 1fr; }
  .ma-devices-visual { min-height: 360px; margin-top: 32px; }
  .ma-devices-strip, .ma-free-banner { grid-template-columns: 1fr; text-align: center; }
}
@media (max-width: 600px) {
  .ma-nav { display: none; }
  .ma-discover-grid, .ma-cert-grid, .ma-stats-bar, .ma-stat-strip__inner { grid-template-columns: 1fr; }
  .ma-stat, .ma-stat-item { border-right: 0 !important; }
  .ma-accred { grid-template-columns: repeat(2, 1fr); }
  .ma-footer__inner { grid-template-columns: 1fr; }
  body.ma-marketing h1 { font-size: 36px; }
  body.ma-marketing h2 { font-size: 28px; }
  .ma-moat-table th, .ma-moat-table td, .ma-compare-table th, .ma-compare-table td { padding: 12px 14px; font-size: 12px; }
  .ma-test-hero__cta .ma-btn { width: 100%; }
}
</content>
</invoke>