/* Product-led refinement: a quiet stage for the interactive app preview. */
.hero{padding-top:165px;padding-bottom:64px;min-height:auto;background:radial-gradient(ellipse at 66% 20%,#253866 0%,#10274e 38%,#0a1f44 72%)}.hero h1{font-weight:700;font-size:clamp(4.1rem,7.2vw,6.8rem);line-height:1.02}.hero-copy .eyebrow{letter-spacing:.15em}.hero .intro{font-size:1.125rem;max-width:550px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap}.hero-actions .button{background:#c7ff64;color:var(--navy);border-radius:999px;padding:16px 26px;box-shadow:0 6px 25px #0002;gap:32px}.hero-actions .button:hover{background:#dcffad}.demo-link{display:inline-flex;align-items:center;gap:11px;color:#fff;font-size:.95rem;font-weight:500;padding:12px 0}.play-symbol{height:33px;width:33px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff60;border-radius:50%;font-size:.75rem;padding-left:2px;transition:background .2s}.demo-link:hover .play-symbol{background:#ffffff20}.poster{max-width:940px;margin-top:50px}.poster .tile{min-height:190px;border-radius:17px;box-shadow:0 14px 30px #0003}.poster .tile h2{font-size:1.5rem}.poster .tile-number{top:14px}.poster .art-mark,.poster .music-mark,.poster .food-mark,.poster .move-mark{font-size:6rem;top:24px}.poster-top,.poster-bottom{color:#c0cde5}.product-demo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:100px max(6%,calc((100vw - 1130px)/2));background:#f7f8fc;position:relative;overflow:hidden;scroll-margin-top:30px}.demo-intro{max-width:480px}.demo-intro>.eyebrow{color:var(--purple)}.demo-intro>h2{font:700 clamp(2.5rem,4.5vw,4.2rem)/1.06 'Manrope',sans-serif;letter-spacing:-.055em;margin:0 0 24px}.demo-intro>p:not(.eyebrow):not(.demo-disclosure){color:var(--muted);font-size:1.1rem;max-width:380px}.demo-tabs{margin:32px 0;display:flex;flex-direction:column;border-top:1px solid #dfe4ee}.demo-tabs>button{display:flex;align-items:center;gap:16px;text-align:left;padding:23px 0;border:0;border-bottom:1px solid #dfe4ee;background:none;color:var(--muted);width:100%;transition:color .2s}.demo-tabs>button>span:nth-child(2){flex:1}.demo-tabs strong{font-size:1.05rem;font-weight:600;display:block;color:var(--navy)}.demo-tabs small{font-size:.875rem;display:block;margin-top:4px;line-height:1.6}.demo-tabs>button>span:last-child{font-size:1.25rem;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}.demo-tabs>button[aria-selected=true]{color:var(--navy)}.demo-tabs>button[aria-selected=true] .demo-number{background:var(--navy);color:#c7ff64;border-color:var(--navy)}.demo-tabs>button[aria-selected=true]>span:last-child{opacity:1;transform:translateX(0)}.demo-number{height:36px;width:36px;border:1px solid #cad3e1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;transition:background .2s}.demo-playback{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.demo-playback button{border:1px solid #cbd4e1;background:#fff;border-radius:999px;padding:11px 18px;color:var(--navy);font-weight:600;font-size:.875rem}.demo-playback button span{margin-right:8px}.demo-playback>span{font-size:.8125rem;color:var(--muted)}.demo-disclosure{font-size:.75rem;color:var(--muted);margin-top:25px;letter-spacing:.04em}.phone-stage{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate;padding:15px 0}.phone-halo{position:absolute;width:110%;aspect-ratio:1;border-radius:50%;z-index:-1;background:radial-gradient(circle,#d9d1ff77,#e7e4f84d 55%,transparent 71%);pointer-events:none}.phone{width:354px;max-width:100%;border:5px solid #1c2c48;border-radius:43px;padding:9px;background:#fff;box-shadow:0 35px 70px #0a1f4420,0 7px 18px #0a1f4410,inset 0 0 0 1px #8b96aa;position:relative}.phone-top{height:35px;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:0 16px;color:var(--navy);position:relative;font-weight:600}.phone-island{position:absolute;left:50%;transform:translateX(-50%);top:4px;width:90px;height:22px;border-radius:50px;background:#14243c}.phone-content{min-height:594px;padding:12px 14px 4px}.phone-panel{outline-offset:3px}.phone-panel.arrive{animation:panel-arrive .35s ease}.phone-brand{font:800 1.35rem/1 'Manrope',sans-serif;letter-spacing:-.06em;display:flex;justify-content:space-between;align-items:center;margin:6px 0 22px}.phone-brand>span{color:var(--purple);font-size:1.6rem}.phone-kicker{font-size:.75rem;letter-spacing:.055em;font-weight:600;color:var(--purple);margin:10px 0}.phone-panel h3{font:700 1.8rem/1.13 'Manrope',sans-serif;letter-spacing:-.055em;margin:0 0 17px}.phone-panel h4{font:700 1.0625rem/1.35 'Manrope',sans-serif;letter-spacing:-.02em;margin:17px 0 9px}.phone-categories{display:flex;gap:7px;flex-wrap:wrap;font-size:.75rem;margin-bottom:15px}.phone-categories span{padding:6px 10px;background:#f1f3f9;border-radius:999px}.phone-categories span:first-child{background:var(--navy);color:white}.session-art{height:160px;border-radius:15px;overflow:hidden;position:relative;background:#e8e2db}.watercolour-image{display:block;object-fit:cover;width:100%;height:100%}.image-label{position:absolute;bottom:10px;left:10px;background:#fffefaee;padding:4px 9px;border-radius:999px;font-size:.75rem;color:var(--navy)}.phone-description{font-size:.875rem;line-height:1.6;color:var(--muted);margin:8px 0 15px}.phone-action{background:var(--purple);color:white;border:0;width:100%;border-radius:11px;font-size:.875rem;font-weight:600;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .2s}.phone-action:hover{background:#5430d9}.phone-nav{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);padding:17px 3px 0;margin-top:10px;border-top:1px solid #e5e9f1}.phone-nav span:first-child{color:var(--purple);font-weight:700}.phone-home{height:4px;width:100px;background:#1d2a42;border-radius:20px;margin:15px auto 6px}.phone-back{border:0;padding:0;background:none;color:var(--muted);font-size:.8125rem;margin:5px 0 16px}.session-art.compact{height:148px}.session-facts{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0 15px}.session-facts span{font-size:.75rem;background:#f0edff;color:#5231ad;border-radius:6px;padding:5px 7px}.materials{display:flex;align-items:center;gap:12px;border:1px solid #e2e7ef;border-radius:11px;padding:13px;margin:14px 0 18px;font-size:.8125rem;line-height:1.7}.materials>span:first-child{font-size:1.9rem;color:var(--purple)}.phone-footnote{font-size:.75rem;line-height:1.5;color:var(--muted);text-align:center;margin:11px 0}.room-video{height:225px;position:relative;border-radius:15px;overflow:hidden;background:#cdbdad;margin-top:20px}.room-caption{position:absolute;bottom:14px;left:12px;right:12px;padding:8px 10px;background:#07172bcc;color:white;border-radius:7px;font-size:.8125rem;line-height:1.5;text-align:center}.room-badge{position:absolute;top:10px;left:10px;background:#fffc;padding:4px 8px;border-radius:5px;font-size:.75rem}.room-people{display:flex;align-items:center;margin:20px 0;gap:0}.room-people>span{width:35px;height:35px;background:#ded5ff;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;margin-left:-6px}.room-people>span:first-child{margin-left:0}.room-people>span:nth-child(2){background:#d0f5f3}.room-people>span:nth-child(3){background:#e8f5cf}.room-people p{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:0 0 0 12px}.room-controls{display:flex;gap:8px}.room-controls button{font-size:.8125rem;flex:1;border:1px solid #dce3ed;border-radius:8px;background:white;color:var(--navy);padding:9px 6px}.room-controls button[aria-pressed=true]{background:#eee9ff;border-color:#c5b4ff;color:#5134b2}.room-panel .phone-action{margin-top:17px}.floating-label{position:absolute;z-index:2;right:-8px;top:80px;padding:12px 17px;border:1px solid #dfe4ed;background:#ffffffed;box-shadow:0 12px 30px #0a1f440c;border-radius:11px;font-size:.75rem;letter-spacing:.08em;transform:rotate(5deg);display:flex;align-items:center;gap:9px;pointer-events:none}.floating-label span{font-size:1.5rem;color:var(--purple)}.demo-bottom{display:flex;justify-content:space-between;gap:40px;width:340px;max-width:100%;margin-top:28px;font-size:.75rem;letter-spacing:.06em;color:var(--muted)}.how{padding-top:70px;border-top:1px solid #e1e6ee}.how .section-heading h2{font-size:clamp(2.3rem,3.8vw,3.5rem)}.steps article{box-shadow:none;background:transparent;border:0;border-radius:0;border-top:1px solid #ccd5e3;padding:28px 20px 0 0}.steps article:hover{box-shadow:none;transform:translateY(-4px)}.steps .step{background:none!important;color:var(--purple)!important;border:1px solid #c7cddd;border-radius:50%;width:37px;height:37px}.steps h3{margin-top:25px}.interests{background:#eef0f8;border-radius:0}.interest-chip{box-shadow:none;border-color:#dfe3ed;border-radius:999px;padding:14px 23px}.interest-chip:nth-child(n){transform:none}.interest-chip:hover{transform:translateY(-3px);box-shadow:0 7px 18px #0a1f4409}.interest-chip[aria-pressed=true]{box-shadow:0 5px 14px #0a1f4415;transform:translateY(-2px)}.surprise{border-color:#d3dce9}.signup-panel{transform:none;border-radius:22px;box-shadow:0 18px 45px #0a1f440b}.signup-panel form,.signup-panel #signup-success{transform:none}.waitlist-spark{font-size:5rem}.app{padding-top:80px;padding-bottom:80px}footer .logo{font-size:3rem}nav .small{font-weight:600}.hero h1 em:after{height:.04em;bottom:-.07em;opacity:.75}@keyframes panel-arrive{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.product-demo{gap:5%;padding-left:6%;padding-right:6%}.floating-label{right:-5px;top:55px;font-size:.75rem;padding:8px 11px}.demo-tabs>button{gap:11px}.demo-tabs small{font-size:.8125rem}.phone{width:330px}.phone-content{padding-left:11px;padding-right:11px}.phone-panel h3{font-size:1.7rem}}
@media(max-width:760px){.product-demo{grid-template-columns:1fr;gap:35px;padding:65px 6%}.demo-intro{max-width:550px;width:100%;margin:auto}.demo-intro>h2{font-size:3rem}.demo-intro>p:not(.eyebrow):not(.demo-disclosure){max-width:440px}.demo-tabs{margin:25px 0}.demo-tabs>button{padding:18px 0}.phone-stage{max-width:430px;width:100%;margin:auto}.phone{width:354px}.floating-label{right:-5px;top:80px}.demo-bottom{width:340px}.hero h1{font-size:clamp(3.5rem,10vw,5rem)}.hero-actions{gap:10px 22px}.poster .tile{min-height:185px}.phone-content{min-height:600px}}
@media(max-width:420px){.hero{padding-top:145px}.hero h1{font-size:3.5rem}.hero-actions{flex-direction:column;gap:6px}.hero .intro{font-size:1rem}.demo-intro>h2{font-size:2.55rem}.demo-tabs strong{font-size:1rem}.phone{width:100%;border-radius:36px}.phone-content{padding:10px}.floating-label{right:-6px;font-size:.75rem;top:68px}.floating-label span{font-size:1.2rem}.phone-panel h3{font-size:1.65rem}.phone-description{font-size:.875rem}.room-controls button{padding:9px 4px}.phone-content{min-height:620px}.demo-bottom{font-size:.75rem}.poster .tile h2{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.phone-panel.arrive{animation:none}.play-symbol,.phone-action,.demo-tabs>button,.demo-tabs>button>span:last-child,.demo-number{transition:none}.steps article:hover{transform:none}}