/* YardX landing page. Every rule is scoped to #siteView so it never touches the app. */

#siteView{background:#0A0C0D;color:#ECE9E2;font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
#siteView a{color:#ECE9E2}#siteView a:hover{color:#F26B1D}
#siteView *{box-sizing:border-box}#siteView .lx-wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:40px;padding-right:40px}#siteView .lx-nav-links a{color:#A9ADB0;text-decoration:none;font-size:14.5px;font-weight:500;transition:color .3s cubic-bezier(.32,.72,0,1)}#siteView .lx-nav-links a:hover{color:#ECE9E2}#siteView .lx-pill{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 6px 0 22px;border-radius:999px;font-weight:600;font-size:15.5px;text-decoration:none;white-space:nowrap;transition:transform .5s cubic-bezier(.32,.72,0,1),background-color .3s,box-shadow .4s}#siteView .lx-pill:active{transform:scale(.98)}#siteView .lx-pill-p{background:#F26B1D;color:#0A0C0D}#siteView .lx-pill-p:hover{color:#0A0C0D;background:#FF7E33;box-shadow:0 16px 34px -14px rgba(242,107,29,.7)}#siteView .lx-pill-s{background:transparent;color:#ECE9E2;box-shadow:inset 0 0 0 1px rgba(236,233,226,.28);padding:0 22px}#siteView .lx-pill-s:hover{color:#ECE9E2;box-shadow:inset 0 0 0 1px #ECE9E2}#siteView .lx-pill .lx-bib{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(10,12,13,.14);transition:transform .55s cubic-bezier(.32,.72,0,1)}#siteView .lx-pill:hover .lx-bib{transform:translate(2px,-1px) scale(1.06)}#siteView .lx-stage-tab{transition:background-color .35s cubic-bezier(.32,.72,0,1),box-shadow .35s,color .3s}#siteView .lx-stage-tab:hover{box-shadow:inset 0 0 0 1px rgba(236,233,226,.3)}
#siteView input[type=range]{accent-color:#F26B1D;width:100%;height:28px;cursor:pointer}#siteView .lx-field input,#siteView .lx-field select,#siteView .lx-field textarea{width:100%;border:0;border-radius:14px;background:#0E1112;color:#ECE9E2;box-shadow:inset 0 0 0 1px rgba(236,233,226,.18);padding:0 16px;height:50px;font:500 15px 'Geist',system-ui,sans-serif}#siteView .lx-field textarea{height:110px;padding:14px 16px;resize:vertical}#siteView .lx-field input:focus,#siteView .lx-field select:focus,#siteView .lx-field textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px #F26B1D}#siteView .lx-field input::placeholder,#siteView .lx-field textarea::placeholder{color:#7C8184}
#siteView :focus-visible{outline:2px solid #F26B1D;outline-offset:3px}#siteView .lx-g-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end}#siteView .lx-g-pain{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}#siteView .lx-g-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#siteView .lx-g-stage-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:48px;align-items:center}#siteView .lx-g-drv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}#siteView .lx-g-roll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}#siteView .lx-g-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}#siteView .lx-g-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}#siteView .lx-g-contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}#siteView .lx-g-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:980px){
#siteView .lx-wrap{padding-left:20px;padding-right:20px}#siteView .lx-g-hero,#siteView .lx-g-stage-body,#siteView .lx-g-drv,#siteView .lx-g-calc,#siteView .lx-g-contact{grid-template-columns:1fr;gap:32px}#siteView .lx-g-pain{grid-template-columns:1fr}#siteView .lx-g-pain > *{grid-column:auto !important;grid-row:auto !important}#siteView .lx-g-stage{grid-template-columns:repeat(2,minmax(0,1fr))}#siteView .lx-g-roll{grid-template-columns:1fr}#siteView .lx-g-roll > *{height:auto !important}#siteView .lx-g-faq{grid-template-columns:1fr}#siteView .lx-nav-links{display:none !important}#siteView .lx-h1{font-size:46px !important}#siteView .lx-h2{font-size:36px !important}
}
@media (max-width:560px){.lx-g-form{grid-template-columns:1fr}#siteView .lx-g-stage{grid-template-columns:1fr 1fr}#siteView .lx-h1{font-size:40px !important}}
@media (prefers-reduced-motion:reduce){#siteView *{transition:none !important}}

#siteView .lx-nav-cta{}
@media (max-width:560px){#siteView .lx-nav-cta{display:none !important}}
#siteView .lx-stage-tab[aria-selected="true"]{background:#ECE9E2;color:#0A0C0D;box-shadow:inset 0 0 0 1px #ECE9E2}
@media (prefers-reduced-motion:reduce){#siteView .lx-hero-vid{display:none}}

/* login screen: the 10-second film behind the copy */
.l-art .l-grid{display:none}
.l-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.l-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,var(--panel) 92%);pointer-events:none}
.l-art-copy{z-index:1}
@media (prefers-reduced-motion:reduce){.l-film{display:none}.l-art .l-grid{display:grid}}
/* help button in the app top bar */
#aHelp svg{width:20px;height:20px}
/* the old site stylesheet sets wide display type on headings; the landing page uses Geist */
#siteView h1,#siteView h2,#siteView h3,#siteView b{font-family:'Geist',system-ui,sans-serif;font-stretch:normal;text-transform:none}

/* hero film: shown close to its real size (1280x720) so it stays sharp; fades into the page at the edges */
#siteView .lx-hero-media{position:absolute;top:0;left:0;right:0;margin:0 auto;height:min(820px,100svh);max-width:1440px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
#siteView .lx-hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
#siteView .lx-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,13,.55) 0%,rgba(10,12,13,.3) 38%,rgba(10,12,13,.85) 80%,#0A0C0D 100%)}
@media (max-width:1100px){#siteView .lx-hero-media{-webkit-mask-image:none;mask-image:none}}