@media(min-width:981px){
  .announcement{min-height:34px;padding-block:5px}.nav{height:74px}.site-header{box-shadow:0 8px 35px rgba(36,25,34,.04)}
  .hero{position:relative;min-height:610px;padding:54px 0 66px;grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);gap:38px;overflow:visible}
  .hero:before{content:"";position:absolute;z-index:-1;inset:0 -8vw;background:radial-gradient(circle at 78% 48%,rgba(218,170,183,.13),transparent 30%),radial-gradient(circle at 92% 20%,rgba(202,175,216,.11),transparent 24%)}
  .hero-copy{align-self:center;padding-bottom:4px}.hero .kicker{margin-bottom:16px;font-size:10px}.hero h1{font-size:clamp(48px,4.25vw,62px);line-height:.98;max-width:610px}.hero h1 em{display:inline-block;margin-top:8px}.hero-lead{font-size:16px;line-height:1.62;max-width:560px;margin:20px 0 24px}.hero .button{min-height:46px}.hero-points{margin-top:20px;gap:14px;font-size:11px}
  .product-scene{min-height:455px;align-self:center}.scene-glow{width:90%;height:83%;opacity:.85}.app-window{width:min(620px,100%);transform:perspective(1100px) rotateY(-2deg);border-radius:22px}.app-body{min-height:330px}.app-content{padding:20px}.metric-row{margin:14px 0}.bars{height:95px}.note-one{top:30px;right:-8px}.note-two{bottom:24px;left:-8px}
}
@media(min-width:981px) and (max-height:760px){.hero{min-height:570px;padding-top:42px;padding-bottom:50px}.product-scene{min-height:420px}.app-body{min-height:305px}.bars{height:78px}.hero h1{font-size:55px}}
@media(max-width:980px){.hero h1{max-width:720px;margin-inline:auto}.hero-lead{max-width:680px}.site-header{box-shadow:0 8px 30px rgba(36,25,34,.04)}}
@media(max-width:760px){.hero{padding-top:48px}.hero h1{font-size:43px;line-height:1.02}.hero h1 em{display:inline-block;margin-top:6px}.hero .kicker{font-size:9px;line-height:1.5}.hero-lead{margin-top:18px}}