/* Figma WorkDeck · A4 - 33 (38:9)
   The scene remains a set of local image layers so the foreground UI stays interactive. */
html:has(body.space-home){height:100%;overflow:hidden;overscroll-behavior:none}
body.space-home{height:100svh;min-height:0;overflow:hidden;background:#101010;overscroll-behavior:none}
.space-home .journey-studio{display:none}
.space-home .space-hero-art{position:fixed;z-index:0;top:0;left:50%;transform:translateX(-50%);width:100vw;aspect-ratio:1410/793;overflow:hidden;pointer-events:none;background:#010711}
.space-home .space-layer{position:absolute;display:block;max-width:none;object-fit:fill}
.space-home .space-stars{left:0;top:-4.1614%;width:100%;height:100.1261%;z-index:0}
.space-home .space-earth{left:15.1064%;top:21.4376%;width:69.7872%;height:124.0858%;object-fit:contain;z-index:1;transform-origin:50% 50%;animation:space-earth-turn 240s linear infinite}
.space-home .space-workshop{left:0;top:3.2787%;width:100%;height:100%;z-index:2}
.space-home .space-creative{left:0;top:-22.3203%;width:100%;height:100%;z-index:3}
.space-home .space-base{position:absolute;z-index:4;left:0;right:0;top:77.6797%;bottom:0;background:#101010}
.space-home .space-pixel-canvas{position:absolute;z-index:5;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
.space-home .space-hero-art.pixels-ready .space-layer,.space-home .space-hero-art.pixels-ready .space-base{visibility:hidden}
.space-home .space-hero-art.pixels-ready .space-earth{animation:none;transform:none}
.space-home .space-wordmark{left:28.4397%;top:27.4105%;width:43.1915%;height:27.9614%;z-index:5;object-fit:fill}
.space-home .space-tagline{left:21.2057%;top:34.2975%;width:59.1489%;height:38.292%;z-index:5;object-fit:fill}
.space-home .page-wrapper{position:relative;z-index:1;height:100svh;min-height:0;overflow:hidden;background:transparent}
.space-home .page-content{position:relative;z-index:1;height:100svh;min-height:0;overflow:hidden;background:transparent}
.space-home header{background:linear-gradient(#05080de6,transparent)}
.space-home .divider{opacity:.3}
.space-home .hero{position:absolute;top:min(44vw,calc((100svh - 160px)*.85));left:0;right:0;flex:none;min-height:0;margin:0;padding:0 24px;align-items:flex-start;overflow:visible}
.space-home .hero-blur{display:none}
.space-home .hero-eyebrow,.space-home .hero h1,.space-home .hero .subtitle{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.space-home .consult{margin-top:0;border:1px solid #777084;background:#17171bd9;padding:16px 28px}
.space-home .entry-note{margin-top:14px}
.space-home .home-footer{position:absolute;right:0;bottom:0;left:0;margin:0;padding:16px 30px}
@keyframes space-earth-turn{to{transform:rotate(360deg)}}
@media(max-width:900px){
 .space-home .space-hero-art{top:82px;width:min(900px,100vw);}
 .space-home .space-earth{left:15.1064%;width:69.7872%;height:auto;aspect-ratio:1}
 .space-home .space-wordmark{left:calc(50% - min(42vw,220px));top:27.4105%;width:min(84vw,440px);height:auto}
 .space-home .space-tagline{left:calc(50% - min(48vw,290px));top:42%;width:min(96vw,580px);height:auto}
 .space-home .hero{top:clamp(330px,48svh,440px)}
 .space-home .page-content{height:100svh;min-height:0}
}
@media(max-width:600px){
 .space-home .space-hero-art{top:104px;width:min(650px,167vw)}
 .space-home .hero{top:clamp(320px,48svh,420px);padding:0 12px}
 .space-home .home-footer{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;text-align:left}
 .space-home .footer-invite{align-items:flex-start;gap:5px}
 .space-home .footer-invite button{font-size:11px}
 .space-home .footer-invite button span{margin-left:8px}
 .space-home .footer-invite small,.space-home .footer-index{display:none}
 .space-home .sound-control{grid-template-columns:auto;gap:0}
 .space-home .sound-control label,.space-home .sound-control input{display:none}
 .space-home .entry-note{margin-top:8px;font-size:11px}
}
@media(max-height:700px){
 .space-home .entry-note{display:none}
 .space-home .footer-invite small,.space-home .footer-index{display:none}
 .space-home .home-footer{flex-direction:row;align-items:center;gap:8px;padding:10px 16px}
 .space-home .footer-invite button{font-size:11px}
 .space-home .sound-control label,.space-home .sound-control input{display:none}
 .space-home .sound-control{grid-template-columns:auto;gap:0}
}
@media(max-width:900px) and (max-height:700px){
 .space-home .space-hero-art{top:68px;width:min(700px,100vw)}
 .space-home .hero{top:clamp(285px,48svh,345px)}
 .space-home .navbar{padding-top:12px;padding-bottom:12px;gap:10px}
}
@media(max-height:480px){
 .space-home .space-hero-art{top:0;width:min(820px,100vw)}
 .space-home .hero{top:auto;bottom:52px}
 .space-home .navbar{flex-wrap:nowrap;padding:10px 16px}
 .space-home .nav-items{order:0;width:auto;gap:12px}
 .space-home .my-space-link{display:none}
 .space-home .consult{padding:10px 20px}
}
@media(prefers-reduced-motion:reduce){.space-home .space-earth{animation:none}}

/* Keep the landing copy crisp and readable over the full-screen illustration. */
.space-home .page-wrapper,.space-home .page-content{background:#101010}
.space-home .page-content{background:transparent}
.space-home .hero{top:0;bottom:0;display:block;padding:0;}
.space-home .hero-copy{position:absolute;inset:0;pointer-events:none;text-align:center}
.space-home .studio-foreground{height:100svh;min-height:0;overflow:hidden;background:#101010}
.space-home .hero-eyebrow{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.space-home .hero h1{position:absolute;top:26%;left:50%;transform:translateX(-50%);width:max-content!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip-path:none!important;white-space:nowrap!important;font-size:clamp(72px,10.7vw,156px);line-height:1;letter-spacing:-.055em;color:#f8f8fb;-webkit-text-stroke:1px #10172b;text-shadow:0 3px 0 #071126,0 7px 14px #0008}
.space-home .hero h1 span{display:inline-block;background-image:linear-gradient(100deg,#ffd15b 0%,#f185c0 47%,#604cff 100%);background-size:100% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 3px 0 #071126,0 7px 14px #0008}
.space-home .hero-version{font-size:11px;left:calc(100% + 10px);bottom:10%;text-shadow:none}
.space-home .hero .subtitle{position:absolute;top:43%;left:50%;transform:translateX(-50%);width:min(92vw,900px)!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip-path:none!important;font-family:'General Sans','Geist Sans',sans-serif;font-size:clamp(13px,1.55vw,19px);line-height:1.6;letter-spacing:0;color:#e5e7f1;text-shadow:0 2px 8px #000;white-space:normal!important}
.space-home .hero .subtitle .pixel-word{font:inherit;letter-spacing:inherit;transform:none;text-shadow:inherit}
.space-home .hero .consult{position:absolute;top:68%;left:50%;transform:translateX(-50%);margin:0;pointer-events:auto}
.space-home .hero .entry-note{position:absolute;top:77%;left:50%;transform:translateX(-50%);width:max-content;max-width:92vw;margin:0;color:#c8cde0;text-shadow:0 2px 8px #000}
.space-home #home-status{position:absolute;top:83%;left:50%;transform:translateX(-50%);width:max-content;max-width:92vw;margin:0}
@media(max-width:900px){
 .space-home .hero{top:0;bottom:0}
 .space-home .hero h1{top:26%;font-size:clamp(58px,12vw,108px)}
 .space-home .hero .subtitle{top:39%;width:94vw;font-size:clamp(12px,2vw,16px)}
 .space-home .hero .consult{top:68%}
 .space-home .hero .entry-note{top:77%;font-size:11px}
}
@media(max-width:600px){
 .space-home .hero{top:0;bottom:0;padding:0}
 .space-home .hero h1{top:25%;font-size:clamp(44px,12.4vw,64px);letter-spacing:-.06em}
 .space-home .hero-version{font-size:8px;left:calc(100% + 5px)}
 .space-home .hero .subtitle{top:37%;width:96vw;font-size:12px;line-height:1.5}
 .space-home .hero .consult{top:48svh;padding:13px 22px}
 .space-home .hero .entry-note{top:57svh;font-size:10px}
}
@media(max-height:700px){
 .space-home .hero .entry-note{display:none}
 .space-home .hero h1{top:22%}
 .space-home .hero .subtitle{top:38%}
 .space-home .hero .consult{top:68%}
}
@media(max-height:700px) and (min-width:601px){.space-home .hero .consult{top:68%}}
@media(max-height:700px) and (max-width:600px){.space-home .hero .consult{top:48svh}}
@media(max-height:480px){
 .space-home .hero h1{top:12%;font-size:clamp(42px,9vw,78px)}
 .space-home .hero .subtitle{top:34%;font-size:12px}
 .space-home .hero .consult{top:auto;bottom:52px}
}

/* Figma 41:144: two transparent title layers share a scaled 886 × 226 frame. */
.space-home .hero-title-art{position:absolute;top:27%;left:50%;width:min(886px,94vw);aspect-ratio:886/226;transform:translateX(-50%);pointer-events:none}
.space-home .hero-title-art img{position:absolute;display:block;max-width:none;height:auto;object-fit:contain}
.space-home .hero-title-wordmark{top:-7.522%;left:14.447%;width:68.736%}
.space-home .hero-title-tagline{top:14.602%;left:2.935%;width:94.131%}
@media(max-width:600px){.space-home .hero-title-art{top:29%;width:98vw}}
@media(max-height:480px){.space-home .hero-title-art{top:15%}}

/* Orbit reference: button finishes and staggered entrance, scoped to this landing page. */
.space-home .hero .consult,.space-home #account-link{border-radius:10px;text-decoration:none;white-space:nowrap;line-height:1;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
.space-home .hero .consult{border:1px solid rgba(255,255,255,.42);background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(218,225,255,.1) 48%,rgba(255,255,255,.07));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.08),0 12px 28px -15px rgba(0,0,0,.65);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}
.space-home .hero .consult::before{display:none}
.space-home .hero .consult:hover{background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(218,225,255,.18) 48%,rgba(255,255,255,.12));color:#fff;transform:translateX(-50%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 16px 32px -15px rgba(0,0,0,.7)}
.space-home #account-link{border:1px solid rgba(255,255,255,.98);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.space-home #account-link::before{display:none}
.space-home #account-link{background:#fff;color:#000;border-color:#fff}
.space-home #account-link:hover{background:#e9e9ea;color:#000;border-color:#e9e9ea;transform:none}
.space-home .nav-items button{transition:color .18s ease}
.space-home .nav-items button:hover{color:#fff}
.space-home :is(a,button):focus-visible{outline:2px solid #9b8cff;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){
 .buttons-intro:not(.buttons-intro-play) .space-home .nav-items button,.buttons-intro:not(.buttons-intro-play) .space-home .account-nav a,.buttons-intro:not(.buttons-intro-play) .space-home .hero .consult{opacity:0}
 .buttons-intro-play .space-home .nav-items button{animation:workdeck-button-rise .55s cubic-bezier(.33,1,.68,1) both}
 .buttons-intro-play .space-home .nav-items button:nth-child(1){animation-delay:.07s}
 .buttons-intro-play .space-home .nav-items button:nth-child(2){animation-delay:.115s}
 .buttons-intro-play .space-home .nav-items button:nth-child(3){animation-delay:.16s}
 .buttons-intro-play .space-home .account-nav a{animation:workdeck-button-rise .55s cubic-bezier(.33,1,.68,1) .215s both}
 .buttons-intro-play .space-home .hero .consult{animation:workdeck-button-rise-center .62s cubic-bezier(.22,1,.36,1) 1s both}
}
@keyframes workdeck-button-rise{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@keyframes workdeck-button-rise-center{from{opacity:0;transform:translateX(-50%) translate3d(0,13px,0) scale(.986)}to{opacity:1;transform:translateX(-50%)}}

/* Small foreground petals rise diagonally without covering or intercepting the UI. */
.space-home .petal-field{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:strict}
.space-home .page-wrapper{z-index:2}
.space-home .petal-field span{position:absolute;left:var(--x);bottom:-24px;width:var(--size);height:calc(var(--size) * 1.55);border-radius:100% 18% 100% 18%;background:#101010;opacity:0;transform-origin:65% 80%;animation:workdeck-petal-flight var(--duration) linear var(--delay) infinite}
.space-home .petal-field canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.space-home .petal-field.pixels-ready span{display:none}
.space-home .petal-field span:nth-child(1){--x:2%;--size:11px;--drift:44vw;--sway:2vw;--duration:12s;--delay:-1s}
.space-home .petal-field span:nth-child(2){--x:10%;--size:7px;--drift:38vw;--sway:-2vw;--duration:10s;--delay:-6s}
.space-home .petal-field span:nth-child(3){--x:17%;--size:13px;--drift:50vw;--sway:3vw;--duration:14s;--delay:-10s}
.space-home .petal-field span:nth-child(4){--x:24%;--size:8px;--drift:42vw;--sway:-3vw;--duration:11s;--delay:-4s}
.space-home .petal-field span:nth-child(5){--x:31%;--size:10px;--drift:48vw;--sway:2vw;--duration:13s;--delay:-8s}
.space-home .petal-field span:nth-child(6){--x:40%;--size:6px;--drift:35vw;--sway:-2vw;--duration:9s;--delay:-2s}
.space-home .petal-field span:nth-child(7){--x:48%;--size:12px;--drift:44vw;--sway:4vw;--duration:15s;--delay:-12s}
.space-home .petal-field span:nth-child(8){--x:56%;--size:9px;--drift:37vw;--sway:-3vw;--duration:11.5s;--delay:-7s}
.space-home .petal-field span:nth-child(9){--x:4%;--size:8px;--drift:55vw;--sway:3vw;--duration:14.5s;--delay:-11s}
.space-home .petal-field span:nth-child(10){--x:67%;--size:10px;--drift:29vw;--sway:-2vw;--duration:10.5s;--delay:-5s}
.space-home .petal-field span:nth-child(11){--x:20%;--size:6px;--drift:48vw;--sway:2vw;--duration:12.5s;--delay:-9s}
.space-home .petal-field span:nth-child(12){--x:73%;--size:11px;--drift:24vw;--sway:-3vw;--duration:13.5s;--delay:-3s}
.space-home .petal-field span:nth-child(13){--x:36%;--size:8px;--drift:43vw;--sway:3vw;--duration:10.8s;--delay:-10s}
.space-home .petal-field span:nth-child(14){--x:59%;--size:7px;--drift:35vw;--sway:-2vw;--duration:12.8s;--delay:-1s}
@keyframes workdeck-petal-flight{
  0%{opacity:0;transform:translate3d(0,0,0) rotate(-35deg) scale(.8)}
  12%{opacity:.95}
  28%{transform:translate3d(calc(var(--drift) * .22 + var(--sway)),-28svh,0) rotate(85deg) scale(1)}
  53%{transform:translate3d(calc(var(--drift) * .5 - var(--sway)),-55svh,0) rotate(190deg) scale(.86)}
  78%{opacity:.9;transform:translate3d(calc(var(--drift) * .78 + var(--sway)),-83svh,0) rotate(290deg) scale(1)}
  100%{opacity:0;transform:translate3d(var(--drift),-115svh,0) rotate(390deg) scale(.7)}
}
@media(prefers-reduced-motion:reduce){.space-home .petal-field{display:none}}

/* Login entry: pixel petals gather into a fast, full-screen curtain. */
.login-petal-transition{position:fixed;inset:0;z-index:2147483000;display:none;overflow:hidden;pointer-events:none;background:transparent}
.login-petal-transition.is-active{display:block}
.login-petal-transition canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.login-petal-transition.is-covered{background:transparent}

/* The reference prompt glass becomes a compact search input below the header. */
.space-home .home-search-panel{position:absolute;z-index:30;top:calc(100% + 12px);left:50%;display:flex;align-items:center;gap:9px;transform:translateX(-50%);width:min(580px,calc(100vw - 40px));margin:0;padding:9px 11px;border:1px solid rgba(255,255,255,.38);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.23),rgba(218,225,255,.1) 48%,rgba(255,255,255,.07));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.08),0 16px 36px -18px rgba(0,0,0,.65),0 3px 12px rgba(0,0,0,.18);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}
.space-home .home-search-panel[hidden]{display:none}
.space-home .home-search-panel:focus-within{outline:2px solid #9b8cff;outline-offset:3px}
.space-home .home-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.space-home .home-search-close{order:3;flex:none;width:28px;height:28px;padding:0;border:0;background:transparent;color:#f1f2ffb8;font-size:25px;line-height:1}
.space-home .home-search-close:hover{color:#fff}
.space-home #home-search-input{order:1;flex:1;min-width:0;height:39px;padding:2px 7px;border:0;outline:0;background:transparent;color:#fff;font:400 15px/1.5 'Geist Sans',sans-serif}
.space-home #home-search-input::placeholder{color:rgba(255,255,255,.72);opacity:1}
.space-home .home-search-submit{order:2;display:grid;place-items:center;flex:none;width:39px;height:39px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:11px;background:rgba(255,255,255,.16);color:#fff;font-size:19px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.3);transition:background .18s ease}
.space-home .home-search-submit:hover{background:rgba(255,255,255,.29)}
@media(prefers-reduced-motion:no-preference){.space-home .home-search-panel:not([hidden]){animation:home-search-open .45s cubic-bezier(.16,1,.3,1) both}}
@keyframes home-search-open{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:600px){.space-home .home-search-panel{top:calc(100% + 8px);width:min(440px,calc(100vw - 30px));gap:6px;padding:8px 9px;border-radius:15px}.space-home #home-search-input{height:39px;font-size:16px}.space-home .home-search-submit{width:39px;height:39px;border-radius:10px}.space-home .home-search-close{width:25px;font-size:23px}}