@font-face{font-family:Oceanwide;src:url(/fonts/Oceanwide-Semibold.otf) format("opentype");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Oceanwide;src:url(/fonts/Oceanwide-SemiboldOblique.otf) format("opentype");font-weight:400 700;font-style:italic;font-display:swap}:root{color-scheme:dark;--ost-canvas: #0f0f0f;--ost-panel: #161616;--ost-field: #1c1c1c;--ost-popover: #232323;--ost-hover: #2c2c2c;--ost-text: #f6f6f6;--ost-text-2: #a0a0a3;--ost-text-3: #6b6b6e;--ost-hairline: rgba(255, 255, 255, .11);--ost-hairline-strong: rgba(255, 255, 255, .18);--ost-purple: #6456f6;--ost-purple-hover: #7a6dff;--ost-purple-press: #5446e0;--ost-purple-soft: rgba(100, 86, 246, .16);--ost-purple-line: rgba(100, 86, 246, .42);--ost-live: #1fc9c0;--ost-walk: #fb8a5b;--ost-level: #46d08a;--ost-critical: #f2544a;--ost-white: #f6f6f6;--ost-black: #0f0f0f;--ost-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--ost-font-wordmark: "Oceanwide", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--ost-font-ui: "Sora", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ost-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ost-size-xs: 12px;--ost-size-sm: 12.5px;--ost-size-base: 14px;--ost-size-md: 16px;--ost-size-lg: 20px;--ost-size-xl: 32px;--ost-s1: 4px;--ost-s2: 8px;--ost-s3: 12px;--ost-s4: 16px;--ost-s6: 24px;--ost-s8: 32px;--ost-s12: 48px;--ost-s16: 64px;--ost-radius-sm: 7px;--ost-radius: 10px;--ost-radius-lg: 14px;--ost-radius-xl: 20px;--ost-radius-full: 999px;--ost-shadow-card: 0 12px 30px rgba(0, 0, 0, .35);--ost-shadow-popover: 0 18px 48px rgba(0, 0, 0, .55);--ost-ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ost-canvas);color:var(--ost-text);font-family:var(--ost-font-ui);font-size:var(--ost-size-md);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}::selection{background:var(--ost-purple-soft)}h1,h2,h3{font-family:var(--ost-font-display);margin-top:0;color:var(--ost-white);letter-spacing:-.02em}.eyebrow{margin:0 0 14px;display:inline-flex;align-items:center;gap:8px;color:var(--ost-text-2);font-family:var(--ost-font-mono);font-size:var(--ost-size-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ost-purple);box-shadow:0 0 12px var(--ost-purple)}.site-shell{min-height:100vh;overflow:clip;background:radial-gradient(900px 520px at 18% -8%,rgba(100,86,246,.2),transparent 60%),radial-gradient(720px 480px at 92% 6%,rgba(31,201,192,.08),transparent 55%),var(--ost-canvas)}.site-nav{position:sticky;top:0;z-index:30;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 clamp(18px,4vw,56px);border-bottom:1px solid var(--ost-hairline);background:#0f0f0fb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px}.brand img{height:26px}.site-nav nav{display:inline-flex;align-items:center;gap:28px;color:var(--ost-text-2);font-size:var(--ost-size-base);font-weight:500}.site-nav nav a{transition:color .14s var(--ost-ease)}.site-nav nav a:hover{color:var(--ost-white)}.nav-actions{justify-self:end;display:inline-flex;align-items:center;gap:10px}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:var(--ost-radius);font-family:var(--ost-font-ui);font-size:var(--ost-size-base);font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:transform .14s var(--ost-ease),background .14s var(--ost-ease),border-color .14s var(--ost-ease)}.button i{font-size:18px}.button.primary{background:var(--ost-purple);color:#fff;box-shadow:0 8px 24px #6456f652}.button.primary:hover{background:var(--ost-purple-hover);transform:translateY(-1px)}.button.secondary{border-color:var(--ost-hairline-strong);background:var(--ost-field);color:var(--ost-text)}.button.secondary:hover{background:var(--ost-hover);border-color:var(--ost-purple-line)}.button.ghost{color:var(--ost-text-2);padding:0 12px}.button.ghost:hover{color:var(--ost-white)}.button.small{min-height:38px;font-size:var(--ost-size-base)}.hero{position:relative;min-height:74vh;display:grid;align-items:end;padding:clamp(40px,6vw,72px) clamp(20px,5vw,72px) clamp(48px,7vw,80px)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:26vh;background:linear-gradient(180deg,transparent,var(--ost-canvas));pointer-events:none}.hero-copy{position:relative;z-index:3;max-width:820px}h1{margin:0 0 18px;font-size:clamp(42px,7vw,100px);line-height:.98;font-weight:600;letter-spacing:-.03em}h2{font-size:clamp(32px,5vw,60px);line-height:1;font-weight:600}h3{font-size:var(--ost-size-lg);line-height:1.2;font-weight:600}.hero-lede{max-width:640px;margin:0;color:var(--ost-text-2);font-size:clamp(17px,1.6vw,21px);line-height:1.5}.hero-lede strong{color:var(--ost-text);font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 16px}.hero-note{display:inline-flex;align-items:center;gap:8px;color:var(--ost-text-3);font-size:var(--ost-size-base)}.hero-note i{color:var(--ost-live);font-size:16px}.hero-scene{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--ost-hairline) 1px,transparent 1px),linear-gradient(90deg,var(--ost-hairline) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:104px 104px,104px 104px,26px 26px,26px 26px;-webkit-mask-image:radial-gradient(125% 125% at 78% 34%,#000 42%,transparent 80%);mask-image:radial-gradient(125% 125% at 78% 34%,#000 42%,transparent 80%)}.hero-plan{position:absolute;top:50%;right:clamp(-30px,3vw,72px);width:min(640px,50vw);transform:translateY(-52%) rotate(-1deg);filter:drop-shadow(0 40px 72px rgba(0,0,0,.55))}.plan-svg{display:block;width:100%;height:auto;overflow:visible}.plan-room{opacity:.92}.room-living{fill:#6456f629}.room-bed{fill:#1fc9c021}.room-kitchen{fill:#46d08a1c}.plan-walls>*{fill:none;stroke:#f6f6f6f0;stroke-width:8;stroke-linejoin:round;stroke-linecap:round}.plan-furniture>*{fill:none;stroke:#ffffff52;stroke-width:2;stroke-linejoin:round}.plan-door{fill:none;stroke:#f6f6f673;stroke-width:2}.plan-window>*{stroke:var(--ost-live);stroke-width:2;stroke-linecap:round}.plan-route{fill:none;stroke:var(--ost-walk);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1 9;filter:drop-shadow(0 0 7px rgba(251,138,91,.7))}.plan-dim>*{stroke:var(--ost-text-3);stroke-width:1.5;stroke-linecap:round}.plan-dim-text{fill:var(--ost-text-2);font-family:var(--ost-font-mono);font-size:15px;text-anchor:middle}.plan-nodes>*{fill:var(--ost-canvas);stroke:var(--ost-purple);stroke-width:2}.plan-cursor{fill:#fff;stroke:var(--ost-purple);stroke-width:1.5;stroke-linejoin:round}.plan-toolbar{position:absolute;top:-7%;left:5%;display:inline-flex;gap:2px;padding:5px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius);background:#161616eb;box-shadow:var(--ost-shadow-popover);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.plan-toolbar i{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--ost-radius-sm);color:var(--ost-text-2);font-size:17px}.plan-toolbar i.active{background:var(--ost-purple-soft);color:var(--ost-purple)}.plan-tag{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--ost-radius-full);border:1px solid var(--ost-hairline);background:#161616e6;color:var(--ost-text-2);font-family:var(--ost-font-mono);font-size:11px;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.plan-tag i{font-size:13px}.tag-living{top:25%;left:11%}.tag-living i{color:var(--ost-purple)}.tag-bed{top:11%;right:5%}.tag-bed i{color:var(--ost-live)}.plan-walk{position:absolute;top:31%;left:45%;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--ost-walk);color:#2a1206;font-size:17px;box-shadow:0 0 18px #fb8a5bb3}.product-section,.audience-section,.vision-section,.signup-section{position:relative;z-index:4;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:clamp(56px,8vw,100px) 0}.section-heading{max-width:720px;margin-bottom:40px}.section-heading p:last-child{margin:14px 0 0;color:var(--ost-text-2);font-size:var(--ost-size-md)}.section-heading.center{max-width:640px;margin:0 auto 32px;text-align:center}.problem-section,.solution-section{position:relative;z-index:4;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:clamp(40px,6vw,72px) 0}.problem-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:960px;margin:0 auto;padding:0;list-style:none}.problem-list li{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-lg);background:var(--ost-field);color:var(--ost-text-2);font-size:var(--ost-size-base);line-height:1.5}.problem-list i{flex:0 0 auto;margin-top:1px;color:var(--ost-critical);font-size:18px}.solution-note{display:flex;align-items:flex-start;justify-content:center;gap:10px;max-width:640px;margin:0 auto;padding:16px 18px;border:1px solid var(--ost-purple-line);border-radius:var(--ost-radius-lg);background:var(--ost-purple-soft);color:var(--ost-text);font-size:var(--ost-size-base);line-height:1.5;text-align:left}.solution-note i{flex:0 0 auto;margin-top:1px;color:var(--ost-purple-hover);font-size:18px}.faq-section{position:relative;z-index:4;width:min(860px,calc(100% - 40px));margin:0 auto;padding:clamp(40px,6vw,80px) 0 clamp(80px,10vw,120px)}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-lg);background:var(--ost-field);padding:4px 20px}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;color:var(--ost-text);font-weight:600;font-size:var(--ost-size-base);cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{flex:0 0 auto;color:var(--ost-text-2);font-size:18px;transition:transform .16s var(--ost-ease)}.faq-item[open] summary i{transform:rotate(45deg)}.faq-item p{margin:0 0 18px;color:var(--ost-text-2);font-size:var(--ost-size-base);line-height:1.6}@media(max-width:860px){.problem-list{grid-template-columns:1fr}}.workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workflow article{min-height:230px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-lg);background:var(--ost-field);transition:border-color .16s var(--ost-ease),transform .16s var(--ost-ease)}.workflow article:hover{border-color:var(--ost-purple-line);transform:translateY(-3px)}.step-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:18px;border-radius:var(--ost-radius);background:var(--ost-purple-soft);color:var(--ost-purple);font-size:24px}.workflow article:nth-child(2) .step-icon{background:#1fc9c024;color:var(--ost-live)}.workflow article:nth-child(3) .step-icon{background:#fb8a5b24;color:var(--ost-walk)}.workflow .step-num{font-family:var(--ost-font-mono);font-size:var(--ost-size-xs);font-weight:500;letter-spacing:.12em;color:var(--ost-text-3)}.workflow h3{margin:6px 0 10px}.workflow p{margin:0;color:var(--ost-text-2);font-size:var(--ost-size-base);line-height:1.55}.audience-section,.vision-section,.signup-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);gap:clamp(28px,6vw,72px);align-items:start}.audience-section,.vision-section{align-items:center}.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.audience-grid span{min-height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius);background:var(--ost-field);color:var(--ost-text);font-weight:500;font-size:var(--ost-size-base)}.audience-grid i{font-size:18px;color:var(--ost-purple)}.vision-copy{max-width:620px}.vision-copy p{color:var(--ost-text-2);font-size:var(--ost-size-md);line-height:1.7}.feature-list{display:grid;gap:10px;padding:14px;border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-lg);background:var(--ost-field)}.feature-list p{margin:0;min-height:50px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:var(--ost-radius-sm);background:var(--ost-panel);color:var(--ost-text);font-weight:500;font-size:var(--ost-size-base)}.feature-list i{color:var(--ost-live);font-size:18px}.feature-list p.soon i{color:var(--ost-walk)}.signup-section{padding-bottom:120px}.signup-embed{width:100%;min-height:600px;border-radius:var(--ost-radius-xl);overflow:hidden}.signup-embed iframe{display:block;width:100%;height:640px;margin-top:-86px;border:0;background:transparent;border-radius:var(--ost-radius-xl)}.early-note{display:flex;align-items:flex-start;gap:9px;margin:18px 0 0;padding:13px 15px;border:1px solid var(--ost-purple-line);border-radius:var(--ost-radius);background:var(--ost-purple-soft);color:var(--ost-text);font-size:var(--ost-size-base);line-height:1.5}.early-note i{flex:0 0 auto;margin-top:1px;font-size:18px;color:var(--ost-purple-hover)}.community-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;border:1px solid var(--ost-hairline-strong);border-radius:var(--ost-radius);background:var(--ost-field);color:var(--ost-text);font-weight:600;transition:background .14s var(--ost-ease),border-color .14s var(--ost-ease),transform .14s var(--ost-ease)}.community-link:hover{transform:translateY(-1px);border-color:var(--ost-purple-line);background:var(--ost-hover)}.community-link i{color:var(--ost-purple);font-size:20px}.community-link small{color:var(--ost-text-3);font-family:var(--ost-font-mono);font-size:var(--ost-size-xs);font-weight:500}.site-footer{position:relative;z-index:4;padding:clamp(48px,7vw,72px) clamp(20px,5vw,72px) 28px;border-top:1px solid var(--ost-hairline);background:var(--ost-canvas);color:var(--ost-text-2)}.footer-top{display:grid;grid-template-columns:minmax(200px,1.1fr) repeat(3,minmax(130px,1fr));gap:clamp(28px,5vw,64px);padding-bottom:40px}.footer-brand{display:grid;gap:10px;align-content:start}.footer-brand img{height:24px}.footer-brand p{margin:0;font-family:var(--ost-font-mono);font-size:var(--ost-size-xs);letter-spacing:.04em;color:var(--ost-text-3)}.footer-col{display:grid;gap:12px;align-content:start}.footer-col-title{margin:0 0 2px;color:var(--ost-white);font-size:var(--ost-size-base);font-weight:600}.footer-col a{color:var(--ost-text-2);font-size:var(--ost-size-base);transition:color .14s var(--ost-ease)}.footer-col a:hover{color:var(--ost-white)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--ost-hairline)}.footer-bottom p{margin:0;font-family:var(--ost-font-mono);font-size:var(--ost-size-xs);color:var(--ost-text-3)}.social-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.social-links a{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ost-hairline);border-radius:50%;background:var(--ost-field);color:var(--ost-text-2);font-size:17px;transition:background .14s var(--ost-ease),border-color .14s var(--ost-ease),color .14s var(--ost-ease)}.social-links a:hover{border-color:var(--ost-purple-line);background:var(--ost-hover);color:var(--ost-white)}.legal-shell{min-height:100vh;background:radial-gradient(760px 420px at 8% -8%,rgba(100,86,246,.16),transparent 62%),var(--ost-canvas)}.legal-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,72px);border-bottom:1px solid var(--ost-hairline);background:#0f0f0fc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.legal-nav img{height:26px}.legal-nav nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;color:var(--ost-text-2);font-size:var(--ost-size-base);font-weight:500}.legal-nav nav a[aria-current=page],.legal-nav nav a:hover{color:var(--ost-white)}.legal-main{width:min(100% - 40px,880px);margin:0 auto;padding:clamp(56px,8vw,96px) 0}.legal-hero{margin-bottom:40px}.legal-hero h1{margin-bottom:12px;font-size:clamp(42px,7vw,82px);line-height:.96}.legal-hero p{margin:0;color:var(--ost-text-2)}.legal-card{display:grid;gap:34px;padding:clamp(24px,5vw,44px);border:1px solid var(--ost-hairline);border-radius:var(--ost-radius-xl);background:#1a1a1cb8}.legal-section{display:grid;gap:12px}.legal-section h2{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.12}.legal-section h3{margin:10px 0 0;color:var(--ost-text);font-family:var(--ost-font-ui);font-size:var(--ost-size-md);letter-spacing:0}.legal-section p,.legal-section li{color:var(--ost-text-2)}.legal-section p{margin:0}.legal-section ul{display:grid;gap:8px;margin:0;padding-left:20px}.legal-section a{color:var(--ost-white);text-decoration:underline;text-decoration-color:var(--ost-purple-line);text-underline-offset:4px}@media(max-width:860px){.site-nav{grid-template-columns:1fr auto}.site-nav nav{display:none}.hero-scene{opacity:.42}.workflow,.audience-section,.vision-section,.signup-section,.audience-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:32px}.legal-nav{align-items:flex-start;flex-direction:column}.legal-nav nav{justify-content:flex-start}.footer-bottom,.social-links{justify-items:start;justify-content:flex-start}.hero-plan{right:-120px;width:92vw}}
