:root{color-scheme:dark;--bg:#081119;--panel:#111d27;--panel2:#162634;--line:#30404b;--text:#f5f1e9;--muted:#a4b3bd;--accent:#e5aa78;--aqua:#88d2d0;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.ambient{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 40% at 82% 11%,#254450aa,transparent),radial-gradient(ellipse 48% 45% at 12% 42%,#2a293455,transparent)}.topbar{position:sticky;z-index:15;top:0;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px max(5vw,24px);background:#081119ea;border-bottom:1px solid #ffffff13;backdrop-filter:blur(20px)}.brand{font-size:25px;font-weight:760;letter-spacing:-1.7px;white-space:nowrap}.mark{color:var(--aqua);font-size:31px;margin-right:5px}.period{color:var(--accent)}nav{display:flex;gap:27px;font-size:13px;color:#c9d0d3}nav a:hover{color:#fff}.account{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.tiny,.ghost{border:1px solid #60717b;background:transparent;color:var(--text);border-radius:9px;padding:10px 13px}.tiny{padding:6px 10px}.ghost:hover,.tiny:hover{border-color:var(--aqua);background:#18333f}.primary{background:var(--accent);color:#17242b;border:0;border-radius:10px;padding:13px 20px;font-weight:750;box-shadow:0 12px 30px #e5aa7818}.primary:hover{background:#f6bb89}.primary:disabled{opacity:.55;cursor:wait}.hero{position:relative;min-height:700px;max-width:1540px;margin:auto;padding:145px max(5vw,24px) 75px;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:800;color:var(--aqua)}.hero h1{max-width:850px;font-size:clamp(55px,7vw,112px);line-height:1.03;letter-spacing:-.067em;margin:24px 0 28px;font-weight:760}.hero h1 em{font-weight:480;color:var(--accent);font-style:normal}.lede{max-width:620px;color:#bac6cd;line-height:1.75;font-size:18px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:34px}.hero-actions .primary{padding:16px 24px}.primary span{margin-left:12px}.secondary-link{font-size:13px}.hero-meta{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:25px;margin-top:110px;font-size:12px;color:var(--muted)}.hero-meta b{color:var(--aqua);margin-right:8px}.hero-orbit{position:absolute;right:5%;top:120px;width:410px;height:410px;opacity:.85;pointer-events:none}.circle{position:absolute;border:1px solid #86b9bd40;border-radius:50%;inset:20px}.c2{inset:85px;border-color:#e5aa7880}.c3{inset:145px;border-color:#85d1cb88}.orbit-center{position:absolute;inset:0;display:grid;place-items:center;color:var(--aqua);font-size:52px}.orbit-label{position:absolute;background:#213743;border:1px solid #527b86;border-radius:45px;padding:11px 17px;font-size:12px}.o1{top:15px;left:90px}.o2{right:0;top:220px}.o3{bottom:20px;left:40px}.auth-panel,.features,.capability-section{padding:80px max(5vw,24px);max-width:1500px;margin:0 auto}.auth-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#142630;border:1px solid var(--line);border-radius:22px;margin:30px auto;padding:45px;max-width:950px}.auth-panel[hidden],.workspace[hidden],[hidden]{display:none!important}h2{font-size:clamp(32px,4vw,60px);line-height:1.12;letter-spacing:-.045em;margin:16px 0}p{line-height:1.65}.auth-panel p,.section-intro p,.capability-section p{color:var(--muted)}.form-stack{display:flex;flex-direction:column;gap:14px}.form-stack label,.inline-form label,.composer label{display:flex;flex-direction:column;gap:7px;color:#c9d5db;font-size:12px;font-weight:650}input,textarea,select{min-width:0;width:100%;background:#0a1721;border:1px solid #3a515e;color:var(--text);padding:12px 13px;border-radius:9px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--aqua);box-shadow:0 0 0 2px #8ad2d01c}textarea{resize:vertical}.form-actions{display:flex;gap:10px}.hint{font-size:11px;color:#8eabb7;line-height:1.6}.workspace{padding:55px max(3vw,18px);max-width:1900px;margin:auto;min-height:760px}.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:35px}.workspace-head h2{margin:12px 0 4px;font-size:48px}.workspace-head p{margin:0;color:var(--muted)}.workspace-buttons{display:flex;gap:10px}.workspace-layout{display:grid;grid-template-columns:minmax(210px,250px) minmax(380px,1fr) minmax(215px,285px);gap:15px;align-items:stretch;min-height:670px}.sidepanel,.conversation,.tools{background:#12212bc9;border:1px solid #37505a;border-radius:16px;min-width:0}.sidepanel,.tools{padding:22px 17px}.panel-title{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#b7cace;font-weight:800;display:flex;justify-content:space-between;margin-bottom:17px}.separated{border-top:1px solid var(--line);padding-top:24px;margin-top:22px}.room-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.room-item{display:block;width:100%;text-align:left;background:#1d303b;border:1px solid transparent;color:var(--text);padding:12px;border-radius:9px;font-size:13px}.room-item.selected{border-color:var(--aqua);background:#1c3c46}.room-item small{display:block;color:#9eb4bc;margin-top:4px}.people{display:flex;flex-direction:column;gap:12px}.person{display:flex;gap:9px;align-items:center;font-size:12px}.avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#315567;color:#eef9f8;font-weight:800;flex-shrink:0}.avatar.ai{background:#644737;color:#ffcf9e}.person small{display:block;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.inline-form{display:flex;flex-direction:column;gap:9px}.inline-form button{align-self:start}.conversation{display:flex;flex-direction:column;overflow:hidden}.room-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:19px 24px;border-bottom:1px solid var(--line)}.room-header h3{margin:0 0 5px;font-size:18px}.room-header p{margin:0;font-size:11px;color:var(--muted)}.timeline{flex:1;min-height:320px;max-height:690px;overflow-y:auto;padding:26px}.empty-state{text-align:center;margin:85px auto;max-width:320px;color:var(--muted)}.empty-state span{font-size:60px;color:var(--aqua)}.empty-state h3{color:var(--text)}.message-card{margin:0 0 18px;max-width:800px;padding:17px 20px;background:#1a2d38;border:1px solid #38515e;border-radius:12px}.message-card header{display:flex;align-items:center;gap:9px;justify-content:space-between}.message-card strong{font-size:12px;color:#f0c29f}.message-card small{color:var(--muted);font-size:10px}.message-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.75;margin:10px 0 0}.composer{padding:18px 24px;border-top:1px solid var(--line)}.composer-row{display:flex;gap:10px;align-items:end;margin-top:8px}.composer-row textarea{flex:1}.composer-row .primary{white-space:nowrap}.tools details{border-bottom:1px solid var(--line);padding:16px 0}.tools summary{cursor:pointer;display:flex;justify-content:space-between;font-size:13px;font-weight:700;list-style:none}.tools summary span{color:var(--aqua)}.tools details>*:not(summary){margin-top:15px}.tools pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#a9d4d4}.recall-results{font-size:12px;color:#d3e1e2;white-space:pre-wrap;overflow-wrap:anywhere}.features{padding-top:130px;padding-bottom:140px}.section-intro{max-width:730px;margin-bottom:52px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#14232e;border:1px solid var(--line);padding:34px;border-radius:17px;min-height:280px}.feature-icon{font-size:26px;color:var(--aqua);letter-spacing:-.06em}.feature h3{font-size:25px;letter-spacing:-.03em}.feature p{color:var(--muted);line-height:1.7;font-size:14px}.continuity-band{padding:110px max(5vw,24px);text-align:center;background:linear-gradient(110deg,#20434d,#172934 70%);border-top:1px solid #38616b;border-bottom:1px solid #38616b}.continuity-band h2{max-width:760px;margin:20px auto;font-size:clamp(38px,5vw,72px)}.continuity-band p{max-width:760px;margin:auto;color:#b9d5d7}.capability-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.stack-visual{display:flex;flex-direction:column;gap:13px;max-width:530px}.stack-visual>div,.stack-pair>div{border:1px solid #4b7882;border-radius:12px;background:#17313d;padding:18px 20px;font-weight:700}.stack-visual small{display:block;color:#92b9c2;margin-top:4px;font-weight:400}.stack-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}footer{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:32px max(5vw,24px);border-top:1px solid var(--line)}footer p{font-size:12px;color:var(--muted)}footer a{font-size:12px}#notice{position:fixed;z-index:99;bottom:25px;right:25px;max-width:430px;background:#28505c;border:1px solid #70b4b4;color:white;border-radius:12px;padding:16px 22px;box-shadow:0 16px 60px #0009;font-size:13px}#notice.error{background:#58392e;border-color:#cd846c}@media(max-width:1200px){.hero-orbit{opacity:.25;right:-80px}.workspace-layout{grid-template-columns:220px 1fr}.tools{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:0 23px}.tools>.panel-title{grid-column:1/-1}}@media(max-width:760px){nav{display:none}.hero{padding-top:90px;min-height:630px}.hero-orbit{display:none}.hero h1{font-size:clamp(50px,11vw,75px)}.hero-meta{gap:12px;flex-wrap:wrap;margin-top:75px}.auth-panel,.capability-section{grid-template-columns:1fr}.workspace-head{align-items:start;flex-direction:column}.workspace-buttons{flex-wrap:wrap}.workspace-layout{grid-template-columns:1fr}.sidepanel{order:0}.conversation{order:1}.tools{order:2;display:block}.timeline{max-height:600px}.feature-grid{grid-template-columns:1fr}.features{padding-top:75px}.form-actions{flex-wrap:wrap}.composer-row{flex-direction:column;align-items:stretch}.room-header{flex-direction:column;align-items:start}footer{align-items:start;flex-direction:column}}

.person .tiny{margin-left:auto;padding:5px 8px;font-size:10px;border-color:#657c87}

/* A compact marketing introduction makes the collaboration room the primary surface. */
.hero{min-height:480px;padding-top:66px;padding-bottom:36px}
.hero h1{font-size:clamp(48px,5.6vw,78px);line-height:1.02;margin:17px 0 16px;max-width:700px}
.hero .lede{font-size:15px;max-width:550px;line-height:1.65}
.hero-actions{margin-top:22px}
.hero-meta{margin-top:50px;padding-top:18px}
.hero-orbit{width:300px;height:300px;top:65px;right:8%}
.hero-orbit .c2{inset:62px}
.hero-orbit .c3{inset:108px}
.hero-orbit .o2{top:160px}
.hero-orbit .o3{bottom:4px}
/* Signed-in visitors are here to collaborate, not keep scrolling past the pitch. */
body.has-session .hero{min-height:215px;padding-top:30px;padding-bottom:20px}
body.has-session .hero h1{font-size:clamp(31px,3.5vw,48px);margin:8px 0 10px}
body.has-session .hero .lede,
body.has-session .hero .hero-meta,
body.has-session .hero .hero-orbit{display:none}
body.has-session .hero-actions{margin-top:14px}
body.has-session .hero-actions .primary{padding:10px 16px}
body.has-session .workspace{padding-top:22px}
@media(max-width:760px){
 .hero{min-height:0;padding-top:48px;padding-bottom:28px}
 .hero h1{font-size:clamp(42px,10vw,61px)}
 .hero-meta{margin-top:35px}
 body.has-session .hero{min-height:0;padding-top:22px}
 body.has-session .hero h1{font-size:32px}
}

/* The marketing hero belongs to the public landing experience only. */
body.has-session .hero{display:none}
body.has-session .workspace{padding-top:28px}

/* IRC-style presence and private message overlay. */
.participant-name{appearance:none;border:0;background:none;color:var(--text);padding:0;
 font-size:12px;text-align:left;cursor:pointer;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.participant-name:hover{color:var(--aqua);text-decoration:underline}
.typing-status{min-height:24px;display:flex;gap:8px;align-items:center;padding:2px 24px 6px;
 font-size:11px;color:var(--aqua);letter-spacing:.01em}
.typing-dots{display:inline-flex;gap:3px;align-items:center;flex-shrink:0}
.typing-dots i{display:block;width:5px;height:5px;border-radius:50%;background:var(--aqua);
 animation:typing-pulse 1.15s ease-in-out infinite}
.typing-dots i:nth-child(2){animation-delay:.16s}
.typing-dots i:nth-child(3){animation-delay:.32s}
@keyframes typing-pulse{0%,65%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.private-overlay{position:fixed;inset:0;background:#0009;z-index:90;display:flex;
 align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}
.private-overlay[hidden]{display:none}
.private-dialog{width:min(510px,100%);height:min(650px,85vh);background:#152733;
 border:1px solid #59717b;border-radius:18px;box-shadow:0 30px 100px #000c;
 display:flex;flex-direction:column;overflow:hidden}
.private-header{display:flex;justify-content:space-between;align-items:start;
 padding:22px;border-bottom:1px solid var(--line)}
.private-header small{color:var(--aqua);letter-spacing:.16em;font-size:10px}
.private-header h2{font-size:27px;margin:8px 0 0}
.private-body{flex:1;overflow-y:auto;padding:22px;color:var(--muted);font-size:14px}
.private-footer{display:flex;align-items:end;gap:9px;padding:17px;border-top:1px solid var(--line)}
.private-footer input{flex:1}
.direct-message{background:#1d3542;padding:13px 15px;margin-bottom:11px;
 border:1px solid #42606c;border-radius:12px;color:var(--text);overflow-wrap:anywhere}
.direct-message strong{display:inline-block;color:var(--aqua);font-size:12px}
.direct-message small{display:block;font-size:10px;color:var(--muted)}
.direct-message p{margin:9px 0 0;white-space:pre-wrap;font-size:13px}
.command-help{white-space:pre-wrap;font-size:12px;line-height:2;color:var(--text);overflow-x:auto}
@media(prefers-reduced-motion:reduce){.typing-dots i{animation:none}}
@media(max-width:760px){.private-dialog{height:min(610px,92vh)}}

/* Account administration is a distinct, authenticated surface opened from the email address. */
.account-identity{border:0;background:transparent;color:var(--aqua);font:inherit;font-size:12px;
 padding:7px 10px;cursor:pointer;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-identity:hover,.account-identity:focus-visible{text-decoration:underline}
.account-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
 background:#000a;backdrop-filter:blur(8px);padding:20px;z-index:100}
.account-overlay[hidden]{display:none}
.account-dialog{width:min(680px,100%);max-height:min(760px,92vh);overflow:hidden;display:flex;
 flex-direction:column;background:#152733;border:1px solid #59717b;border-radius:18px;
 box-shadow:0 30px 100px #000b}
.account-dialog-head{display:flex;align-items:start;justify-content:space-between;
 padding:22px 26px;border-bottom:1px solid var(--line)}
.account-dialog-head small{font-size:10px;letter-spacing:.16em;color:var(--aqua)}
.account-dialog-head h2{margin:8px 0 0;font-size:30px}
.account-dialog-content{overflow:auto;padding:5px 26px 26px}
.account-section{border-bottom:1px solid var(--line);padding:21px 0}
.account-section:last-child{border:0}
.account-section h3{font-size:16px;margin:0 0 12px}
.account-section p{margin:7px 0;overflow-wrap:anywhere;font-size:13px}
.account-section strong{margin-right:10px;font-weight:650}
.account-switch{display:flex;align-items:start;gap:13px;border:1px solid var(--line);
 padding:11px 13px;margin:8px 0;border-radius:10px;cursor:pointer}
.account-switch>input{flex-shrink:0;width:18px;height:18px;margin-top:1px;accent-color:var(--aqua)}
.account-switch>span{font-size:13px;font-weight:650}
.account-switch small{font-weight:400;display:block;color:var(--muted);margin-top:5px;line-height:1.5}
.account-actions{display:flex;justify-content:flex-end;padding-top:10px}
.account-access-list{display:grid;gap:7px;font-size:13px}
.account-access-list .access-row{display:flex;align-items:center;justify-content:space-between}
@media(max-width:760px){.account-identity{max-width:150px}.account-dialog-content{padding:5px 16px 18px}}

/* Paid account enrollment */
.registration-overlay{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:16px;background:#000a;backdrop-filter:blur(8px)}
.registration-overlay[hidden]{display:none}
.registration-dialog{width:min(670px,100%);max-height:94vh;overflow:hidden;display:flex;flex-direction:column;background:#152733;border:1px solid #59717b;border-radius:18px;box-shadow:0 30px 100px #000b}
.registration-header{display:flex;justify-content:space-between;align-items:start;padding:20px 25px 14px;border-bottom:1px solid var(--line)}
.registration-header small{color:var(--aqua);font-size:10px;letter-spacing:.14em}
.registration-header h2{margin:6px 0 0;font-size:27px}
.registration-form{overflow:auto;display:grid;gap:14px;padding:22px 25px 25px}
.registration-form label{display:grid;gap:6px;font-size:13px}
.registration-form fieldset{border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0;display:grid;gap:10px}
.registration-form legend{padding:0 6px;color:var(--aqua);font-size:13px;font-weight:650}
.reg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reg-contact{grid-template-columns:repeat(3,minmax(0,1fr))}
.reg-contact legend{grid-column:1/-1}
.reg-contact label{display:flex;gap:8px;align-items:center;font-size:13px}
.reg-contact input,.registration-consent input{width:17px;height:17px;accent-color:var(--aqua)}
.registration-consent{display:flex!important;gap:10px;align-items:center}
.registration-consent span{display:inline}
.registration-consent a{color:var(--aqua)}
.registration-privacy{border:1px solid #49675f;border-radius:9px;padding:11px 14px;font-size:13px;color:#afded0;margin:0}
.registration-submit{justify-self:stretch}
@media(max-width:580px){.reg-fields{grid-template-columns:1fr}.registration-form{padding:18px}.registration-header{padding:18px}.registration-dialog{max-height:96vh}}

/* Room-owned conversation rhythm controls */
.conversation-settings{margin:12px 24px 4px;padding:14px 16px;border:1px solid #37545f;border-radius:12px;background:#142b34}
.conversation-settings .settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.conversation-settings .settings-heading span{color:var(--aqua);font-size:11px}
.conversation-settings .form-stack{margin-top:12px;gap:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.conversation-settings .form-stack label{min-width:0}
.conversation-settings .form-stack label:first-child,.conversation-settings .form-stack .hint{grid-column:1/-1;margin:0}
.conversation-settings .form-stack input,.conversation-settings .form-stack select{padding:9px 10px}
.conversation-settings .form-stack button{grid-column:1/-1;justify-self:start}
@media(max-width:760px){.conversation-settings{margin:10px}.conversation-settings .form-stack{grid-template-columns:1fr}.conversation-settings .form-stack label,.conversation-settings .form-stack button{grid-column:1/-1}}

/* Room UX: separate conversation from configuration */
.room-activity{margin:8px 0 0!important;color:var(--aqua)!important;font-size:12px!important}
.room-activity:not([hidden])::before{content:"";display:inline-block;width:9px;height:9px;border:2px solid #88d2d04d;border-top-color:var(--aqua);border-radius:50%;margin-right:8px;animation:room-spin .8s linear infinite;vertical-align:-1px}
@keyframes room-spin{to{transform:rotate(360deg)}}
.room-settings-panel .conversation-settings{margin:0;padding:0;border:0;background:transparent}
.room-settings-panel .form-stack{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.room-settings-panel .form-stack label,.room-settings-panel .form-stack button,.room-settings-panel .form-stack .hint{width:100%;grid-column:auto}
.room-settings-panel .form-stack button{justify-self:stretch}
.room-settings-panel .hint{margin:0 0 8px}
.room-management-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px}
.room-management-actions .ghost{width:100%;text-align:left}
.tools .room-settings-panel,.tools #room-management-panel{border-bottom:1px solid var(--line);padding:16px 0}
.tools .room-settings-panel summary,.tools #room-management-panel summary{font-size:13px}

/* Replaceable cognition controls. The dialog displays metadata only, never saved secrets. */
.cognition-overlay{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:18px;background:#000b;backdrop-filter:blur(6px)}
.cognition-overlay[hidden]{display:none}
.cognition-dialog{width:min(100%,570px);max-height:90vh;overflow:auto;background:#11232e;border:1px solid #56717c;border-radius:17px;padding:22px;box-shadow:0 20px 70px #000a}
.cognition-head{display:flex;justify-content:space-between;align-items:start;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}
.cognition-head h2{font-size:26px;margin:6px 0}.cognition-head small{font-size:10px;color:var(--aqua);letter-spacing:.15em}
.cognition-sections{display:flex;flex-direction:column;gap:20px;padding-top:17px}
.cognition-sections>section,.cognition-sections>form,.cognition-sections>details{border-bottom:1px solid var(--line);padding-bottom:18px}
.cognition-sections h3{font-size:16px;margin:0}
.cognition-sections .hint{margin:0}
.cognition-sections label{display:flex;flex-direction:column;gap:7px;color:#c9d5db;font-size:12px;font-weight:650}
.cognition-sections details summary{cursor:pointer;font-weight:650}
.cognition-sections details form{padding-top:15px}