/* ============================================================
   FLOOR landing v10 — tokens
   ============================================================ */
:root{
  --ink:#07080b;--surface:#111318;--coral:#ff4454;--orange:#ff9a45;--gold:#ffc85a;
  --cream:#f6f1ea;--card:#fffdf9;
  --bg:#07080b;--text:#f7f4f1;--muted:#9b9ca5;--line:rgba(247,244,241,.14);--hair:rgba(247,244,241,.08);
  --accent:#ff4454;--accent-soft:rgba(255,68,84,.14);
  --font-display:'Cabinet Grotesk','Inter Tight',system-ui,sans-serif;
  --font-body:'Inter Tight',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  --text-mono:.75rem;--text-xs:.8125rem;--text-sm:clamp(.875rem,.85rem + .1vw,.9375rem);
  --text-base:clamp(1rem,.97rem + .14vw,1.125rem);--text-lg:clamp(1.125rem,1.05rem + .4vw,1.375rem);
  --text-h3:clamp(1.25rem,1.1rem + .75vw,1.75rem);--text-h2:clamp(2.25rem,1.35rem + 2.2vw,3.5rem);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;--s24:96px;
  --gutter:clamp(20px,5vw,88px);--sec:clamp(72px,8.5vw,152px);
  --out:cubic-bezier(.16,1,.3,1);--move:cubic-bezier(.4,0,.2,1);
  --ring-x:66%;--ring-y:42%;
}
[data-theme=light]{
  --bg:#f6f1ea;--surface:#fffdf9;--text:#07080b;--muted:#5b5d68;--line:rgba(7,8,11,.16);--hair:rgba(7,8,11,.08);
  --accent:#c31f2d;--accent-soft:rgba(195,31,45,.1);
}
body{font-family:var(--font-body);font-weight:400;letter-spacing:-.005em}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:800}
h1{font-size:clamp(3.2rem,1rem + 8.2vw,8.5rem);line-height:.9;letter-spacing:-.04em}
h2{font-size:var(--text-h2);line-height:1.02;letter-spacing:-.03em}
h3{font-size:var(--text-h3);line-height:1.12;letter-spacing:-.02em}
p{line-height:1.5}
.mono{font-family:var(--font-mono);font-weight:500;font-size:var(--text-mono);letter-spacing:.14em;text-transform:uppercase;line-height:1.35}
.eyebrow{color:var(--accent);font-weight:700;margin-bottom:var(--s5)}
.accent{color:var(--accent)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.plate-ink{background:var(--bg);color:var(--text)}
.plate-coral{background:var(--coral);color:var(--ink)}
.plate-coral .eyebrow,.plate-coral .accent{color:var(--ink)}
.plate-coral :focus-visible{outline-color:var(--ink)}

/* ---------- buttons / links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s6);min-height:52px;padding:var(--s4) var(--s6);border-radius:6px;font-weight:600;font-size:var(--text-sm);width:max-content;max-width:100%}
.btn .arrow,.btn-text .arrow,.room-link .arrow{font-size:18px;line-height:1;transition:transform .18s var(--move)}
.btn:hover .arrow,.btn-text:hover .arrow{transform:rotate(45deg)}
.room-link:hover .arrow{transform:translateX(4px)}
.primary{background:var(--coral);color:#07080b;font-weight:600}
.primary:hover{background:var(--orange)}
.ink{background:var(--ink);color:var(--cream)}
.ink:hover{background:#22242b}
.outline{background:transparent;color:var(--text);border:1px solid var(--line)}
.outline:hover{border-color:var(--coral);color:var(--coral)}
.compact{min-height:44px;padding:var(--s2) var(--s4);gap:var(--s4);font-size:var(--text-xs)}
.btn-text{display:inline-flex;align-items:center;gap:var(--s3);min-height:44px;font-weight:600;font-size:var(--text-sm);border-bottom:1px solid transparent}
.btn-text:hover{color:var(--accent);border-color:currentColor}
.plate-coral .btn-text:hover,.btn-text.on-coral:hover{color:var(--ink)}
.btn:active{transform:translateY(1px)}

/* ---------- 1 · nav ---------- */
.header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--s8);min-height:72px;padding:0 var(--gutter);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
.brand{display:flex;align-items:center;flex-shrink:0}
.wordmark{display:inline-flex;align-items:center;width:max-content;font-family:var(--font-display);font-size:30px;line-height:1;font-weight:800;letter-spacing:-.06em}
.rings{display:flex;width:44px;margin-inline:1px}
.rings i{width:26px;height:26px;flex-shrink:0;border:5px solid var(--coral);border-radius:50%}
.rings i+i{border-color:var(--orange);margin-left:-8px}
.main-nav{display:flex;gap:var(--s6);margin-left:auto}
.main-nav a{font-size:var(--text-sm);font-weight:500;padding-block:var(--s3);white-space:nowrap;border-bottom:1px solid transparent}
.main-nav a:hover{color:var(--accent);border-color:currentColor}
.header-actions{display:flex;align-items:center;gap:var(--s4)}
.icon-btn{width:44px;height:44px;font-size:20px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--text)}
.icon-btn:hover{background:var(--accent-soft);border-color:var(--accent)}
.signin{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);font-weight:600;white-space:nowrap}
.signin:hover{color:var(--accent)}
.nav-toggle{display:none;align-items:center;min-height:44px;padding:0 var(--s3);border:1px solid var(--line);border-radius:6px;color:var(--text);font-weight:700}
.nav-toggle:hover{border-color:var(--accent);color:var(--accent)}
.main-nav .nav-signin{display:none}

/* ---------- 2 · hero ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(20px,3vw,40px);padding:clamp(40px,6vw,76px) var(--gutter) clamp(20px,2.4vw,36px);background:var(--ink);color:#f7f4f1;--px:0;--py:0;--clip:150%}
.hero-media{position:absolute;inset:-2%;z-index:-3;clip-path:circle(var(--clip) at var(--ring-x) var(--ring-y));transform:translate3d(calc(var(--px) * -14px),calc(var(--py) * -10px),0);transition:transform .9s var(--out)}
.hero.tracking .hero-media,.hero.tracking .hero-rings{transition:none}
.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center}
.hero-video{z-index:1}
.hero-shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 100% at 12% 92%,rgba(7,8,11,.94) 0%,rgba(7,8,11,.7) 38%,rgba(7,8,11,0) 70%),linear-gradient(0deg,rgba(7,8,11,.72),rgba(7,8,11,.12) 55%,rgba(7,8,11,.45))}
.hero-rings{position:absolute;left:var(--ring-x);top:var(--ring-y);z-index:-1;display:flex;align-items:center;pointer-events:none;--rs:clamp(96px,15vw,236px);transform:translate(-50%,-50%) translate3d(calc(var(--px) * 8px),calc(var(--py) * 6px),0);transition:transform .9s var(--out)}
.hero-rings .ring{display:block;width:var(--rs);height:var(--rs);border-radius:50%;border:1.5px solid var(--coral)}
.hero-rings .ring-b{border-color:var(--orange);margin-left:calc(var(--rs) * -.28)}
.hero-rings .ripple{position:absolute;left:50%;top:50%;width:var(--rs);height:var(--rs);margin:calc(var(--rs) / -2) 0 0 calc(var(--rs) / -2);border:1px solid rgba(255,68,84,.55);border-radius:50%;opacity:0}
.hero-inner{position:relative;max-width:min(100%,54rem);width:100%}
.hero-inner>*{max-width:none}
.hero-topline{display:flex;align-items:center;gap:var(--s3);color:#e9e5e0;margin-bottom:clamp(12px,1.6vw,22px)}
.hero-topline .dot{width:7px;height:7px;border-radius:50%;background:var(--coral);flex-shrink:0;box-shadow:0 0 0 4px rgba(255,68,84,.18)}
h1 .line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
h1 .line-in{display:block}
.hero-floor{color:var(--coral)}
.hero-floor em{font-style:normal;color:var(--orange)}
.hero-sub{margin-top:clamp(16px,2vw,28px);font-size:clamp(1.0625rem,1rem + .5vw,1.5rem);line-height:1.38;font-weight:400;color:#eae7e2;max-width:34ch}
.hero-ctas{display:flex;align-items:center;gap:var(--s6);margin-top:clamp(20px,2.4vw,32px);flex-wrap:wrap}
.hero-ctas .btn-text{color:#f7f4f1}
.hero-ctas .btn-text:hover{color:var(--coral)}
.hero-note{margin-top:var(--s4);color:#a6a3a0}
.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--s5);padding-top:var(--s5);border-top:1px solid rgba(247,244,241,.14)}
.scroll-cue{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;color:#f7f4f1}
.scroll-cue span{font-size:16px;transition:transform .3s var(--move)}
.scroll-cue:hover{color:var(--coral)}
.scroll-cue:hover span{transform:translateY(4px)}
.hero-chip{color:#a6a3a0;text-align:right}

/* ---------- 3 · live strip ---------- */
.strip{background:var(--coral);color:var(--ink);overflow:hidden;padding:clamp(6px,1vw,14px) 0;border-block:1px solid rgba(7,8,11,.18)}
.strip-track{display:flex;width:max-content;will-change:transform;animation:strip-slide 60s linear infinite}
.gsap .strip-track{animation:none}
.strip-row{font-family:var(--font-mono);font-weight:700;font-size:clamp(2.75rem,4.4vw,3.5rem);letter-spacing:.03em;line-height:1.25;white-space:nowrap;padding-right:.35em}
@keyframes strip-slide{to{transform:translateX(-50%)}}
.paused .strip-track{animation-play-state:paused;transform:none!important;animation:none}
.paused .strip{overflow:hidden}
.paused .strip-row+.strip-row{display:none}

/* ---------- 4 · inside a room / the tap ---------- */
.room{padding-top:var(--sec)}
.room-intro{padding:0 var(--gutter);max-width:1100px}
.room-lead{margin-top:var(--s5);color:var(--muted);font-size:var(--text-base);max-width:52ch}
.tap{position:relative;height:300vh}
.tap-inner{position:sticky;top:72px;height:calc(100vh - 72px);min-height:640px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-rows:1fr auto;grid-template-areas:"copy phone" "steps phone";gap:clamp(24px,4vw,72px);align-items:center;padding:var(--s10) var(--gutter) var(--s12)}
.tap-phone{grid-area:phone;display:flex;flex-direction:column;align-items:center;gap:var(--s3);justify-self:center}
.tap-copy{grid-area:copy;position:relative;display:grid;align-self:center}
.tap-steps{grid-area:steps;align-self:end}
.demo-label{color:var(--muted);text-align:center;max-width:100%;font-size:.6875rem;letter-spacing:.12em;text-wrap:balance}
.beat{grid-area:1/1;opacity:0;transform:translateY(16px);transition:opacity .5s var(--out),transform .5s var(--out);pointer-events:none}
.beat.is-on{opacity:1;transform:none;pointer-events:auto}
.beat-no{color:var(--accent);font-weight:700;margin-bottom:var(--s4)}
.beat h3{font-size:clamp(1.75rem,1.1rem + 2.1vw,3rem);line-height:1.04;letter-spacing:-.03em;max-width:20ch}
.beat-body{margin-top:var(--s5);color:var(--muted);font-size:var(--text-base);max-width:38ch}
.steplist{display:flex;gap:var(--s2);flex-wrap:wrap;border-top:1px solid var(--line);padding-top:var(--s4)}
.step{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border:1px solid var(--line);border-radius:999px;font-size:var(--text-xs);font-weight:600;color:var(--muted)}
.step span{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em}
.step:hover{border-color:var(--accent);color:var(--text)}
.step.on{background:var(--coral);border-color:var(--coral);color:#07080b}

/* ---------- 5 · standing rooms ---------- */
.rooms{padding:var(--sec) 0}
.rooms-head{padding:0 var(--gutter);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(28px,4vw,56px)}
.rooms-lead{color:var(--muted);font-size:var(--text-base);max-width:56ch}
.rail{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:var(--s4) var(--gutter) var(--s8);-webkit-overflow-scrolling:touch;scrollbar-color:var(--line) transparent;scrollbar-width:thin}
.rail:focus-visible{outline-offset:-4px}
.rail-track{display:flex;gap:clamp(14px,1.6vw,24px);width:max-content;will-change:transform}
.room-card{position:relative;isolation:isolate;flex:0 0 clamp(252px,25vw,326px);aspect-ratio:3/4;min-height:400px;border-radius:14px;overflow:hidden;background:#101116;color:#f7f4f1;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s5);transform:scale(var(--sc,1));transition:transform .5s var(--out)}
.room-art{position:absolute;inset:0;z-index:-2}
.room-art img{width:100%;height:100%;object-fit:cover}
.room-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,8,11,.96) 4%,rgba(7,8,11,.72) 38%,rgba(7,8,11,.18) 72%,rgba(7,8,11,.42))}
.room-tag{color:var(--orange);margin-bottom:var(--s3);font-size:.6875rem}
.room-card h3{font-size:clamp(1.375rem,1.15rem + .6vw,1.6rem)}
.room-line{margin-top:var(--s2);font-size:var(--text-sm);color:#d3d0cc;line-height:1.4}
.room-meta{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid rgba(247,244,241,.16);color:#9b9ca5;font-size:.625rem;letter-spacing:.12em}
.room-link{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:2px;margin-top:var(--s4);font-size:var(--text-sm);font-weight:600;color:#f7f4f1;min-height:44px;align-content:center}
.room-link .arrow{display:inline-block;margin-left:6px;transition:transform .3s var(--move)}
.room-link:hover .arrow{transform:translateX(4px)}
.room-link small{grid-column:1/-1;color:#9b9ca5;font-size:.625rem;letter-spacing:.12em}
.room-link:hover{color:var(--coral)}
.rooms-how{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px);padding:clamp(28px,4vw,56px) var(--gutter) 0;border-top:1px solid var(--line);margin:0 var(--gutter)}
.how-col>.mono{color:var(--accent);font-weight:700;margin-bottom:var(--s3)}
.how-body{color:var(--muted);font-size:var(--text-sm);max-width:34ch}
.truth-note{padding:var(--s8) var(--gutter) 0;color:var(--muted);font-size:.6875rem}

/* ---------- 6 · audio or video ---------- */
.modes{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,88px);align-items:center;padding:var(--sec) var(--gutter)}
.wipe-plate{position:absolute;inset:0;z-index:5;background:var(--coral);pointer-events:none;clip-path:inset(100% 0 0 0)}
.modes-media{position:relative;border-radius:14px;overflow:hidden;background:#101116;aspect-ratio:3/4;max-height:76vh}
.modes-media img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.media-caption{position:absolute;left:var(--s4);top:var(--s4);color:#e9e5e0;background:rgba(7,8,11,.62);border:1px solid rgba(247,244,241,.2);border-radius:4px;padding:5px 8px;font-size:.625rem}
.modes-copy h2{max-width:26ch}
.wipe-head .word{display:inline-block;overflow:hidden;vertical-align:top}
.wipe-head .word i{display:inline-block;font-style:normal}
.mode-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--s5);padding:var(--s6) 0;border-top:1px solid var(--line);margin-top:var(--s8)}
.mode-row+.mode-row{margin-top:0}
.mode-row>.mono{color:var(--accent);font-weight:700;padding-top:4px}
.mode-row h3{margin-bottom:var(--s2)}
.mode-row p:not(.mono){color:var(--muted);font-size:var(--text-sm);max-width:46ch}
.modes-copy .btn-text{margin-top:var(--s6);border-top:1px solid var(--line);border-bottom:0;padding-top:var(--s6);width:100%;justify-content:space-between}

/* ---------- 7 · hosts + plus ---------- */
.hosts{display:grid;grid-template-columns:2fr 1fr;gap:clamp(28px,5vw,80px);align-items:start;padding:var(--sec) var(--gutter)}
.hosts-copy h2{max-width:20ch}
.host-rows{margin-top:clamp(24px,3vw,44px);border-top:1px solid rgba(7,8,11,.24)}
.host-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--s4);align-items:baseline;padding:var(--s5) 0;border-bottom:1px solid rgba(7,8,11,.24);font-size:clamp(1.0625rem,1rem + .55vw,1.5rem);font-weight:500;letter-spacing:-.015em;line-height:1.3}
.host-row .mono{opacity:.62;font-weight:700}
.hosts .btn{margin-top:clamp(24px,3vw,40px)}
.plus-card{background:var(--ink);color:var(--cream);border-radius:16px;padding:clamp(24px,2.6vw,40px);align-self:start}
.plus-kicker{color:var(--orange);font-weight:700;margin-bottom:var(--s5)}
.plus-card h3{font-size:clamp(2.5rem,2rem + 1.6vw,3.5rem);letter-spacing:-.045em}
.plus-card h3 span{font-size:.34em;font-weight:600;color:#a7a8b0;letter-spacing:0}
.plus-alt{margin-top:var(--s2);font-size:var(--text-sm);color:#b9bac1}
.plus-list{list-style:none;margin:var(--s6) 0;display:grid;gap:var(--s3);border-top:1px solid rgba(247,244,241,.16);padding-top:var(--s5)}
.plus-list li{position:relative;padding-left:var(--s6);font-size:var(--text-sm)}
.plus-list li::before{content:"↗";position:absolute;left:0;color:var(--coral)}
.plus-note{color:#a7a8b0;font-size:.625rem}

/* ---------- 8 · app status ---------- */
.app{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,5vw,80px);align-items:center;padding:var(--sec) var(--gutter);border-top:1px solid var(--hair)}
.app-copy h2{max-width:18ch}
.status-chip{display:inline-flex;align-items:center;gap:var(--s3);margin-top:clamp(20px,2.4vw,32px);padding:12px 20px;border:1px solid var(--coral);border-radius:999px;background:var(--accent-soft);font-size:clamp(.9375rem,.9rem + .3vw,1.125rem);font-weight:600;line-height:1.3;max-width:100%}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--coral);flex-shrink:0;animation:breathe 2.4s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}
.paused .status-dot{animation:none}
.status-sub{margin-top:var(--s4);color:var(--muted)}
.app-body{margin-top:var(--s6);color:var(--muted);font-size:var(--text-base);max-width:52ch}
.app-ctas{display:flex;align-items:flex-start;gap:var(--s6);margin-top:clamp(24px,3vw,40px);flex-wrap:wrap}
.cta-stack{display:flex;flex-direction:column;gap:var(--s3);max-width:100%}
.cta-stack small{color:var(--muted);font-size:.625rem;max-width:40ch}
.app-facts{list-style:none;display:grid;gap:var(--s3);margin-top:clamp(24px,3vw,40px);border-top:1px solid var(--line);padding-top:var(--s6)}
.app-facts li{font-size:var(--text-sm);color:var(--muted)}
.app-facts .mono{color:var(--text);font-weight:700;margin-right:var(--s2)}
.app-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(16px,2vw,32px)}
.app-rings{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;z-index:0;pointer-events:none;--as:clamp(180px,20vw,300px)}
.app-rings i{display:block;width:var(--as);height:var(--as);border-radius:50%;border:1px solid rgba(255,68,84,.42)}
.app-rings i+i{border-color:rgba(255,154,69,.4);margin-left:calc(var(--as) * -.3)}
.app-stage .phone{position:relative;z-index:1;width:320px;flex-shrink:0}
.timeline{position:relative;z-index:1;list-style:none;display:grid;gap:var(--s3);align-content:center}
.tl-step{display:flex;flex-direction:column;gap:2px;padding:var(--s4);border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg) 82%,transparent);min-width:132px}
.tl-step .mono{font-weight:700;font-size:.625rem;letter-spacing:.12em}
.tl-step b{font-size:14px;line-height:1}
.tl-step.done{color:var(--muted)}
.tl-step.now{border-color:var(--coral);color:var(--text)}
.tl-step.now b{color:var(--coral)}
.tl-step.pending{border-style:dashed;color:var(--muted)}
.tl-step.pending small{font-size:.5625rem;letter-spacing:.12em;opacity:.85}
.app-foot{grid-column:1/-1;margin-top:clamp(24px,3vw,44px);font-size:.75rem;color:var(--muted)}

/* ---------- 9 · founding ---------- */
.founding{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:center;padding:var(--sec) var(--gutter)}
.founding-copy h2{font-size:clamp(2.75rem,1.6rem + 3.4vw,5rem);letter-spacing:-.04em}
.founding-body{margin-top:var(--s6);font-size:var(--text-lg);max-width:36ch;font-weight:500}
.founding-ctas{display:flex;align-items:center;gap:var(--s6);margin-top:clamp(24px,3vw,40px);flex-wrap:wrap}
.badge-wrap{perspective:900px;display:flex;justify-content:center}
.badge{position:relative;isolation:isolate;overflow:hidden;width:min(340px,100%);aspect-ratio:1;border-radius:20px;background:radial-gradient(120% 120% at 20% 10%,#1a1c22,#07080b 60%);color:var(--gold);border:1px solid rgba(255,200,90,.34);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);text-align:center;padding:var(--s8);box-shadow:0 40px 70px -40px rgba(0,0,0,.85);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--out)}
.badge.tilting{transition:none}
.badge-top{letter-spacing:.3em;font-weight:700}
.badge b{font-family:var(--font-display);font-size:clamp(2.75rem,2rem + 3vw,4.25rem);line-height:.92;letter-spacing:-.03em}
.badge-seat{color:rgba(255,200,90,.7);font-size:.625rem;letter-spacing:.16em}
.badge-glare{position:absolute;inset:-30%;z-index:-1;background:radial-gradient(closest-side,rgba(255,255,255,.16),transparent 70%);transform:translate(var(--gx,0px),var(--gy,0px));opacity:.9}

/* ---------- 10 · faq ---------- */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,80px);padding:var(--sec) var(--gutter);border-top:1px solid var(--hair)}
.faq-items details{border-bottom:1px solid var(--line)}
.faq-items details:first-child{border-top:1px solid var(--line)}
.faq-items summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s6);min-height:72px;padding-block:var(--s4);font-weight:600;font-size:var(--text-base);cursor:pointer}
.faq-items summary::-webkit-details-marker{display:none}
.faq-items summary span{font-size:22px;color:var(--accent);transition:transform .2s var(--move)}
.faq-items details[open] summary span{transform:rotate(45deg)}
.faq-items details p{color:var(--muted);font-size:var(--text-sm);padding-bottom:var(--s6);max-width:64ch}

/* ---------- 11 · footer ---------- */
.footer{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s6) var(--s8);align-items:center;padding:var(--s12) var(--gutter) var(--s16);border-top:1px solid var(--hair)}
.footer-nav{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6);align-items:center;font-size:var(--text-sm)}
.footer-nav a{min-height:44px;display:inline-flex;align-items:center}
.footer-nav a:hover{color:var(--accent)}
.footer-controls{display:flex;align-items:center;gap:var(--s3);justify-content:flex-end}
.motion-control{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.motion-control:hover{border-color:var(--accent);color:var(--text)}
.footer p{grid-column:1/-1;font-size:.75rem;color:var(--muted)}
.footer .preview-note{margin-top:calc(-1 * var(--s4))}

/* ---------- micro-texture ---------- */
.spotlight{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s var(--move);background:radial-gradient(520px circle at var(--sx,50%) var(--sy,50%),rgba(255,68,84,.06),transparent 70%)}
.spotlight.on{opacity:1}
[data-theme=light] .spotlight{display:none}
.reveal-armed .reveal{opacity:0;transform:translateY(20px);transition:opacity .5s var(--out),transform .5s var(--out);transition-delay:calc(var(--i,0) * 60ms)}
.reveal-armed .reveal.in{opacity:1;transform:none}
.paused .reveal{opacity:1!important;transform:none!important;transition:none}

/* ============================================================
   phone demo (carried from v9)
   ============================================================ */
.phone{width:min(360px,100%);aspect-ratio:9/19.2;background:#0b0c10;border-radius:48px;padding:10px;position:relative;box-shadow:0 60px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 2px #1d1f27;color:#f7f4f1;--muted:#9b9ca5}
.phone::before{content:"";position:absolute;top:20px;left:50%;width:104px;height:28px;transform:translateX(-50%);background:#000;border-radius:20px;z-index:3}
.ph-screen{height:100%;border-radius:40px;background:linear-gradient(180deg,#151720 0%,#0b0c10 100%);overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:58px 13px 13px;position:relative;isolation:isolate}
.ph-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.02em}
.ph-brand{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;font-size:14px}
.rings.mini{width:22px;margin:0}
.rings.mini i{width:14px;height:14px;border-width:3px}
.rings.mini i+i{margin-left:-6px}
.ph-demo-pill{font-size:9px;letter-spacing:.12em;border:1px solid rgba(247,244,241,.3);border-radius:999px;padding:3px 8px;color:#c7c4c0}
.ph-room-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.ph-live{display:inline-flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.14em;color:var(--orange);font-weight:700}
.ph-live i{width:6px;height:6px;border-radius:50%;background:var(--coral)}
.ph-room-head h4{font-size:14px;font-weight:800;letter-spacing:-.02em;line-height:1.18;margin-top:3px;text-wrap:balance}
.ph-room-head p{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.3}
.ph-mode{display:flex;flex-shrink:0;padding:2px;border:1px solid rgba(247,244,241,.2);border-radius:8px;background:#0b0c10}
.ph-mode button{font-size:11px;font-weight:600;padding:6px 9px;border-radius:6px;color:#c7c4c0;min-height:30px}
.ph-mode button.on{background:#f6f1ea;color:var(--ink)}
.ph-stage{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tile{position:relative;border-radius:14px;background:#181a22;overflow:hidden;aspect-ratio:1/.82;transition:outline-color .3s,transform .5s var(--out)}
.tile[hidden]{display:none}
.tile.you{animation:tile-in .6s var(--out)}
@keyframes tile-in{from{opacity:0;transform:scale(.8)}}
.tile-media{position:absolute;inset:0;display:grid;place-items:center}
.avatar{position:relative;width:50px;height:50px;border-radius:50%;background:var(--a);color:var(--ink);font-weight:800;font-size:13px;display:grid;place-items:center;letter-spacing:-.02em;font-family:var(--font-display)}
.tile.speaking .avatar::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--coral);animation:speak-ring 1.3s ease-out infinite}
@keyframes speak-ring{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.35);opacity:0}}
.tile.you.ripple .avatar::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px solid var(--coral);animation:you-ripple 1.1s var(--out) 2}
@keyframes you-ripple{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.7);opacity:0}}
.tile-name{position:absolute;left:8px;bottom:8px;font-size:10.5px;font-weight:600;background:rgba(7,8,11,.62);padding:3px 7px;border-radius:6px;max-width:calc(100% - 38px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-name em{font-style:normal;color:var(--orange);margin-left:4px}
.tile-mic{position:absolute;right:8px;bottom:8px;width:20px;height:20px;border-radius:50%;background:#2a2d37;display:grid;place-items:center}
.tile-mic::before{content:"";width:6px;height:9px;border-radius:3px;background:#8a8c96}
.tile-mic.on{background:var(--coral)}.tile-mic.on::before{background:var(--ink)}
.tile-mic.off::after{content:"";position:absolute;width:2px;height:15px;background:#f7f4f1;transform:rotate(45deg);border-radius:1px}
.tile.empty{border:1px dashed rgba(247,244,241,.2);background:transparent}
.seat{font-size:9px;color:var(--muted);letter-spacing:.1em}
.phone[data-mode=video] .tile:not(.empty) .tile-media{background:linear-gradient(180deg,#3b2a33,#171820)}
.phone[data-mode=video] .tile.host .tile-media{background:url(/welcome/assets/studio.webp) 60% center/cover}
.phone[data-mode=video] .tile[data-who=dev] .tile-media{background:url(/welcome/assets/video-editorial.webp) center 25%/cover}
.phone[data-mode=video] .tile.host .avatar,.phone[data-mode=video] .tile[data-who=dev] .avatar{opacity:0}
.phone[data-mode=video] .tile:not(.empty) .tile-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,8,11,.6),transparent 45%)}
.phone[data-mode=video] .tile.speaking{outline:2px solid var(--coral);outline-offset:-2px}
.phone[data-mode=video] .tile.you.cam-on .tile-media{background:radial-gradient(90% 70% at 50% 40%,#5a3a44,#1a1218 70%)}
.phone[data-mode=video] .tile.you.cam-on .avatar{opacity:.25;filter:blur(2px)}
.ph-audience{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:hidden;min-width:0}
.ph-audience .aud{flex-shrink:0}.ph-audience .aud.more{margin-left:auto}
.aud-label{font-size:9px;letter-spacing:.12em;color:var(--muted);margin-right:4px;flex-shrink:0}
.aud{position:relative;width:28px;height:28px;border-radius:50%;background:var(--a);color:var(--ink);font-size:9.5px;font-weight:700;display:grid;place-items:center;flex-shrink:0}
.aud.more{background:#22242d;color:#c7c4c0;letter-spacing:.1em}
.aud-hand{position:absolute;top:-8px;right:-8px;font-size:13px;font-style:normal;animation:hand-pop .5s var(--out) both}
@keyframes hand-pop{from{transform:scale(0) rotate(-20deg)}}
.you-aud.away{opacity:.3}
.ph-captions{display:flex;gap:8px;align-items:baseline;font-size:11.5px;line-height:1.35;color:#d8d5d1;border-left:2px solid var(--coral);padding-left:8px;min-height:32px}
.cap-who{font-weight:700;color:#f6f1ea;flex-shrink:0}
.ph-chat{list-style:none;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;font-size:11.5px;line-height:1.35;mask-image:linear-gradient(0deg,#000 75%,transparent)}
.ph-chat li{display:flex;gap:6px;animation:chat-in .45s var(--out) both}
.ph-chat.static li{animation:none}
.ph-chat li b{flex-shrink:0;color:var(--orange);font-weight:700}
.ph-chat li.system{color:var(--muted);font-style:italic}
@keyframes chat-in{from{opacity:0;transform:translateY(6px)}}
.ph-invite{position:absolute;left:12px;right:12px;bottom:92px;z-index:4;background:#f6f1ea;color:var(--ink);border-radius:14px;padding:12px 14px;box-shadow:0 20px 40px -10px rgba(0,0,0,.8)}
.ph-invite p{font-size:11.5px;line-height:1.35}
.ph-invite p span{color:#575862;font-size:10.5px}
.ph-invite div{display:flex;gap:8px;margin-top:10px}
.ph-accept,.ph-decline{flex:1;min-height:38px;border-radius:8px;font-size:12px;font-weight:700}
.ph-accept{background:var(--coral);color:var(--ink)}
.ph-accept:hover{background:var(--orange)}
.ph-decline{border:1px solid rgba(7,8,11,.24)}
.ph-hearts{position:absolute;right:16px;bottom:92px;width:56px;height:290px;pointer-events:none;z-index:3}
.ph-hearts span{position:absolute;bottom:0;left:50%;font-size:19px;line-height:1;animation:react-float 2.4s var(--out) forwards;will-change:transform,opacity}
@keyframes react-float{0%{opacity:0;transform:translate(calc(var(--x) * 1px),0) scale(.55) rotate(0)}12%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(calc(var(--x) * 1px + var(--sway) * 1px),-260px) scale(1.18) rotate(calc(var(--rot) * 1deg))}}
/* react picker (anchored above the REACT control) */
.ph-react-wrap{position:relative;flex:1;display:flex;min-width:0}
.ph-react-wrap .ph-ctl{flex:1}
.react-icon{font-size:15px;line-height:1}
.react-picker{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(calc(-50% + var(--nudge,0px)));z-index:7;padding:9px;width:max-content;max-width:min(232px,calc(100% + 150px));border:1px solid rgba(255,68,84,.6);border-radius:14px;background:rgba(10,11,15,.9);backdrop-filter:blur(16px);box-shadow:0 22px 46px -14px rgba(0,0,0,.9)}
.react-picker::after{content:"";position:absolute;left:calc(50% - var(--nudge,0px));bottom:-6px;width:11px;height:11px;transform:translateX(-50%) rotate(45deg);background:rgba(10,11,15,.9);border-right:1px solid rgba(255,68,84,.6);border-bottom:1px solid rgba(255,68,84,.6)}
.react-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.react-pick{width:31px;height:31px;display:grid;place-items:center;font-size:16px;line-height:1;border:1px solid transparent;border-radius:9px;background:rgba(247,244,241,.05);transition:background .16s,border-color .16s,transform .16s}
.react-pick:hover,.react-pick:focus-visible{background:rgba(255,68,84,.2);border-color:var(--coral);transform:scale(1.1)}
.react-pick:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.react-pick:active{transform:scale(.94)}
.ph-controls{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid rgba(247,244,241,.1)}
.ph-ctl-row{display:flex;gap:6px;justify-content:space-between}
.ph-mic-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 14px;border-radius:14px;text-align:left;transition:background .2s,transform .15s}
.ph-mic-toggle[hidden]{display:none}
.ph-mic-toggle.on{background:#1f9d68;color:#07080b}
.ph-mic-toggle.off{background:#e0212f;color:#fff}
.ph-mic-toggle:hover{filter:brightness(1.08)}
.ph-mic-toggle:active{transform:scale(.985)}
.mic-glyph{position:relative;width:32px;height:32px;border-radius:50%;background:rgba(7,8,11,.16);display:grid;place-items:center;flex-shrink:0}
.mic-glyph i{width:9px;height:14px;border-radius:5px;background:currentColor;position:relative}
.mic-glyph i::after{content:"";position:absolute;left:50%;bottom:-6px;width:15px;height:8px;border:2.5px solid currentColor;border-top:0;border-radius:0 0 10px 10px;transform:translateX(-50%)}
.ph-mic-toggle.off .mic-glyph::after{content:"";position:absolute;width:3px;height:28px;background:currentColor;transform:rotate(45deg);border-radius:2px;box-shadow:0 0 0 2px #e0212f}
.mic-text{display:flex;flex-direction:column;line-height:1.15}
.mic-state{font-size:14px;font-weight:800;font-family:var(--font-display)}
.mic-action{font-size:10.5px;font-weight:500;opacity:.88}
.phone[data-state=stage] .ph-live{color:var(--coral)}
.ph-ctl{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:50px;border-radius:12px;background:#181a22;font-size:14px;padding:6px 2px;transition:background .2s,color .2s,transform .15s}
.ph-ctl small{font-family:var(--font-mono);font-size:8.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#c7c4c0}
.ph-ctl:hover:not(:disabled){background:#23262f}
.ph-ctl:active:not(:disabled){transform:scale(.96)}
.ph-ctl:disabled{opacity:.4;cursor:not-allowed}
.ph-ctl[aria-pressed=true]{background:var(--coral);color:var(--ink)}
.ph-ctl[aria-pressed=true] small{color:var(--ink)}
#ph-hand[aria-pressed=true]{background:var(--orange)}
#ph-react.bump{animation:heart-bump .35s var(--out)}
@keyframes heart-bump{50%{transform:scale(1.12)}}
.paused .ph-hearts span,.paused .ph-chat li,.paused .tile.speaking .avatar::after,.paused .status-dot,.paused .tile.you.ripple .avatar::before{animation:none}

/* ============================================================
   responsive
   ============================================================ */
@media(max-width:1180px){
  .main-nav{gap:var(--s4)}.main-nav a{font-size:var(--text-xs)}
  .tap-inner{grid-template-columns:minmax(0,1fr) minmax(280px,320px)}
  .app{grid-template-columns:1fr;gap:clamp(32px,5vw,56px)}
  .app-stage{justify-content:flex-start;flex-wrap:wrap}
  .modes{grid-template-columns:1fr 1fr}
  .faq{grid-template-columns:1fr}
}
@media(max-width:960px){
  .main-nav{display:none}
  .header.nav-open .main-nav{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;padding:var(--s3) var(--gutter) var(--s6);background:var(--bg);border-bottom:1px solid var(--line)}
  .header.nav-open .main-nav a{padding:var(--s3) 0;min-height:44px;display:flex;align-items:center;font-size:var(--text-base)}
  .header.nav-open .main-nav .nav-signin{display:flex;margin-top:var(--s3);border-top:1px solid var(--line);font-weight:600;color:var(--accent)}
  .nav-toggle{display:inline-flex}
  .hosts{grid-template-columns:1fr}
  .rooms-head{grid-template-columns:1fr;align-items:start}
  .modes{grid-template-columns:1fr}
  .modes-media{max-width:420px;aspect-ratio:4/3}
  .modes-media img{object-position:center 22%}
  .founding{grid-template-columns:1fr}
  .badge-wrap{justify-content:flex-start}
  .rooms-how{grid-template-columns:1fr;gap:var(--s6)}
}
@media(max-width:760px){
  :root{--gutter:20px}
  .header{min-height:64px;gap:var(--s3);border-bottom:1px solid var(--coral)}
  .wordmark{font-size:26px}.rings{width:38px}.rings i{width:22px;height:22px;border-width:4px}.rings i+i{margin-left:-6px}
  .header-actions{gap:var(--s2);margin-left:auto}
  .header .compact{padding:0 var(--s3);font-size:.6875rem;gap:var(--s2)}
  .signin{font-size:var(--text-xs)}
  .nav-toggle{font-size:.625rem;padding:0 10px}
  .hero{min-height:100svh;padding-top:var(--s16);gap:var(--s6)}
  h1{font-size:clamp(3.4rem,17vw,5rem)}
  .hero-inner{max-width:none}
  .hero-sub{font-size:1.0625rem;max-width:30ch}
  .hero-ctas{flex-direction:column;align-items:stretch;gap:var(--s3)}
  .hero-ctas .btn{width:100%;justify-content:space-between}
  .hero-ctas .btn-text{justify-content:center}
  .hero-bottom{flex-direction:column;align-items:flex-start;gap:var(--s2)}
  .hero-chip{text-align:left}
  .hero-rings{--rs:clamp(84px,26vw,140px);left:74%;top:26%}
  .strip-row{font-size:2.75rem}
  .room{padding-top:var(--s20)}
  /* the tap on phones: same pinned, scroll-scrubbed scene as desktop — phone
     stays in view, beats crossfade under it, scrolling back up reverses. The
     phone keeps its 240px layout and is scaled by JS (--ps) to the room left
     after header, label, copy and step pills. */
  .tap{height:300vh}
  .tap-inner{position:sticky;top:64px;height:calc(100svh - 64px);min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--s3);padding:var(--s3) var(--gutter) var(--s4);overflow:hidden}
  .tap-phone{--ps:.8;position:relative;order:1;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--s2);width:100%;justify-self:auto}
  .tap-phone .phone{width:240px;height:584px;aspect-ratio:auto;border-radius:36px;padding:8px;transform:scale(var(--ps));transform-origin:top center;margin-bottom:calc(584px * (var(--ps) - 1))}
  .tap-phone .ph-chat{flex:1 1 0;min-height:0}
  .tap-phone .ph-screen{border-radius:30px;padding:44px 10px 10px;gap:7px}
  .tap-phone .phone::before{top:14px;width:80px;height:22px}
  .tap-phone .ph-invite{bottom:auto;top:44%;left:10px;right:10px}
  .tap-phone .ph-hearts{bottom:auto;top:22%;height:230px}
  .tap-phone .react-picker{padding:6px;max-width:min(188px,calc(100vw - 60px))}
  .tap-phone .react-grid{gap:3px}
  .tap-phone .react-pick{width:26px;height:26px;font-size:13.5px;border-radius:8px}
  .demo-label{font-size:.5625rem;letter-spacing:.1em}
  .tap-copy{order:2;display:grid;position:relative;z-index:2;margin-top:0;flex:1 1 auto;min-height:0;align-content:center}
  .beat{grid-area:1/1;position:relative;opacity:0;transform:translateY(10px);pointer-events:none;min-height:0;display:block;padding:0;border:0;background:none;backdrop-filter:none;border-radius:0;margin:0;transition:opacity .4s var(--out),transform .4s var(--out)}
  [data-theme=light] .beat{background:none}
  .beat.is-on{opacity:1;transform:none;pointer-events:auto}
  .beat-no{margin-bottom:var(--s2);font-size:.6875rem}
  .beat h3{font-size:clamp(1.25rem,5.6vw,1.625rem);line-height:1.08;max-width:none}
  .beat-body{margin-top:var(--s3);font-size:.9375rem;line-height:1.4;max-width:none}
  .tap-steps{order:3;margin-top:0;flex:0 0 auto}
  .steplist{gap:6px;padding-top:var(--s3);justify-content:center;flex-wrap:nowrap}
  .step{padding:0;width:44px;min-height:40px;justify-content:center;font-size:0}
  .step span{font-size:.6875rem}
  .rooms{padding:var(--s20) 0}
  .room-card{flex:0 0 82vw;min-height:0}
  .rooms-how{margin-inline:var(--gutter);padding-inline:0}
  .modes,.hosts,.app,.founding,.faq{padding-block:var(--s20)}
  .mode-row{grid-template-columns:1fr;gap:var(--s3)}
  .host-row{grid-template-columns:32px minmax(0,1fr);font-size:1.0625rem}
  .hosts .btn,.founding-ctas .btn,.app-ctas .btn{width:100%}
  .hero-ctas{flex-direction:column;align-items:flex-start}
  .hero-ctas .btn{width:100%}
  .app-ctas{flex-direction:column;align-items:stretch}
  .cta-stack{width:100%}
  .app-stage{flex-direction:column;align-items:center;gap:var(--s8)}
  .app-stage .phone{width:240px}
  .app-rings{--as:150px;top:30%}
  .timeline{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;gap:var(--s2);width:100%}
  .tl-step{min-width:0;padding:var(--s3)}
  .founding-ctas{flex-direction:column;align-items:stretch}
  .badge{width:min(280px,100%)}
  .footer{grid-template-columns:1fr;gap:var(--s5)}
  .footer-controls{justify-content:flex-start}
}
@media(max-width:400px){
  .header .compact .arrow{display:none}
  .header .icon-btn{display:none}
  .header .compact{padding:0 10px}
  .nav-toggle{padding:0 8px}
  .wordmark{font-size:22px}.rings{width:32px}.rings i{width:19px;height:19px;border-width:4px}
  .strip-row{font-size:2.5rem}
  .room-card{flex:0 0 86vw}
  .step{width:40px}
  .badge b{font-size:2.5rem}
}
@media(hover:none),(pointer:coarse){
  .hero-media,.hero-rings{transform:none!important}
  .badge{transform:none!important}
}

/* 9 · founding: the coral plate IS the section fill; JS sweeps it up on enter.
   Default (no JS) = plate fully covering, so ink-on-coral copy stays readable. */
.founding{background:var(--bg)}
.founding .wipe-plate{z-index:0;clip-path:none}
.founding-copy,.badge-wrap{position:relative;z-index:1}

/* Standing-room cards open their live room. The title link stretches over the card; the action row stays on top. */
.room-card .room-enter{color:inherit;text-decoration:none}
.room-card .room-enter::after{content:"";position:absolute;inset:0;z-index:1}
.room-card:has(.room-enter:hover),.room-card:has(.room-enter:focus-visible){--sc:1.015}
.room-card .room-enter:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}
.room-actions{position:relative;z-index:2;display:grid;gap:var(--s2);margin-top:var(--s4)}
.room-actions .room-go{justify-content:space-between;width:100%;min-height:44px;background:#f7f4f1;color:#101116;border-radius:10px;padding:0 var(--s4);font-weight:600}
.room-actions .room-go:hover{background:var(--coral);color:#101116}
.room-actions .room-link{margin-top:0;min-height:36px}