/* One continuous visual world across the OneBound website. */
:root{--bg:#06122b;--text:#f7f9ff;--muted:#b0bfdc;--line:#a7bce52e;--blue:#86aaff}
body.space-site{color:var(--text);background-color:#06122b;background-image:linear-gradient(#06122bd9,#06122bea),url('/public/onebound-dreamscape.webp');background-position:center;background-size:cover;background-attachment:fixed;color-scheme:dark}
.space-site :is(.section,.intro,.approach-section,.company-products,.app-section,.rhythm-section,.product-progress,.vision,.product-end){background:transparent;color:var(--text);border-color:var(--line)}
.space-site .section{border-top:1px solid var(--line)}
.space-site :is(.eyebrow,.section-label,.muted,.body-copy,.product-detail p,.product-heading>p,.product-status,.development-items>p,.app-gallery figcaption p,.app-connection p,.vision-bottom p,.preview-note,.app-note,.gallery-heading>p){color:var(--muted)}
.space-site :is(.large-copy,.product-detail strong,.stage,.app-connection h3,.approach-grid h3,.vision h2,.product-end h2){color:var(--text)}
.space-site :is(.approach-grid,.approach-grid article,.product-detail,.product-heading,.company-product-row,.gallery-heading,.app-connection,.morning-story,.text-tags span,.pill){border-color:var(--line)}
.space-site :is(.text-link,.product-slogan,.product-number,.approach-icon,.development .eyebrow,.rhythm-section .eyebrow){color:#b1c9ff}
.space-site .approach-icon{border-color:#b1c9ff80}
.space-site .vision{padding-top:100px;overflow:hidden}
.space-site .vision h2,.space-site .product-end h2{font-size:clamp(66px,10vw,152px);line-height:1.02;text-transform:uppercase}
.space-site .vision-word{color:#b1c9ff30;font-family:var(--font-display)!important;text-transform:uppercase;letter-spacing:0;font-size:17vw}
.space-site footer{background:#041024;border-color:var(--line);color:var(--text)}
.space-site footer p,.space-site footer>span{color:var(--muted)}
.space-site .button-light{background:#f7f9ff;color:#0b1b38;border-radius:999px}
.space-site .button-light:hover{background:#c5d5ff}
.space-site .app-screen{border-color:#526b97;box-shadow:0 18px 45px #02091866}
.space-site .rhythm-steps :is(p,li>span),.space-site .morning-story p{color:var(--muted)}
.space-site .rhythm-steps li{border-color:#9ab9ff66}
.space-site .product-end .muted{color:#b9ceff}
/* Shared transparent navigation and oversized product wordmark. */
.space-site .site-header{height:auto;min-height:96px;background:transparent;padding:2.15vw 2.58vw;border-color:var(--line);gap:24px}
.space-site .site-header .brand{font-size:22px;letter-spacing:0;text-transform:uppercase;font-weight:400}
.space-site .site-header .brand .onebound-logo{width:28px}
.space-site .site-header nav{font-size:14px;gap:2.4vw;text-transform:uppercase;color:#fff}
.space-site .site-header .header-link{color:#fff}
.space-site .language-switch{border-color:#b7ceff66}
.space-site .language-switch a{color:#fff}
.space-site .language-switch a[aria-current=true]{color:#07162f!important;background:#fff}
.space-site .product-section{padding-top:48px}
.space-site .product-heading{align-items:center;padding-bottom:36px}
.space-site .product-heading h1{font-size:clamp(120px,18vw,260px);line-height:1;text-transform:uppercase}
.space-site .product-heading>p{max-width:470px;font-size:18px}
.space-site .sleepy-product-cover{background:transparent;border:0;box-shadow:none}
.space-site .pillow-viewer{background:transparent}
.space-site .pillow-controls button{background:#91b4ff14;border-color:#9bbcff55;color:#eaf1ff;border-radius:999px}
.space-site .pillow-controls button:hover{background:#91b4ff35}
.space-site :is(.pillow-hint,.sleepy-product-cover figcaption,.sleepy-product-cover figcaption span){color:#bdcdee}
.space-site .demo-banner{background:#4666a91a;border-color:var(--line)}
/* Demo page shares the homepage sky and typography; the phone presents the product. */
body.demo-page{background-image:linear-gradient(90deg,#06122b33,#06122bd9),url('/public/onebound-dreamscape.webp')}
.demo-page .demo-nav{max-width:none;min-height:96px;height:auto;padding:2.15vw 2.58vw;color:#fff;border-bottom:1px solid var(--line)}
.demo-page .demo-nav .company{font-size:22px;font-weight:400;text-transform:uppercase;letter-spacing:0}
.demo-page .demo-nav nav{gap:2.4vw;text-transform:uppercase}
.demo-page .demo-nav .onebound-logo>img{filter:grayscale(1) invert(1) contrast(1.1);mix-blend-mode:screen}
.demo-page main{max-width:1440px;gap:6vw;padding-top:36px;padding-bottom:56px}
.demo-page .intro{max-width:510px;color:#fff;padding:12px 0}
.demo-page .brand{margin-bottom:24px;gap:12px}
.demo-page .brand strong{font-size:clamp(64px,7.5vw,108px);line-height:1;color:#fff;text-transform:uppercase}
.demo-page .brand span{font-size:11px;color:#b7c9e9;letter-spacing:.08em}
.demo-page h1{font-size:clamp(32px,3.3vw,48px);line-height:1.3;color:#fff}
.demo-page h1 em{color:#bfd1ff}
.demo-page :is(.lead,.feature p,.footnote,.demo-tools p,.demo-scope){color:#b9cae8}
.demo-page .lead{font-size:16px;line-height:1.8}
.demo-page .feature strong{color:#fff;font-size:16px}
.demo-page .feature p{font-size:14px;line-height:1.75}
.demo-page .feature>span{background:#91b4ff12;border:1px solid #b9d0ff55;border-radius:50%;color:#b9d0ff}
.demo-page .footnote::before{background:#a8c5ff}
.demo-page .demo-tools button{background:#91b4ff18;border:1px solid #b9d0ff55;color:#fff;border-radius:999px;font-size:14px}
.demo-page .demo-tools button:hover{background:#91b4ff38}
.demo-page .demo-scope{border-color:#b9d0ff33}
.demo-page .device{background:#101d35;box-shadow:0 28px 70px #01061599,0 0 70px #6280c622,inset 0 0 0 1px #bfd4ff55}
@media(max-width:1100px){.space-site .site-header{padding:24px 5%}.space-site .site-header nav{gap:20px}.space-site .product-heading>p{font-size:16px}.demo-page main{gap:36px}.demo-page .brand strong{font-size:76px}}
@media(max-width:760px){body.space-site{background-attachment:scroll;background-size:auto 1100px;background-position:center top;background-repeat:no-repeat}.space-site .section{padding:64px 6%}.space-site .site-header{padding:24px 20px;gap:20px}.space-site .site-header .brand{font-size:20px}.space-site .site-header nav{gap:16px}.space-site .product-heading h1{font-size:25vw}.space-site .product-heading>p{max-width:100%;font-size:16px}.space-site .vision h2,.space-site .product-end h2{font-size:clamp(60px,13vw,90px)}.space-site .vision-word{margin-top:48px}.demo-page .demo-nav{padding:24px 20px;gap:20px}.demo-page .demo-nav .company{font-size:20px}.demo-page .demo-nav nav{gap:16px}.demo-page main{padding:24px 20px 48px;gap:32px}.demo-page .intro{max-width:520px;width:100%}.demo-page .brand strong{font-size:76px}.demo-page h1{font-size:38px}.demo-page .phone-stage{height:690px}.demo-page .feature strong{font-size:16px}.demo-page .feature p{font-size:14px}}
.space-site .astro-nav .language-switch a[aria-current=true]{background:transparent!important;color:#fff!important}
.space-site .demo-nav .language-switch a{color:#fff}
.space-site .demo-nav .language-switch a[aria-current=true]{background:#fff;color:#07162f!important}
.space-site footer{flex-wrap:wrap}
.space-site .contact-email{font-size:14px;color:#dbe6ff;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.space-site .contact-email:hover{color:#fff}
.space-site .demo-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 5%;border-top:1px solid var(--line)}
html[lang=zh-CN] .space-site .vision h2{font-size:clamp(48px,8vw,120px);line-height:1.22}
@media(max-width:700px){.space-site footer p{display:block;width:100%}.space-site .demo-footer{padding:28px 20px}}