/* Homepage refinement. Keep the 48px Quick Exit bar independently accessible. */
html:has(.home-refined){scroll-padding-top:155px}
.home-refined .header{position:sticky;top:48px;z-index:100;background:#fcfdfdf5;max-width:none;border-bottom:1px solid var(--line);padding:14px max(24px,calc((100vw - 1144px)/2));gap:20px}
.home-refined .header nav>a{min-height:44px;display:inline-flex;align-items:center}
.home-refined .hero{padding-top:38px;padding-bottom:48px;gap:50px;grid-template-columns:1.35fr .65fr}
.home-refined h1{font-size:clamp(2.4rem,4.1vw,3.7rem)}
.home-refined .hero .eyebrow{margin-bottom:18px}
.home-refined .hero .lead{font-size:19px;line-height:1.6}
.home-refined .hero .actions{margin-top:14px;margin-bottom:8px;gap:16px}
.home-refined .hero-tags{margin-top:18px}
.home-refined .section{padding-top:62px;padding-bottom:62px}
.home-refined .exchange{margin-top:48px}
.home-refined .exchange-screen{max-height:480px}
.home-refined .closing-offer{font-size:15px;color:var(--muted);margin:8px 0 24px}
@media(max-width:950px){.home-refined .header{flex-wrap:nowrap}.home-refined .header nav{gap:16px}.home-refined .header nav>a[href*="#"]{display:none}}
@media(max-width:680px){
  html:has(.home-refined){scroll-padding-top:128px}
  .home-refined .header{padding:10px 14px;justify-content:space-between;gap:10px}
  .home-refined .header .brand{font-size:18px;gap:7px}
  .home-refined .header .brand img{width:30px;height:30px}
  .home-refined .header nav{width:auto;flex-wrap:nowrap}
  .home-refined .header nav>a:not(.btn){display:none}
  .home-refined .header nav .btn{min-height:44px;white-space:nowrap;padding:10px 12px}
  .home-refined .hero{grid-template-columns:1fr;padding:28px 22px 36px;gap:24px;margin-top:0}
  .home-refined .hero h1{font-size:clamp(2rem,8.2vw,2.65rem);margin-bottom:18px}
  .home-refined .hero .lead{font-size:17px;line-height:1.55;margin-bottom:12px}
  .home-refined .hero .actions{gap:2px;margin-top:0}
  .home-refined .hero .play-badge{margin-left:-18px}
  .home-refined .hero .text-link{font-size:14px}
  .home-refined .hero .eyebrow{font-size:10px;letter-spacing:.1em}
  .home-refined .section{padding-top:44px;padding-bottom:44px}
  .home-refined .exchange{margin-top:32px}
  .home-refined .hero-visual>img{width:170px}
  .home-refined .exchange-screen{max-height:390px}
}
@media(max-width:350px){.home-refined .header .brand{font-size:16px}.home-refined .header .brand img{width:25px;height:25px}.home-refined .header nav .btn{padding:10px;font-size:12px}}
@media print{.home-refined .header{position:static}}
