/* duckmetric - platform brand chips & logos row.
   Recognisable brand-coloured chips (no external assets, no trademark SVGs). */
.logos{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;justify-content:center}
.logos.center{justify-content:center}
.blogo{display:inline-flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;transition:border-color .12s,background .12s}
.blogo:hover{border-color:#CFD8DE;background:#fff}
.blogo .mk{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-family:'JetBrains Mono';font-weight:700;font-size:11px;color:#fff;flex:none}
.blogo.sm{padding:6px 10px;font-size:12px}.blogo.sm .mk{width:18px;height:18px;font-size:10px}
/* brand colours */
.mk-ga4{background:#E8710A}.mk-gtm{background:#246FDB}.mk-ads{background:#4285F4}
.mk-meta{background:#0866FF}.mk-tiktok{background:#000}.mk-pin{background:#E60023}
.mk-snap{background:#FFFC00;color:#000!important}.mk-bing{background:#0C8484}.mk-li{background:#0A66C2}
.mk-slack{background:#4A154B}.mk-teams{background:#4B53BC}.mk-mail{background:#0B7A70}
.blogo img.strip-ico{height:30px;width:30px;object-fit:contain;display:block;flex:none}
.rl-logo{height:24px;width:24px;object-fit:contain;display:block;flex:none}
/* grouped platform blocks (Analytics / Ads / Social) */
.platlbl{font-family:'JetBrains Mono';font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:22px}
.platgroups{display:flex;flex-direction:column;gap:18px;max-width:760px;margin:0 auto}
.platgroup{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;box-shadow:var(--shadow);display:flex;gap:26px;align-items:center}
.pg-head{flex:0 0 190px}
.pg-head h4{font-family:'Sora';font-weight:700;font-size:20px;color:var(--ink);margin-bottom:3px}
.pg-head span{font-size:13.5px;color:var(--muted);display:block;line-height:1.35}
.pg-chips{flex:1;display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:640px){.platgroup{flex-direction:column;align-items:flex-start;gap:14px}.pg-head{flex:none}}
.pg-chips .blogo{padding:8px 14px;font-size:13.5px}
.pg-chips .blogo img.strip-ico{height:26px;width:26px}
.logos-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px 26px;text-align:center}
.logos-strip .lbl{font-family:'JetBrains Mono';font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;text-align:center}

/* comparison table */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
table.cmp{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}
table.cmp th,table.cmp td{padding:15px 18px;text-align:center;border-bottom:1px solid var(--line)}
table.cmp thead th{font-family:'Sora';font-weight:600;font-size:15px;color:var(--ink);background:var(--paper)}
table.cmp thead th:first-child{text-align:left;background:var(--surface);font-family:'JetBrains Mono';font-weight:600;color:var(--muted);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
table.cmp td.rl{text-align:left;font-weight:500;color:var(--ink-2)}
table.cmp tbody tr:last-child td{border-bottom:none}
table.cmp tbody tr:hover td{background:rgba(20,40,55,.018)}
table.cmp .col-feat{background:var(--brand-soft)}
table.cmp thead th.col-feat{color:var(--brand-deep)}
table.cmp tbody tr:hover td.col-feat{background:#F6E6DE}
.cmp .y{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:rgba(31,169,113,.15);color:var(--ok);font-weight:700;font-size:13px}
.cmp .n{color:#C2CDD4;font-weight:700;font-size:16px}
.cmp-badge{display:inline-block;font-family:'JetBrains Mono';font-size:9px;letter-spacing:.06em;text-transform:uppercase;background:var(--brand);color:#fff;padding:3px 7px;border-radius:5px;margin-left:7px;vertical-align:middle;font-weight:700}

/* explainer */
.explain{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:12px;padding:24px 26px}
.explain h3{font-size:19px;margin-bottom:10px}
.explain p{color:var(--ink-2);font-size:15px;margin-bottom:10px}
.explain p:last-child{margin-bottom:0}

/* example scenario card */
.scenario{background:var(--ink);color:#EAF2F1;border-radius:var(--radius);padding:24px 26px}
.scenario .tag{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--duck);margin-bottom:10px}
.scenario p{color:#C3D2D2;font-size:15px;margin-bottom:8px}
.scenario .hl{color:#fff;font-weight:600}
.scenario .num{font-family:'JetBrains Mono';font-weight:700;color:var(--duck)}

/* comparison -> per-plan cards on mobile */
.cmp-cards{display:none}
@media(max-width:640px){
  .cmp-wrap{display:none}
  .cmp-cards{display:grid;gap:14px}
  .cmp-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:20px}
  .cmp-card.feat{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
  .cmp-card .cc-head{font-family:'Sora';font-weight:700;font-size:18px;color:var(--ink);margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .cmp-card .cc-note{font-size:13px;color:var(--muted);margin:0 0 12px}
  .cmp-card ul{list-style:none;display:grid;gap:9px;margin:0}
  .cmp-card li{padding-left:26px;position:relative;font-size:14.5px;color:var(--ink-2)}
  .cmp-card li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
}