/* Small polish */
    .hero-bg{ 
      background:
        radial-gradient(60rem 60rem at 20% 20%, rgba(16,185,129,.15), transparent 60%),
        radial-gradient(65rem 65rem at 85% -10%, rgba(13,202,240,.12), transparent 60%);
    }
    .hero-bg::before{
      --size: 45px;
      --line: color-mix(in hsl, canvasText, transparent 70%);
      content: '';
      background:
        linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size),
        linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size);
      -webkit-mask: linear-gradient(-20deg, transparent 50%, white);
      mask: linear-gradient(-20deg, transparent 50%, white);
      transform-style: flat;
      pointer-events: none;
    }
    .hero{
      position: relative;
      width: 100%;
      height: 60vh;
      background: radial-gradient(#000, #222);
      overflow: hidden;
    }
    @media (max-width: 768px) {
      .hero{
        height: auto;
      }
    }
    .hero canvas{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      display: block;
      z-index: 0;
    }
    .hero-content{
      position: relative;
      z-index: 1;
    }
    .card-glass{background: rgba(255,255,255,.9); border:1px solid rgba(0,0,0,.06);}

    /* Typography */
    body, p, h1, h2, h3, h4, h5, h6 {
      font-family: 'Instrument Sans', sans-serif;
      font-variation-settings: normal;
    }
    h1, h2, h3, h4, h5, h6 {
      font-weight: 100;
    }
    h2 {
      font-size: 30px;
    }
    p {
      font-size: 18px;
      color: #444;
    }
    @media (max-width: 768px) {
      h2 { font-size: 24px; }
      p { font-size: 16px; }
    }

    :root {
      --wave: #fff;
      --bg: #f6f6f6;
    }
    footer {
      display: flex;
      flex-direction: column;
      width: 100%;
    }
    .footer-main {
      background: var(--surface-2);
      width: 100%;
      height: 170px;
      position: relative;
      overflow: hidden;
    }
    .footer-bottom {
      background: var(--wave);
    }
    .wave {
      -webkit-animation: wave calc(var(--speed, 0) * 1s) infinite linear;
      animation: wave calc(var(--speed, 0) * 1s) infinite linear;
      background-image: url("https://assets.codepen.io/605876/wave--infinite.svg");
      background-size: 50% 100%;
      bottom: -5%;
      height: calc(var(--height, 0) * 1vh);
      left: 0;
      opacity: var(--opacity);
      position: absolute;
      right: 0;
      width: calc(var(--width, 0) * 1vw);
      will-change: transform;
    }
    @media (max-width: 480px) {
      .wave {
        height: calc(var(--height, 0) * 0.75vh);
      }
    }
    .wave:nth-of-type(1) { z-index: 1; }
    .wave:nth-of-type(2) { z-index: 2; }
    .wave:nth-of-type(3) { z-index: 3; }

    @-webkit-keyframes wave {
      to { transform: translate(-50%, 0); }
    }
    @keyframes wave {
      to { transform: translate(-50%, 0); }
    }

    /* =========================
       AtEase — Site Styles (Cards + Sections)
       Requires Bootstrap 5
       ========================= */
    
    /* ---------- Design tokens ---------- */
    :root{
      --bg:#ffffff;
      --surface:#ffffff;
      --surface-2:#f7f8fa;
      --text:#111214;
      --muted:#6b7280;
      --border:rgba(0,0,0,.08);
      --border-strong:rgba(0,0,0,.14);
      --radius:16px;
      --shadow-sm:0 4px 12px rgba(0,0,0,.06);
      --shadow:0 12px 30px rgba(0,0,0,.10);
      --focus:0 0 0 3px rgba(17,24,39,.22);
    
      /* subtle accent wash */
      --accent-1:#6366f1; /* indigo */
      --accent-2:#10b981; /* emerald */
    
      /* glass */
      --glass-bg:rgba(255,255,255,.6);
      --glass-border:rgba(255,255,255,.6);
    }
    
    @media (prefers-color-scheme: dark){
      :root{
        --bg:#0b0b0b;
        --surface:#101113;
        --surface-2:#121317;
        --text:#f5f7fa;
        --muted:#a0a7b4;
        --border:rgba(255,255,255,.10);
        --border-strong:rgba(255,255,255,.18);
        --shadow-sm:0 6px 18px rgba(0,0,0,.45);
        --shadow:0 20px 44px rgba(0,0,0,.55);
        --focus:0 0 0 3px rgba(255,255,255,.28);
    
        --glass-bg:rgba(20,20,24,.55);
        --glass-border:rgba(255,255,255,.08);
      }
    }
    
    /* ---------- Global polish ---------- */
    html, body{
      background:var(--bg);
      color:var(--text);
      font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    }
    h1,h2,h3,.h1,.h2,.h3{ letter-spacing:-.01em; font-weight:100; }
    .text-secondary{ color:var(--muted)!important; }
    .border-top{ border-top:1px solid var(--border)!important; }
    .rounded-3{ border-radius:var(--radius)!important; }
    
    /* ---------- Buttons ---------- */
    .btn{
      border-radius:999px; font-weight:400; letter-spacing:.01em;
      transition:transform .15s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
    }
    .btn:active{ transform:translateY(1px); }
    .btn-dark{
      background:#111214; border-color:#111214; color:#fff;
      box-shadow:0 8px 20px rgba(0,0,0,.18);
    }
    .btn-dark:hover{ background:#0d0e10; border-color:#0d0e10; }
    .btn-outline-dark{
      background:transparent; color:var(--text); border-color:var(--border-strong);
    }
    .btn-outline-dark:hover{ background:rgba(0,0,0,.04); border-color:var(--text); }
    .btn-secondary{
      background:#e7e8ec; border-color:#e7e8ec; color:#111214;
    }
    .btn-secondary:hover{ background:#dee0e6; border-color:#dee0e6; }
    a.link-dark{ color:var(--text); text-decoration-color:rgba(17,17,17,.4); }
    a.link-dark:hover{ text-decoration-color:currentColor; }
    
    /* ---------- Card system ---------- */
    .card{
      background:var(--surface);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow-sm);
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
      position:relative; overflow:hidden;
    }
    .card:hover{
      transform:translateY(-2px);
      box-shadow:var(--shadow);
      border-color:var(--border-strong);
    }
    /* subtle decorative wash */
    .card::before{
      content:""; position:absolute; inset:-1px; pointer-events:none; opacity:.18;
      background:
        radial-gradient(600px 200px at 20% -10%, color-mix(in oklab, var(--accent-1) 12%, transparent), transparent 60%),
        radial-gradient(600px 200px at 120% 110%, color-mix(in oklab, var(--accent-2) 10%, transparent), transparent 60%);
    }
    .card:hover::before{ opacity:.22; }
    
    /* Glass variant for the top tiles */
    .card-glass{
      background:linear-gradient(180deg, var(--glass-bg), var(--glass-bg))!important;
      backdrop-filter:saturate(120%) blur(10px);
      -webkit-backdrop-filter:saturate(120%) blur(10px);
      border:1px solid var(--glass-border)!important;
    }
    
    .card .card-body{ padding:1.25rem 1.25rem; }
    .card .h5{ margin-bottom:.35rem; font-weight:100; }
    .card .small{ color:var(--muted); }
    
    /* Optional icon chip */
    .card .card-icon{
      width:42px; height:42px; border-radius:12px; display:inline-grid; place-items:center;
      background:linear-gradient(135deg, color-mix(in oklab, var(--accent-1) 18%, transparent), transparent);
      border:1px solid var(--border); margin-bottom:.6rem;
    }
    .card .card-icon svg{ width:20px; height:20px; display:block; }
    
    /* Clickable hint (optional .card-cta) */
    .card.card-cta::after{
      content:"→"; position:absolute; right:1rem; bottom:1rem;
      font-weight:100; opacity:0; transform:translateX(-4px);
      transition:opacity .2s ease, transform .2s ease; color:var(--text);
    }
    .card.card-cta:hover::after{ opacity:.45; transform:translateX(0); }
    
    /* Skeleton */
    .card.is-loading *{ color:transparent!important; }
    .card.is-loading .skeleton{
      display:block; width:100%; height:1rem; border-radius:8px;
      background:linear-gradient(90deg, rgba(0,0,0,.06), rgba(0,0,0,.12), rgba(0,0,0,.06));
      background-size:200% 100%; animation:skeleton 1.1s ease-in-out infinite;
    }
    @keyframes skeleton{ to{ background-position:-200% 0; } }
    @media (prefers-color-scheme: dark){
      .card.is-loading .skeleton{
        background:linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.12), rgba(255,255,255,.06));
      }
    }
    
    /* Focus states */
    .card:focus-within, .card:focus{ outline:none; box-shadow:var(--focus); }
    
    /* ---------- Section polish ---------- */
    #now-info{ position:relative; overflow:hidden; }
    #now-info::before{
      content:""; position:absolute; inset:-10%; z-index:0; pointer-events:none;
      background:
        radial-gradient(1200px 600px at 10% 10%, rgba(100,116,139,.08), transparent 60%),
        radial-gradient(900px 500px at 90% 0%, rgba(99,102,241,.08), transparent 60%),
        radial-gradient(800px 400px at 50% 100%, rgba(16,185,129,.08), transparent 60%);
    }
    #now-info .container{ position:relative; z-index:1; }
    
    #providers .h3, #journalists .h3, #advertising .h3, #google-calendar .h3{
      margin-bottom:.5rem;
    }
    #providers .text-secondary, #journalists .text-secondary,
    #advertising .text-secondary, #google-calendar .text-secondary{
      max-width:62ch;
    }
    
    #journalists .p-4.border.rounded-3,
    #advertising .card{ border-color:var(--border); background:var(--surface); }
    
    #google-calendar{
      background:var(--surface-2)!important; border-top:1px solid var(--border);
    }
    
    /* Lists inside callouts/cards */
    #journalists ul.small, #advertising ul.small, #google-calendar ul.small{
      padding-left:1.1rem;
    }
    #journalists ul.small li, #advertising ul.small li, #google-calendar ul.small li{
      margin:.25rem 0; color:var(--muted);
    }
    
    /* Layout tweaks */
    @media (max-width: 991.98px){
      #advertising .d-flex.gap-2{ gap:.5rem!important; flex-wrap:wrap; }
    }
    @media (min-width:1200px){ .container{ max-width:1140px; } }
    
    /* Motion reduction */
    @media (prefers-reduced-motion: reduce){
      *{ transition:none!important; }
      .card:hover{ transform:none!important; }
    }

      /* =========================
   UL / OL Styling — drop into your stylesheet
   Works with Bootstrap 5 + your tokens
   ========================= */

/* --- Base lists --- */
ul,
ol{
  margin: 0 0 1rem;
  padding-left: 1.25rem; /* tidy indent */
}

li{ margin: .35rem 0; }

ul ul,
ul ol,
ol ul,
ol ol{
  margin-top: .35rem;
  margin-bottom: .35rem;
}

/* Marker polish (supported in modern browsers) */
ul li::marker{
  color: var(--muted, #6b7280);
}
ol li::marker{
  color: var(--muted, #6b7280);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

/* Small / muted variants (works with your .small + .text-secondary) */
ul.small,
ol.small{
  font-size: .875rem;
}
ul.small li,
ol.small li{
  margin: .25rem 0;
}
.list-muted li{
  color: var(--muted, #6b7280);
}

/* Tight / relaxed rhythm helpers */
.list-tight li{ margin: .2rem 0; }
.list-relaxed li{ margin: .55rem 0; }

/* Accent bullets (quick way to match your brand) */
.list-accent li::marker{ color: var(--accent-1, #6366f1); }
.list-accent-2 li::marker{ color: var(--accent-2, #10b981); }

/* --- Unordered variants --- */

/* Dashed list (no default bullets) */
.list-dashed{
  list-style: none;
  padding-left: 0;
}
.list-dashed > li{
  position: relative;
  padding-left: 1.2rem;
}
.list-dashed > li::before{
  content: "–";
  position: absolute;
  left: 0;
  top: .15rem;
  color: var(--muted, #6b7280);
}

/* Checklist with gradient ring bullets */
.list-check{
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.list-check li{
  position: relative;
  padding-left: 1.5rem;
  margin:.35rem 0;
  color: var(--text);
}
.list-check li::before{
  content:"";
  position:absolute;
  left:0;
  top:.35rem;
  width:.9rem;
  height:.9rem;
  border-radius:50%;
  background: conic-gradient(from 0deg, var(--accent-1), var(--accent-2));
  -webkit-mask: radial-gradient(circle at 50% 50%, #000 55%, transparent 56%);
          mask: radial-gradient(circle at 50% 50%, #000 55%, transparent 56%);
  box-shadow: 0 0 0 3px rgba(99,102,241,.12);
}

/* Bullet discs with subtle ring (cleaner than default) */
.list-disc{
  list-style: none;
  padding-left: 0;
}
.list-disc > li{
  position: relative;
  padding-left: 1.25rem;
}
.list-disc > li::before{
  content: "";
  position: absolute;
  left: 0; top: .55rem;
  width: .5rem; height: .5rem;
  border-radius: 999px;
  background: currentColor;
  color: var(--accent-1, #6366f1);
  box-shadow: 0 0 0 4px color-mix(in oklab, currentColor 18%, transparent);
}

/* --- Ordered variants --- */

/* Clean steps with numbered badges */
.ol-steps{
  counter-reset: step;
  list-style: none;
  padding-left: 0;
}
.ol-steps > li{
  position: relative;
  padding-left: 2.4rem;
  margin: .65rem 0;
}
.ol-steps > li::before{
  counter-increment: step;
  content: counter(step);
  position: absolute;
  left: 0; top: .05rem;
  width: 1.75rem; height: 1.75rem;
  display: grid; place-items: center;
  border-radius: 999px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #fff;
  background:
    radial-gradient(60% 60% at 30% 25%,
      rgba(255,255,255,.25), transparent 60%),
    color-mix(in oklab, var(--accent-1, #6366f1) 82%, black);
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
}

/* Lined numbers (good for dense docs) */
.ol-lined{
  counter-reset: item;
  list-style: none;
  padding-left: 0;
  border-left: 1px solid var(--border, rgba(0,0,0,.08));
}
.ol-lined > li{
  position: relative;
  padding: .15rem 0 .15rem 1.1rem;
  margin-left: .8rem;
}
.ol-lined > li::before{
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: -1.6rem;
  top: .15rem;
  width: 1.2rem;
  text-align: right;
  color: var(--muted, #6b7280);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

/* Decimal with leading zeros (01, 02, …) */
.ol-leading-zero{
  list-style: decimal-leading-zero;
}
.ol-leading-zero li::marker{
  color: var(--muted, #6b7280);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

/* --- Utility variants --- */

/* Inline list */
.list-inline{
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.list-inline > li{
  display: inline-block;
  margin: 0 .75rem 0 0;
}
.list-inline > li::after{
  content: "•";
  margin-left: .75rem;
  color: color-mix(in oklab, var(--muted, #6b7280) 50%, transparent);
}
.list-inline > li:last-child::after{ content: none; }

/* Column lists */
.list-cols-2{ column-count: 2; column-gap: 1.25rem; }
.list-cols-3{ column-count: 3; column-gap: 1.25rem; }
@media (max-width: 991.98px){
  .list-cols-3{ column-count: 2; }
}
@media (max-width: 575.98px){
  .list-cols-2, .list-cols-3{ column-count: 1; }
}

/* Truncate long single-line items (opt-in) */
.list-truncate > li{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Ensure lists in cards and callouts stay neat */
.card ul,
.card ol{
  padding-left: 1.1rem;
}
.card ul > li,
.card ol > li{
  margin: .25rem 0;
  color: var(--muted, #6b7280);
}

/* Dark-mode fine tuning for generated bullets/badges */
@media (prefers-color-scheme: dark){
  .list-disc > li::before{
    box-shadow: 0 0 0 4px color-mix(in oklab, currentColor 28%, transparent);
  }
  .ol-steps > li::before{
    box-shadow: 0 10px 24px rgba(0,0,0,.45);
  }
}

/* Motion reduction */
@media (prefers-reduced-motion: reduce){
  .ol-steps > li::before{ transition: none!important; }
}

/* CTA actions (Sign in + Explore features) */
.cta-actions{
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
}

.cta-actions .btn{
  display: inline-flex;
  align-items: center;
  gap: .45rem;                 /* space between icon + text */
  padding: .65rem 1.1rem;      /* comfy click target */
  border-radius: 999px;        /* ensure pill even if .rounded-pill is missing */
  white-space: nowrap;
  transition: transform .15s ease, box-shadow .2s ease;
}

/* Icon sizing/align */
.cta-actions .btn .bi{
  font-size: 1.05em;
  line-height: 0;
  transform: translateY(-0.5px);
}

/* Subtle lift on primary */
.cta-actions .btn.btn-dark{
  box-shadow: 0 10px 24px rgba(0,0,0,.14);
}
.cta-actions .btn.btn-dark:hover{
  transform: translateY(-1px);
}

/* Outline contrast that matches your tokens */
.cta-actions .btn.btn-outline-dark{
  border-color: var(--border-strong, rgba(0,0,0,.14));
}

/* Stack full-width on small screens */
@media (max-width: 575.98px){
  .cta-actions .btn{
    width: 100%;
    justify-content: center;
  }
}

/* Optional: if used on a dark surface, ensure outline stays readable */
@media (prefers-color-scheme: dark){
  .cta-actions .btn.btn-outline-dark{
    border-color: var(--border-strong, rgba(255,255,255,.18));
  }
}

/* =========================
   Providers — interactive section
   ========================= */

:root{
  /* fallbacks if your tokens aren’t present */
  --surface: var(--surface, #ffffff);
  --surface-2: var(--surface-2, #f7f8fa);
  --text: var(--text, #111214);
  --muted: var(--muted, #6b7280);
  --border: var(--border, rgba(0,0,0,.08));
  --border-strong: var(--border-strong, rgba(0,0,0,.14));
  --radius: var(--radius, 16px);
  --shadow-sm: var(--shadow-sm, 0 4px 12px rgba(0,0,0,.06));
  --shadow: var(--shadow, 0 18px 44px rgba(0,0,0,.12));

  --accent-1: var(--accent-1, #6366f1); /* indigo */
  --accent-2: var(--accent-2, #10b981); /* emerald */
  --accent-3: var(--accent-3, #f59e0b); /* amber */
}

/* =========================
   PROVIDERS — HOTFIX PATCH
   Paste AFTER your existing CSS
   ========================= */

/* 1) Stop the decorative card overlay from affecting feature cards */
#providers .feature-card::before { content: none !important; }

/* 2) Solid, widely-supported pill backgrounds (no color-mix/oklab) */
:root{
  --accent-1: #6366f1; /* indigo */
  --accent-1-dark: #4f46e5;
  --accent-2: #10b981; /* emerald */
  --accent-2-dark: #059669;
}
#providers .badge-soon{
  background: linear-gradient(135deg, var(--accent-1), var(--accent-1-dark)) !important;
  color: #fff !important;
}
#providers .badge-include{ /* use this for the “Included” pill */
  background: linear-gradient(135deg, var(--accent-2), var(--accent-2-dark)) !important;
  color: #fff !important;
}

/* 3) Icon blob: remove experimental color-mix; use a stable gradient */
#providers .icon-blob{
  background: linear-gradient(135deg, rgba(99,102,241,.22), rgba(16,185,129,.18)) !important;
  filter: saturate(120%);
}

/* 4) Fix clipping caused by 3D transforms (seen in the screenshot) */
#providers [data-tilt] { perspective: none !important; }
#providers [data-tilt] .tilt-inner{ transform: none !important; }
#providers .feature-card{ transform: translateZ(0); }

/* 5) Tidy spacing + sizing so headings don't rub the left edge */
#providers .feature-card .card-body{ padding: 1.25rem 1.25rem 1rem 1.25rem; }
#providers .icon-wrap{ width: 40px; height: 40px; margin-bottom: .5rem; }
#providers .svg-icon{ width: 24px; height: 24px; }

/* 6) Make sure long lines wrap nicely (prevents odd crop on some browsers) */
#providers .feature-card p{
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 7) Consistent hover + borders (removes harsh shadows) */
#providers .feature-card{
  border: 1px solid var(--border, rgba(0,0,0,.08));
  box-shadow: var(--shadow-sm, 0 4px 12px rgba(0,0,0,.06));
}
#providers .feature-card:hover{
  border-color: var(--border-strong, rgba(0,0,0,.14));
  box-shadow: var(--shadow, 0 18px 44px rgba(0,0,0,.12));
}

/* Optional: if you still see any ghost glow, hard-disable any ::before on cards here */
#providers .feature-card::before{ display: none !important; }


/* Interactive feature cards */
.feature-card{
  position: relative;
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  will-change: transform;
  overflow: hidden;
}
.feature-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow);
  border-color: var(--border-strong);
}

/* Icon blob behind the SVG */
.feature-card .icon-wrap{
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 46px; height: 46px;
  margin-bottom: .6rem;
}
.feature-card .icon-blob{
  position: absolute; inset: 0;
  border-radius: 14px;
  background:
    linear-gradient(135deg,
      color-mix(in oklab, var(--accent-1) 18%, transparent),
      color-mix(in oklab, var(--accent-2) 12%, transparent));
  filter: saturate(120%);
  animation: blobPulse 4.5s ease-in-out infinite;
}
@keyframes blobPulse{
  0%,100%{ transform: scale(1); opacity: .9; }
  50%{ transform: scale(1.06); opacity: 1; }
}

/* SVG icon */
.feature-card .svg-icon{
  position: relative; z-index: 1;
  width: 22px; height: 22px;
  color: var(--text);
  stroke: currentColor; fill: none; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.06));
}
.feature-card:hover .svg-icon path.dash{
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
  animation: dash 1s ease forwards;
}
@keyframes dash{
  to { stroke-dashoffset: 0; }
}

/* “Coming soon” pill */
.badge-soon{
  display: inline-block;
  padding: .25rem .6rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .03em;
  color: #fff;
  background: color-mix(in oklab, var(--accent-1) 75%, black);
  box-shadow: 0 8px 22px rgba(0,0,0,.15);
}

/* Reveal on scroll */
.reveal{
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .5s ease, transform .5s ease;
}
.reveal.is-visible{
  opacity: 1;
  transform: none;
}

/* Optional: tilt effect target */
[data-tilt]{
  transform-style: preserve-3d;
  perspective: 800px;
}
[data-tilt] .tilt-inner{
  transform: translateZ(20px);
}

/* Button group reuse */
#providers .cta-actions{ 
  display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; margin-top: 1rem;
}
#providers .cta-actions .btn{ display: inline-flex; align-items: center; gap: .45rem; border-radius: 999px; }

/* Utility backgrounds */
.bg-surface-2{ background: var(--surface-2); }

/* Dark-mode fine-tuning */
@media (prefers-color-scheme: dark){
  .providers-ticker{ background: var(--surface, #101113); }
  .feature-card .icon-blob{ filter: saturate(140%); }
}