/* R7 — a quiet canvas, with red for action and blue for intelligence. */
:root{--r7:#b82740;--r7-dark:#8e1e35;--r7-bright:#e64b63;--r7-soft:#fff0f3;--blue:#426ff3;--ink:#19253d;--gradient:linear-gradient(115deg,#cf3048 0%,#a43368 48%,#426ff3 100%);color-scheme:light}
body{background:#f8f9fd;color:var(--ink)}
button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #789bff;outline-offset:4px}button,a{transition:background .18s,box-shadow .18s,transform .18s}button:disabled{cursor:default}::selection{background:#dce5ff;color:#233d83}
.topbar{background:#f8f9fddd;border-bottom:1px solid #e8ebf3;height:88px}.brand-mark,.meeting-title .brand-mark,.feedback-mark{background:var(--gradient);color:white;box-shadow:0 5px 18px #b8274020;border:1px solid #ffffff20;font-size:18px;letter-spacing:-1px}.brand-light{color:#66728b}.top-note{color:#7b8498}.top-avatar{background:#e9ecf8;color:#5265a0;border:3px solid white}
.home{max-width:1440px;gap:60px;min-height:710px;padding-top:65px;padding-bottom:70px}.hero{padding-bottom:0}.eyebrow{color:#a4324e;letter-spacing:1.6px;font-size:10px}.live-dot{background:#5e88ff;box-shadow:0 0 0 4px #5e88ff18}.hero h1{font-size:clamp(48px,4.8vw,70px);letter-spacing:-3.5px;color:#1b2942;line-height:1.13;margin-top:25px}.hero h1 em{background:var(--gradient);background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#788297;font-size:16px;line-height:1.85;max-width:450px}.primary{background:var(--gradient);border-radius:12px;box-shadow:0 8px 24px #bd36532b;height:54px}.primary:hover{background:var(--gradient);box-shadow:0 10px 28px #9e386c42}.home-actions{margin-top:30px;gap:10px}.join-field{border-color:#e0e4ef;box-shadow:0 4px 14px #26345e04;border-radius:12px}.join-field:focus-within{border-color:#7997ec;box-shadow:0 0 0 3px #426ff315}.join-field button{color:#4264ba;background:#edf1fd}.demo-link{padding:0;background:none;border:0;color:#526bb0;font-size:12px;margin-top:22px}.demo-link:hover{background:none;color:#b82740}.hero-foot{color:#949bae;font-size:11px;margin-top:29px}.foot-icon{color:#af3850;font-weight:800;font-size:13px}
.hero-art{height:470px;transform:none}.hero-art:before{width:470px;height:430px;background:radial-gradient(ellipse at 25% 60%,#f8d9e4,transparent 65%),radial-gradient(ellipse at 80% 30%,#dbe5ff,transparent 70%);filter:blur(16px)}.art-orbit{border-color:#dce1f080}.orbit-one{width:470px;height:470px;top:50%}.orbit-two{width:360px;height:360px;top:50%}
.product-preview{position:absolute;inset:40px -8px 30px;background:#101a2f;border:1px solid #ffffff99;border-radius:20px;padding:16px;box-shadow:0 35px 70px #2b36552b;transform:perspective(1500px) rotateY(-5deg) rotateX(2deg);display:flex;flex-direction:column;gap:13px;color:#edf1ff}.mini-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8b98b5}.mini-brand{font-weight:800;color:white;display:flex;align-items:center;gap:7px}.mini-brand b{display:grid;place-items:center;background:var(--gradient);width:24px;height:24px;border-radius:7px;font-size:10px}.mini-live{display:flex;align-items:center;gap:6px}.mini-live .live-dot{width:5px;height:5px}.mini-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:9px;flex:1;min-height:0}.mini-person{border-radius:12px;background:radial-gradient(ellipse at 40% 30%,#49536e,#242d46);position:relative;display:grid;place-content:center;gap:13px;justify-items:center;overflow:hidden}.mini-person:first-child{border:1px solid #6b8fff;box-shadow:0 0 0 2px #426ff319}.mini-person:nth-child(2){background:radial-gradient(ellipse at 50% 25%,#624456,#2d293c)}.mini-portrait{width:75px;height:75px;background:linear-gradient(135deg,#6c7fba,#3b4c79);border:5px solid #ffffff0d;border-radius:50%;display:grid;place-items:center;font:700 27px Manrope,sans-serif;color:#e2e8ff}.mini-person:nth-child(2) .mini-portrait{background:linear-gradient(135deg,#b3677b,#64374d)}.mini-person small{font-size:9px;color:#bdc7dd}.mini-person>span:last-child{position:absolute;left:9px;bottom:9px;font-size:9px;background:#111a2c99;border-radius:5px;padding:5px 7px}.mini-wave{position:absolute;top:9px;right:9px;background:#426ff3;border-radius:6px;padding:4px;font-size:10px;letter-spacing:1px}.mini-controls{display:flex;justify-content:center;gap:8px}.mini-controls>span{display:grid;place-items:center;width:30px;height:28px;border-radius:8px;background:#25324b}.mini-controls .icon{width:13px;height:13px}.mini-controls>span:last-child{background:#c93650}.mini-controls>span:last-child .icon{transform:rotate(135deg)}.floating-coach{position:absolute;bottom:1px;left:-26px;right:45px;background:white;border:1px solid #e7e9f3;border-radius:15px;padding:16px;box-shadow:0 14px 35px #2a395b1a;display:flex;align-items:start;gap:12px}.coach-glyph{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:var(--gradient);color:white}.coach-glyph .icon{width:19px;height:19px}.floating-coach strong{font-size:12px;color:#283551}.floating-coach small{font-size:9px;color:#8290b2;margin-left:7px}.floating-coach p{font-size:11px;color:#73809a;line-height:1.5;margin:5px 0 0}.preview-caption{position:absolute;top:6px;right:0;font-size:10px;letter-spacing:.6px;color:#8a93aa;display:flex;align-items:center;gap:7px}
.flow-section{border-color:#e6eaf3;padding-top:45px}.flow-intro h2{color:#23304b;font-size:34px}.flow-intro p{color:#818b9e;font-size:14px}.flow-grid{gap:16px}.flow-card{border-color:#e5e9f2;box-shadow:none;border-radius:16px;padding:24px;min-height:205px}.flow-card>span{color:#8c97ac}.flow-card>.icon{color:#5279de;background:#eef3ff;width:40px;height:40px;padding:9px;border-radius:12px}.flow-card h3{color:#27344e}.flow-card p{color:#818a9c}.flow-arrow{color:#b3bbcc}.flow-cta{background:#eef2fd;color:#526fb9;border-color:#e0e7fa}.site-footer{border-color:#e6eaf3;color:#9ba3b5}
.prejoin-top a{color:#526fb9}.preview-box{background:radial-gradient(ellipse at 30% 20%,#283857,#111b30);border:1px solid #334364}.preview-box video{background:#111b30}.preview-avatar,.tile-avatar{background:linear-gradient(140deg,#a53354,#4d65b7);box-shadow:0 0 0 12px #ffffff04}.round-control{color:#5065a4;border-color:#dce3f3}.prejoin-info h1{color:#24324d}.prejoin-info p,.prejoin-info label{color:#7a859b}.prejoin-info input{border-color:#dde3ef}.invite-box{background:#edf2ff;border-color:#dfe6f9}.invite-box>span,.invite-box code,.invite-box button{color:#526cb2}
.meeting{background:radial-gradient(ellipse at 0 0,#291b34 0,transparent 45%),radial-gradient(ellipse at 100% 100%,#142647 0,transparent 50%),#0d1424;height:100dvh;min-height:420px}.meeting-top{height:76px;border-color:#ffffff09;padding:0 26px;background:#0e162799}.meeting-title strong{font-size:14px;letter-spacing:-.3px}.meeting-title small{color:#7d8ba6;font-size:10px}.meeting-title .brand-mark{height:37px;width:37px;border-radius:11px;margin-right:2px}.meeting-status{font-size:11px;color:#94a2bb}.meeting-status .live-dot{width:6px;height:6px}.invite-top{background:#ffffff06;border:1px solid #ffffff18;color:#c8d2e7;font-size:11px;border-radius:9px}.invite-top:hover{background:#ffffff10}.stage{padding:24px;gap:14px}.tiles{gap:16px;place-items:center}.tile{background:radial-gradient(ellipse at 45% 30%,#303b57,#1b253b);border:1px solid #ffffff0c;border-radius:17px;transition:box-shadow .2s,border-color .2s;flex:none}.tile:nth-child(2n){background:radial-gradient(ellipse at 40% 25%,#4c334d,#24243a)}.tile-avatar{width:85px;height:85px;font-size:32px}.tile video,.tile video.camera-video,.tile video.screen-video,.tile video#video-self.camera-video{background:#111a2d;object-fit:contain}.tile video.camera-video.picture-in-picture,.tile video#video-self.camera-video.picture-in-picture{object-fit:contain;border-color:#b0bfe2;background:#111a2d;bottom:47px;right:15px}.tile.presenting{border-color:#4c5e8a;box-shadow:none}.tile-footer{bottom:14px;left:14px;right:14px;font-size:11px}.tile-footer span{background:#0d1429a8;backdrop-filter:blur(8px);border:1px solid #ffffff0a;padding:7px 10px;border-radius:8px}.tile-footer>.icon{color:#a4b2cf;background:#101a30a8;border-radius:50%;padding:6px;width:29px;height:29px}.speaker-badge{position:absolute;z-index:4;right:13px;top:13px;display:none;align-items:center;gap:7px;border-radius:8px;background:#426ff3e8;box-shadow:0 4px 20px #2041a83b;color:white;padding:7px 9px;font-size:10px;font-weight:700}.speaking .speaker-badge{display:flex}.tile.speaking{border-color:#789bff;animation:speaker-glow 1.5s ease-in-out infinite}.voice-bars{display:flex;align-items:center;gap:2px;height:13px}.voice-bars i{display:block;width:3px;height:5px;background:#fff;border-radius:3px;animation:voice-bar .65s ease-in-out infinite alternate}.voice-bars i:nth-child(2){animation-delay:-.3s;height:12px}.voice-bars i:nth-child(3){animation-delay:-.15s;height:8px}@keyframes speaker-glow{50%{box-shadow:0 0 0 3px #426ff326,0 0 28px #426ff325}}@keyframes voice-bar{to{height:3px}from{height:13px}}
.stage-hint{font-size:10px;color:#677895;line-height:1.5;text-align:center}.stage-hint .icon{color:#7286ae}.meeting-footer{height:92px;border-top:1px solid #ffffff08;background:#0c1425aa;padding:0 26px;gap:14px}.meeting-meta strong{font-size:12px;color:#c4cfe5}.meeting-meta span{color:#667795;font-size:10px}.controls{gap:9px;background:#ffffff03;border:1px solid #ffffff07;border-radius:17px;padding:6px}.control{height:43px;min-width:43px;border-radius:11px;border:1px solid #ffffff0e;background:#26324a;color:#dbe4f6;font-size:11px;padding:0 13px}.control:hover{background:#364767;transform:translateY(-2px)}.control.off{background:#f9e8ed;color:#a32d48;border-color:#f9e8ed}.control.hangup{background:#cf3450;border-color:#e34b65;min-width:58px}.control.hangup:hover{background:#e03e5b}.control.share.active{background:#294d93;border-color:#6683c3;color:white}.meeting-tools{gap:3px}.tool-button{color:#8d9dba;border-radius:10px;font-size:10px}.tool-button span{font-size:10px}.tool-button.selected{background:#2c3d64;color:#a9c0ff}.tool-button:hover{background:#ffffff0b;color:#dbe5fb}#coach-button{border:1px solid #92517f60;color:#d5b7e4;background:linear-gradient(120deg,#ad34552b,#426ff32b);padding:0 12px}#coach-button.selected{border-color:#8272c3;background:linear-gradient(120deg,#a7335455,#426ff349);color:#fff}.demo-controls-label{color:#7888a4;font-size:8px}.tool-separator{border-color:#ffffff13}
.side-panel,.side-panel.wide{margin:16px 16px 16px 0;border-radius:17px;min-width:320px;max-width:min(70vw,900px);background:#f8f9fd;border:1px solid #ffffff19;color:#25334f;box-shadow:0 8px 35px #0002}.workspace-header{height:83px;border-color:#e5e9f2;padding:17px 18px 15px 21px}.panel-overline{color:#8b96ad;font-size:8px;letter-spacing:1.7px}.workspace-header h2{color:#25334f;font-size:17px}.workspace-header button{color:#919bb0}.workspace-header button:hover{background:#e9edfa}.workspace-switcher{padding:12px 15px;gap:5px;border-color:#e5e9f2;scrollbar-width:thin}.workspace-switcher button{color:#7a869e;border:1px solid transparent;background:transparent;font-size:10px;padding:7px 9px}.workspace-switcher button.active{color:#476bc4;background:#e9efff;border-color:#dce5fc}.workspace-note{background:#eef2fc;color:#7c8baa;font-size:9px;line-height:1.5;padding:11px 18px}.workspace-note .icon{color:#6384dc}.workspace-grid{padding:14px;gap:14px;scrollbar-width:thin;scrollbar-color:#d6deef transparent}.workspace-card{border-color:#e3e8f3;border-radius:13px;box-shadow:0 3px 14px #233e7104}.workspace-card>header{border-color:#edf0f6;min-height:47px}.workspace-card h3{color:#425271;font-size:12px}.workspace-card h3 .icon{color:#6687dc}.workspace-card>header button{color:#a2acc0}.workspace-body{padding:17px}.panel-resize-handle{background:transparent;touch-action:none}.panel-resize-handle:hover{background:#426ff326}.coach-profile{display:flex;align-items:center;gap:11px;padding-bottom:17px;margin-bottom:16px;border-bottom:1px solid #edf0f6}.coach-profile>div:last-child{display:grid;gap:4px}.coach-profile strong{font:800 14px Manrope,sans-serif;color:#2b3958}.coach-profile small{font-size:10px;color:#8a96b0}.coach-profile .coach-glyph{width:41px;height:41px;border-radius:13px}.coach-flow{font-size:8px;letter-spacing:.25px;gap:5px}.coach-flow span{background:#f1f4fb;color:#8794ad;padding:6px}.coach-flow b{color:#b1bdd3}.coach-status{font-size:8px;letter-spacing:.8px;color:#8a98b1;margin:17px 0 11px}.coach-status .live-dot{background:#8b91b1;box-shadow:none}.coach-insight{border:1px solid #dce5fc;border-left:3px solid #5c81e8;background:linear-gradient(130deg,#f0f4ff,#f9faff);border-radius:10px;padding:16px}.summary-kicker{color:#5e7dc7;font-size:8px}.coach-insight h3{color:#30456e;font-size:17px;line-height:1.45;margin:9px 0}.coach-insight p,.coach-recovery p{font-size:11px;line-height:1.75;color:#7c88a0}.coach-evidence,.coach-recovery,.coach-checklist{padding:18px 0;border-color:#edf0f6}.coach-evidence strong,.coach-recovery strong,.coach-checklist strong{color:#52617c;font-size:11px}.coach-evidence p{color:#8491aa;line-height:1.7}.coach-evidence small{color:#a2abc0;font-size:9px}.coach-recovery blockquote{background:#fff3f5;border:1px solid #f8e1e7;color:#a4596b;padding:12px;line-height:1.65;border-radius:9px}.coach-checklist label{color:#7a879e;line-height:1.6;gap:9px;margin:12px 0}.coach-checklist input{accent-color:#527ae0;width:15px;height:15px;flex:none}.coach-checklist label:has(:checked){color:#4e70bf;text-decoration:line-through;text-decoration-color:#b8c9ee}.coach-disclaimer{color:#a1abc0;line-height:1.6;font-size:9px}.ai-next{background:#476cd0}.summary-lead{background:#f0f4ff;border-color:#dfe7fc}.summary-lead h3,.summary-block h3{color:#3e527a}.summary-lead p,.summary-block ul,.next-step p{color:#7f8ca4}.transcript-item strong{color:#425574}.transcript-item p{color:#7d89a0}.transcript-item time,.transcript-item small{color:#a1abc0}.speaker-dot,.speaker-dot.r7{background:#eaf0ff;color:#5b78bb}.module-bridge{border-color:#dce4f8;color:#6381c0}.person-avatar{background:#eaf0ff;color:#5b78bb}.chat-form button{background:#4c72d6}.chat-form input{border-color:#e2e7f2}.chat-message strong{color:#4b607f}.chat-message p{color:#7e8ba1}.chat-empty{color:#8c99b0;line-height:1.7}
.demo-presentation{background:radial-gradient(ellipse at 0 80%,#70283f50,transparent 65%),linear-gradient(135deg,#1d2944,#15203a)}.demo-presentation>span{color:#7989aa;font-size:9px;letter-spacing:1px}.demo-slide{background:#f8f9fd;box-shadow:0 15px 45px #0003;width:85%;border-radius:10px}.demo-slide>span{color:#b73550;font-size:8px}.demo-slide h3{color:#273653;font-size:clamp(17px,2.1vw,36px)}.demo-slide p{color:#8b96ad;font-size:11px}.demo-camera{background:linear-gradient(140deg,#a44460,#506bb2);border:2px solid #95a9d5;width:22%;height:auto;aspect-ratio:4/3;font-size:26px;border-radius:11px}.demo-camera small{background:#1b284dcc;font-size:8px}
.feedback-page{background:radial-gradient(ellipse at 20% 40%,#fce6ed,transparent 60%),radial-gradient(ellipse at 80% 20%,#e8eeff,transparent 60%),#f8f9fd}.feedback-card{border-color:#e5e9f3;box-shadow:0 20px 60px #2c3f6910}.feedback-card h1{color:#25334f}.feedback-scale button{border-color:#e1e7f3;color:#657696}.feedback-scale button.selected,.feedback-scale button:hover{background:#5277d9;border-color:#5277d9}
@media(min-width:1101px){.meeting-footer{grid-template-columns:minmax(100px,1fr) auto minmax(300px,1fr)}}
@media(max-width:1100px){.home{gap:30px}.product-preview{inset:55px -10px 50px}.floating-coach{left:-10px;right:5px;bottom:15px}.hero-art:before{width:350px}.orbit-one{width:380px;height:380px}.orbit-two{width:290px;height:290px}.side-panel{min-width:320px}.ai-tool span{display:none}#coach-button span{display:inline}.meeting-footer{padding:0 16px}.meeting-meta{display:none}.meeting-footer{grid-template-columns:auto 1fr}.controls{gap:6px}.control{padding:0 11px}}
@media(max-width:760px){.topbar{height:72px;padding:0 24px}.home{padding:48px 24px 28px;min-height:0}.hero h1{font-size:clamp(44px,9vw,66px);letter-spacing:-2.6px}.hero p{font-size:15px}.hero-art{height:400px;margin:35px 0 10px;transform:none}.product-preview{inset:25px 8px 45px;transform:none}.floating-coach{left:0;right:35px;bottom:5px}.preview-caption{top:0;right:10px}.hero-art:before{width:100%;height:100%}.art-orbit{display:none}.home-actions{flex-wrap:wrap}.join-field{min-width:190px}.flow-intro h2{font-size:29px}.flow-card{min-height:0}.meeting-top{height:66px;padding:0 13px}.meeting-footer{height:111px;grid-template-columns:1fr;grid-template-rows:59px 45px;padding:4px 8px;gap:0}.controls{padding:5px}.control{height:40px;min-width:41px}.control.share span{display:inline;font-size:10px}.meeting-tools{gap:8px}.tool-button{height:35px;min-width:37px}.ai-tool span{display:none}#coach-button span{display:inline}.stage{padding:12px}.side-panel,.side-panel.wide{position:absolute;inset:0 8px 8px 8px;margin:0;width:auto!important;max-width:none;min-width:0;border-radius:15px;z-index:5}.workspace-header{height:70px}.tile-footer{left:8px;right:8px;bottom:8px}.tile-footer span{font-size:9px;padding:5px 7px}.speaker-badge{font-size:8px;top:8px;right:8px;padding:5px 7px}.tile-avatar{width:56px;height:56px;font-size:24px}.demo-presentation{padding:12px}.demo-presentation>span{font-size:7px}.demo-camera{bottom:38px;right:10px}.demo-slide{padding:18px}.demo-slide p{font-size:8px}.tiles:has(.tile.presenting) .tile{grid-column:auto;grid-row:auto}.preview-box{border-radius:18px}.feedback-scale button{min-height:30px}}
@media(max-width:430px){.eyebrow{font-size:8px;letter-spacing:1px}.hero-art{height:355px}.hero h1{font-size:46px}.home-actions{display:flex}.home-actions .primary{width:100%}.join-field{flex-basis:100%;min-width:0}.meeting-title strong{font-size:12px}.meeting-top .invite-top{font-size:10px}.meeting-top #copy-meeting{font-size:0}.meeting-tools{gap:6px}.tool-button{min-width:32px}.control.share span{display:none}.demo-controls-label{display:none}.floating-coach{right:4px}.mini-portrait{width:60px;height:60px;font-size:23px}}
.workspace-switcher{scrollbar-width:none}.workspace-switcher button{padding:7px;font-size:9px}.workspace-card{min-height:min-content!important;overflow:hidden}.workspace-body{overflow:visible;flex:none}.workspace-grid{grid-auto-rows:max-content}.workspace-body.chat-workspace{min-height:230px}.mini-person>span:not(.mini-wave){position:absolute;left:9px;bottom:9px;font-size:9px;background:#111a2c99;border-radius:5px;padding:5px 7px}
.audio-notice{display:flex;gap:9px;align-items:start;padding:12px;border:1px solid #dfe7fb;background:#f1f5ff;border-radius:10px;color:#65799e;font-size:11px;line-height:1.6}.audio-notice .icon{width:17px;height:17px;margin-top:2px}.audio-session{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;font-size:10px;line-height:1.5;margin:18px 0}.audio-session dt{color:#8794ac}.audio-session dd{margin:0;color:#4f648a;overflow-wrap:anywhere}.audio-sources{display:grid;gap:10px}.audio-source{border:1px solid #e2e8f5;border-radius:10px;padding:13px}.audio-source>strong{display:flex;justify-content:space-between;gap:8px;color:#40577d;font-size:12px}.audio-source small{color:#93a0b7;font-size:9px;font-weight:500}.audio-state{display:block;font-size:10px;margin-top:6px;color:#7d8eab}.audio-source details{margin-top:11px;font-size:10px;color:#7185a9}.audio-source summary{cursor:pointer;color:#5275ba;line-height:1.7}.audio-source code{display:block;font-size:9px;overflow-wrap:anywhere;background:#f5f7fc;padding:8px;margin:6px 0;border-radius:6px}.audio-source details>span{display:block;font-size:9px;line-height:1.6;margin-top:6px}.audio-guide{font-size:10px;line-height:1.7;color:#91a0b7}.workspace-switcher button:last-child{margin-right:2px}
.topbar .central-home-link{display:block;color:#6c7fad;font-weight:700;font-size:12px;margin-left:auto}.central-home-link:hover{color:#ad355a}#central-button{color:#a8bddf;border:1px solid #5d789233}#central-button.selected{background:#29466b;color:#d8e6ff}@media(max-width:760px){.meeting-tools{gap:2px}.tool-button{min-width:32px}#coach-button{padding:0 7px}.workspace-switcher button{padding:7px 6px;font-size:8px}.topbar .central-home-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tile.speaking{box-shadow:0 0 0 3px #426ff326}.voice-bars i{height:8px}}
@media(max-width:430px){.topbar{gap:12px}.topbar .top-avatar{display:none}}
