html,body{width:100%;max-width:100%;overflow-x:hidden}
#app,.source-hero,.source-hero-track,.source-hero-slide{max-width:100vw}
.source-hero-copy{left:clamp(24px,calc((100vw - 1220px)/2),120px);width:min(38vw,430px)}
.source-hero-copy .source-hero-eyebrow{font-size:clamp(17px,1.55vw,22px)}
.source-hero-copy h1{font-size:clamp(36px,3.65vw,52px);white-space:nowrap}
.source-hero-copy p{font-size:clamp(16px,1.4vw,20px)}
.source-hero-copy .btn{display:inline-flex;align-items:center;justify-content:center;min-width:128px;min-height:50px;padding:12px 24px!important;white-space:nowrap;line-height:1.2;overflow:hidden}
.source-hero-copy .btn .ripple{display:none!important}
.source-hero-screen{max-width:64vw;object-fit:contain}
.source-hero>.source-hero-dots{top:auto!important;bottom:28px!important;left:50%!important;transform:translateX(-50%)!important}
.download-grid.download-accordion{box-sizing:border-box;max-width:min(1365px,100%)}
#app>.stats{margin-bottom:0!important}
#app>.home-features{padding-top:clamp(64px,6vw,92px)!important}
#app>.home-features>.section-title,
#app>.home-features>.section-sub,
#app>.home-features>.orbit-heading,
#app>.home-features>.orbit-stage,
#app>.home-features>.feature-stage{top:0!important}
@media(min-width:961px){
  #app>.stats+.home-features{margin-top:0!important}
}
@media(max-width:1180px){
  .source-hero{height:clamp(500px,58vw,620px);min-height:500px}
  .source-hero-copy{left:clamp(24px,4vw,48px);top:clamp(58px,7vw,80px);width:44vw}
  .source-hero-copy h1{font-size:clamp(35px,4.2vw,48px)}
  .source-hero-screen{left:40%;top:28%;width:57%;max-width:57vw}
  .source-hero>.source-hero-dots{top:auto!important;bottom:24px!important;left:50%!important}
}
@media(max-width:820px){
  .source-hero{height:690px;min-height:690px}
  .source-hero-copy{left:24px;right:24px;top:56px;width:auto;text-align:left}
  .source-hero-copy h1{font-size:clamp(34px,7vw,44px);white-space:normal}
  .source-hero-screen{left:8%;top:43%;width:88%;max-width:88vw;opacity:.82}
  .source-hero>.source-hero-dots{top:auto!important;bottom:20px!important;left:50%!important;transform:translateX(-50%)!important}
}
@media(max-width:480px){
  .source-hero{height:640px;min-height:640px}
  .source-hero-copy{left:18px;right:18px;top:42px}
  .source-hero-copy h1{font-size:34px}
  .source-hero-screen{left:4%;top:46%;width:94%;max-width:94vw}
  .source-hero-copy .btn{min-height:46px;padding:11px 20px!important}
  .source-hero>.source-hero-dots{bottom:18px!important}
}
