/* SPACES_V83_SITE_UI: tidy website, fix stretched preview and gray strip on narrow screens. */
html,body{max-width:100%;overflow-x:clip}
body{background-color:#0c0b12!important}
/* Keep header/preview inside viewport and avoid the artificial empty gray gutter. */
.site-header{max-width:calc(100% - 30px)!important;box-sizing:border-box}
.hero{width:min(1260px,calc(100% - 40px))!important;max-width:calc(100% - 40px)!important;min-width:0!important;box-sizing:border-box}
.hero>*{min-width:0!important}
.app-stage{min-width:0!important;width:100%!important;max-width:100%!important}
.app-window{max-width:100%!important;overflow:hidden!important;box-sizing:border-box}
.app-layout{min-width:0!important;max-width:100%!important;width:100%!important;grid-template-columns:minmax(0,60px) minmax(0,180px) minmax(0,1fr)!important}
.app-content,.content-body,.preview-columns{min-width:0!important;max-width:100%!important}
/* Use real content flow; don't hold open an empty tall mobile hero. */
@media(max-width:1100px){.hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:0!important;gap:24px!important;align-items:start!important}.hero-copy{max-width:760px!important}.app-stage{margin:0 auto!important;width:min(800px,100%)!important}}
@media(max-width:700px){.hero{width:calc(100% - 30px)!important;max-width:calc(100% - 30px)!important;padding-top:72px!important;gap:24px!important}.app-stage{width:100%!important;margin:0!important;overflow:visible!important}.app-window{transform:none!important;border-radius:16px!important;box-shadow:0 15px 48px #0006!important}.app-layout{grid-template-columns:minmax(0,42px) minmax(0,105px) minmax(0,1fr)!important;min-height:320px!important}.app-titlebar{height:38px!important}.hero-scroll-cue,.app-orbit,.app-glow,.app-sheen,.mock-caption{display:none!important}.section-shell{max-width:calc(100% - 30px)!important;width:calc(100% - 30px)!important}.hero-copy h1{overflow-wrap:break-word!important}}
@media(max-width:380px){.app-layout{grid-template-columns:39px minmax(0,89px) minmax(0,1fr)!important}.app-layout .channel-rail{padding:5px!important}}
/* Multi-column footer, responsive by default. */
.spaces-site-footer-v83{border-top:1px solid #ffffff15;margin-top:60px!important;padding:45px clamp(18px,4vw,42px) 38px!important;display:grid!important;grid-template-columns:minmax(180px,1.25fr) repeat(4,minmax(120px,1fr));gap:30px!important;align-items:start!important;background:linear-gradient(180deg,#101017,#0b0a10)!important;max-width:none!important;width:100%!important;box-sizing:border-box}
.spaces-site-footer-v83 .footer-brand{display:block}.spaces-site-footer-v83 .footer-brand strong{font-size:20px;letter-spacing:-.04em}.spaces-site-footer-v83 .footer-brand small{display:block;color:#9d96a7;line-height:1.55;font-size:12px;max-width:220px;margin-top:8px}
.spaces-site-footer-v83 .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.spaces-site-footer-v83 .footer-column strong{font-size:12px;color:#ebe6f2}.spaces-site-footer-v83 .footer-column a{font-size:12px;color:#958d9e;text-decoration:none;transition:color .18s}.spaces-site-footer-v83 .footer-column a:hover{color:#e1caef}
.spaces-site-footer-v83 .footer-bottom{border-top:1px solid #ffffff12;padding-top:19px;grid-column:1/-1;display:flex;justify-content:space-between;color:#777182;font-size:11px;flex-wrap:wrap;gap:16px}
@media(max-width:880px){.spaces-site-footer-v83{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}.spaces-site-footer-v83 .footer-brand{grid-column:1/-1}}
@media(max-width:440px){.spaces-site-footer-v83{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important;padding:32px 20px!important}}