/* Meteor product page: the supplied live workflow is its only major visual. */
.meteor-page{background:#050505;color:#f2f0ef;overflow-x:hidden}
.meteor-page main{width:100%;overflow:hidden}
.meteor-page main section{width:min(100%,1536px);margin:0 auto;padding-inline:5%;background:#050505}
.meteor-page main h1{margin:0;font-family:Anton,Impact,'Arial Narrow',sans-serif;font-size:clamp(54px,5.1vw,78px);font-weight:400;line-height:.95;letter-spacing:-.018em}
.meteor-page main h1 span,.meteor-page main h1 strong{display:block;font:inherit}
.meteor-page main h1 strong{margin-top:.08em;color:var(--red)}
.meteor-page .navigation-space{height:calc(88 * var(--u,1))}
.meteor-page .navigation .menu-toggle{flex-direction:column;justify-content:center;align-items:center;gap:6px}
.meteor-page .navigation .menu-toggle span{display:block;width:18px;height:1px;background:#e8e5e5}
.meteor-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 clamp(15px,2vh,21px);color:var(--red);font-size:12px;font-weight:500;line-height:1;letter-spacing:.31em}
.meteor-eyebrow span{font-weight:700;letter-spacing:.12em}
.meteor-eyebrow i{width:35px;height:1px;flex:none;background:linear-gradient(90deg,var(--red),transparent)}
.meteor-page main .meteor-hero{display:flex;align-items:center;min-height:450px;padding-block:64px 56px}
.meteor-hero__inner{width:100%}
.meteor-hero h1{max-width:1200px}
.meteor-hero__inner>p:last-child{max-width:760px;margin:clamp(15px,2vh,20px) 0 0;color:#aaa6a8;font-size:17px;font-weight:300;line-height:1.65}
.meteor-page main .meteor-workflow{padding-top:clamp(38px,4.8vh,54px);padding-bottom:clamp(38px,4.8vh,54px);background:#080808}
.meteor-workflow .meteor-eyebrow{margin-bottom:25px}
.meteor-workflow__frame{display:block;width:min(1420px,calc(100vw - 28px));height:680px;margin-left:50%;border:0;border-radius:0;background:#080808;overflow:hidden;transform:translateX(-50%)}
.meteor-page main .meteor-features{padding:clamp(88px,8vw,120px) 5% clamp(96px,9vw,136px)}
.meteor-features__header{margin-bottom:clamp(52px,5.6vw,76px)}
.meteor-features__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,1.55vw,24px)}
.meteor-features__grid .why-card{min-height:252px;padding-block:24px 25px}
.meteor-features__grid .why-card__number{margin-bottom:0}
.meteor-features__grid .why-card h3{margin-top:22px}
.meteor-page .site-footer{max-width:1536px}
@media(max-width:950px){
 .meteor-page main .meteor-hero{min-height:420px;padding-block:64px 56px}
 .meteor-features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .meteor-page .navigation-space{height:77px}
 .meteor-page main section{padding-inline:5%}
 .meteor-page main h1{font-size:clamp(46px,12vw,68px);line-height:.96}
 .meteor-page main .meteor-hero{min-height:0;padding-block:74px 60px}
 .meteor-hero__inner>p:last-child{max-width:620px;font-size:16px;line-height:1.6}
 .meteor-workflow__frame{height:1800px}
 .meteor-page main .meteor-features{padding:74px 6% 88px}
 .meteor-features__grid{gap:17px}
 .meteor-features__grid .why-card{min-height:220px;padding-block:22px 24px}
}
@media(max-width:550px){
 .meteor-page main h1{font-size:clamp(42px,12.4vw,54px)}
 .meteor-page main .meteor-hero{padding-block:62px 60px}
 .meteor-eyebrow{gap:10px;font-size:10px;letter-spacing:.2em}
 .meteor-eyebrow i{width:25px}
 .meteor-features__grid{grid-template-columns:1fr}
}
@media(max-width:390px){
 .meteor-page main h1{font-size:41px}
 .meteor-hero__inner>p:last-child{font-size:15px}
}
@media(max-width:350px){
 .meteor-workflow__frame{height:1860px}
}