/* GARAGE concept: all-black, sleek */
:root{--mist:#0b0b0d}
.gstage{--run:640vh}
.gcard{top:var(--y,50%)}
.gstage .stage{background:#000}
#gcv{transform-origin:50% 60%;will-change:transform}
.gstage .xshade{background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,.55)),linear-gradient(0deg,rgba(0,0,0,.5),transparent 30%)}
.gtop{position:absolute;left:0;right:0;top:clamp(84px,13vh,140px);text-align:center;padding:0 20px}
.gtop .eyebrow{color:#fff;opacity:.9;letter-spacing:.28em}
.gsub{margin-top:10px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.gcard{max-width:min(380px,30vw);background:rgba(8,8,10,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--blue2);border-radius:16px;padding:22px 24px}
.gcard.right{text-align:left;border-left:1px solid rgba(255,255,255,.12);border-right:3px solid var(--blue2)}
.gcard h2{font-size:clamp(24px,2.3vw,34px)}.gcard p{font-size:15px;color:rgba(255,255,255,.82)}
.gcard .num{color:#5f8bff}
.gfin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,90vw);text-align:center;opacity:0;visibility:hidden}
.gfin h1{font-size:clamp(44px,7vw,104px);line-height:1;letter-spacing:-.03em;font-weight:800;margin:.25em 0 .3em}
.gfin .lede{font-size:clamp(16px,1.5vw,20px);color:rgba(255,255,255,.82);max-width:620px;margin:0 auto}
.gbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
/* black theme for the content sections */
.sec.light{background:#0b0b0d;color:#fff;border-top:1px solid rgba(255,255,255,.06)}
.sec.dark{background:#030303}
.eyebrow.dark{color:#5f8bff}
.sec.light .sec-sub,.steps p,.sec.light p{color:rgba(255,255,255,.72)}
.grp h3,.steps b{color:#5f8bff}
.lead{background:#121216!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff}
.lead label{color:#fff}
.lead input,.lead select,.lead textarea{background:#0a0a0c;border-color:rgba(255,255,255,.16);color:#fff}
.lead input::placeholder,.lead textarea::placeholder{color:rgba(255,255,255,.4)}
.cinfo a,.cinfo li{color:#fff}
@media (max-width:720px),(orientation:portrait){
 .gstage{--run:540vh}
 .gcard,.gcard.right{max-width:none;top:auto;bottom:110px;left:16px;right:16px;padding:18px 20px}
 .gstage .xshade{background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 40%),linear-gradient(180deg,rgba(0,0,0,.5),transparent 25%)}
 .gtop{top:96px}
}
.grp,.steps li{background:#121216;border-color:rgba(255,255,255,.1);color:#fff}
.grp li,.steps h3{color:#fff}.grp small{color:rgba(255,255,255,.6)}
.lead .invalid input{background:#2a0d10;border-color:#ff5a62}
.legal-doc,.subpg:not(.pg-dark) main{background:#0b0b0d;color:rgba(255,255,255,.85)}
.legal-doc h1{color:#fff}.legal-doc h2,.legal-doc a{color:#7da2ff}
@media (max-width:720px),(orientation:portrait){.gstage .stage{background:#000 url(frames/m2/001.webp) center/cover no-repeat}}