
.nw-hero.padel{background:radial-gradient(70% 90% at 84% 8%,rgba(122,158,214,.34),transparent 62%),linear-gradient(150deg,#0B1220 0%,#132038 52%,#1D3252 100%)!important}
.nw-hero.padel .k{color:rgba(226,196,136,.9)!important}
.nw-hero.padel .nw-go{display:inline-block;margin-top:18px;font-family:var(--f-ui);font-size:15px;font-weight:500;color:#F7F5F2}
.nw-hero.padel:hover .nw-go{opacity:.75}

footer{background:#1B1B1B!important;background-image:none!important}

/* Get started: centred on the viewport, the same air above and below, then the footer rule */
main#main>section#waitlist,main#main>#waitlist,body #waitlist{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
#waitlist .cta-band{width:100%!important;max-width:none!important;margin:0!important;padding:clamp(120px,12.5vw,186px) var(--gut) clamp(72px,7.5vw,114px)!important;min-height:0!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
#waitlist .cta-band>*{margin-left:auto!important;margin-right:auto!important}
#waitlist .cta-band>*:last-child{margin-bottom:0!important}
footer{padding-top:0!important;margin-top:0!important;background:#1B1B1B!important;background-image:none!important}
footer .fwrap{padding-top:clamp(24px,2.6vw,40px)!important;margin-top:0!important}
footer .fgrid,footer .ftop{margin-top:0!important}
main#main>*:last-child:not(#waitlist){padding-bottom:0!important;margin-bottom:0!important}


/* the footer sits on the page column, centred */
footer .fwrap{max-width:1360px!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--gut)!important;padding-right:var(--gut)!important;box-sizing:border-box}
footer .fgrid{max-width:none!important;margin-left:0!important;margin-right:0!important}


/* whatever precedes Get started ends flush: the band's own padding sets the air, identical on every page */
main#main>*:has(+ #waitlist){margin-bottom:0!important}

.exrail .expan,.expan{border-radius:14px!important}
.expan .ex-prog{display:none!important}

.ndpanel .ndcol.two,.ndpanel .ndcol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:660px!important;gap:4px 28px!important}
.ndd:has(>.ndl[href*="Industries"]) .ndpanel .ndcol{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:960px!important;gap:4px 24px!important}
.ndd:has(>.ndl[href*="Industries"]) .ndwrap{grid-template-columns:1fr 320px!important}


@media(min-width:1025px){
body footer .fwrap{max-width:min(2200px,calc(100vw - 2 * clamp(28px,4vw,120px)))!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
body footer .ftop{max-width:none!important}
body footer .fgrid{grid-template-columns:minmax(260px,1.1fr) minmax(0,3fr)!important;gap:clamp(40px,6vw,140px)!important}
}


/* hero ground: dark, even, no washed blue and no light streaks */
.pghero.skyhero{
  background:
    radial-gradient(52% 62% at 20% 10%,rgba(214,228,242,.20),transparent 68%),
    radial-gradient(70% 56% at 78% 6%,rgba(206,222,238,.11),transparent 70%),
    radial-gradient(90% 60% at 50% 104%,rgba(160,180,204,.13),transparent 72%),
    linear-gradient(168deg,#1B2734 0%,#16212D 30%,#121B26 56%,#0D141D 80%,#0A1017 100%)!important;
}
.pghero.skyhero .skymist i{display:none!important}
.pghero.skyhero::after{opacity:.1!important}


/* long, banding-free fade from the dark hero into the white page */
.pghero.skyhero{padding-bottom:clamp(150px,16vw,230px)!important}
.pghero.skyhero::before{
  display:block!important;content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;
  height:clamp(220px,30vw,420px);z-index:3;pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.012) 10%,
    rgba(255,255,255,.04) 20%,
    rgba(255,255,255,.09) 30%,
    rgba(255,255,255,.155) 39%,
    rgba(255,255,255,.24) 47%,
    rgba(255,255,255,.34) 55%,
    rgba(255,255,255,.45) 63%,
    rgba(255,255,255,.57) 70%,
    rgba(255,255,255,.69) 77%,
    rgba(255,255,255,.80) 84%,
    rgba(255,255,255,.89) 90%,
    rgba(255,255,255,.96) 96%,
    rgba(255,255,255,1) 100%)}
.pghero.skyhero>.wrap{position:relative;z-index:4}
.pghero.skyhero::after{z-index:2!important}
