/* Public app information. These rules stay inside the guest surface. */
#mobile.guest-page{max-width:1360px;margin:auto;padding:0 56px 32px;min-height:100vh;direction:ltr;--guest-edge:color-mix(in srgb,var(--ink) 20%,transparent)}
#mobile.guest-page h1,#mobile.guest-page h2,#mobile.guest-page h3{color:var(--ink);font-weight:550;letter-spacing:-.035em}#mobile.guest-page p{color:var(--muted);line-height:1.65}.guest-page a{color:var(--ink);text-decoration:none}.guest-page a:hover{text-decoration:underline}.guest-page a,.guest-page summary,.guest-page button{touch-action:manipulation}.guest-page :focus-visible{outline:2px solid var(--accent);outline-offset:5px}.guest-skip{position:absolute;top:-100px;left:20px;padding:14px;background:var(--paper);z-index:8}.guest-skip:focus{top:12px}
.guest-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px;border-bottom:1px solid var(--guest-edge)}.guest-brand{display:inline-flex;align-items:center;gap:14px;font-size:25px;font-weight:600;letter-spacing:-.035em}.guest-brand img{width:34px;height:34px;object-fit:contain}.guest-nav{display:flex;gap:26px;font-size:12px;flex-wrap:wrap}.guest-nav a{min-height:44px;display:flex;align-items:center}
.guest-app-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:70px 0 84px}#mobile.guest-page .guest-app-copy h1{font-size:clamp(48px,5.1vw,72px);line-height:1.07;margin:28px 0}.guest-eyebrow{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:var(--muted)}.guest-intro{font-size:16px;max-width:480px}.guest-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.guest-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:0 20px;background:var(--ink);color:var(--paper)!important;font-size:12px;font-weight:600}.guest-button.secondary{color:var(--ink)!important;background:transparent;border-bottom:1px solid var(--guest-edge)}.guest-small{font-size:11px;line-height:1.65}.guest-app-copy>.guest-small{margin-top:23px}
.guest-app-capture{width:min(100%,320px);margin:0 auto;}.guest-app-capture figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:24px;max-width:300px}
.guest-section{padding:58px 0;border-top:1px solid var(--guest-edge)}.guest-section-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:40px}.guest-section-head h2{font-size:clamp(30px,3.5vw,48px);line-height:1.12;margin:20px 0 0}.guest-section-head>p{font-size:13px;max-width:460px;margin:32px 0 0}.guest-app-features{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}.guest-app-feature{display:grid;grid-template-columns:28px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--guest-edge)}.guest-feature-number{padding-top:5px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.guest-app-feature h3{font-size:21px;margin:0 0 14px}.guest-app-feature p{font-size:13px;margin:0 0 14px}.guest-app-feature p.guest-small{font-size:11px}.guest-feature-state{font-weight:600;color:var(--accent)!important}.guest-beta-access{display:flex;align-items:flex-start;justify-content:space-between;gap:48px}.guest-beta-access>p{font-size:13px;max-width:480px;margin:0}.guest-beta-access .guest-actions{margin-top:0;flex-shrink:0}
.guest-faq details{border-top:1px solid var(--guest-edge);padding:0}.guest-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;font-size:14px;color:var(--ink);cursor:pointer}.guest-faq summary::after{content:'+'}.guest-faq details[open] summary::after{content:'−'}.guest-faq p{font-size:13px;max-width:700px;margin:0 0 24px}.guest-footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:32px 0;border-top:1px solid var(--guest-edge)}.guest-footer nav{display:flex;gap:22px;margin-left:auto;font-size:11px}.guest-footer .text-button{font-size:11px;min-height:44px}.guest-footer noscript{width:100%}
.guest-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--guest-edge);padding:26px;max-width:560px;width:calc(100% - 40px);max-height:85vh;overflow:auto}.guest-dialog::backdrop{background:#0008}.guest-dialog-head{display:flex;justify-content:space-between;gap:24px;align-items:center}.guest-dialog-head h2{font-size:24px}.guest-dialog-head button{min-height:44px;min-width:44px;background:transparent;border:0;color:var(--ink);font-size:24px}
@media(max-width:900px){#mobile.guest-page{padding:0 32px 28px}.guest-app-hero,.guest-section-head{gap:36px}.guest-beta-access{display:block}.guest-beta-access .guest-actions{margin-top:24px}}
@media(max-width:760px){#mobile.guest-page{padding:0 20px 24px}.guest-header{display:block;min-height:0;padding:24px 0 12px}.guest-brand{font-size:25px}.guest-nav{gap:24px;font-size:11px;margin-top:16px}.guest-app-hero{grid-template-columns:1fr;gap:42px;padding:38px 0 48px}#mobile.guest-page .guest-app-copy h1{font-size:48px;margin:22px 0}.guest-intro{font-size:14px}.guest-app-capture{width:min(72%,290px)}.guest-section{padding:38px 0}.guest-section-head{grid-template-columns:1fr;gap:12px;margin-bottom:28px}.guest-section-head h2{font-size:34px}.guest-section-head>p{margin:10px 0 0}.guest-app-features{grid-template-columns:1fr}.guest-app-feature{gap:14px;padding:24px 0}.guest-app-feature h3{font-size:21px}.guest-footer{gap:20px}.guest-footer nav{width:100%;margin:0;gap:24px}.guest-footer .text-button{padding:0}.guest-actions{gap:16px}.guest-button{padding:0 16px}}
@media(prefers-reduced-motion:reduce){.guest-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(forced-colors:active){.guest-phone-frame,.guest-app-feature,.guest-header,.guest-section,.guest-faq details{border-color:CanvasText}.guest-button{background:ButtonFace;color:ButtonText!important;border:1px solid ButtonText}.guest-feature-state{color:CanvasText!important}}

.guest-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.guest-demo-controls button{min-height:44px;padding:0 12px;border:1px solid var(--guest-edge);background:transparent;color:var(--ink);font-size:11px}.guest-demo-controls button[hidden]{display:none}


.guest-motion-toggle{min-height:44px;margin-top:10px;padding:0 12px;border:1px solid var(--guest-edge);background:transparent;color:var(--ink);font-size:11px}.guest-motion-toggle[hidden]{display:none}

/* Screen captures retain their own pixels; no inferred device chassis. */
.guest-app-capture{width:min(100%,370px)}.guest-capture-surface{background:#111315;overflow:hidden;border:1px solid var(--guest-edge)}.guest-capture-surface img{display:block;width:100%;height:auto}.guest-board-story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:72px;align-items:center}.guest-board-story h2{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:20px 0}.guest-board-story p{font-size:14px}.guest-board-detail{margin:0}.guest-board-crop{aspect-ratio:1/1.04;overflow:hidden;background:#111315;position:relative}.guest-board-crop img{display:block;width:100%;height:auto;transform:translateY(-16.5%)}.guest-board-detail figcaption,.guest-feature-media figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px}.guest-board-steps{padding:0;list-style:none;counter-reset:board-step;margin:28px 0 0}.guest-board-steps li{counter-increment:board-step;display:grid;grid-template-columns:28px 1fr;gap:6px 14px;border-top:1px solid var(--guest-edge);padding:18px 0}.guest-board-steps li::before{content:'0' counter(board-step);grid-row:span 2;font:11px ui-monospace,monospace;padding-top:3px;color:var(--muted)}.guest-board-steps strong{font-size:14px;font-weight:550}.guest-board-steps span{font-size:12px;color:var(--muted);line-height:1.6}
/* Exact official bezel geometry is supplied only with reviewed matching captures. */
.guest-feature-media{margin:0;min-width:0}.guest-device{position:relative;width:100%;min-width:0}.guest-device video{position:absolute;left:var(--screen-left);top:var(--screen-top);width:var(--screen-width);height:var(--screen-height);object-fit:contain;background:#111}.guest-device-bezel{display:block;position:relative;width:100%;height:auto;pointer-events:none}.guest-app-feature:has(.guest-feature-media){grid-column:1/-1;grid-template-columns:28px minmax(0,1fr) minmax(220px,330px);gap:24px 36px;align-items:center;padding:48px 0}.guest-app-feature.guest-feature-wide{grid-template-columns:28px minmax(0,.8fr) minmax(0,1.3fr)}.guest-demo-transcript{border-top:1px solid var(--guest-edge);font-size:12px;line-height:1.65;color:var(--muted);margin-top:16px;padding-top:12px}.guest-demo-transcript summary{cursor:pointer;min-height:44px;color:var(--ink)}.guest-demo-transcript ol{padding-left:20px}.guest-feature-media .guest-small:empty{display:none}
@media(max-width:760px){.guest-board-story{grid-template-columns:1fr;gap:28px}.guest-board-story h2{font-size:36px}.guest-app-capture{width:min(85%,350px)}.guest-app-feature:has(.guest-feature-media),.guest-app-feature.guest-feature-wide{grid-template-columns:28px minmax(0,1fr);gap:14px}.guest-feature-media{grid-column:2;width:min(100%,330px);justify-self:center}.guest-feature-wide .guest-feature-media{width:100%;grid-column:1/-1}}

.guest-media-poster{position:absolute;left:var(--screen-left);top:var(--screen-top);width:var(--screen-width);height:var(--screen-height);object-fit:contain}.guest-feature-media[data-demo-state=unavailable] video{visibility:hidden}

/* Visible, viewport-sized ambient layers sit ABOVE the page background and BELOW content. */
#mobile.guest-page{position:relative;isolation:isolate}#mobile.guest-page>header,#mobile.guest-page>section,#mobile.guest-page>footer{position:relative;z-index:1}.guest-sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}.guest-sky>span{position:absolute;inset:-180px;pointer-events:none;animation-play-state:paused}.guest-sky-near,.guest-sky-far{background-image:url('/admin/assets/ambient-stars.svg');background-repeat:repeat;background-size:980px 735px;opacity:.72;animation:omni-star-drift 20s linear infinite alternate,omni-star-twinkle 6s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}.guest-sky-far{background-size:1450px 1088px;background-position:170px 90px;opacity:.4;animation-name:omni-star-drift-far,omni-star-twinkle;animation-duration:32s,9s;animation-delay:0s,-3s;animation-direction:alternate-reverse,alternate}.guest-sky-glow{background:radial-gradient(ellipse at 92% 16%,#629dff1a,transparent 48%),radial-gradient(ellipse at 7% 78%,#a675ff12,transparent 45%);animation:omni-ambient-glow 24s ease-in-out infinite alternate;animation-play-state:paused}.guest-page[data-motion-state=running] .guest-sky>span{animation-play-state:running}:root[data-theme=light] .guest-sky{filter:grayscale(1) invert(1);opacity:.42}@keyframes omni-star-drift{from{transform:translate3d(-100px,-70px,0)}to{transform:translate3d(100px,90px,0)}}@keyframes omni-star-drift-far{from{transform:translate3d(-80px,90px,0)}to{transform:translate3d(80px,-80px,0)}}@keyframes omni-star-twinkle{from{opacity:.4}to{opacity:.8}}@keyframes omni-ambient-glow{from{opacity:.5}to{opacity:1}}
/* Navigation remains stable; static content is visible without JavaScript. */
#mobile.guest-page>.guest-header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.guest-app-copy h1 span{display:inline-block}.guest-nav a{position:relative}.guest-nav a::after{content:'';position:absolute;bottom:8px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.guest-nav a:focus-visible::after{transform:scaleX(1)}.guest-button{border-radius:4px;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.guest-button span{transition:transform .2s}.guest-button:focus-visible{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent)}.guest-button:active{transform:translateY(1px)}.guest-app-feature{position:relative}.guest-app-feature::before{content:'';position:absolute;inset:8px -14px;z-index:-1;pointer-events:none;border-radius:12px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 80%);opacity:0;transition:opacity .25s}.guest-feature-number{transition:color .2s}.guest-app-feature h3{transition:color .2s}.guest-faq summary::after{transition:transform .2s}.guest-faq details[open] summary::after{transform:rotate(180deg)}.guest-board-story{scroll-margin-top:130px}.guest-section[id]{scroll-margin-top:130px}.guest-capture-surface{border-color:color-mix(in srgb,var(--accent) 22%,var(--guest-edge));box-shadow:0 18px 70px #0002}.guest-board-crop{border:1px solid color-mix(in srgb,var(--accent) 20%,var(--guest-edge))}.guest-board-steps li{transition:border-color .2s}.guest-footer a{transition:color .2s}
@media(hover:hover){.guest-nav a:hover::after{transform:scaleX(1)}.guest-nav a:hover{text-decoration:none}.guest-button:hover{background:var(--accent);color:var(--paper)!important;box-shadow:0 7px 22px #0002}.guest-button.secondary:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--ink)!important}.guest-button:hover span{transform:translateY(2px)}.guest-app-feature:hover::before{opacity:1}.guest-app-feature:hover .guest-feature-number,.guest-app-feature:hover h3{color:var(--accent)!important}.guest-board-steps li:hover{border-color:var(--accent)}.guest-footer a:hover{color:var(--accent)}}
@media(max-width:760px){#mobile.guest-page>.guest-header{padding-top:16px;padding-bottom:12px}.guest-nav{gap:6px 20px;align-items:center}.guest-nav a{min-height:40px}.guest-section[id],.guest-board-story{scroll-margin-top:180px}.guest-sky-near{background-size:690px 518px;opacity:.65}.guest-sky-far{background-size:1020px 765px;opacity:.3}.guest-app-feature::before{inset:4px -8px}}
@media(prefers-reduced-motion:no-preference){html:has(#mobile[data-motion-state=running]:not([hidden])){scroll-behavior:smooth}}
.guest-page[data-motion-state=paused] .guest-sky>span{animation-play-state:paused}.guest-page[data-motion-state=paused] *,.guest-page[data-motion-state=paused] *::before,.guest-page[data-motion-state=paused] *::after{transition:none}
@media(prefers-reduced-motion:reduce){.guest-sky>span{animation:none!important;will-change:auto}.guest-page *,.guest-page *::before,.guest-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){.guest-sky{display:none}.guest-app-feature::before{display:none}}

.guest-app-feature{isolation:isolate}.guest-page[data-motion-state=paused] .guest-sky-near,.guest-page[data-motion-state=paused] .guest-sky-far{will-change:auto}

.guest-build-status{max-width:760px;margin:0 0 40px}.guest-build-status h3{font-size:21px;margin:0 0 16px}.guest-build-status p{font-size:13px;margin:0 0 16px}.guest-build-status p.guest-small{font-size:11px}