:root{color-scheme:light;--paper:#f5f2eb;--white:#fcfbf8;--ink:#18191b;--muted:#77746e;--line:#e5e0d7;--lav:#b7ace7;--serif:"Iowan Old Style","Baskerville","Palatino Linotype",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Avenir Next",Avenir,"Segoe UI",sans-serif;--gutter:clamp(22px,6.2vw,92px);--width:1240px;--ease:cubic-bezier(.22,1,.36,1);--mood:#b6ade7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.section-shell{width:min(calc(100% - var(--gutter)*2),var(--width));margin-inline:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;z-index:100;background:#fff;padding:12px 16px;border-radius:12px}.topbar{position:sticky;top:0;z-index:20;height:78px;padding-inline:var(--gutter);display:flex;align-items:center;justify-content:space-between;background:#f5f2ebeb;backdrop-filter:blur(18px);border-bottom:1px solid #18191b08}.brand{display:flex;align-items:center;gap:10px;font:20px var(--serif);letter-spacing:-.35px}.brand img{width:28px;height:28px;object-fit:contain}.topbar nav{display:flex;gap:38px;margin-left:80px}.topbar nav a,.top-link{font-size:11px;color:#6c6861;transition:color .2s}.topbar nav a:hover,.top-link:hover{color:#111}.top-link{padding:11px 15px;background:#fff;border:1px solid var(--line);border-radius:24px;color:#252525}.top-link span{margin-left:9px;color:#999}.menu-toggle{display:none}
.hero{min-height:min(810px,calc(100svh - 78px));padding:70px var(--gutter) 72px;display:grid;grid-template-columns:minmax(0,.93fr) minmax(420px,1.07fr);align-items:center;gap:5vw;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:550px;padding-bottom:20px}.eyebrow{margin:0 0 19px;color:#837e75;text-transform:uppercase;letter-spacing:1.55px;font-size:9px;font-weight:650}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aaa0de;margin-right:9px;box-shadow:0 0 0 4px #aaa0de24}.hero h1,.app-copy h2,.rooms-copy h2,.offscreen-copy h2,.games-copy h2,.download-panel h2{font:clamp(56px,7.1vw,94px)/.94 var(--serif);font-weight:400;letter-spacing:-2.5px;margin:0}.hero h1 em,.app-copy h2 em,.rooms-copy h2 em,.offscreen-copy h2 em,.games-copy h2 em,.download-panel h2 em{font-weight:400;color:#a79ccb}.hero-lede{max-width:395px;margin:26px 0 29px;color:#6f6b65;font-size:14px;line-height:1.8}.button{height:48px;width:max-content;display:inline-flex;align-items:center;gap:28px;padding:0 19px;border-radius:28px;font-size:11px;font-weight:550;transition:transform .22s var(--ease),background .22s,box-shadow .22s}.button span{font-size:15px;font-weight:400}.button-dark{background:#191a1c;color:#fff}.button-dark:hover{transform:translateY(-2px);box-shadow:0 10px 24px #15151522}.button-dark:active,.button-light:active{transform:scale(.97)}.hero-footnote{font-size:9px;color:#928c83;margin-top:41px;letter-spacing:.3px}.hero-stage{height:min(670px,75vw);min-height:490px;position:relative;display:grid;place-items:center;perspective:1300px}.hero-glow{position:absolute;width:min(78%,540px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 47% 42%,#e4dbf3 0,#efe7de 37%,#e8eadf 60%,#f5f2eb00 72%);animation:bloom 16s ease-in-out infinite alternate}.hero-orbit{position:absolute;width:72%;height:58%;border:1px solid #b5a8d424;border-radius:50%;transform:rotate(-21deg)}.orbit-two{width:83%;height:47%;transform:rotate(34deg);border-color:#d2b4a42b}.device{margin:0;position:relative;overflow:hidden;background:#fff;border:7px solid #fff;border-radius:38px;box-shadow:0 32px 85px #332c2530,0 4px 12px #17151412}.device>img{width:100%;height:100%;object-fit:cover}.hero-device{z-index:2;width:clamp(242px,25vw,320px);height:clamp(520px,52vw,650px);transform:rotateY(calc(-8deg + var(--tilt-x,0deg))) rotateX(calc(3deg + var(--tilt-y,0deg))) translateY(5px);animation:phone-in 1.05s var(--ease) both,phone-float 7s 1.2s ease-in-out infinite;will-change:transform}.device-island{position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);width:68px;height:18px;background:#090909;border-radius:12px}.device-caption{position:absolute;z-index:3;bottom:9px;left:8px;right:8px;border-radius:19px;background:#fcfbf0ed;backdrop-filter:blur(14px);padding:12px;display:flex;align-items:center;gap:9px;box-shadow:0 4px 20px #18161613}.device-caption>img{width:25px;height:25px;object-fit:contain}.device-caption span{display:grid;gap:2px;flex:1}.device-caption small{font-size:7px;letter-spacing:1px;color:#8a857c}.device-caption strong{font:12px var(--serif)}.device-caption i{font-style:normal;font-size:13px;color:#827b8c}.hero-mood{position:absolute;right:6%;bottom:18%;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #fff;background:#fffdf0e8;border-radius:20px;box-shadow:0 14px 40px #352b2019;font-size:9px;line-height:1.45;color:#77716c;animation:fade-up .7s .6s var(--ease) both}.hero-mood strong{font:16px var(--serif);color:#262425}.mood-light{width:12px;height:12px;border-radius:50%;background:#dbc8ed;box-shadow:0 0 0 6px #dbc8ed35}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:1.4px;color:#9c958c}.scroll-cue span{width:22px;height:1px;background:#b7b0a6}
.app-section{padding:140px 0 125px;background:var(--white)}.app-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:12%;align-items:start}.app-screen-sticky{height:720px;position:sticky;top:100px;display:grid;place-items:center}.screen-halo{position:absolute;width:380px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ddd5ee 0,#eee9e9 45%,transparent 72%);opacity:.68}.feature-device{width:285px;height:610px;z-index:1;transform:rotateY(7deg) rotateZ(-2deg);transition:transform .65s var(--ease),opacity .36s,filter .36s}.feature-device.is-changing{opacity:.4;filter:blur(3px);transform:rotateY(0) rotateZ(0) scale(.975)}.feature-device.is-settled{opacity:1;filter:none;transform:rotateY(7deg) rotateZ(-2deg) scale(1)}.screen-index{position:absolute;z-index:2;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 13px;background:#fcfbf2e8;border-radius:20px;font-size:8px;color:#6c675f}.screen-index i{display:block;width:35px;height:1px;background:#c8c1b8}.screen-shadow{position:absolute;width:270px;height:26px;background:#3f342c1a;filter:blur(18px);bottom:8%;border-radius:50%}.app-copy{padding-top:51px}.app-copy h2,.rooms-copy h2,.offscreen-copy h2,.games-copy h2{font-size:clamp(45px,5.2vw,68px)}.intro-copy{max-width:440px;color:#77726c;font-size:12px;line-height:1.85;margin:20px 0 33px}.chapters{border-top:1px solid var(--line)}.chapter{min-height:126px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:30px 1fr 18px;gap:14px;align-items:center;padding:18px 0;position:relative;transition:padding .35s var(--ease),opacity .35s}.chapter:before{content:"";position:absolute;left:-18px;top:18px;bottom:18px;width:2px;background:var(--mood);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}.chapter.is-active{padding-left:8px;opacity:1}.chapter.is-active:before{transform:scaleY(1)}.chapter:not(.is-active){opacity:.54}.chapter-index{align-self:start;margin-top:5px;font-size:8px;color:#969087;letter-spacing:.7px}.chapter h3{font:20px var(--serif);margin:0 0 6px}.chapter p{max-width:360px;font-size:10px;line-height:1.7;color:#77716a;margin:0}.chapter-arrow{font-size:13px;opacity:0;transform:translate(-4px,4px);transition:opacity .3s,transform .3s}.chapter.is-active .chapter-arrow{opacity:.6;transform:translate(0)}
.rooms-section{padding:125px 0;background:var(--paper);--mood:#d4b99c}.rooms-layout{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:9%}.rooms-copy h2{letter-spacing:-1.8px}.rooms-copy h2 em{color:#c0a58d}.rooms-copy .intro-copy{max-width:390px}.mood-picker{display:flex;flex-wrap:wrap;gap:7px;margin-top:29px}.mood-option{height:36px;border:1px solid #e2ddd5;background:transparent;border-radius:22px;padding:0 12px;display:flex;align-items:center;gap:8px;font-size:9px;color:#716b64;cursor:pointer;transition:background .22s,border-color .22s,color .22s,transform .22s}.mood-option:hover{transform:translateY(-1px)}.mood-option.is-active{background:#fff;border-color:#fff;color:#211f1d;box-shadow:0 4px 15px #1c17110d}.mood-swatch{width:8px;height:8px;border-radius:50%;background:#d9c5ab}.swatch-deep{background:#aaa5cc}.swatch-focus{background:#a9c0bc}.swatch-party{background:#e7a8ae}.room-preview{height:510px;position:relative;overflow:hidden;border-radius:26px;background:#d4c5b8;box-shadow:0 22px 55px #45382a1b}.room-preview:before{content:"";position:absolute;z-index:1;top:-22%;right:-12%;width:48%;height:56%;border-radius:50%;background:radial-gradient(circle,var(--mood) 0,transparent 72%);filter:blur(24px);opacity:.3;pointer-events:none;transition:background .5s}.room-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform 1s var(--ease),filter .35s}.room-preview>img.is-changing{opacity:.2;filter:blur(4px);transform:scale(1.035)}.room-preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,#16120e48 0%,transparent 36%,#11100eaa 100%)}.room-preview-top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;color:#fff;font-size:8px;letter-spacing:1px}.live-label{padding:7px 10px;border:1px solid #fff6;border-radius:15px;background:#fff2;backdrop-filter:blur(8px)}.live-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f7b3a8;margin-right:5px}.room-number{padding:7px 0}.room-preview-copy{position:absolute;left:26px;bottom:28px;color:white}.room-preview-copy>span{font-size:8px;letter-spacing:1.7px;opacity:.72}.room-preview-copy h3{font:clamp(40px,5vw,64px)/1 var(--serif);font-weight:400;margin:7px 0}.room-preview-copy p{font-size:11px;opacity:.82;margin:0}.room-preview-mark{position:absolute;right:20px;bottom:22px;width:38px;height:38px;background:#fffffff0;border-radius:50%;display:grid;place-items:center}.room-preview-mark img{width:19px;height:19px;object-fit:contain}
.offscreen-section{padding:130px 0;background:var(--white)}.offscreen-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:11%}.offscreen-visual{height:470px;position:relative;border-radius:25px;overflow:hidden;background:#d6b7a3}.offscreen-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .36s,transform .9s var(--ease)}.offscreen-visual img.is-changing{opacity:.15;transform:scale(1.04)}.activity-count{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:9px;padding:9px 13px;background:#fffdf0e8;border-radius:20px;color:#69635d;font-size:8px;letter-spacing:.8px}.activity-count i{display:block;width:38px;height:1px;background:#c8c0b7}.offscreen-copy h2 em{color:#d4a98f}.activity-detail{margin-top:35px;border-top:1px solid var(--line);padding-top:20px}.activity-detail>span{font-size:8px;letter-spacing:1.3px;color:#9b948b}.activity-detail h3{font:26px var(--serif);margin:6px 0 3px}.activity-detail p{font-size:10px;color:#77716b;margin:0}.activity-controls{display:flex;gap:8px;margin-top:20px}.activity-controls button{cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:24px;min-width:42px;height:42px;font-size:12px;transition:transform .2s,background .2s}.activity-controls button:hover{transform:translateY(-2px);background:#f8f5ef}.activity-controls button:active{transform:scale(.96)}.activity-controls button+button{padding:0 16px;font-size:9px;display:flex;align-items:center;gap:20px}.activity-controls button span{font-size:13px}
.games-section{padding:128px 0;background:#f1eee8;--mood:#afa7d5}.games-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;align-items:center}.games-copy h2 em{color:#a59ccd}.game-tabs{display:flex;flex-direction:column;border-top:1px solid #dfdad2;margin-top:35px}.game-tab{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px 0;border:0;border-bottom:1px solid #dfdad2;background:transparent;color:#77716b;font:16px var(--serif);cursor:pointer;transition:color .2s,padding .25s var(--ease)}.game-tab:after{content:"↗";font:12px var(--sans);opacity:0;transform:translate(-4px,4px);transition:opacity .2s,transform .2s}.game-tab:hover,.game-tab.is-active{color:#18191b}.game-tab.is-active{padding-left:7px}.game-tab.is-active:after{opacity:.6;transform:translate(0)}.game-demo{min-height:390px;border-radius:25px;background:linear-gradient(145deg,#e5e1ef,#f2e9df 76%);padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 45px #3c33250b}.game-demo:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-100px;top:-110px;background:radial-gradient(circle,#fff9,transparent 70%);animation:bloom 12s ease-in-out infinite alternate}.game-demo-top,.game-demo-foot{position:relative;z-index:1;display:flex;align-items:center}.game-demo-top{gap:10px}.game-demo-top img{width:24px;height:24px;object-fit:contain}.game-demo-top>span:nth-child(2){font-size:8px;letter-spacing:1.2px;color:#716b70}.game-star{margin-left:auto;color:#aaa0d3;font-size:17px}.game-prompt{position:relative;z-index:1;font:clamp(29px,3.4vw,43px)/1.12 var(--serif);letter-spacing:-.8px;max-width:470px;margin:55px 0 23px;transition:opacity .18s,transform .18s var(--ease)}.game-prompt.is-changing{opacity:0;transform:translateY(7px)}.prompt-button{position:relative;z-index:1;width:max-content;border:0;background:#191a1c;color:white;border-radius:22px;padding:12px 16px;font-size:9px;display:flex;align-items:center;gap:25px;cursor:pointer;transition:transform .2s,background .2s}.prompt-button:hover{transform:translateY(-2px);background:#34343b}.prompt-button:active{transform:scale(.97)}.prompt-button span{font-size:13px}.game-demo-foot{justify-content:space-between;font-size:7px;color:#88827b;letter-spacing:1.1px;border-top:1px solid #1b171718;padding-top:14px}
.download-section{background:#f5f2eb;padding:120px 0 85px}.download-panel{text-align:center;padding:68px 20px 61px;background:#e9e5ef;border-radius:28px;position:relative;overflow:hidden}.download-panel:before{content:"";position:absolute;width:440px;height:440px;top:-300px;left:calc(50% - 220px);border-radius:50%;background:#fff9;filter:blur(4px)}.download-logo{position:relative;width:46px;height:46px;object-fit:contain;margin:0 auto 23px}.download-panel .eyebrow{position:relative;margin-bottom:13px}.download-panel h2{position:relative;font-size:clamp(46px,6vw,70px)}.download-panel h2 em{color:#a39acb}.download-panel .button{position:relative;margin-top:28px}.button-light{background:#fff;color:#1a191b;box-shadow:0 3px 12px #2e29200a}.download-note{position:relative;font-size:8px;color:#827c86;margin:17px 0 0}.footer{min-height:80px;border-top:1px solid #e5e0d7;display:flex;align-items:center;justify-content:space-between;padding:15px var(--gutter);color:#8a847c;font-size:9px}.footer .brand{color:#292729;font-size:17px}.footer .brand img{width:23px;height:23px}.footer>a:last-child{color:#5e5954}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.hero-copy>*{animation:fade-up .7s var(--ease) both}.hero-copy .eyebrow{animation-delay:.08s}.hero-copy h1{animation-delay:.15s}.hero-copy .hero-lede{animation-delay:.23s}.hero-copy .button{animation-delay:.3s}.hero-copy .hero-footnote{animation-delay:.38s}@keyframes fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-in{from{opacity:0;transform:translateY(35px) rotateY(-14deg) rotateX(6deg) scale(.97)}to{opacity:1;transform:translateY(5px) rotateY(calc(-8deg + var(--tilt-x,0deg))) rotateX(calc(3deg + var(--tilt-y,0deg))) scale(1)}}@keyframes phone-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes bloom{0%{transform:scale(.96) translateY(0);opacity:.8}100%{transform:scale(1.04) translateY(-8px);opacity:1}}
@media(max-width:900px){.hero{grid-template-columns:.88fr 1.12fr;gap:2vw}.hero-stage{min-width:0}.hero-device{width:250px;height:540px}.app-layout{gap:7%}.app-screen-sticky{height:660px}.feature-device{width:250px;height:535px}.rooms-layout{gap:6%}.room-preview{height:440px}.offscreen-layout{gap:7%}.offscreen-visual{height:410px}.games-layout{gap:8%}}
@media(max-width:640px){html{scroll-padding-top:70px}.topbar{height:68px}.brand{font-size:18px}.brand img{width:25px;height:25px}.topbar nav{display:none;position:absolute;left:14px;right:14px;top:59px;flex-direction:column;gap:0;padding:8px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 16px 34px #211b161b;margin:0}.topbar nav.is-open{display:flex}.topbar nav a{padding:13px 12px;font-size:12px}.top-link{margin-left:auto;margin-right:9px;font-size:9px;padding:10px 12px}.top-link span{margin-left:4px}.menu-toggle{width:38px;height:38px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid var(--line);border-radius:50%;background:#fff}.menu-toggle span{width:13px;height:1px;background:#282828;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{min-height:0;grid-template-columns:1fr;padding:60px var(--gutter) 56px;gap:4px}.hero h1{font-size:60px;letter-spacing:-1.7px}.hero-lede{font-size:13px;max-width:330px;margin:19px 0 22px}.hero-footnote{margin-top:24px}.hero-stage{min-height:440px;height:112vw;max-height:560px;margin-top:10px}.hero-device{width:215px;height:460px;border-radius:34px;border-width:6px}.hero-mood{right:0;bottom:13%;font-size:8px;padding:10px 12px}.hero-mood strong{font-size:14px}.hero-glow{width:90%}.scroll-cue{bottom:18px}.app-section,.rooms-section,.offscreen-section,.games-section{padding:82px 0}.app-layout{display:flex;flex-direction:column;gap:25px}.app-copy{padding-top:0}.app-copy h2,.rooms-copy h2,.offscreen-copy h2,.games-copy h2{font-size:47px;letter-spacing:-1.5px}.intro-copy{margin:16px 0 25px;font-size:11px}.chapters{border-top:0}.chapter{min-height:92px;grid-template-columns:25px 1fr 15px;padding:14px 0}.chapter h3{font-size:17px}.chapter p{font-size:9px}.chapter:before{left:-9px;top:12px;bottom:12px}.app-screen-sticky{position:relative;top:auto;height:520px;width:100%;order:1}.feature-device{width:205px;height:445px;border-radius:32px}.screen-halo{width:280px}.screen-shadow{bottom:8%;width:200px}.rooms-layout,.offscreen-layout,.games-layout{grid-template-columns:1fr;gap:30px}.rooms-copy{order:0}.room-preview{height:360px;border-radius:20px}.room-preview-copy{left:19px;bottom:20px}.room-preview-copy h3{font-size:48px}.mood-picker{margin-top:22px}.offscreen-layout{display:flex;flex-direction:column}.offscreen-copy{order:0}.offscreen-visual{width:100%;height:300px;order:1;border-radius:20px}.activity-detail{margin-top:25px;padding-top:16px}.activity-detail h3{font-size:23px}.games-layout{display:flex;flex-direction:column}.games-copy{width:100%}.game-tabs{margin-top:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;border:0}.game-tab{min-height:48px;padding:9px 10px;border:1px solid #dfdad2;border-radius:14px;font:11px/1.2 var(--sans);text-align:center;justify-content:center}.game-tab.is-active{padding:9px 10px;border-color:#beb5dc;background:#fff}.game-tab:after{display:none}.game-demo{width:100%;min-height:310px;padding:21px;border-radius:20px}.game-prompt{font-size:32px;margin:44px 0 20px}.download-section{padding:80px 0 45px}.download-panel{padding:52px 16px 43px;border-radius:22px}.download-logo{width:40px;height:40px}.download-panel h2{font-size:49px}.footer{min-height:70px;gap:10px}.footer .brand{font-size:15px}.footer .brand img{width:20px;height:20px}.footer>span{font-size:8px}.footer>a:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-device{transform:none;translate:none}}