/* Lobby-led art direction. CSS/native details only; no third-party assets or runtime. */
:root{--bg:#080a10;--surface:#11141d;--line:#2c2f3c;--text:#f6f5fa;--muted:#a6a6b7;--accent:#b8a1ff;--primary:#7552ee;--primary-end:#7552ee;--hover:#8a69fa;--hover-end:#8a69fa}
html{scroll-padding-top:28px}body{background:var(--bg)}
.wrap{width:min(1200px,calc(100% - 96px))}.section{padding-block:78px}
.site-header{background:transparent;border-bottom:0}.header-inner{min-height:88px;border-bottom:1px solid #242630}.brand-wordmark{width:150px;height:auto}
.header-inner nav{gap:6px;background:#11141c;border:1px solid #292b36;border-radius:100px;padding:5px;font-size:12px}
.header-inner nav a{padding:5px 19px;border-radius:100px}.header-inner nav a:first-child{background:#252431;color:#eeebff}.header-inner nav a:hover{background:#272737}
.header-cta{border:0;border-radius:100px;background:#eceaf3;color:#171520;font-size:12px;padding:9px 17px}.header-cta:hover{background:white}
.hero{position:relative;display:block;min-height:0;padding-block:60px 32px;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;top:190px;left:9%;width:82%;height:640px;background:radial-gradient(ellipse at 50% 49%,#7145db20,transparent 64%);pointer-events:none}
.hero-copy{text-align:center;max-width:1160px;margin-inline:auto}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#c6bedb;letter-spacing:0;margin-bottom:23px;font-weight:500}
.hero-kicker>span{width:6px;height:6px;border-radius:50%;background:#aa8dff;box-shadow:0 0 0 4px #a082ff16}
.hero h1{font-size:clamp(38px,4.55vw,64px);line-height:1.25;font-weight:750;letter-spacing:-.054em;text-wrap:balance}
.hero h1 em{color:#b5a3ee}.hero h1 br,.hero h1 em br{display:initial}
.hero-description{margin:24px auto 0;max-width:750px;font-size:15px;line-height:1.85;color:#b2b0c0;font-weight:400}.hero-description br{display:initial}
.hero-actions{justify-content:center;gap:12px;margin-top:25px}.hero-actions .button{font-size:14px;min-height:48px;border-radius:100px;padding:11px 22px;box-shadow:0 0 0 1px #cbb5ff25,0 6px 26px #6743c622}
.release-status{font-size:11px;line-height:1.6;color:#a39cac;margin-top:12px}
.hero-product{position:relative;max-width:none;margin:52px auto 0;scroll-margin-top:24px}
.hero-product:before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:-12px 14px auto;height:100px;border:1px solid #594c7055;border-radius:22px;background:#15131c}
.flow-demo{position:relative;isolation:isolate;border:1px solid #484050;border-radius:18px;padding:0 26px 18px;background:#10121a;box-shadow:0 25px 70px #0006,0 -2px 40px #8861db0c;min-height:460px}
.flow-demo:before{content:"";position:absolute;top:-1px;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#bba0eb,transparent);pointer-events:none}
.demo-toolbar{min-height:58px;padding:14px 0;border-bottom:1px solid #2c2d3a;display:flex;align-items:center;justify-content:space-between}
.demo-toolbar>h2{display:flex;align-items:center;gap:9px;font-size:14px;letter-spacing:0;font-weight:600}.demo-toolbar>h2 svg{color:#b6a0f2}
.demo-label{font-size:11px;color:#b7aec7;background:transparent;border:1px solid #3f3a4c;border-radius:100px;padding:4px 10px}
.demo-steps{padding:17px 0 19px;display:flex;justify-content:flex-start;gap:21px;color:#a7a2b4;font-size:11px;letter-spacing:.015em}.demo-steps span:last-child{color:#bba8e9}.demo-steps i{color:#635c71}
.room-preview{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 8px;width:calc(100% - 304px);padding:0;border:0;background:none;border-radius:0}
.room-heading{grid-column:1/-1;display:flex;justify-content:flex-start;gap:12px;padding-right:85px}.game-label{font-size:11px;color:#c8c2d4}.recruiting{display:flex;align-items:center;gap:5px;font-size:10px;color:#9ad6b6}
.recruiting i{width:4px;height:4px;border-radius:50%;background:#85d1aa}
.room-preview>h3{grid-column:1/-1;font-size:22px;font-weight:650;letter-spacing:-.035em;margin:8px 0 0;line-height:1.4}
.condition-tags{grid-column:1/-1;display:flex;gap:6px;margin:10px 0 19px}.condition-tags>span{font-size:10px;padding:3px 8px;border:1px solid #343441;background:#1e202a;border-radius:5px;color:#c9c2d7}.condition-tags span:last-child{color:#a2dac0}
.count-row{position:absolute;right:0;top:0;display:block;text-align:right;border:0;margin:0;padding:0;font-size:10px;color:#a29aaf}.count-row>span{display:block}.count-row strong{font-size:23px;display:block;margin-top:3px;font-weight:600;letter-spacing:-.035em}.count-total{font-size:12px;color:#a9a2b7}
.member-list{display:contents;list-style:none;margin:0;padding:0}.member-list li{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:13px 11px 15px;border:1px solid #3b354a;background:linear-gradient(160deg,#292039,#171721 78%);border-radius:10px;min-height:214px;overflow:hidden}
.member-list li:nth-child(2){background:linear-gradient(160deg,#1e2835,#171b23 78%);border-color:#34404c}
.seat-label{font-size:11px;color:#d4c7e9;letter-spacing:.02em}.role-art{height:92px;width:100%;display:grid;place-items:center;margin-top:3px;color:#b6a0e7;filter:drop-shadow(0 0 16px #9b73c929)}
.role-art svg{width:49px;height:49px;stroke-width:1.05;transform:rotate(-8deg)}.role-jungle{color:#9cb8b9}.role-jungle svg{transform:rotate(0deg)}.role-mid{color:#d0b6ff}
.member-list li>.avatar{position:absolute;right:10px;top:10px;width:23px;height:23px;font-size:9px;border:1px solid #75668e;background:#493964;box-shadow:none}.member-list li>.avatar-alt{background:#2f4958;border-color:#577380}
.member-info{display:block;margin-top:auto;line-height:1.7;min-width:0}.member-info strong{font-size:12px;display:block;font-weight:600;color:#eee8f5}.member-info>span{font-size:10px;color:#b6aabe;white-space:normal;display:block;margin-top:4px}.member-info strong small{display:inline-block;font-size:8px;border-radius:3px;background:#4e40302e;color:#d9bd85;margin:0 0 0 3px;font-weight:400}
.avatar{background:#554279}.avatar-alt{background:#405b71}.avatar-self{background:#6845a2;border-color:#c7aff4}
.join-demo{display:contents}.join-demo>summary{position:relative;min-width:0;display:flex;align-items:stretch;justify-content:stretch;padding:0;min-height:214px;border:1px dashed #a786e7;border-radius:10px;background:#342447;color:#eadcff;font-size:13px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.join-demo>summary:hover{background:#432f60;border-color:#d8c3ff;box-shadow:0 0 0 3px #b486fa14}.join-demo>summary>.before-join{width:100%;padding:13px 10px 15px;display:flex;flex-direction:column;align-items:center}.join-demo .seat-label{align-self:flex-start}
.join-plus{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;border:1px solid #a785ce;background:#8c5bc91a;margin-top:22px;margin-bottom:20px;transition:transform .2s}.join-plus svg{width:25px;height:25px;stroke-width:1.3}.join-demo>summary:hover .join-plus{transform:scale(1.1)}
.join-demo>summary strong{font-size:13px;letter-spacing:-.03em;white-space:nowrap;font-weight:600}.join-demo>summary small{font-size:9px;line-height:1.7;font-weight:400;text-align:center;color:#c6b2df;margin:5px 0 0;max-width:9em}
.remaining-seats{display:contents}.remaining-seats>span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px dashed #373543;border-radius:10px;min-height:214px;padding:13px 10px;font-size:11px;color:#9b92a9;background:#16162055}
.remaining-seats small{position:absolute;top:13px;left:11px;font-size:11px;color:#a49aad}.remaining-seats svg{width:26px;height:26px;stroke-width:1;opacity:.75}.remaining-seats>span>span{font-size:10px}
.flow-demo:has(.join-demo[open]) li.after-join{animation:seat-arrive .32s ease both;background:linear-gradient(160deg,#473062,#221b33);border-color:#9774bd}
.self-member .member-info{margin-top:0}.seat-status{font-size:9px;color:#c5b0e9;display:flex;align-items:center;gap:4px;margin-top:3px}.seat-status svg{width:11px;height:11px}
.join-demo[open]>summary{position:absolute;right:0;top:65px;min-height:24px;height:24px;width:auto;padding:3px 0;border:0;background:transparent;font-size:10px;color:#bfb0d5}.join-demo[open]>summary svg{width:11px;height:11px;transform:rotate(180deg)}
.before-panel,.voice-panel{position:absolute;right:26px;top:118px;bottom:57px;width:280px;height:auto;min-height:0;margin:0;border-radius:12px;padding:22px}
.before-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #302a3e;background:radial-gradient(ellipse at 50% 35%,#2f1e461c,transparent 72%),#14131d}
.before-panel h4{font-size:17px;line-height:1.6;font-weight:550;margin-top:12px}.before-panel h4 br{display:initial}.panel-hint,.before-panel .panel-hint{font-size:10px;color:#ab99c2;border:0;margin-top:10px;padding:0;line-height:1.7}.before-panel .panel-hint:after{content:none}
.panel-orbit{width:105px;height:105px;position:relative;display:grid;place-items:center}.panel-orbit>span{display:grid;place-items:center;width:49px;height:49px;border:1px solid #67507e;background:#2a1f3a;border-radius:15px;color:#c3a3e9}.panel-orbit svg{width:24px;height:24px}
.panel-orbit>i{position:absolute;inset:2px;border:1px solid #4b3a6266;border-radius:50%}.panel-orbit>i:nth-child(2){inset:13px;border-color:#66537c33}.panel-orbit>i:nth-child(3){inset:25px;border-color:#8872921c}
.voice-panel{background:#1a1526;border:1px solid #76539c;animation:panel-arrive .35s ease both;padding:20px}.voice-panel-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap}.voice-panel-top h4{font-size:13px;letter-spacing:-.02em}.voice-panel-top>span{font-size:10px;color:#c4b1da}
.voice-members{display:flex;justify-content:center;gap:24px;margin-top:27px}.voice-members>span{font-size:10px;gap:7px}.voice-members .avatar{width:35px;height:35px;font-size:11px}
.chat-preview{margin-top:23px;padding-top:17px;border-top:1px solid #44334f}.chat-preview>p{font-size:11px;line-height:1.7;margin-top:9px;display:block;color:#d2c8de}.chat-preview strong{display:inline;font-size:9px;color:#a992c0;margin-right:6px}.recruit-note{font-size:10px;line-height:1.7;color:#c5aedb;margin-top:16px;padding-top:12px;border-color:#44334f}
.demo-disclaimer{margin:20px 0 0;font-size:11px;line-height:1.7;color:#aba2b9;text-align:left}
#features{border-top:0;padding-top:64px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:36px;line-height:1.3;font-weight:650;letter-spacing:-.04em}.section-heading h2 em{color:#aaa5b9}.eyebrow{font-size:10px;letter-spacing:.17em;color:#b8a3d2;margin-bottom:15px}
.benefit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}.benefit-card{min-width:0;position:relative;border:1px solid #30303b;border-radius:16px;padding:30px!important;background:#12141c;overflow:visible}.benefit-card:first-child{grid-column:1;grid-row:1}.benefit-card:nth-child(2){grid-column:1;grid-row:2}.benefit-card:nth-child(3){grid-column:2;grid-row:1/3;background:radial-gradient(ellipse at 65% 62%,#35214742,transparent 75%),#13131e}
.feature-number{display:block;font-size:10px;letter-spacing:.14em;color:#b5a4c4;margin-bottom:14px}.benefit-card>.feature-icon{display:none}.benefit-card h3{font-size:25px;line-height:1.35;letter-spacing:-.04em;font-weight:650}.benefit-card h3 br{display:none}.benefit-card h3 br:after{content:" "}
.benefit-card>p{font-size:13px;line-height:1.75;color:#b0aabb;min-height:0;margin-top:12px;max-width:34em}
.feature-visual{pointer-events:none;user-select:none}.match-art{display:flex;align-items:center;gap:12px;min-height:86px;padding-block:20px 10px}.match-input{display:flex;flex-wrap:wrap;gap:6px;max-width:255px}.match-input>span{width:100%;font-size:10px;color:#bdb0d1;margin-bottom:3px;display:flex;align-items:center;gap:6px}.match-input svg{width:13px;height:13px}.match-input>b{font-size:10px;padding:5px 8px;color:#dfd4ee;background:#282333;border:1px solid #494052;border-radius:5px;font-weight:400}
.match-connection{display:flex;flex:1;align-items:center;min-width:45px;color:#bea6e0}.match-connection>span{height:1px;flex:1;background:#4d3c5e}.match-connection svg{border:1px solid #4d3c5e;border-radius:50%;width:28px;height:28px;padding:6px}.match-result{display:flex;align-items:center;gap:6px;color:#8d7a9f;font-size:13px}.match-result>.avatar{width:34px;height:34px;font-size:10px;border-radius:12px}
.seats-art{display:flex;gap:10px;margin-top:23px;max-width:360px}.mini-seat{display:grid;place-items:center;width:58px;height:55px;border:1px dashed #494150;border-radius:8px;color:#857391}.mini-seat.filled{border-style:solid;background:#262030;color:#baa4d2}.mini-seat.filled:nth-child(2){background:#1e2b31;color:#90b7b3;border-color:#364d52}.mini-seat.chosen{background:#4d3565;color:#e5cdff;border-color:#a77dd4}.mini-seat svg{width:24px;height:24px;stroke-width:1.2}
.sound-art{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:292px;margin-block:18px}.sound-orbit{position:relative;width:238px;height:210px;display:grid;place-items:center}.sound-orbit:before,.sound-orbit:after{content:"";position:absolute;inset:16px;border:1px solid #54405f77;border-radius:50%;transform:rotate(-18deg)}.sound-orbit:after{inset:42px;border-color:#78618744;transform:rotate(28deg)}
.sound-center{width:70px;height:70px;display:grid;place-items:center;background:#342242;border:1px solid #846392;border-radius:21px;color:#d8b3f5;box-shadow:0 0 65px #9b62bb16}.sound-center svg{width:30px;height:30px;stroke-width:1.3}.sound-orbit>.avatar{position:absolute;width:44px;height:44px;z-index:1;box-shadow:0 0 0 6px #18131f;font-size:12px}.sound-orbit>.avatar:nth-child(1){top:15px;left:28px}.sound-orbit>.avatar:nth-child(2){right:12px;top:75px}.sound-orbit>.avatar:nth-child(3){left:67px;bottom:0}
.waveform{display:flex;gap:4px;align-items:center;justify-content:center;height:83px;max-width:100%;margin-top:17px}.waveform i{display:block;width:3px;height:var(--bar);max-height:78px;border-radius:3px;background:#b487d5;opacity:.6}.waveform i:nth-child(3n){background:#d2b3eb;opacity:.85}.sound-note{font-size:12px;color:#b9a6c8;margin-top:8px}
.screen-details{margin-top:19px;scroll-margin-top:28px}.screen-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #34303d;padding-top:10px;min-height:44px;font-size:11px;font-weight:500;color:#bda8d9;cursor:pointer}.screen-details>summary::-webkit-details-marker{display:none}.screen-details>summary>span{font-size:20px}.screen-details[open]>summary>span{transform:rotate(45deg)}
.screen-details .product-figure,.screen-details .detail-capture{margin-top:9px;border-radius:8px}.screen-details figcaption{display:block;font-size:10px}.capture-bar{display:none}.capture-zoom{font-size:10px}
.faq-layout{border-top:1px solid #2b2935;grid-template-columns:.8fr 1.2fr;gap:64px;padding-block:62px 78px}.faq-layout .section-heading h2{font-size:28px}.faq-list summary{font-size:13px;min-height:66px;padding-block:17px;font-weight:500}.faq-list details>p{font-size:13px;line-height:1.85;color:#b8b2c3}.faq-list details{border-color:#322d3a}.faq-list details:first-child{border-color:#322d3a}
.site-footer{padding-block:28px 33px;border-color:#2c2932;align-items:center}.footer-meta{font-size:10px;gap:4px}
@keyframes seat-arrive{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes panel-arrive{from{opacity:.2;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1450px){.hero h1{font-size:64px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{padding-top:48px}.hero h1{font-size:49px}.room-preview{width:calc(100% - 258px);gap:0 6px}.before-panel,.voice-panel{width:238px;right:22px;padding:17px}.flow-demo{padding-inline:22px}.member-list li{padding:11px 8px;min-height:207px}.seat-label,.remaining-seats small{font-size:10px}.role-art svg{width:38px;height:38px}.member-info strong{font-size:11px}.member-info strong small{display:block;width:max-content;margin-top:3px}.member-info>span{font-size:9px}.join-demo>summary,.remaining-seats>span{min-height:207px}.join-demo>summary strong{font-size:12px}.join-demo>summary small{font-size:9px}.remaining-seats>span{padding-inline:6px}.match-art{gap:8px}.match-input{max-width:185px}.match-result{gap:4px}.match-result>.avatar{width:29px;height:29px;font-size:9px}.benefit-card{padding:25px!important}.benefit-card h3{font-size:23px}.benefit-card>p{font-size:12px}}
@media(max-width:860px){.header-inner nav{display:flex}.wrap{width:calc(100% - 40px)}.hero h1{font-size:40px}.hero-description{font-size:14px;max-width:600px}.hero-product{max-width:none;margin-top:42px}.flow-demo{padding-inline:18px}.room-preview{width:100%;gap:0 9px}.before-panel{position:static;width:100%;height:65px;min-height:0;margin-top:18px;flex-direction:row;justify-content:space-between;padding:12px 17px;border-radius:9px}.before-panel .panel-orbit{display:none}.before-panel h4{font-size:13px;margin:0}.before-panel h4 br{display:none}.before-panel .panel-hint{margin:0;font-size:11px}.voice-panel{position:static;width:auto;min-height:0;grid-column:1/-1;margin-top:18px;order:10;padding:21px}.voice-members{justify-content:flex-start;gap:23px;margin-top:17px}.voice-panel-top{width:100%}.chat-preview{margin-top:15px;display:flex;justify-content:space-between;gap:20px}.chat-preview>p{margin:0;font-size:12px}.recruit-note{margin-top:13px}.member-list li,.join-demo>summary,.remaining-seats>span{min-height:205px}.member-info strong small{display:inline;margin:0 0 0 3px}.member-info>span{font-size:10px}.member-list li{padding:13px 11px 15px}.role-art svg{width:49px;height:49px}.flow-demo{min-height:0}.demo-disclaimer{font-size:10px}.benefit-grid{grid-template-columns:1.1fr .9fr;gap:12px}.benefit-card{padding:22px!important}.benefit-card h3{font-size:21px}.match-art{display:flex;flex-wrap:wrap;row-gap:12px}.match-input{max-width:none;width:100%}.sound-orbit{width:190px;height:198px}.sound-art{min-height:300px}.waveform{gap:3px}.waveform i{width:2px}.sound-center{width:60px;height:60px}.section-heading h2{font-size:33px}.faq-layout{gap:32px;grid-template-columns:.7fr 1.3fr}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:74px;gap:10px}.brand-wordmark{width:133px}.header-inner nav{display:none}.header-cta{font-size:11px;min-height:38px;padding:8px 13px}.hero{padding-block:38px 28px}.hero-copy{padding-inline:5px}.hero-kicker{font-size:11px;margin-bottom:17px}.hero h1{font-size:clamp(28px,7.65vw,40px);line-height:1.29;letter-spacing:-.06em}.hero-description{font-size:13px;line-height:1.85;margin-top:18px;max-width:32em}.hero-actions{margin-top:21px}.hero-actions .button{font-size:13px;min-height:46px;padding:10px 20px}.release-status{font-size:10px;margin-top:11px}.hero-product{margin-top:38px}.hero-product:before{inset:-8px 12px auto;height:80px;border-radius:17px}.flow-demo{border-radius:14px;padding:0 15px 16px}.demo-toolbar{min-height:54px;padding:12px 0}.demo-toolbar>h2{font-size:12px;gap:6px}.demo-toolbar svg{width:15px;height:15px}.demo-label{font-size:9px;padding:3px 7px}.demo-steps{font-size:9px;gap:0;justify-content:space-between;padding:15px 0 17px}.room-heading{padding-right:80px;gap:9px}.game-label{font-size:10px}.recruiting{font-size:9px}.room-preview>h3{font-size:20px;margin-top:8px}.count-row{font-size:9px}.count-row strong{font-size:21px}.count-total{font-size:11px}.condition-tags{margin:8px 0 15px}.condition-tags>span{font-size:9px;padding:3px 6px}.room-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.member-list li{min-height:172px;padding:13px;border-radius:9px}.member-list li>.avatar{top:10px;right:11px;width:21px;height:21px}.seat-label{font-size:11px}.role-art{height:72px;margin-top:0}.role-art svg{width:38px;height:38px}.member-info strong{font-size:12px}.member-info>span{font-size:10px;margin-top:2px}.join-demo>summary{grid-column:1/-1;min-height:76px;margin-top:11px;border-radius:9px}.join-demo>summary>.before-join{position:relative;display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:14px;padding:13px 18px}.join-demo .seat-label{position:absolute;right:16px;top:16px;font-size:10px}.join-plus{grid-column:1;grid-row:1/3;margin:0;width:39px;height:39px}.join-demo>summary strong{grid-column:2;grid-row:1;text-align:left;font-size:14px}.join-demo>summary small{grid-column:2;grid-row:2;text-align:left;font-size:10px;max-width:none;margin:0}.remaining-seats{grid-column:1/-1;display:flex;gap:10px;margin-top:10px;order:9}.remaining-seats>span{min-height:51px;height:51px;flex:1;display:flex;flex-direction:row;justify-content:center;gap:6px;padding:10px}.remaining-seats small{position:static;font-size:10px}.remaining-seats svg{width:14px;height:14px}.remaining-seats>span>span{font-size:10px}.before-panel{display:none}.demo-disclaimer{font-size:10px;line-height:1.75;margin-top:14px;text-align:center}.flow-demo:has(.join-demo[open]) li.after-join{grid-column:1/-1;min-height:105px;margin-top:11px;display:grid!important;grid-template-columns:65px 1fr;gap:0 12px;padding:13px}.self-member .seat-label{display:none}.self-member .role-art{grid-row:1/3;height:auto;margin:0}.self-member .member-info{margin:3px 0 0}.self-member .seat-status{margin:3px 0 0;font-size:10px}.join-demo[open]>summary{top:64px;font-size:9px;min-height:20px;height:20px;margin-top:0;grid-column:auto}.voice-panel{margin-top:13px;padding:17px;border-radius:9px;order:10}.voice-panel-top h4{font-size:12px}.voice-panel-top>span{font-size:10px}.voice-members{justify-content:center;gap:34px;margin-top:19px}.voice-members .avatar{width:32px;height:32px}.chat-preview{display:block;padding-top:10px;margin-top:17px}.chat-preview>p{font-size:11px;margin-top:8px}.recruit-note{font-size:10px;margin-top:13px;padding-top:10px}.section{padding-block:48px}#features{padding-top:40px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:30px;line-height:1.3}.eyebrow{font-size:9px;margin-bottom:12px}.benefit-grid{grid-template-columns:1fr;gap:13px}.benefit-card:first-child,.benefit-card:nth-child(2),.benefit-card:nth-child(3){grid-column:auto;grid-row:auto}.benefit-card{padding:24px!important;border-radius:13px}.feature-number{font-size:9px;margin-bottom:13px}.benefit-card h3{font-size:23px;line-height:1.4}.benefit-card>p{font-size:12px;line-height:1.85;margin-top:10px;max-width:none}.match-art{flex-wrap:nowrap;gap:8px;padding-top:20px;min-height:91px}.match-input{width:auto;max-width:165px;gap:4px}.match-input>b{font-size:9px;padding:4px 6px}.match-connection{min-width:24px}.match-connection svg{width:22px;height:22px;padding:5px}.match-result{gap:4px}.match-result .avatar{width:26px;height:28px;font-size:8px;border-radius:9px}.seats-art{margin-top:22px;gap:8px;max-width:none}.mini-seat{width:100%;height:51px}.mini-seat svg{width:22px;height:22px}.sound-art{min-height:0;margin-block:20px 8px}.sound-orbit{width:200px;height:175px}.sound-orbit>.avatar{width:37px;height:37px;font-size:11px}.sound-orbit>.avatar:nth-child(1){top:6px;left:23px}.sound-orbit>.avatar:nth-child(2){top:65px;right:2px}.sound-orbit>.avatar:nth-child(3){bottom:-2px;left:62px}.sound-center{width:56px;height:56px;border-radius:17px}.sound-center svg{width:25px;height:25px}.waveform{height:63px;margin-top:23px;gap:4px}.waveform i{height:calc(var(--bar)*.65);width:3px}.sound-note{font-size:11px;margin-top:4px}.screen-details{margin-top:14px}.screen-details>summary{font-size:11px;padding-top:9px;min-height:44px}.screen-details figcaption{font-size:10px}.faq-layout{grid-template-columns:1fr;gap:0;padding-block:38px 52px}.faq-layout .section-heading h2{font-size:25px}.faq-list summary{font-size:12px;min-height:61px;padding-block:15px}.faq-list details>p{font-size:12px;line-height:1.85;padding-bottom:19px}.site-footer{padding-block:24px 28px;gap:20px}.site-footer .brand-wordmark{width:126px}.footer-meta{font-size:9px;text-align:right}.footer-meta small{font-size:9px}}
@media(max-width:360px){.hero h1{font-size:28px}.hero-description{font-size:12px}.match-art{flex-wrap:wrap}.match-input{max-width:none;width:100%}.demo-toolbar>h2{font-size:11px}.demo-label{font-size:8px}.room-preview>h3{font-size:18px}.room-heading{gap:6px}.flow-demo{padding-inline:12px}.demo-steps{font-size:8px}.benefit-card{padding:21px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Explicit seat positions keep native details wrappers out of the five-seat row. */
.room-preview{position:static}.member-list li{grid-row:4}.member-list li:nth-child(1){grid-column:1}.member-list li:nth-child(2){grid-column:2}.member-list li.self-member{grid-column:3}.join-demo{display:block;grid-column:3;grid-row:4;min-width:0}.join-demo>summary{height:100%}.remaining-seats>span{grid-row:4}.remaining-seats>span:first-child{grid-column:4}.remaining-seats>span:last-child{grid-column:5}
.count-row{top:115px;right:330px}.join-demo[open]>summary{right:330px;top:174px;height:24px}.member-info strong{font-size:13px}.member-info>span{font-size:11px}
@media(max-width:1100px){.count-row,.join-demo[open]>summary{right:282px}.member-info strong{font-size:11px}.member-info>span{font-size:10px}}
@media(max-width:860px){.room-preview{position:relative}.count-row{top:0;right:0}.join-demo[open]{grid-column:1/-1;grid-row:5}.join-demo[open]>summary{top:64px;right:0}.member-info strong{font-size:12px}.member-info>span{font-size:10px}.voice-panel{width:100%}}
@media(max-width:600px){.member-list li{grid-row:4}.member-list li.self-member{grid-column:1/-1;grid-row:5}.join-demo{grid-column:1/-1;grid-row:5}.join-demo[open]{grid-column:1/-1;grid-row:7}.join-demo>summary{height:auto}.remaining-seats{grid-row:6}.remaining-seats>span{grid-column:auto;grid-row:auto}.join-demo[open]>summary{height:20px}}

.join-demo[open]>summary{min-height:28px;height:28px;padding-block:4px}