/* Shared visual language with Lobbito Arena and the institutional home. */
:root { --orange:#ff7a00; --gutter:32px; }
::selection { background:var(--orange); color:#0b0d10; }
h1,h2,h3 { font-weight:750; letter-spacing:-.045em; }
.brand { gap:11px; flex:none; }
.brand-wordmark { display:block; width:146px; height:auto; }
.brand-product { font-size:9px; font-weight:800; letter-spacing:.16em; color:var(--muted); padding-left:11px; border-left:1px solid var(--line); }
.site-header { background:#0b0d10f2; border-color:var(--line); }
.header-inner { min-height:86px; }
.site-header nav { font-size:12px; gap:25px; }
.site-header nav>.nav-secondary { min-height:44px; display:inline-flex; align-items:center; }
.site-header nav .nav-panel { min-height:44px; display:inline-flex; align-items:center; border-radius:8px; font-size:12px; padding-inline:17px; }
.nav-language { min-height:44px; display:inline-flex; align-items:center; }
.site-menu { display:none; position:relative; }
.site-menu>summary { list-style:none; cursor:pointer; width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--line); border-radius:8px; }
.site-menu>summary::-webkit-details-marker { display:none; }
.site-header .site-menu>nav { position:absolute; right:0; top:calc(100% + 12px); width:240px; padding:8px; display:grid; gap:2px; border:1px solid var(--line-strong); border-radius:12px; background:var(--surface); box-shadow:0 15px 35px #0005; }
.site-menu:not([open])>nav { display:none; }
.site-menu>nav>a { padding:10px 12px; min-height:44px; display:flex; align-items:center; border-radius:6px; }
.site-menu>nav>a:hover { background:var(--surface-raised); }
.button { border-radius:8px; font-weight:750; font-size:13px; gap:16px; }
.button.large { font-size:13px; min-height:50px; padding:13px 22px; }
.button>span[aria-hidden] { font-size:18px; line-height:1; }
.button.primary { color:#17100a; }
.hero-accent { color:var(--orange); }
.live-dot { background:var(--orange); box-shadow:none; }
.bot-home .hero { padding:92px 0 88px; gap:64px; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
.bot-home .hero-kicker { border:0; border-radius:0; padding:0; font-size:9px; font-weight:800; letter-spacing:.17em; color:#c7cbd1; margin-bottom:23px; }
.hero-kicker .live-dot { width:6px; height:6px; }
.bot-home .hero h1 { font-size:clamp(44px,4.75vw,66px); line-height:1.1; letter-spacing:-.06em; margin-bottom:24px; font-weight:800; text-wrap:initial; }
.bot-home .hero-lead { font-size:15px; line-height:1.9; color:var(--muted); margin-bottom:28px; }
.bot-home .hero-facts { font-size:10px; gap:12px 20px; margin-top:25px; }
.bot-home .hero-facts .brand-icon { width:15px; height:15px; }
.install-note { margin-top:16px; max-width:450px; font-size:11px; color:var(--muted); }
.install-note summary { cursor:pointer; text-underline-offset:4px; }
.install-note p { font-size:11px; margin:12px 0 0; }
.install-note a { color:var(--text); text-decoration:underline; text-underline-offset:3px; }
.ai-start-note { font-size:11px; line-height:1.7; margin:15px 0 0; color:var(--muted); }
.ai-demo-heading { display:flex; align-items:center; gap:12px; padding:23px 22px; }
.ai-demo-avatar { display:grid; place-items:center; width:40px; height:40px; border:1px solid #654022; border-radius:10px; background:#ff7a0010; color:var(--orange); }
.ai-demo-heading>div { min-width:0; }
.ai-demo-heading strong { display:block; font-size:15px; letter-spacing:-.02em; }
.ai-demo-heading small { display:block; font-size:10px; margin-top:2px; }
.ai-demo-badge { margin-left:auto; color:var(--orange); border:1px solid #654022; padding:3px 8px; border-radius:5px; font-size:8px; font-weight:800; letter-spacing:.1em; }
.ai-chat { padding:2px 22px 21px; display:grid; gap:19px; }
.ai-chat-message { display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; align-items:start; }
.ai-member-avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; font-size:9px; font-weight:800; color:#c7cbd1; background:#303641; margin-top:2px; }
.ai-assistant-avatar { width:28px; height:24px; margin-top:5px; }
.ai-chat-author { display:flex; align-items:center; gap:7px; font-size:10px; font-weight:800; color:#c7cbd1; margin-bottom:8px; }
.ai-chat-author small { font-size:7px; font-weight:800; padding:1px 4px; background:#ff7a0016; color:var(--orange); border-radius:3px; }
.ai-chat-message p { font-size:12px; line-height:1.85; margin:0; color:#c7cbd1; }
.ai-chat-message code { color:var(--orange); font-size:11px; background:#ff7a0012; border-radius:4px; padding:2px 5px; }
.ai-chat-message.member>div { padding:13px 15px; background:var(--surface-raised); border:1px solid var(--line); border-radius:0 10px 10px; }
.ai-chat-message.assistant>div { padding:15px; background:linear-gradient(125deg,#ff7a0010,#1b1f26); border:1px solid #654022; border-radius:0 10px 10px; }
.ai-chat-message.assistant p+p { margin-top:11px; }
.ai-chat-message.assistant .ai-chat-author { color:var(--text); }
.ai-demo-note { display:flex; align-items:center; gap:9px; padding:14px 22px; color:var(--muted); border-top:1px solid var(--line); font-size:9px; }
.ai-demo-note .brand-icon { width:14px; height:14px; color:var(--orange); flex:none; }
.ai-conversation .preview-footer code { color:var(--orange); font:inherit; font-weight:750; }
.bot-home .hero-preview { padding:0; }
.bot-home .preview-window { position:relative; background:var(--surface); border-radius:16px; border-color:#3b424e; box-shadow:0 20px 50px #0003; }
.bot-home .preview-window:before { content:''; position:absolute; top:0; left:25px; height:3px; width:62px; background:var(--orange); }
.bot-home .window-top { margin:0 22px; padding:19px 0; justify-content:space-between; background:transparent; }
.bot-home .window-label { margin:0; color:#bfc3ca; font-size:8px; font-weight:800; letter-spacing:.15em; }
.bot-home .preview-heading { display:block; padding:24px 22px 20px; }
.preview-eyebrow { display:block; font-size:8px; font-weight:750; letter-spacing:.17em; color:var(--muted); margin-bottom:8px; }
.bot-home .preview-heading strong { font-size:28px; line-height:1.15; letter-spacing:-.045em; font-weight:750; }
.bot-home .preview-banner { display:flex; align-items:center; gap:13px; margin-inline:22px; padding:17px; border:1px solid #604026; border-radius:8px; background:linear-gradient(110deg,#ff7a0014,#1b1f26); }
.preview-banner>.brand-icon { color:var(--orange); width:25px; height:25px; flex:none; }
.preview-banner div>span { display:block; font-size:11px; color:var(--text); font-weight:750; }
.preview-banner div>small { font-size:9px; display:block; margin-top:4px; }
.bot-home .preview-modules { padding:15px 22px 21px; gap:9px; }
.bot-home .preview-modules>div { border-radius:8px; padding:12px; column-gap:11px; background:var(--surface-raised); }
.bot-home .preview-modules strong { font-size:12px; }
.bot-home .preview-modules small { font-size:10px; }
.bot-home .preview-modules .module-icon { width:34px; height:34px; border-radius:7px; }
.bot-home .preview-modules>div { grid-template-columns:34px 1fr auto; }
.bot-home .preview-switch,.bot-home .preview-switch:after { animation:none; }
.bot-home .preview-footer { display:flex; justify-content:space-between; padding:13px 22px; font-size:8px; background:transparent; }
.bot-home .section-block { padding-block:66px; }
.bot-home #recursos { border-top:1px solid var(--line); }
.section-kicker { color:var(--orange); font-size:9px; text-transform:uppercase; font-weight:800; letter-spacing:.18em; margin:0 0 16px; }
.bot-home .section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.bot-home .section-heading h2 { font-size:38px; line-height:1.15; margin:0; }
.bot-home .section-heading>p { max-width:340px; font-size:13px; line-height:1.9; margin-bottom:3px; }
.bot-home .feature-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.bot-home .feature-card { padding:24px 21px; border-radius:12px; min-width:0; }
.feature-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; }
.feature-card-top>span:last-child { font:700 23px/1 'Barlow Condensed',sans-serif; color:var(--muted); }
.bot-home .feature-card .module-icon { margin:0; width:38px; height:38px; border-radius:9px; }
.bot-home .feature-card h3 { font-size:18px; line-height:1.3; letter-spacing:-.035em; margin-bottom:13px; }
.bot-home .feature-card p { font-size:12px; line-height:1.85; }
.bot-home .feature-tags { gap:6px; margin-top:auto; padding-top:20px; }
.bot-home .feature-tags li { font-size:9px; padding:4px 7px; border-radius:4px; }
.module-icon.mint,.module-icon.lilac,.module-icon.amber { color:var(--orange); background:#ff7a0010; border-color:#654022; }
.bot-home .section-note { margin-top:18px; font-size:10px; line-height:1.8; }
.bot-home .showcase-grid { gap:20px; }
.bot-home .showcase-area { background:var(--surface); border-radius:12px; padding:24px; }
.bot-home .showcase-head h3 { font-size:18px; }
.bot-home .showcase-head p { font-size:12px; line-height:1.8; }
.bot-home .chip-list li { font-size:11px; border-radius:5px; background:var(--surface-raised); border-color:var(--line); }
.bot-home .showcase-link { margin-top:27px; }
.bot-home .onboarding-section { border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-block:28px 10px; gap:75px; }
.onboarding-intro .section-kicker { font-size:9px; color:var(--orange); }
.bot-home .onboarding-intro h2 { font-size:35px; }
.bot-home .onboarding-intro>p:not(.section-kicker) { font-size:13px; line-height:1.9; }
.setup-steps>li>span { font-family:'Barlow Condensed',sans-serif; font-size:23px; background:transparent; border:1px solid #654022; color:var(--orange); border-radius:9px; }
.bot-home .setup-steps h3 { font-size:16px; }
.bot-home .setup-steps p { font-size:12px; line-height:1.85; }
.bot-home .demo-scenarios article { padding:23px; border-radius:12px; }
.bot-home .demo-scenarios h3 { font-size:17px; }
.bot-home .demo-scenarios p,.bot-home .demo-scenarios ul { font-size:12px; line-height:1.85; }
.bot-home .demo-scenarios .experience-preview { font-size:12px; }
.bot-home .demo-scenarios .experience-preview strong { overflow-wrap:anywhere; }
.bot-home .demo-scenarios .theme-mint { --preview-accent:var(--orange); }
.bot-home .final-cta { position:relative; margin:10px 0 88px; padding:48px 32px; background:linear-gradient(115deg,#1b1f26,#1c1916); border:1px solid #45403b; border-radius:16px; overflow:hidden; }
.bot-home .final-cta .cta-avatar { width:52px; height:auto; margin-bottom:25px; border-radius:0; }
.bot-home .final-cta h2 { font-size:44px; line-height:1.1; margin-bottom:19px; }
.bot-home .final-cta>p:not(.section-kicker) { font-size:13px; margin-bottom:24px; }
.final-cta .button-row { justify-content:center; }
.site-footer { background:var(--bg); border-color:var(--line); }
.footer-brand .brand-wordmark { width:133px; }
.site-footer nav a { font-size:11px; min-height:35px; display:inline-flex; align-items:center; }
.footer-identity p,.footer-bottom { font-size:11px; }
.connect-layout,.support-layout { padding-block:76px; }
.connect-card,.support-panel { border-radius:12px; border-color:var(--line); }
.connect-avatar { width:96px; height:96px; border-radius:12px; margin-bottom:25px; }
.connect-intro h1,.support-intro h1 { font-size:47px; line-height:1.12; letter-spacing:-.05em; }
.connect-intro .hero-lead { font-size:16px; line-height:1.9; color:var(--muted); }
.guide-intro h1,.legal-page h1 { letter-spacing:-.045em; }
.dashboard-layout { gap:28px; }
.dashboard-sidebar { padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--surface); top:110px; }
.dashboard-sidebar .sidebar-community { gap:10px; }
.dashboard-sidebar nav a { min-height:44px; border-radius:8px; }
.dashboard-sidebar nav a.active,.simple-primary-nav a[aria-current=page] { color:var(--orange); background:#ff7a0012; }
.dashboard-sidebar nav a:hover { color:var(--text); background:var(--surface-raised); }
.dashboard-sidebar .sidebar-footnote { padding-inline:0; }
.settings-card,.simple-module-tile,.module-picker .simple-initial-note { border-radius:12px; }
.simple-module-tile { padding:22px; }
.server-card { border-radius:12px; }
.data-output { font-size:12px; }
.simple-module-icon { display:grid; place-items:center; width:42px; height:42px; background:var(--surface-raised); border:1px solid var(--line); border-radius:9px; font-size:22px; }
@media(max-width:1100px) {
 .bot-home .hero { gap:34px; padding-block:70px; }
 .bot-home .hero h1 { font-size:53px; }
 .bot-home .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bot-home .feature-card p { min-height:66px; }
 .bot-home .hero-facts { gap:10px; }
 .bot-home .section-heading h2 { font-size:34px; }
 .bot-home .section-heading>p { max-width:280px; }
 .site-header nav { gap:18px; }
 .dashboard-sidebar { padding:16px; }
 .dashboard-layout { grid-template-columns:215px minmax(0,1fr); gap:24px; }
}
@media(max-width:800px) {
 .site-menu { display:block; }
 .site-header nav>.nav-secondary { display:none; }
 .header-inner { min-height:76px; }
 .site-header nav { gap:13px; }
 .bot-home .hero { grid-template-columns:minmax(0,1fr); gap:38px; padding-top:54px; }
 .bot-home .hero h1 { font-size:60px; }
 .bot-home .hero-copy { max-width:600px; }
 .bot-home .hero-lead { max-width:560px; font-size:15px; }
 .bot-home .hero-preview { max-width:520px; width:100%; margin-inline:auto; }
 .bot-home .section-heading { flex-direction:column; align-items:flex-start; gap:20px; }
 .bot-home .section-heading>p { max-width:500px; }
 .bot-home .section-block { padding-block:48px; }
 .bot-home .onboarding-section { grid-template-columns:1fr; gap:32px; }
 .connect-intro h1,.support-intro h1 { font-size:39px; }
}
@media(max-width:760px) {
 .dashboard-layout { display:block; }
 .dashboard-sidebar { padding:16px; }
 .dashboard-sidebar .sidebar-footnote { display:none; }
}
@media(max-width:560px) {
 :root { --gutter:20px; }
 .header-inner { min-height:72px; padding-block:12px; gap:12px; }
 .brand { gap:7px; }
 .brand-wordmark { width:113px; }
 .brand-product { display:none; }
 .site-header nav { gap:10px; }
 .site-header nav .nav-panel { font-size:10px; padding:9px 10px; min-height:44px; }
 .site-menu>summary { border:0; width:32px; }
 .nav-language { font-size:10px; }
 .language-full { display:none; }
 .language-short { display:inline; }
 .account-toggle { padding:5px; gap:6px; border-radius:8px; min-height:44px; }
 .account-name { max-width:66px; font-size:10px; }
 .account-avatar { width:27px; height:27px; }
 .account-chevron { width:12px; }
 .bot-home .hero { padding:47px 0 48px; gap:35px; }
 .bot-home .hero h1 { font-size:clamp(36px,9vw,47px); line-height:1.12; margin-bottom:21px; }
 .bot-home .hero-kicker { font-size:8px; margin-bottom:21px; }
 .bot-home .hero-lead { font-size:13px; line-height:1.9; margin-bottom:25px; }
 .button.large { font-size:11px; padding:12px 15px; gap:14px; min-height:48px; }
 .bot-home .button-row { gap:10px; }
 .bot-home .hero-facts { font-size:9px; gap:11px; margin-top:22px; }
 .bot-home .hero-facts li { gap:5px; }
 .bot-home .hero-facts .brand-icon { width:13px; height:13px; }
 .install-note,.install-note p { font-size:10px; }
 .ai-start-note { font-size:10px; margin-top:14px; }
 .ai-demo-heading { padding:20px 18px; }
 .ai-demo-heading strong { font-size:14px; }
 .ai-demo-heading small { font-size:9px; }
 .ai-chat { padding:0 18px 18px; gap:17px; }
 .ai-chat-message { grid-template-columns:25px minmax(0,1fr); gap:9px; }
 .ai-member-avatar { width:25px; height:25px; font-size:8px; }
 .ai-assistant-avatar { width:24px; height:21px; }
 .ai-chat-message.member>div,.ai-chat-message.assistant>div { padding:12px; }
 .ai-chat-message p { font-size:11px; line-height:1.8; }
 .ai-demo-note { padding:13px 18px; font-size:8px; }
 .bot-home .preview-window { border-radius:12px; }
 .bot-home .window-top { margin-inline:18px; padding-block:16px; }
 .bot-home .window-label { font-size:7px; }
 .bot-home .preview-heading { padding:21px 18px 18px; }
 .bot-home .preview-heading strong { font-size:27px; }
 .preview-eyebrow { font-size:7px; }
 .bot-home .preview-banner { margin-inline:18px; padding:14px; gap:11px; }
 .preview-banner div>span { font-size:10px; }
 .preview-banner div>small { font-size:8px; }
 .bot-home .preview-modules { padding:14px 18px 18px; }
 .bot-home .preview-modules>div { padding:11px 10px; column-gap:9px; }
 .bot-home .preview-modules strong { font-size:11px; }
 .bot-home .preview-modules small { font-size:9px; }
 .bot-home .preview-switch { width:34px; height:21px; }
 .bot-home .preview-switch:after { width:13px; height:13px; transform:translateX(13px); }
 .bot-home .preview-switch.off:after { transform:none; }
 .bot-home .preview-footer { padding:13px 18px; font-size:7px; gap:12px; }
 .bot-home .section-heading h2 { font-size:29px; }
 .bot-home .section-heading>p { font-size:12px; line-height:1.85; }
 .section-kicker { font-size:8px; margin-bottom:14px; }
 .bot-home .feature-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
 .bot-home .feature-card { padding:22px; }
 .bot-home .feature-card p { min-height:0; }
 .feature-card-top { margin-bottom:20px; }
 .bot-home .feature-card h3 { font-size:19px; }
 .bot-home .showcase-area { padding:22px; }
 .bot-home .onboarding-section { margin-top:14px; }
 .bot-home .onboarding-intro h2 { font-size:29px; }
 .bot-home .demo-scenarios article { padding:22px; }
 .bot-home .final-cta { padding:35px 22px; margin-bottom:50px; border-radius:12px; }
 .bot-home .final-cta h2 { font-size:35px; }
 .bot-home .final-cta .button-row { flex-direction:column; align-items:center; }
 .bot-home .final-cta .button { min-width:185px; }
 .footer-inner { gap:26px; }
 .site-footer nav { gap:8px 17px; }
 .footer-brand .brand-wordmark { width:122px; }
 .footer-bottom { font-size:10px; gap:9px; }
 .connect-layout,.support-layout { padding-block:45px 55px; }
 .connect-intro h1,.support-intro h1 { font-size:34px; }
 .connect-intro .hero-lead { font-size:14px; }
 .connect-card,.support-panel { padding:26px 22px; }
 .dashboard-sidebar { border-radius:10px; }
 .simple-module-tile { padding:20px; }
}
@media(max-width:380px) {
 .brand-wordmark { width:104px; }
 .header-inner { gap:8px; }
 .site-header nav { gap:7px; }
 .site-header nav .nav-panel { padding-inline:8px; font-size:9px; }
 .account-name { display:none; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .preview-switch,.preview-switch:after { animation:none!important; } }