/* carrier and receiver pages: one product sign-up over a full-screen animated backdrop */
:root[data-view="carrier"] #sides .ea-body:not([data-body="carrier"]),
:root[data-view="receiver"] #sides .ea-body:not([data-body="dock"]){display:none!important}
/* the backdrop scene; .bg pins it behind the whole page */
.ea-scene{grid-column:1/-1;position:relative;height:clamp(170px,22vw,230px);border-radius:14px;overflow:hidden;border:1px solid var(--line-2);background:linear-gradient(180deg,#040914,#060C1C)}
.ea-scene canvas,.ea-scene svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.ea-scene::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px rgba(3,5,11,.7)}
.ea-body:has(.ea-scene){row-gap:30px}
@media (max-width:900px){.ea-scene{height:170px}.ea-body:has(.ea-scene){row-gap:24px}}
.net,.hero,#tms,#alex,#solutions,#sides .ea-head,#sides .who-switch{display:none!important}
#sides{min-height:calc(100svh - 150px);display:grid;align-content:center;padding-block:24px 56px}
.back{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--muted);font-size:14px;text-decoration:none;min-height:36px;justify-self:start}
.back:hover{color:var(--text)}
/* cinematic: the scene is the page's backdrop, the form floats over it as glass */
.ea-body{animation:none}
.ea-scene.bg{position:absolute;inset:0;height:auto!important;border:0;border-radius:0;z-index:-1}
.ea-scene.bg::after{box-shadow:none;background:linear-gradient(90deg,rgba(3,5,11,.88) 0%,rgba(3,5,11,.55) 45%,rgba(3,5,11,.2) 100%),linear-gradient(0deg,rgba(3,5,11,.9) 0%,transparent 40%)}
.ea-scene.bg canvas{opacity:.6}
#sides .ea-body .chip{display:none}
/* the copy starts level with the form, its title on the form's first line */
@media (min-width:901px){#sides .ea-body{align-items:start}#sides .ea-body .copy{margin-top:-6px}}
#eaCard{background:none;border:0;box-shadow:none;padding:0}#eaCard::before{display:none}
#sides{min-height:calc(100svh - 96px)}
.ea-body{grid-template-columns:1.05fr .95fr;gap:56px}
.ea-body h2{font-size:clamp(34px,4.2vw,56px)}
.ea-form{background:rgba(8,15,34,.55);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-color:rgba(163,188,255,.22);box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
@media (max-width:900px){.ea-body{grid-template-columns:1fr;gap:28px}.ea-scene.bg::after{background:linear-gradient(0deg,rgba(3,5,11,.92) 30%,rgba(3,5,11,.5) 100%)}}