/* Video and animated SONO lead; proof and the flagship Showcase follow. */
#hero.hero-nova { height:100svh; min-height:620px; padding:0; }
.sx-flagship-kicker { margin:0 0 16px; color:var(--sx-soft); font:400 11px/1.4 var(--sx-mono); letter-spacing:.17em; text-transform:uppercase; }
.sx-showcase-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
#page-container .sx-showcase-actions .sx-showcase-action { position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:0 17px; border-radius:14px; text-decoration:none; font:500 13px/1.2 var(--sx-sans); letter-spacing:.01em; white-space:nowrap; background-image:linear-gradient(rgba(9,10,12,.78),rgba(9,10,12,.78)); }
.sx-showcase-action > span { font-size:16px; color:var(--sx-soft); }
#showcase-live { padding-top:clamp(56px,6vw,88px); padding-bottom:clamp(44px,5vw,72px); scroll-margin-top:var(--sx-hdr); }
#showcase-live .sx-flagship-section-head { row-gap:0; margin-bottom:28px; }
#showcase-live .sx-flagship-section-head .sx-flagship-kicker { margin-bottom:12px; }
#showcase-live .sxr-what-title { font-size:clamp(32px,4vw,58px); font-weight:500; }
#showcase-live .sxr-live-actions { width:100%; margin-top:12px; }
#showcase-live .sxr-what-grid b { margin-bottom:16px; }
/* Client logos and stats form a compact proof strip directly below the hero. */
#page-container > .logo-marquee { padding-top:32px; padding-bottom:0; border-top:1px solid var(--sx-line); }
#page-container > .about-stats-container { padding-top:16px; padding-bottom:32px; }
#what-we-do.sx-services-intro { padding-top:clamp(64px,7vw,100px); padding-bottom:clamp(28px,3vw,44px); }
#what-we-do .sxr-explain-wrap { width:min(1320px,100%); padding-inline:clamp(16px,4vw,56px); }
#what-we-do h2 { margin:0; color:#f5f7fa; font:500 clamp(32px,4.2vw,60px)/1.07 var(--sx-sans); letter-spacing:-.035em; text-wrap:balance; }
.sx-services-lead { margin:22px 0 12px; color:#e2e7ed; font:500 clamp(20px,2.1vw,28px)/1.3 var(--sx-sans); letter-spacing:-.02em; }
.sx-services-note { max-width:64ch; margin:0; color:var(--sx-soft); font:400 clamp(15px,1.25vw,18px)/1.65 var(--sx-sans); }
#solutions.home-ways { padding-top:12px; }
.sxr-cta-band .sxr-cta-btn { white-space:normal; text-align:center; }
@media(max-width:600px) {
  #hero.hero-nova { min-height:600px; }
  .sx-flagship-kicker { font-size:10px; margin-bottom:16px; }
  .sx-showcase-actions { gap:10px; }
  #page-container .sx-showcase-actions .sx-showcase-action { min-height:46px; padding-inline:12px; font-size:12px; gap:6px; }
  #hero .sx-hero-eyebrow { margin-bottom:12px; }
  #hero .sx-word { margin-bottom:26px; }
  #showcase-live { padding-top:44px; }
  #showcase-live .sxr-what-grid b { margin-bottom:0; }
  #showcase-live .sxr-live-actions { flex-direction:row; width:100%; }
  #what-we-do .sxr-explain-label { max-width:25ch; font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .sx-showcase-action { transition:none!important; }
}