/* "$10K checklist" polish: contrast fix, phone-specific layout, quiet motion. Linked after the other stylesheets. */

/* 04/08 - labels inside the red bands were red on red */
.bg-red .eyebrow{color:rgba(255,255,255,.92)}

/* 07 - phones get their own layout, not the desktop one squeezed */
@media (max-width:639px){
  .bt-hero-h1{font-size:2.125rem;line-height:1.04}                 /* "Power transmission." stays on one line */
  .bt-hero-stats{grid-template-columns:1fr!important;gap:0!important}
  .bt-hero-stats p{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .bt-hero-stats p:last-child{border-bottom:0}
  .bt-hero-stats strong{margin:0!important;font-size:1.0625rem}
  .bt-brand-grid,.bt-brand-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important}
  .bt-brand-wall>:last-child:nth-child(odd){grid-column:auto;width:auto}
  .bt-home article.group.bg-paper{padding:1.25rem 1.25rem 1.4rem}
  body{padding-bottom:4.25rem}                                       /* room for the action bar */
}

/* 07 - thumb-reach action bar on phones */
.bt-mobile-bar{display:none}
@media (max-width:639px){
  .bt-mobile-bar{position:fixed;inset:auto 0 0 0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:1px;
    background:var(--line);border-top:1px solid var(--line);box-shadow:0 -6px 18px -12px rgba(19,27,32,.45)}
  .bt-mobile-bar a{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:3.5rem;
    font-weight:800;font-size:.9375rem;text-decoration:none;background:#fff;color:var(--ink)}
  .bt-mobile-bar a.bt-mb-quote{background:var(--red);color:#fff}
  .bt-mobile-bar svg{flex:none}
  .bt-mobile-bar.is-single{grid-template-columns:1fr}
}

/* 06 - motion that whispers (all of it switched off for reduced-motion users) */
@media (prefers-reduced-motion:no-preference){
  .bt-hero-h1 span{animation:bt-rise .7s cubic-bezier(.2,.7,.2,1) both}
  .bt-hero-h1 span:nth-child(2){animation-delay:.08s}
  .bt-hero-h1 span:nth-child(3){animation-delay:.16s}
  .bt-hero-h1 span:nth-child(4){animation-delay:.24s}
  .btn svg,.text-link svg,.bt-brand-all svg,.bt-brand-cta svg{transition:transform .2s ease}
  .btn:hover svg,.text-link:hover svg,.bt-brand-all:hover svg,.bt-brand-cta:hover svg{transform:translateX(3px)}
  .btn{transition:background-color .18s,color .18s,transform .12s}
  .btn:active{transform:translateY(1px)}
  .bt-cat-tile,a.bt-brand-tile,.bt-ind-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
  .bt-cat-tile:hover,a.bt-brand-tile:hover,.bt-ind-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px -16px rgba(19,27,32,.45)}
  header.sticky{transition:box-shadow .25s ease}
}
@keyframes bt-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
header.sticky.is-scrolled{box-shadow:0 8px 24px -18px rgba(19,27,32,.5)}

/* top-bar links: 24px minimum tap height (WCAG 2.5.8) */
.utility-link{min-height:24px;align-items:center}

/* in-page links (e.g. /about/#part-identification) land below the sticky header */
section[id]{scroll-margin-top:7rem}