/* Growing Search - homepage-specific styles. Loads after site.css. */
:root{
    --bg:#fbfbfd;
    --text:#1d1d20;
    --muted:#5f5f6a;
    --faint:#9a9aa6;
    --accent:#f0643c;
    --accent-2:#ff8a63;
    --accent-soft:rgba(240,100,60,.12);
    --maxw:1140px;
    --ease:cubic-bezier(.22,1,.36,1);
    --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{background-color:var(--bg);background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1.4px);background-size:26px 26px;color:var(--text);font-family:var(--font);line-height:1.5;font-size:16px;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

  h1,h2,h3{font-weight:700;letter-spacing:-.033em;line-height:1.06}
  h2{font-size:clamp(29px,4.1vw,46px)}
  .lead{color:var(--muted);font-size:clamp(17px,1.7vw,20px);font-weight:400;line-height:1.5;letter-spacing:-.01em}

  .btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;padding:13px 22px;border-radius:12px;transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}
  .btn-primary{background:var(--accent);color:#160b06}
  .btn-primary:hover{background:var(--accent-2);transform:translateY(-1px)}
  .btn-soft{background:var(--accent-soft);color:var(--accent)}
  .btn-soft:hover{background:rgba(240,100,60,.2);color:var(--text)}
  .tlink{color:var(--text);font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:color .3s var(--ease)}
  .tlink .c{color:var(--accent);transition:transform .3s var(--ease)}
  .tlink:hover{color:var(--accent-2)}
  .tlink:hover .c{transform:translateX(3px)}

  /* Hero */
  .hero{padding:92px 0 124px}
  .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}
  .hero h1{font-size:clamp(40px,5.4vw,60px);font-weight:800;letter-spacing:-.04em;margin-bottom:22px;max-width:14ch}
  .hero .lead{max-width:48ch;margin-bottom:32px}
  .hero-cta{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
  .hero-meta{margin-top:38px;display:flex;gap:12px 26px;flex-wrap:wrap;color:var(--faint);font-size:14px}
  .hero-meta b{color:var(--muted);font-weight:600}

  /* Hero: climb to #1 */
  .rank{position:relative}
  .rank-q{display:flex;align-items:center;margin-bottom:26px;font-size:15px;color:var(--muted)}
  .rank-q .mag{color:var(--faint);margin-right:9px;font-size:16px}
  .rank-q .q{color:var(--muted);font-weight:500}
  .rank-q .caret{width:2px;height:18px;background:var(--accent);margin-left:3px;animation:blink 1.1s steps(1) infinite}
  @keyframes blink{50%{opacity:0}}
  .rank-list{position:relative;height:300px}
  .rank-num{position:absolute;left:0;width:22px;text-align:center;font-size:13px;font-weight:700;color:var(--faint);height:50px;line-height:50px}
  .rank-row{position:absolute;left:40px;right:0;height:50px;display:flex;align-items:center;gap:13px;transform:translateY(var(--y0));transition:transform 1.1s var(--ease) .4s}
  .reveal.in .rank-row{transform:translateY(var(--y1))}
  .rank-row .fav{width:24px;height:24px;border-radius:7px;flex:none;background:rgba(0,0,0,.2)}
  .rank-row .site{font-size:15px;color:var(--muted);font-weight:500;white-space:nowrap}
  .rank-row .barw{flex:1;height:8px;border-radius:99px;background:rgba(0,0,0,.05);overflow:hidden;min-width:36px}
  .rank-row .barw > i{display:block;height:100%;width:0;border-radius:99px;background:rgba(0,0,0,.18);transition:width 1s var(--ease) .6s}
  .reveal.in .rank-row .barw > i{width:var(--w)}
  .rank-row.you .fav{background:var(--accent)}
  .rank-row.you .site{color:var(--text);font-weight:700}
  .rank-row.you .barw > i{background:var(--accent)}
  .rank-badge{font-size:12px;font-weight:700;color:var(--accent);opacity:0;transition:opacity .5s var(--ease) 1.4s;flex:none}
  .reveal.in .rank-row.you .rank-badge{opacity:1}
  .rank-tag{margin-top:26px;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:7px}
  .rank-tag b{color:var(--text);font-weight:600}
  .rank-tag .ar{color:var(--accent);font-weight:700}

  /* Section rhythm */
  .band{padding:136px 0}
  .band.tight{padding:104px 0}
  .head-l{max-width:600px;margin-bottom:68px}
  .head-l h2{margin-bottom:16px}

  /* Split (asymmetric, alternating, sticky heads) */
  .split{display:grid;gap:80px;align-items:start}
  .split.a{grid-template-columns:.82fr 1.18fr}
  .split.b{grid-template-columns:1.18fr .82fr}
  .sticky{position:sticky;top:110px}
  .sticky h2{margin-bottom:16px}

  /* Logo strip */
  .strip{padding:52px 0}
  .strip .cap{color:var(--faint);font-size:13px;font-weight:500;margin-bottom:26px}
  .marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .track{display:flex;align-items:center;gap:66px;width:max-content;animation:scroll 42s linear infinite}
  .marquee:hover .track{animation-play-state:paused}
  .track img{height:26px;width:auto;opacity:.6;filter:brightness(0);transition:opacity .4s var(--ease)}
  .track img:hover{opacity:1}
  @keyframes scroll{to{transform:translateX(-50%)}}

  /* Reporting outcomes */
  .metrics{display:flex;flex-direction:column;gap:50px}
  .metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
  .metric{transition:transform .4s var(--ease);cursor:default}
  .metric:hover{transform:translateY(-5px)}
  .metric .num{font-size:clamp(40px,4.8vw,54px);font-weight:800;letter-spacing:-.045em;line-height:1;transition:color .4s var(--ease)}
  .metric:hover .num{color:var(--accent)}
  .metric .num .u{color:var(--accent)}
  .metric .lbl{font-size:17px;color:var(--text);margin-top:10px;font-weight:500}
  .metric .up{font-size:13px;color:var(--muted);margin-top:4px;display:inline-flex;align-items:center;gap:5px}
  .metric .up::before{content:"\2197";color:var(--accent);font-weight:700}

  /* Services (editorial rows, no cards) */
  .edit-list{display:flex;flex-direction:column}
  .edit-row{display:grid;grid-template-columns:100px 1fr;gap:48px;padding:42px 0;border-top:1px solid var(--line);align-items:start}
  .edit-row:first-child{border-top:0;padding-top:0}
  .edit-row:last-child{padding-bottom:0}
  .edit-num{font-size:15px;font-weight:700;color:var(--accent);letter-spacing:-.01em;padding-top:4px}
  .edit-body h3{font-size:24px;font-weight:700;letter-spacing:-.03em;margin-bottom:12px;line-height:1.15}
  .edit-body p{color:var(--muted);font-size:16px;line-height:1.6;max-width:62ch}

  /* Approach */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:46px}
  .step .n{font-size:26px;font-weight:800;color:var(--accent);letter-spacing:-.03em}
  .step h4{font-size:18px;font-weight:600;margin:14px 0 8px;letter-spacing:-.02em}
  .step p{color:var(--muted);font-size:15px;line-height:1.5}

  /* Results */
  .res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
  .res .v{font-size:clamp(48px,6.4vw,76px);font-weight:800;letter-spacing:-.045em;line-height:1}
  .res .v .u{color:var(--accent)}
  .res .c{color:var(--muted);font-size:16px;margin-top:14px;max-width:24ch}
  .res .w{color:var(--faint);font-size:13px;margin-top:5px}

  /* Quote (left, large) */
  .quote{max-width:960px}
  .quote blockquote{font-size:clamp(26px,4vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1.22}
  .quote .accglyph{color:var(--accent)}
  .quote .by{margin-top:26px;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:12px}
  .quote .stars{color:var(--accent);letter-spacing:3px}

  /* Tags */
  .tags{display:flex;flex-wrap:wrap;gap:14px 28px}
  .tags span{color:var(--muted);font-size:17px;font-weight:500;transition:color .3s var(--ease);cursor:default}
  .tags span:hover{color:var(--text)}

  /* Big animated grid (industries, tools) */
  .biggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
  .cell{padding:46px 26px;border-radius:18px;text-align:center;font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--muted);background:transparent;transition:background .45s var(--ease),color .45s var(--ease),transform .45s var(--ease);cursor:default}
  .cell:hover{background:var(--accent-soft);color:var(--text);transform:translateY(-5px);transition-delay:0s}
  .cell:nth-child(2){transition-delay:.04s}.cell:nth-child(3){transition-delay:.08s}.cell:nth-child(4){transition-delay:.12s}
  .cell:nth-child(5){transition-delay:.16s}.cell:nth-child(6){transition-delay:.2s}.cell:nth-child(7){transition-delay:.24s}
  .cell:nth-child(8){transition-delay:.28s}.cell:nth-child(9){transition-delay:.32s}.cell:nth-child(10){transition-delay:.36s}
  .cell:nth-child(11){transition-delay:.4s}.cell:nth-child(12){transition-delay:.44s}

  /* Industries container */
  .ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
  .ind{background:rgba(0,0,0,.03);border-radius:16px;padding:26px 26px 24px;display:flex;flex-direction:column;gap:10px;color:var(--text);transition:background .45s var(--ease),transform .45s var(--ease)}
  .ind:hover{background:rgba(0,0,0,.06);transform:translateY(-5px);transition-delay:0s}
  .ind-top{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:600;letter-spacing:-.02em}
  .ind .ds{font-size:13.5px;color:var(--muted);font-weight:400;line-height:1.4}
  .ind .ar{color:var(--accent);font-weight:700;opacity:0;transform:translateX(-6px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
  .ind:hover .ar{opacity:1;transform:none}

  /* Subtle section pattern */
  .pattern{position:relative;overflow:hidden}
  .pattern::before{content:none}
  .pattern>.wrap{position:relative;z-index:1}
  .ind:nth-child(2){transition-delay:.04s}.ind:nth-child(3){transition-delay:.08s}.ind:nth-child(4){transition-delay:.12s}
  .ind:nth-child(5){transition-delay:.16s}.ind:nth-child(6){transition-delay:.2s}.ind:nth-child(7){transition-delay:.24s}
  .ind:nth-child(8){transition-delay:.28s}.ind:nth-child(9){transition-delay:.32s}.ind:nth-child(10){transition-delay:.36s}
  .ind:nth-child(11){transition-delay:.4s}.ind:nth-child(12){transition-delay:.44s}

  /* FAQ */
  .faq{display:flex;flex-direction:column;gap:4px}
  details{padding:6px 0}
  details summary{list-style:none;cursor:pointer;padding:16px 2px;font-size:18px;font-weight:600;letter-spacing:-.02em;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .25s var(--ease)}
  details summary:hover{color:var(--accent-2)}
  details summary::-webkit-details-marker{display:none}
  details summary .chev{color:var(--accent);font-size:22px;font-weight:400;transition:transform .35s var(--ease);flex:none}
  details[open] summary .chev{transform:rotate(45deg)}
  .faq-body{padding:0 2px 16px;color:var(--muted);font-size:16px;line-height:1.6;max-width:60ch}

  /* CTA */
  .cta-band{padding:118px 0}
  .cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
  .cta-band h2{font-size:clamp(32px,4.4vw,52px);letter-spacing:-.04em;margin-bottom:16px}
  .cta-band p{color:var(--muted);font-size:19px;max-width:44ch}
  .cta-band .btns{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}

  /* Reveal (directional scroll) */
  .js .reveal{opacity:0;transition:opacity .85s var(--ease),transform .85s var(--ease)}
  .js .reveal.u{transform:translateY(30px)}
  .js .reveal.l{transform:translateX(-48px)}
  .js .reveal.r{transform:translateX(48px)}
  .js .reveal.s{transform:scale(.94) translateY(20px)}
  .reveal.in{opacity:1;transform:none}
  .step:nth-child(2){transition-delay:.06s}
  .step:nth-child(3){transition-delay:.12s}
  .step:nth-child(4){transition-delay:.18s}
  .metric:nth-child(2){transition-delay:.08s}.metric:nth-child(3){transition-delay:.16s}

  @media(max-width:900px){
    .hero-grid,.split.a,.split.b,.cta-grid{grid-template-columns:1fr;gap:40px}
    .sticky{position:static}
    .svc-grid,.steps,.res-grid,.metrics-row{grid-template-columns:1fr 1fr}
    .cta-band .btns{justify-content:flex-start}
    .band{padding:74px 0}
    .js .reveal.l,.js .reveal.r{transform:translateY(30px)}
  }
  @media(max-width:560px){
    .svc-grid,.steps,.res-grid,.metrics-row{grid-template-columns:1fr}
    .foot-grid{grid-template-columns:1fr 1fr}
    .metric{grid-template-columns:110px 1fr;gap:18px}
    .spark{width:110px}
  }
  /* Comparison table */
  .compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .compare{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;font-size:15px}
  .compare th,.compare td{text-align:left;padding:18px 20px;vertical-align:top;line-height:1.45}
  .compare thead th{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--text)}
  .compare thead th.corner{font-size:14px;font-weight:600;color:var(--muted)}
  .compare tbody th{font-weight:500;color:var(--muted);width:25%}
  .compare td{color:var(--muted);width:25%}
  .compare tr:not(:last-child) th,.compare tr:not(:last-child) td{border-bottom:1px solid rgba(0,0,0,.08)}
  .compare .gs{background:var(--accent-soft)}
  .compare thead .gs{color:var(--accent);border-radius:14px 14px 0 0}
  .compare tbody tr:last-child td.gs{border-radius:0 0 14px 14px}
  .compare td.gs{color:var(--text);font-weight:600}

/* ===== MOBILE REFINEMENTS ===== */
@media(max-width:760px){
  .hero{padding:34px 0 40px}
  .hero h1{font-size:clamp(31px,8.4vw,42px);max-width:none;margin-bottom:16px}
  .hero .lead{font-size:16.5px;max-width:none;margin-bottom:24px}
  .hero-cta{gap:14px}
  .band{padding:52px 0}
  .band.tight{padding:40px 0}
  .head-l{margin-bottom:26px}
  .split{gap:28px}
  .metrics{gap:28px}
  .metric .num{font-size:clamp(34px,10vw,44px)}
  .metric .lbl{font-size:16px}
  .svc-grid{gap:26px}
  .steps{gap:24px}
  .res-grid{gap:28px}
  .res .v{font-size:clamp(38px,11vw,52px)}
  .quote blockquote{font-size:clamp(20px,5.6vw,26px)}
  .ind-grid{grid-template-columns:1fr;gap:10px}
  .ind{padding:18px 20px}
  .cta-band{padding:56px 0}
  .strip{padding:34px 0}
  .track{gap:40px}
  .track img{height:22px}
  .faq summary{font-size:16.5px;padding:14px 2px}
  .faq-body{font-size:15.5px}
}
@media(max-width:620px){
  /* hero rank list: keep names from overflowing */
  .rank-list{height:270px}
  .rank-row{height:46px;left:32px;gap:9px}
  .rank-num{height:46px;line-height:46px;font-size:12px}
  .rank-row .site{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38%}
  .rank-row .fav{width:20px;height:20px}
  .rank-q{font-size:13.5px;margin-bottom:20px}
  /* comparison table: tighter, scroll hinted */
  .compare{min-width:560px;font-size:13.5px}
  .compare th,.compare td{padding:13px 12px}
  .compare thead th{font-size:14px}
  .compare-wrap{margin-right:-20px;padding-right:20px}
}

/* ===== 2026-10-04 homepage: linked services, results stories, tools, offices ===== */
@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-in{animation:heroIn .7s var(--ease) both}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc,.tool,.office,.story{background:rgba(0,0,0,.03);border-radius:18px;color:var(--text);transition:background .45s var(--ease),transform .45s var(--ease)}
.svc:hover,.tool:hover,.office:hover,.story:hover{background:rgba(0,0,0,.06);transform:translateY(-4px)}
.svc{padding:28px 28px 24px;display:flex;flex-direction:column;gap:12px}
.svc .ic,.tool .ic,.office .ic{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.svc h3{font-size:20px;letter-spacing:-.025em;margin-top:6px}
.svc p{color:var(--muted);font-size:15px;line-height:1.55}
.go{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:var(--text)}
.go .c{color:var(--accent);display:inline-block;transition:transform .3s var(--ease)}
.svc:hover .go .c,.tool:hover .go .c,.office:hover .go .c,.story:hover .go .c{transform:translateX(3px)}
.svc-more{display:flex;flex-wrap:wrap;gap:14px 36px;margin-top:34px}
a.ind{text-decoration:none}
.res .w{display:inline-block;transition:color .3s var(--ease)}
a.w:hover{color:var(--accent)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px}
.story{padding:32px;display:flex;flex-direction:column;gap:12px}
.story .tag{align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:5px 11px;border-radius:999px}
.story h3{font-size:clamp(20px,2.2vw,26px);letter-spacing:-.03em;line-height:1.2}
.story p{color:var(--muted);font-size:15.5px;line-height:1.55;max-width:52ch}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tool{padding:22px 24px;display:flex;gap:16px;align-items:flex-start}
.tool h3{font-size:17px;letter-spacing:-.02em;margin-bottom:6px}
.tool p{color:var(--muted);font-size:14.5px;line-height:1.5}
.office-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.office{padding:30px;display:flex;gap:18px;align-items:flex-start}
.office h3{font-size:22px;letter-spacing:-.025em;margin-bottom:8px}
.office p{color:var(--muted);font-size:15.5px;line-height:1.6;margin-bottom:12px}
@media(max-width:960px){.svc-grid,.tool-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.svc-grid,.tool-grid,.story-grid,.office-grid{grid-template-columns:1fr}.story{padding:26px}.office{padding:24px}}
@media(prefers-reduced-motion:reduce){.hero-in{animation:none}}

/* ===== 2026-10-04 homepage refresh ===== */
/* one heading style and width for every section, all left aligned */
.head-l{max-width:660px;margin-bottom:52px}
.head-l h2{font-size:clamp(32px,4.4vw,48px);letter-spacing:-.04em;line-height:1.05;margin-bottom:16px}
.band{padding:104px 0}.band.tight{padding:88px 0}
/* reveal handled in site.css; neutralise the old directional slides */
html.js .reveal.l,html.js .reveal.r,html.js .reveal.u,html.js .reveal.s{transform:none}
.svc,.tool,.office,.story,.ind,html.js .reveal.svc,html.js .reveal.tool,html.js .reveal.office,html.js .reveal.story,html.js .reveal.ind{transition:transform .55s var(--ease-out),background .55s var(--ease-out),box-shadow .55s var(--ease-out)}
.svc:hover,.tool:hover,.office:hover,.story:hover,.ind:hover,html.js .reveal.in.svc:hover,html.js .reveal.in.tool:hover,html.js .reveal.in.office:hover,html.js .reveal.in.story:hover,html.js .reveal.in.ind:hover{transform:translateY(-5px);background:#fff;box-shadow:0 26px 50px -26px rgba(0,0,0,.22)}
.svc .n{font-size:13px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
.svc .n::after{content:"";display:block;width:24px;height:2px;margin-top:12px;background:var(--accent);opacity:.35;transition:width .55s var(--ease-out),opacity .55s var(--ease-out)}
.svc:hover .n::after{width:48px;opacity:1}
.svc h3{margin-top:2px}
.tool{display:block}
.office{display:block}
/* what it's like to work with us */
.care-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}
.pillars{display:grid;gap:26px}
.pillar{padding-left:22px;border-left:2px solid rgba(240,100,60,.25);transition:border-color .5s var(--ease-out)}
.pillar:hover{border-color:var(--accent)}
.pillar h3{font-size:20px;letter-spacing:-.025em;margin-bottom:8px}
.pillar p{color:var(--muted);font-size:16px;line-height:1.6;max-width:52ch}
.notes{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 40px 80px -48px rgba(0,0,0,.35);position:sticky;top:110px}
.notes-bar{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:10px}
.notes-bar span{color:var(--faint);font-size:12.5px}
.note{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:16px 0;border-top:1px solid var(--line)}
.note .when{font-size:12.5px;color:var(--faint);grid-column:1/-1}
.note .kind{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;align-self:start}
.note .spot{background:rgba(240,100,60,.12);color:var(--accent)}
.note .fix{background:rgba(46,160,90,.12);color:#23874c}
.note .idea{background:rgba(70,110,230,.1);color:#3d5fc4}
.note p{font-size:14.5px;line-height:1.5;color:var(--text)}
html.js .notes.in .note{animation:gsRise .9s var(--ease-out) backwards}
html.js .notes.in .note:nth-of-type(2){animation-delay:.25s}
html.js .notes.in .note:nth-of-type(3){animation-delay:.5s}
html.js .notes.in .note:nth-of-type(4){animation-delay:.75s}
@media(max-width:900px){.care-grid{grid-template-columns:1fr;gap:40px}.notes{position:static}.band{padding:84px 0}.band.tight{padding:72px 0}}

/* RBC is a shield, not a wordmark, so it sits a little taller to match the others visually */
.track img.tall{height:36px}
@media(max-width:760px){.track img.tall{height:30px}}

/* ===== 2026-10-05: tighter vertical rhythm on the homepage ===== */
.hero{padding:72px 0 56px}
.strip{padding:24px 0 32px}
.band{padding:76px 0}
.band.tight{padding:60px 0}
.head-l{margin-bottom:40px}
.cta-band{padding:88px 0}
@media(max-width:900px){.band{padding:60px 0}.band.tight{padding:50px 0}}
@media(max-width:760px){
  .hero{padding:30px 0 32px}
  .strip{padding:20px 0 24px}
  .band{padding:44px 0}
  .band.tight{padding:34px 0}
  .head-l{margin-bottom:24px}
  .cta-band{padding:48px 0}
}