*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07101f;color:#f5f8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.site-header{height:82px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:38px;padding:0 5vw;background:rgba(6,15,30,.9);backdrop-filter:blur(18px);border-bottom:1px solid #1d2a40}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:900;letter-spacing:-1.4px;white-space:nowrap}.brand>span:last-child>span{background:linear-gradient(90deg,#ff3e73,#c51cff,#ff7b3d);-webkit-background-clip:text;color:transparent}.brandmark{position:relative;width:38px;height:38px;display:inline-block}.brandmark:before,.brandmark:after,.brandmark i{content:"";position:absolute;clip-path:polygon(0 0,100% 50%,0 100%);border-radius:5px}.brandmark:before{inset:3px 2px;background:linear-gradient(150deg,#ff9348,#ff2e74 45%,#a51dff 70%,#1f8fff)}.brandmark:after{inset:9px 10px;background:#07101f}.brandmark i{width:9px;height:9px;background:#c91dff;clip-path:circle();right:0;top:-2px}.brandmark b{position:absolute;width:8px;height:8px;border-radius:50%;background:#198fff;right:-8px;top:4px}.brandmark em{display:none}nav{display:flex;align-items:center;gap:28px;margin-left:auto;color:#cbd5e7;font-size:14px}nav a:hover{color:#fff}.primary,.ghost{border:0;border-radius:16px;font-weight:800}.primary{background:linear-gradient(100deg,#ff7643,#ff286f 45%,#c400f3);color:white;box-shadow:0 12px 32px #c6007b2d}.ghost{background:transparent;color:#f7f9ff;border:1px solid #42506b}.small{padding:12px 20px}.big{padding:17px 25px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.menu{display:none;margin-left:auto;background:none;border:0;width:44px}.menu span{display:block;height:3px;background:#55d7f7;margin:7px;border-radius:5px}.hero{min-height:640px;padding:72px 5vw 38px;display:grid;grid-template-columns:1.04fr .96fr;gap:36px;align-items:center;background:radial-gradient(circle at 72% 40%,#6c123c55,transparent 32%),radial-gradient(circle at 90% 10%,#43137e55,transparent 25%)}.eyebrow,.kicker{font-size:12px;letter-spacing:3px;font-weight:900;color:#5edaf6}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-4.5px;margin:16px 0 22px}.hero h1 span{color:#59d6f6}.lede{font-size:19px;line-height:1.6;color:#b8c5da;max-width:670px}.actions{display:flex;gap:12px;margin:30px 0}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:42px;color:#9faec6;font-size:12px}.feature-row span{border:1px solid #26344d;background:#0b172b;padding:13px;border-radius:13px}.feature-row b{display:block;color:#fff;margin-top:4px}.hero-stage{min-height:480px;border-radius:30px;position:relative;overflow:hidden;border:1px solid #283a5b;background:linear-gradient(145deg,#101c35,#2a1139 55%,#091426);box-shadow:0 35px 80px #0007}.hero-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#ff7b3d88,transparent 9%),radial-gradient(circle at 60% 38%,#d500e777,transparent 23%),linear-gradient(transparent,#07101fdd)}.glow{position:absolute;width:220px;height:220px;border-radius:50%;background:#ff315b;filter:blur(90px);right:-40px;top:30px;opacity:.45}.livebar{position:absolute;z-index:2;top:22px;left:22px;display:flex;gap:9px}.livebar span,.livebar b{padding:8px 12px;border-radius:9px;font-size:12px}.livebar span{background:#ff2f58}.livebar b{background:#07101fcc}.bigavatar{position:absolute;z-index:1;left:50%;top:42%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff7b3d,#f12680,#6f22e8);font-size:48px;font-weight:950;border:6px solid #ffffff22}.stage-copy{position:absolute;z-index:2;left:25px;bottom:32px}.stage-copy small{color:#5edaf6;font-weight:800}.stage-copy strong{display:block;font-size:28px;margin-top:8px}.floating-comments{position:absolute;right:18px;bottom:22px;z-index:3;width:220px}.floating-comments p{display:flex;gap:8px;align-items:center;background:#081225d9;border:1px solid #263852;padding:9px;border-radius:13px;margin:7px 0;font-size:11px}.floating-comments i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dd227e;font-style:normal}.section{padding:64px 5vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section h2,.cta h2{font-size:clamp(32px,4vw,52px);margin:4px 0;letter-spacing:-2px}.textbtn{border:0;background:none;color:#aebbd0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.live-card{border:1px solid #26364f;background:#0b172b;border-radius:18px;overflow:hidden;transition:.2s}.live-card:hover{transform:translateY(-4px);border-color:#e1299a}.thumb{height:160px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg)}.thumb .person{font-size:48px;font-weight:950;opacity:.85}.badge{position:absolute;top:12px;left:12px;background:#ff3157;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:900}.views{position:absolute;right:12px;top:12px;background:#07101fd9;padding:6px 9px;border-radius:7px;font-size:11px}.cardbody{padding:16px}.cardbody h3{margin:0 0 10px;font-size:16px}.cardbody p{margin:0;color:#9caac0;font-size:13px}.categories{display:flex;gap:14px;flex-wrap:wrap}.cat{min-width:105px;padding:18px 14px;border:1px solid #273650;background:#0b172b;border-radius:18px;text-align:center;color:#c7d2e5}.cat i{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:linear-gradient(135deg,#ff315e,#bd16ee);font-style:normal;font-size:20px}.cat.active,.cat:hover{border-color:#f426a5;color:#fff}.upcoming{background:#091427}.upcoming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.upcoming article{display:flex;gap:16px;border:1px solid #26364f;background:#0d1a30;padding:18px;border-radius:18px}.upcoming time{background:white;color:#0b1424;border-radius:12px;width:68px;height:72px;display:grid;place-items:center;padding:7px}.upcoming time b{font-size:25px}.upcoming time span{font-size:11px;font-weight:900}.upcoming h3{margin:3px 0 6px}.upcoming p{margin:0 0 10px;color:#9eabc0}.remind{background:transparent;border:1px solid #53617a;color:white;border-radius:8px;padding:7px 11px}.vision{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.vision>div>p:not(.kicker){color:#aab7ca;line-height:1.8;font-size:18px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.vision-grid article{padding:24px;background:#0b172b;border:1px solid #253650;border-radius:18px}.vision-grid article>b{color:#e32bb0}.vision-grid h3{font-size:20px;margin:15px 0 7px}.vision-grid p{color:#9daac0;margin:0;line-height:1.5}.cta{text-align:center;padding:80px 5vw;background:radial-gradient(circle,#3e1256,#081326 60%)}.brandmark.large{width:65px;height:65px}.cta p{color:#b4c0d2;margin:0 auto 24px}.cta .brandmark{margin:auto}footer{padding:35px 5vw;border-top:1px solid #243149;display:flex;align-items:center;gap:25px;color:#aab7c9}footer .brand{font-size:20px}footer .fine{margin-left:auto;font-size:12px}.modal{position:fixed;z-index:100;inset:0;background:#020711cc;display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(12px)}.modal.open{display:flex}.modal-card{width:min(520px,100%);max-height:92vh;overflow:auto;background:#091528;border:1px solid #2b3b59;border-radius:24px;padding:27px;position:relative;box-shadow:0 30px 100px #000}.modal-card h2{font-size:31px;margin:5px 0 20px}.close{position:absolute;right:18px;top:16px;border:0;background:#15243b;color:#fff;width:36px;height:36px;border-radius:50%;font-size:22px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode{min-height:115px;border:1px solid #2c3b56;background:#0b172b;color:#fff;border-radius:15px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center}.mode.active{border-color:#ef28b5;box-shadow:inset 0 0 0 1px #ef28b5}.mode b{display:block}.mode small{color:#8796ad}label{display:block;font-size:12px;font-weight:800;margin-top:15px}input,select{width:100%;margin-top:7px;background:#0d1b31;border:1px solid #2b3b55;border-radius:11px;color:#fff;padding:13px}fieldset{border:0;padding:0;margin:15px 0}legend{font-size:12px;font-weight:800}.privacy{display:flex;align-items:center;gap:10px;border:1px solid #283853;border-radius:12px;padding:10px;margin:8px 0}.privacy input{width:auto;margin:0}.privacy b{font-size:13px}.privacy small{display:block;color:#8d9bb1;font-weight:400;margin-top:2px}.go{width:100%;padding:15px;border-radius:13px}.prototype-note{text-align:center;color:#73839c;font-size:11px}.account-card{text-align:center}.account-card .brandmark{margin:10px auto 20px}.account-card p{color:#a7b4c7}.toast{position:fixed;z-index:150;bottom:25px;left:50%;transform:translate(-50%,30px);background:#f5f8ff;color:#091427;padding:13px 18px;border-radius:12px;font-weight:800;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.site-header{height:72px;padding:0 20px}.brand{font-size:23px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#081326;padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid #29364c}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding:55px 20px 30px}.hero h1{letter-spacing:-3px}.hero-stage{min-height:420px}.feature-row{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.upcoming-grid{grid-template-columns:1fr}.vision{grid-template-columns:1fr}.section{padding:52px 20px}footer{padding:30px 20px;flex-wrap:wrap}footer .fine{margin-left:0;width:100%}}
@media(max-width:560px){.hero h1{font-size:50px}.lede{font-size:16px}.actions{flex-direction:column}.actions>*{width:100%}.feature-row{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.thumb{height:190px}.floating-comments{width:190px}.stage-copy strong{font-size:22px}.categories{display:grid;grid-template-columns:repeat(3,1fr)}.cat{min-width:0;padding:14px 7px;font-size:12px}.vision-grid{grid-template-columns:1fr}.mode-grid{grid-template-columns:1fr 1fr}.section-head{align-items:center}.section h2{font-size:34px}}
/* V1.1: interactive sample-room presentation */
html{scroll-padding-top:90px}body.modal-open{overflow:hidden}.sample-note{color:#aebbd0;font-size:14px;line-height:1.5;margin:-6px 0 22px}.room-open{display:block;padding:0;background:none;border:0;color:inherit;text-align:left;width:100%;height:100%}.room-open:focus-visible,.cat:focus-visible,.textbtn:focus-visible{outline:3px solid #5edaf6;outline-offset:3px}.room-open .thumb{background:radial-gradient(circle at 68% 28%,#ffffff50,transparent 12%),radial-gradient(circle at 20% 70%,#050d25ad,transparent 35%),linear-gradient(135deg,var(--tone-a),var(--tone-b));overflow:hidden}.thumb:after{content:"";position:absolute;inset:auto -20% -70% -20%;height:110%;background:radial-gradient(ellipse,#07101f92,transparent 65%);pointer-events:none}.thumb-icon{position:absolute;right:12%;top:25%;font-size:86px;color:#ffffff55;transform:rotate(-12deg)}.host-avatar{position:absolute;bottom:-42px;left:27%;width:134px;height:134px;border-radius:48% 48% 18% 18%;background:linear-gradient(145deg,#35275a,#101d32);border:4px solid #ffffff66;display:grid;place-items:start center;padding-top:30px;font-size:32px;font-weight:900;box-shadow:0 -18px 0 -3px #1a183a}.preview-cue{position:absolute;z-index:2;right:10px;bottom:10px;background:#07101fc9;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700}.room-card{width:min(680px,100%)}.room-screen{min-height:250px;position:relative;display:grid;place-items:center;border:1px solid #324265;border-radius:18px;background:radial-gradient(circle at 50% 35%,#8626a0,#0c1933 65%);overflow:hidden}.room-portrait{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:900;box-shadow:0 0 0 8px #ffffff21}.room-screen p{position:absolute;bottom:4px;font-size:13px}.demo-pill{position:absolute;top:14px;left:14px;background:#f32e69;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:900}.room-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.room-tools button,.event-preview{border:1px solid #53617a;background:#12233d;color:#fff;border-radius:10px;padding:10px 13px}.demo-chat{background:#101d32;border-radius:16px;padding:16px}.demo-chat p{background:#1b2a44;padding:10px;border-radius:11px;font-size:13px}.chat-entry{display:flex;gap:8px}.chat-entry input{margin:0}.chat-entry button{padding:0 15px}.upcoming time{font-size:31px}.textbtn{font-size:14px}.account-card #setupSummary{background:#11223b;border-radius:14px;padding:8px;margin:14px 0;text-align:left}.account-card #setupSummary p{margin:10px}
@media(max-width:560px){.room-card{padding:20px}.room-screen{min-height:220px}.thumb{height:200px}.host-avatar{left:32%}}