/* GQA shared theme — approximates meltwater.com's brand (colors, spacing, motion). */
:root{
  --mw-teal:#28bbbb; --mw-teal-dim:#1f9898; --mw-teal-light:#e8f8f8; --mw-teal-soft:#f0f4f4;
  --mw-magenta:#b627a1; --mw-magenta-light:#f9eaf6;
  --mw-yellow:#ffcc01; --mw-yellow-dim:#8a6d00; --mw-yellow-light:#fff8d6;
  --mw-orange:#ff6221; --mw-orange-dim:#c94a15; --mw-orange-light:#fff1ea;
  --mw-text:#1a1a1a; --mw-muted:#6b7280; --mw-border:#e5e7eb; --mw-border2:#d1d5db;
  --mw-surface:#f9fafb; --mw-surface2:#f7f7f7;
  --mw-radius:14px; --mw-radius-sm:9px; --mw-radius-pill:999px;
  --mw-ease:.2s ease;
}
*{box-sizing:border-box}
body{font-family:'Poppins','Inter',system-ui,sans-serif;color:var(--mw-text);margin:0;background:#fff}

/* ── Header ─────────────────────────────────────────────────────────── */
.mw-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid transparent;transition:border-color var(--mw-ease),box-shadow var(--mw-ease)}
.mw-header.is-scrolled{border-color:var(--mw-border);box-shadow:0 2px 12px rgba(0,0,0,.04)}
.mw-header-inner{max-width:1040px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:10px}
.mw-logo{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--mw-text)}
.mw-logo em{color:var(--mw-teal);font-style:normal}
.mw-logo-img{display:block;height:16px;width:auto}
.mw-header-divider{color:var(--mw-border2)}
.mw-header-title{font-size:12px;color:var(--mw-muted);font-weight:500}
.mw-header-spacer{flex:1}

/* ── Buttons (pill, brand teal) ─────────────────────────────────────── */
.mw-btn{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:600;
  padding:9px 18px;border-radius:var(--mw-radius-pill);border:1.5px solid var(--mw-teal);color:var(--mw-teal);
  background:#fff;text-decoration:none;cursor:pointer;transition:background var(--mw-ease),color var(--mw-ease),transform var(--mw-ease),box-shadow var(--mw-ease)}
.mw-btn:hover{background:var(--mw-teal);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(40,187,187,.25)}
.mw-btn.mw-btn-solid{background:var(--mw-teal);color:#fff}
.mw-btn.mw-btn-solid:hover{background:var(--mw-teal-dim);border-color:var(--mw-teal-dim)}
.mw-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}

/* ── Hero ───────────────────────────────────────────────────────────── */
.mw-hero{max-width:1040px;margin:0 auto;padding:44px 20px 8px}
.mw-hero h1{font-size:clamp(26px,4vw,36px);font-weight:700;letter-spacing:-.01em;margin:0 0 8px;line-height:1.15}
.mw-hero p{font-size:14px;color:var(--mw-muted);max-width:560px;line-height:1.6;margin:0}
.mw-accent-bar{width:44px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--mw-teal),var(--mw-magenta));margin-bottom:16px}

/* ── Card grid ──────────────────────────────────────────────────────── */
.mw-grid{max-width:1040px;margin:0 auto;padding:28px 20px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
a.mw-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--mw-surface);
  border:1px solid var(--mw-border);border-radius:var(--mw-radius);padding:20px 22px;
  transition:transform var(--mw-ease),box-shadow var(--mw-ease),border-color var(--mw-ease);
  opacity:0;transform:translateY(10px)}
a.mw-card.in-view{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease,box-shadow var(--mw-ease),border-color var(--mw-ease)}
a.mw-card:hover{border-color:var(--mw-teal);transform:translateY(-3px);box-shadow:0 10px 24px rgba(40,187,187,.14)}
.mw-card-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:18px;background:var(--mw-teal-soft);margin-bottom:14px}
.mw-card-title{font-size:15px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:7px}
.mw-lock-badge{font-size:12px;line-height:1}
.mw-card-arrow{font-size:13px;color:var(--mw-teal);transition:transform var(--mw-ease)}
a.mw-card:hover .mw-card-arrow{transform:translateX(4px)}
.mw-card-desc{font-size:12px;color:var(--mw-muted);line-height:1.6;flex:1}
.mw-card-tag{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mw-teal-dim);
  background:var(--mw-teal-light);border-radius:5px;padding:3px 8px;margin-top:14px;align-self:flex-start}
.mw-card-tag--magenta{color:var(--mw-magenta);background:var(--mw-magenta-light)}
.mw-card-tag--orange{color:var(--mw-orange-dim);background:var(--mw-orange-light)}
.mw-card-tag--yellow{color:var(--mw-yellow-dim);background:var(--mw-yellow-light)}

/* ── Footer ─────────────────────────────────────────────────────────── */
.mw-footer{max-width:1040px;margin:40px auto 0;padding:18px 20px 40px;border-top:1px solid var(--mw-border);
  font-size:11.5px;color:var(--mw-muted)}
.mw-footer a{color:var(--mw-muted);text-decoration:underline;transition:color var(--mw-ease)}
.mw-footer a:hover{color:var(--mw-teal)}