:root{
  --navy:#0D1B2A;
  --navy-alt:#1B4965;
  --sky:#1B7FA8;
  --cyan:#38BDF8;
  --band:#EFF6FA;
  --zebra:#F8F9FA;
  --rule:#D8D8D6;
  --meta:#5A6472;
  --ink:#0D1B2A;
  --body-text:#0D1B2A;
  --bg:#F2F2F0;
  --white:#FFFFFF;
  --bad:#B23A48;
  --warn:#C07000;
  --cta:#16A34A;
  --radius:0px;
  --maxw:1100px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
html,body{max-width:100%;overflow-x:hidden}
body{font-family:'Barlow',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:300;background:var(--bg);color:var(--body-text);min-height:100vh;display:flex;flex-direction:column;line-height:1.55}
/* Grid/flex items default to a content-based min-width that can force
   horizontal overflow on narrow viewports (a well-known CSS grid/flexbox
   trap) — reset it everywhere so text wraps instead of clipping. */
.hero-grid > *, .disclosure > *{min-width:0}
h1,h2,h3{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:0.5px}
h1{font-size:clamp(1.7rem,4.5vw,44px);line-height:1.08;margin-bottom:16px}
h2{font-size:24px;margin-bottom:10px}
h3{font-size:16px;margin-bottom:6px}
a{color:var(--sky);text-decoration:none}
a:hover{text-decoration:underline}
code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,"Cascadia Code",monospace;font-size:0.92em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* header — Stage 8 shell-consistency pass: matches the established
   KeelCadence app-family markup/class convention (keelcadence-field-audit
   et al: kc-header-bar / kc-wordmark / kc-logomark), using this app's own
   existing custom-property names (values were already identical to the
   family's --kc-* tokens, so no variable rename was needed). */
.kc-header-bar{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:100}
.kc-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;max-width:var(--maxw);margin:0 auto}
.kc-header-left{display:flex;align-items:center;gap:0}
.kc-wordmark{font-family:'Barlow Condensed',Arial,sans-serif;font-size:22px;letter-spacing:3px;text-transform:uppercase;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px}
.kc-wordmark:hover{text-decoration:none;color:#fff}
.kc-wordmark .kc-bold{font-weight:700}
.kc-wordmark .kc-light{font-weight:300}
.kc-logomark{display:flex;flex-direction:column;gap:3px;flex-shrink:0}
.kc-bar{height:5px}
.kc-bar-1{width:22px;background:#fff}
.kc-bar-2{width:15px;background:var(--sky)}
.kc-bar-3{width:9px;background:rgba(27,127,168,.45)}
.kc-bar-4{width:22px;background:#fff}
.kc-header-pipe{color:rgba(255,255,255,.25);font-weight:300;margin:0 10px;font-size:18px;line-height:1}
.kc-header-appname{font-family:'Barlow Condensed',Arial,sans-serif;color:var(--sky);font-size:14px;letter-spacing:0.3px}
.kc-nav{display:flex;align-items:center}
.kc-nav a,.kc-nav button.kc-link-button{font-size:13px;letter-spacing:0.6px;text-transform:uppercase;color:rgba(255,255,255,.65);margin-left:20px;background:none;border:none;cursor:pointer;padding:0;text-decoration:none;font-family:inherit}
.kc-nav a:hover,.kc-nav button.kc-link-button:hover{color:#fff;text-decoration:none}

.kc-main{flex:1;width:100%;min-width:0}

/* footer */
.kc-footer{background:var(--navy);color:rgba(255,255,255,.7);margin-top:60px;border-top:1px solid rgba(255,255,255,.10)}
.kc-footer-inner{max-width:1280px;margin:0 auto;padding:40px 32px 48px;display:grid;grid-template-columns:1fr auto auto;gap:32px 56px;align-items:start}
.kc-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.kc-footer-brand-row{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.kc-footer-brand-row:hover{text-decoration:none}
.kc-footer-brand-row:hover .kc-footer-wordmark{color:var(--sky)}
.kc-footer-logomark{display:flex;flex-direction:column;gap:3px;flex-shrink:0}
.kc-flbar{height:6px}
.kc-flbar-1{width:22px;background:#fff}
.kc-flbar-2{width:15px;background:var(--sky)}
.kc-flbar-3{width:9px;background:rgba(27,127,168,.5)}
.kc-flbar-4{width:22px;background:#fff}
.kc-footer-wordmark{font-weight:700;letter-spacing:0.15em;font-size:14px;text-transform:uppercase;color:#fff}
.kc-footer-tagline{color:rgba(255,255,255,.72);font-size:13px;margin:0;line-height:1.5}
.kc-footer-support{color:rgba(255,255,255,.78);font-size:13px;text-decoration:none}
.kc-footer-support:hover{color:#fff;text-decoration:underline}
.kc-footer-col{display:flex;flex-direction:column;gap:10px}
.kc-footer-col-heading{font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:2px}
.kc-footer-col a{color:rgba(255,255,255,.82);font-size:13px;text-decoration:none;line-height:1.4;transition:color .15s ease}
.kc-footer-col a:hover{color:#fff}
.kc-footer-bottom{max-width:1280px;margin:20px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.kc-footer-copy{color:rgba(255,255,255,.60);font-size:12px}
.kc-cookie-notice{max-width:1280px;margin:12px auto 0;font-size:12px;color:rgba(255,255,255,.68);line-height:1.5}

/* ── HERO / CONNECT (landing) ─────────────────────────────────── */
.hero{padding:48px 0 32px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:40px;align-items:start}
.tagline{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:1.5px;font-size:13px;text-transform:uppercase}
.sub{font-size:16px;color:var(--meta);margin:12px 0 20px;max-width:52ch}
.lp-banner{background:var(--band);border-left:3px solid var(--sky);padding:10px 14px;font-size:13px;margin-bottom:14px}
.lp-banner-warn{border-left-color:var(--warn);background:#FDF4E3}

.connect-card{background:var(--white);border:1px solid var(--rule);padding:24px;margin-bottom:16px}
.cc-returning{font-size:13px;line-height:1.55;color:var(--meta);background:var(--zebra);border-left:3px solid var(--cyan);padding:10px 14px;margin:0 0 18px}
.cc-returning b{color:var(--navy)}
.cc-label-main{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;color:var(--navy);text-transform:uppercase;margin-bottom:12px}
.cc-btn-row{margin-bottom:10px}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;padding:12px 20px;border:none;cursor:grab;font-size:14px}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--navy-alt);text-decoration:none}
.btn-drag-icon{font-size:16px}
.cc-drag-line{font-size:13px;margin-bottom:6px}
.cc-note,.cc-kbd{font-size:12px;color:var(--meta);margin-bottom:4px}
.cc-media{margin:16px 0;border:1px solid var(--rule)}
.cc-media img{width:100%;display:block}
.cc-media-label,figcaption{font-size:11px;color:var(--meta);padding:6px 10px}
.cc-then{margin-top:18px;padding-top:14px;border-top:1px solid var(--rule)}
.cc-then-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;margin-bottom:8px}
.cc-then-list{padding-left:20px;font-size:13px;line-height:1.7}
.cc-expiry{font-size:12px;color:var(--meta);margin-top:14px}
.mobile-note{font-size:12px;color:var(--meta);margin-bottom:14px}
.pill-row{display:flex;flex-wrap:wrap;gap:8px}
.pill{font-size:11px;background:var(--band);color:var(--navy-alt);padding:4px 10px;border-radius:12px}

.sample-panel{background:var(--navy);color:#fff;padding:20px;border:1px solid var(--navy)}
.sp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.sp-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:13px}
.sp-chip{font-size:10px;background:rgba(255,255,255,.12);padding:3px 8px;border-radius:10px}
.sp-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}
.sp-table th,.sp-table td{text-align:left;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.12);word-break:break-word}
.sp-table th{color:rgba(255,255,255,.5);font-weight:400;font-size:11px;text-transform:uppercase}
.sp-foot{margin-top:10px;font-size:11px;color:rgba(255,255,255,.5)}

.disclosure{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
.disc h3{margin-bottom:8px}
.disc p{font-size:13px;color:var(--meta);margin-bottom:8px}
.disc ul{padding-left:18px;font-size:13px;color:var(--meta);line-height:1.7}
.sec{padding:32px 0}
.sec-head{margin-bottom:16px}

/* ── SELECT ───────────────────────────────────────────────────── */
.sel-eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:1.5px;font-size:12px;color:var(--sky);text-transform:uppercase;margin:36px 24px 6px}
.sel-headline{margin:0 24px 8px}
.sel-lede{margin:0 24px 20px;color:var(--meta);font-size:14px;max-width:70ch}
.sel-org-panel{display:flex;flex-wrap:wrap;gap:20px;background:var(--white);border:1px solid var(--rule);padding:14px 24px;margin:0 24px 20px}
.sel-org-item{display:flex;flex-direction:column;gap:2px}
.sel-org-label{font-size:10px;color:var(--meta);text-transform:uppercase;letter-spacing:0.5px}
.sel-org-value{font-size:13px}
.sel-org-value.mono{font-family:ui-monospace,monospace}
.sel-toolbar{margin:0 24px 12px;display:flex;gap:10px}
.sel-search{flex:1;padding:8px 12px;border:1px solid var(--rule);font-size:14px;font-family:inherit}
.sel-table-wrap{margin:0 24px;border:1px solid var(--rule);max-height:520px;overflow:auto}
table.sel-table{width:100%;border-collapse:collapse;font-size:13px}
.sel-table th{position:sticky;top:0;background:var(--navy);color:#fff;text-align:left;padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:0.5px}
.sel-table td{padding:8px 12px;border-bottom:1px solid var(--rule)}
.sel-row{cursor:pointer}
.sel-row:hover{background:var(--zebra)}
.sel-row.selected{background:var(--band)}
.sel-row.hidden-row{display:none}
.sel-badge{font-size:10px;background:var(--band);color:var(--navy-alt);padding:2px 6px;border-radius:8px}
.sel-run-row{margin:20px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sel-run-btn{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;background:var(--navy);color:#fff;border:none;padding:12px 28px;font-size:14px;cursor:pointer}
.sel-run-btn:disabled{background:var(--rule);cursor:not-allowed}
.sel-run-btn:hover:not(:disabled){background:var(--navy-alt)}
.sel-count-msg{font-size:13px;color:var(--meta)}
.sel-empty-note{margin:0 24px;font-size:13px;color:var(--meta);background:var(--zebra);border-left:3px solid var(--warn);padding:12px 14px}
.sel-banner-warn{margin:0 24px 16px;background:#FDF4E3;border-left:3px solid var(--warn);padding:12px 14px;font-size:13px}

/* ── RUNNING ──────────────────────────────────────────────────── */
.run-page-eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:1.5px;font-size:12px;color:var(--sky);text-transform:uppercase;margin:36px 24px 12px}
.run-card{max-width:640px;margin:0 24px;background:var(--white);border:1px solid var(--rule);padding:28px}
.progress-label{font-size:14px;margin-bottom:10px}
.dm-progress{width:100%;height:10px;-webkit-appearance:none;appearance:none;border:none}
.dm-progress::-webkit-progress-bar{background:var(--zebra)}
.dm-progress::-webkit-progress-value{background:var(--sky)}
.dm-progress::-moz-progress-bar{background:var(--sky)}
.run-note{font-size:12px;color:var(--meta);margin-top:14px}

/* ── RESULTS ──────────────────────────────────────────────────── */
.res-eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:1.5px;font-size:12px;color:var(--sky);text-transform:uppercase;margin:36px 24px 6px}
.res-headline{margin:0 24px 6px}
.res-scope{margin:0 24px 20px;font-size:13px;color:var(--meta)}
.status-chip{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;font-size:12px;padding:5px 12px;margin:0 24px 20px}
.status-successful{background:var(--white);color:var(--navy-alt);border:2px solid var(--sky)}
.status-partial{background:var(--white);color:var(--warn);border:2px solid var(--warn)}
.status-failed{background:var(--white);color:var(--bad);border:2px solid var(--bad)}
.res-section{margin:28px 24px}
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
.metric-cell{background:var(--white);padding:14px 16px}
.metric-value{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:28px;color:var(--navy)}
.metric-label{font-size:11px;color:var(--meta);text-transform:uppercase;letter-spacing:0.5px}
.metric-value.heuristic{color:var(--warn)}

table.dm-table{width:100%;border-collapse:collapse;font-size:13px}
table.dm-table th{text-align:left;background:var(--navy);color:#fff;padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:0.5px}
table.dm-table td{padding:8px 12px;border-bottom:1px solid var(--rule)}
table.dm-table tr:nth-child(even) td{background:var(--zebra)}
.dm-table-wrap{overflow-x:auto;border:1px solid var(--rule)}

.priority-pill{font-size:11px;font-weight:600;padding:3px 9px;display:inline-block}
.priority-high{background:var(--navy-alt);color:#fff}
.priority-moderate{background:var(--sky);color:#fff}
.priority-limited{background:var(--band);color:var(--navy-alt)}
.priority-none{background:var(--zebra);color:var(--meta)}

.status-pill{font-size:11px;font-weight:600;padding:3px 9px;display:inline-block;border:1px solid transparent}
.status-pill.Complete{background:var(--band);color:var(--navy-alt);border-color:var(--sky)}
.status-pill.Partial{background:#FDF4E3;color:var(--warn);border-color:var(--warn)}
.status-pill.Scope.Capped,.status-pill.ScopeCapped{background:#FDF4E3;color:var(--warn);border-color:var(--warn)}
.status-pill.Permission.Limited,.status-pill.PermissionLimited{background:#EAF0F4;color:var(--navy-alt);font-style:italic;border-color:var(--rule)}
.status-pill.Not.Evaluated,.status-pill.NotEvaluated{background:var(--zebra);color:var(--meta);font-style:italic;border-color:var(--rule)}
.status-pill.Failed{background:#FBE9EA;color:var(--bad);border-color:var(--bad)}

.evidence-note{font-size:12px;color:var(--meta);margin:8px 0 16px;max-width:70ch}
.zero-ref-note{font-size:14px;color:var(--navy);background:var(--zebra);border-left:3px solid var(--sky);padding:12px 16px}

.cta-panel{background:var(--navy);color:#fff;padding:32px;text-align:center;margin:36px 24px}
.cta-price{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:36px;color:var(--cyan)}
.cta-headline{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:20px;margin:6px 0 14px}
.cta-list{list-style:none;text-align:left;max-width:420px;margin:0 auto 20px;font-size:13px;line-height:1.9}
.cta-list li::before{content:"— ";color:var(--cyan)}
.cta-btn{display:inline-block;background:var(--cta);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:14px 30px;font-size:15px}
.cta-btn:hover{background:#128a3a;text-decoration:none}
.cta-fine{font-size:11px;color:rgba(255,255,255,.55);margin-top:10px}

.sample-inline{margin:36px 24px;padding:20px;border:1px dashed var(--rule);background:var(--white)}
.sample-inline-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--warn);border:1px solid var(--warn);padding:2px 8px;margin-bottom:8px;text-transform:uppercase}

/* ── ERROR ────────────────────────────────────────────────────── */
.error-card{max-width:560px;margin:60px auto;background:var(--white);border:1px solid var(--rule);padding:32px;text-align:center}
.error-icon{font-size:32px;color:var(--warn);margin-bottom:12px}
.error-message{font-size:14px;color:var(--meta);margin:12px 0 20px}

/* ── CONSENT / GA4 NOTICE ─────────────────────────────────────── */
/* Stage 8: restyled to match the family's single bottom-bar container
   pattern (keelcadence-field-audit) — the strict-consent state and the
   non-restricted opt-out state are now two sizes of the same solid-navy
   fixed bar, not a full-viewport dimmed modal vs. a slim bar. */
.kc-cookie-notice{margin-left:8px}
.kc-consent-panel{position:fixed;left:0;right:0;bottom:0;min-height:33vh;background:var(--navy);color:#fff;border-top:4px solid var(--sky);z-index:9999;display:none;align-items:center}
.kc-consent-panel:not([hidden]){display:flex}
.kc-consent-panel-inner{max-width:1280px;margin:0 auto;padding:40px 24px;width:100%;display:flex;flex-direction:column;gap:40px}
.kc-consent-text-block{flex:1}
.kc-consent-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:0.1em;font-size:12px;color:var(--cyan);text-transform:uppercase;margin:0 0 16px}
.kc-consent-h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#fff;line-height:1.1;margin:0 0 20px}
.kc-consent-panel-body{font-size:14px;font-weight:300;line-height:1.7;color:rgba(255,255,255,.70);margin:0}
.kc-consent-panel-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.kc-consent-btn{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:16px 24px;border:none;border-radius:0;cursor:pointer;width:100%;text-align:center;transition:background .15s,color .15s}
.kc-consent-btn-accept{background:var(--sky);color:#fff}
.kc-consent-btn-accept:hover{background:#155f80}
.kc-consent-btn-decline{background:transparent;color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.30)}
.kc-consent-btn-decline:hover{color:#fff;border-color:rgba(255,255,255,.4)}
body.kc-consent-open{padding-bottom:33vh}

.kc-ga-notice{position:fixed;left:0;right:0;bottom:0;background:var(--navy);color:#fff;border-top:2px solid var(--sky);z-index:9998;padding:0}
.kc-ga-notice-inner{max-width:1280px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-height:56px}
.kc-ga-notice-text{font-size:12px;line-height:1.5;color:rgba(255,255,255,.82);margin:0;flex:1 1 200px}
.kc-ga-notice-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.kc-ga-btn{font-family:'Barlow Condensed',sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:0;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}
.kc-ga-btn-optout{background:transparent;color:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.28);padding:6px 10px}
.kc-ga-btn-optout:hover{color:rgba(255,255,255,.80)}
.kc-ga-btn-continue{background:var(--sky);color:#fff;border:none;padding:6px 14px}
.kc-ga-btn-continue:hover{background:#155f80}
@media (min-width:1024px){
  .kc-consent-panel-inner{flex-direction:row;align-items:center}
  .kc-consent-text-block{max-width:672px}
  .kc-consent-panel-actions{width:240px}
  .kc-consent-h2{font-size:30px}
}
@media (max-width:639px){
  .kc-consent-panel{min-height:0!important;max-height:45vh;overflow-y:auto;align-items:flex-start}
  .kc-consent-panel-inner{padding:20px 16px;gap:24px}
  body.kc-consent-open{padding-bottom:45vh}
  .kc-ga-notice-inner{flex-direction:column;align-items:flex-start;padding:10px 14px;gap:8px;flex-wrap:wrap}
  .kc-ga-notice-text{font-size:11px;flex:1 1 auto;min-width:0;width:100%}
  .kc-ga-notice-actions{flex-direction:row;flex-shrink:0;width:100%;gap:8px}
  .kc-ga-btn{flex:none;text-align:center;white-space:nowrap}
}

/* ── responsive ───────────────────────────────────────────────── */
@media (max-width:860px){
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .disclosure{grid-template-columns:minmax(0,1fr)}
  .wrap,.sel-eyebrow,.sel-headline,.sel-lede,.sel-org-panel,.sel-toolbar,.sel-table-wrap,.sel-run-row,.res-section,.cta-panel,.sample-inline{margin-left:14px;margin-right:14px}
  .metrics-grid{grid-template-columns:repeat(2,1fr)}
}
/* Header/footer mobile behavior — matches the established KeelCadence
   app-family breakpoint (keelcadence-field-audit: header wraps nav to a
   second row rather than hiding the product name, so it stays usable). */
@media (max-width:600px){
  .kc-header{padding:12px 16px;flex-wrap:wrap;align-items:flex-start;gap:0}
  .kc-header-left{width:100%;flex-wrap:wrap}
  .kc-header-pipe{margin:0 8px}
  .kc-header-appname{font-size:15px}
  .kc-nav{width:100%;flex-wrap:wrap;gap:4px 0;padding:8px 0 4px;border-top:1px solid rgba(255,255,255,.10);margin-top:8px}
  .kc-nav a,.kc-nav button.kc-link-button{font-size:11px;margin-left:0;margin-right:14px;letter-spacing:0.4px}
  .kc-nav a[href="https://keelcadence.com"]{display:none}
  .kc-footer{padding:24px 16px 20px}
  .kc-footer-inner{grid-template-columns:1fr;gap:24px;padding:24px 16px 0}
  .kc-footer-bottom{margin-top:16px;padding-left:16px;padding-right:16px}
  .kc-cookie-notice{padding-left:16px;padding-right:16px}
}
@media (max-width:480px){
  .metrics-grid{grid-template-columns:1fr 1fr}
  .cta-panel{padding:22px 16px}
  .dm-table-wrap{overflow-x:auto}
}