/* Be Track — identidade visual e interfaces. Conteúdo demonstrativo restrito ao site público. */
:root { --bt-bg:#f7f8f4; --bt-surface:#fff; --bt-surface-2:#f1f2e9; --bt-border:#dfe5da; --bt-text:#183b2c; --bt-text-muted:#667568; --bt-radius:18px; --bt-shadow:0 8px 28px #123d2310; --bt-shadow-sm:0 3px 12px #123d2309; }
html { scroll-behavior:smooth; scroll-padding-top:105px; }
body { font-family:"Segoe UI",system-ui,sans-serif; }
.bt-container { max-width:1200px; padding-inline:30px; }
.bt-icon { flex-shrink:0; vertical-align:middle; }
.bt-btn { border-radius:10px; font-size:14px; min-height:46px; padding:12px 20px; gap:10px; transition:background .18s,box-shadow .18s,transform .18s; }
.bt-btn:hover { transform:translateY(-1px); }
.bt-btn--primary { box-shadow:0 4px 10px #00673212; }
.bt-btn--ghost { border-color:#cdd8cd; }
.bt-btn:disabled { cursor:wait; opacity:.55; transform:none; }
.bt-brand-logo { display:inline-flex; align-items:center; gap:10px; width:169px; height:45px; vertical-align:middle; }
.bt-brand-logo__symbol { width:42px; height:42px; flex-shrink:0; }
.bt-brand-logo__name { width:119px; height:30px; }
.bt-brand-logo svg { mix-blend-mode:normal; }
.bt-logo-link { flex-shrink:0; display:inline-flex; }
.bt-eyebrow { display:flex; align-items:center; gap:9px; font-size:10px; font-weight:750; letter-spacing:1.8px; color:var(--bt-primary); margin:0 0 20px; }
.bt-live-dot { width:7px; height:7px; background:#fc813c; border-radius:50%; box-shadow:0 0 0 4px #fd802e19; }
.bt-text-link { display:inline-flex; align-items:center; gap:12px; text-decoration:none; font-size:14px; font-weight:650; }
.bt-text-link:hover { text-decoration:underline; }
.bt-skip-link { position:fixed; top:-100px; left:20px; z-index:100; background:var(--bt-surface); padding:12px; }
.bt-skip-link:focus { top:12px; }
.bt-public { background:#fdfdf9; color:#163c2a; min-height:100vh; }
.bt-public p { line-height:1.75; }
.bt-site-header { position:sticky; top:0; z-index:30; background:var(--bt-brand-background); backdrop-filter:blur(14px); border-bottom:1px solid #204c2310; }
.bt-site-header__inner { display:flex; align-items:center; justify-content:space-between; gap:25px; height:86px; }
.bt-site-nav,.bt-site-actions { display:flex; align-items:center; gap:27px; }
.bt-site-nav a,.bt-login-link { font-size:13px; color:#48604c; text-decoration:none; font-weight:600; }
.bt-site-nav a:hover { color:#006732; }
.bt-site-actions { gap:23px; }
.bt-marketing-hero { display:grid; grid-template-columns:1fr 1.07fr; align-items:center; gap:42px; min-height:660px; padding-block:74px 84px; }
.bt-hero-copy h1 { font-size:clamp(44px,4.9vw,68px); line-height:1.08; letter-spacing:-3px; font-weight:650; margin-bottom:27px; }
.bt-hero-copy h1 em,.bt-pricing-intro h1 em { font-style:normal; color:#006732; position:relative; z-index:1; }
.bt-hero-copy h1 em::after { content:""; position:absolute; inset:auto 0 2px; height:13px; background:#e9e8ca; z-index:-1; transform:rotate(-1deg); }
.bt-lead { color:#657265; font-size:16px; max-width:445px; }
.bt-hero-actions { display:flex; flex-wrap:wrap; gap:21px; align-items:center; margin:30px 0 15px; }
.bt-hero-actions .bt-btn { padding:15px 22px; }
.bt-reassurance { display:flex; align-items:center; gap:7px; font-size:10px; color:#6f7d70; }
.bt-hero-signature { margin-top:36px; display:flex; align-items:center; gap:13px; font-size:11px; color:#768174; line-height:1.7; }
.bt-hero-signature strong { font-weight:550; color:#39523c; }
.bt-signature-line { height:36px; width:3px; background:#efba87; }
.bt-product-scene { position:relative; padding:30px 0 36px 10px; min-width:0; }
.bt-product-scene::before { content:""; position:absolute; width:390px; height:390px; max-width:90%; background:#e9ebd8; border-radius:50%; top:0; left:80px; opacity:.7; }
.bt-preview-window { position:relative; background:var(--bt-surface); border:1px solid #dce2d7; border-radius:15px; box-shadow:0 30px 70px #17361f15,0 3px 8px #17361f05; transform:rotate(-2deg); overflow:hidden; }
.bt-preview-top { display:flex; justify-content:space-between; align-items:center; padding:13px 16px; border-bottom:1px solid #e7eae3; font-size:9px; color:#879180; }
.bt-preview-dots { display:flex; gap:4px; }.bt-preview-dots i { background:#dce2d7; width:5px; height:5px; border-radius:50%; }
.bt-preview-body { display:flex; }.bt-preview-rail { flex:0 0 51px; background:#f5f7f0; padding:17px 0; display:flex; align-items:center; flex-direction:column; gap:25px; color:#80907e; }
.bt-preview-rail img { width:28px; border-radius:8px; }.bt-preview-rail .bt-icon { width:17px; }
.bt-preview-rail .is-selected { color:#006732; background:#e2ecd9; padding:7px; border-radius:8px; }
.bt-preview-content { padding:24px 24px 16px; flex:1; min-width:0; }
.bt-preview-content .bt-eyebrow { font-size:8px; margin-bottom:8px; }.bt-preview-heading { display:flex; justify-content:space-between; align-items:center; }
.bt-preview-heading h3 { font-size:23px; letter-spacing:-.8px; margin:0; font-weight:650; }
.bt-avatar { display:inline-flex; width:34px; height:34px; background:#e4ecd9; color:#416543; align-items:center; justify-content:center; font-weight:650; border-radius:50%; font-size:10px; flex-shrink:0; }
.bt-avatar--peach { background:#ffeadb; color:#925b3c; }
.bt-preview-metrics { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:21px 0; }
.bt-preview-metrics>div { border-radius:10px; padding:14px; background:#f3f6ec; }
.bt-preview-metrics>div:nth-child(2) { background:#fff3e9; }.bt-preview-metrics span { display:block; font-size:9px; color:#788271; }
.bt-preview-metrics strong { font-size:26px; font-weight:650; display:block; margin-top:5px; }.bt-preview-metrics small { font-size:8px; color:#82917a; font-weight:400; }
.bt-preview-chart { padding:4px 0 15px; }.bt-preview-chart>div { display:flex; justify-content:space-between; align-items:center; gap:5px; font-size:10px; }.bt-preview-chart>div>span { font-size:8px; color:#7f8b7b; }
.bt-preview-chart svg { display:block; width:100%; height:95px; margin-top:14px; }
.bt-preview-person { display:flex; align-items:center; gap:10px; padding:10px 0; border-top:1px solid #edf0e8; }.bt-preview-person>div { flex:1; }.bt-preview-person strong,.bt-preview-person>div span { display:block; font-size:10px; }.bt-preview-person>div span { font-size:8px; color:#8a9587; margin-top:3px; }
.bt-mini-status { background:#edf4e6; color:#397043; font-size:8px; border-radius:12px; padding:4px 8px; }
.bt-floating-note { position:absolute; bottom:24px; right:-12px; display:flex; gap:12px; align-items:center; border:1px solid #e3e9dc; border-radius:12px; background:var(--bt-surface); padding:16px 21px; box-shadow:0 12px 25px #163c2a12; transform:rotate(2deg); }
.bt-floating-note>span { width:34px; height:34px; display:grid; place-items:center; background:#edeee0; color:#297348; border-radius:50%; }.bt-floating-note strong,.bt-floating-note small { display:block; font-size:11px; }.bt-floating-note small { color:#7e887c; font-size:9px; margin-top:3px; }
.bt-preview-caption { position:absolute; bottom:-15px; left:25%; font-size:9px; color:#8b9386; }
.bt-audience-strip { background:var(--bt-surface); border-block:1px solid #dfe5d6; }.bt-audience-strip .bt-container { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; min-height:76px; padding-block:20px; }.bt-audience-strip span { font-size:9px; letter-spacing:1.6px; color:#698064; }.bt-audience-strip strong { font-size:13px; font-weight:550; }.bt-audience-strip i { width:4px; height:4px; background:#a8b696; border-radius:50%; }
.bt-marketing-section { padding-block:96px; }.bt-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:45px; margin-bottom:44px; }.bt-section-heading h2,.bt-app-copy h2,.bt-start-band h2,.bt-faq-section h2,.bt-signup-copy h2 { font-size:clamp(29px,3.2vw,43px); line-height:1.18; letter-spacing:-1.5px; font-weight:600; margin-bottom:0; }.bt-section-heading>p { max-width:340px; color:#6d7a69; font-size:14px; margin:0; }.bt-section-heading .bt-eyebrow { margin-bottom:14px; }
.bt-steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }.bt-steps-grid article { border-top:1px solid #d9e1d3; padding-top:28px; position:relative; }.bt-step-number { position:absolute; right:5px; font-size:12px; color:#819076; }.bt-feature-icon { width:49px; height:49px; display:inline-flex; align-items:center; justify-content:center; background:#eaf0df; color:#206d3c; border-radius:14px; margin-bottom:23px; }.bt-feature-icon--orange { background:#fcede0; color:#b3612c; }.bt-steps-grid h3 { font-size:23px; font-weight:600; letter-spacing:-.6px; }.bt-steps-grid p { color:#71806c; font-size:13px; max-width:285px; }
.bt-app-showcase { background:var(--bt-brand-background); overflow:hidden; }.bt-app-showcase__inner { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; padding-block:80px; }.bt-app-copy>p:not(.bt-eyebrow) { color:#66775f; max-width:430px; margin:24px 0; font-size:14px; }.bt-benefit-list { list-style:none; padding:0; margin:25px 0; }.bt-benefit-list li { display:flex; gap:10px; align-items:center; font-size:13px; margin:14px 0; }.bt-benefit-list .bt-icon { color:#347549; }.bt-soft-callout { display:flex; gap:14px; padding:19px; background:#e4e9d6; border-radius:12px; max-width:450px; margin-bottom:27px; }.bt-soft-callout p { font-size:13px; font-weight:650; margin:0; }.bt-soft-callout span { display:block; font-size:11px; font-weight:400; color:#6d7c60; margin-top:4px; }
.bt-phone-stage { position:relative; padding:10px 0 30px; display:flex; justify-content:center; }.bt-phone-orbit { position:absolute; border:1px solid #d2dbbf; width:470px; height:470px; border-radius:50%; left:0; top:40px; }.bt-phone-orbit::before { content:""; position:absolute; inset:28px; background:#e3e8ce; border-radius:50%; }.bt-phone { background:#f6f8f0; border:7px solid #23372a; width:266px; border-radius:38px; padding:21px 16px 14px; position:relative; box-shadow:0 30px 40px #263b2822; transform:rotate(-5deg); }.bt-phone__camera { position:absolute; left:50%; top:12px; transform:translateX(-50%); width:73px; height:17px; background:#23372a; border-radius:15px; }.bt-phone__status { display:flex; justify-content:space-between; font-size:8px; padding-inline:3px; margin-bottom:23px; }.bt-phone__brand { display:flex; align-items:center; gap:8px; margin-bottom:25px; }.bt-phone__brand img { width:30px; border-radius:8px; }.bt-phone__brand span { font-size:7px; color:#6f8068; letter-spacing:.6px; }.bt-phone__brand strong { font-size:9px; letter-spacing:0; color:#345a38; }.bt-phone__greeting { font-size:10px; margin:0 0 7px; }.bt-phone__greeting span { color:#dba759; }.bt-phone h3 { font-size:24px; letter-spacing:-.8px; margin:0 0 22px; }.bt-phone__card { background:var(--bt-surface); border:1px solid #e5eadf; padding:15px; border-radius:16px; text-align:center; }.bt-phone__card>.bt-eyebrow { font-size:7px; justify-content:center; margin-bottom:15px; }.bt-progress-ring { width:122px; height:122px; padding:8px; border-radius:50%; background:conic-gradient(#f59b59 0 24%,#398058 24% 83%,#dae4ce 83% 100%); margin:auto; }.bt-progress-ring>span { height:100%; border-radius:50%; background:var(--bt-surface); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3px; color:#397647; }.bt-progress-ring strong { font-size:10px; line-height:1.3; }.bt-phone__card>p { font-size:9px; color:#7e8a75; }.bt-week-dots { display:flex; justify-content:space-between; margin-top:15px; }.bt-week-dots span { font-size:8px; border-radius:50%; width:20px; height:20px; display:grid; place-items:center; background:#ebf2e3; color:#6b8060; }.bt-week-dots span:nth-child(5) { background:#3e7c48; color:white; }.bt-phone__message { display:flex; gap:9px; align-items:center; background:#eaf0df; padding:11px; border-radius:10px; margin:13px 0 17px; color:#437248; }.bt-phone__message strong,.bt-phone__message small { display:block; font-size:8px; }.bt-phone__message small { color:#7f8b74; font-size:7px; margin-top:3px; }.bt-phone__nav { display:flex; justify-content:space-around; color:#9ba590; }.bt-phone__nav>svg:first-child { color:#3a7850; }.bt-phone__nav svg { width:17px; }.bt-brand-note { position:absolute; top:145px; right:-8px; transform:rotate(5deg); background:#fffdf5; border:1px solid #e5e7d4; border-radius:13px; padding:18px; box-shadow:0 9px 30px #243d2410; display:flex; gap:12px; align-items:center; }.bt-brand-note>svg { color:#dd8650; }.bt-brand-note span { font-size:10px; line-height:1.7; }.bt-brand-note strong { font-size:12px; }.bt-phone-caption { position:absolute; bottom:0; font-size:9px; color:#899579; }
.bt-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.bt-feature-card { background:var(--bt-surface); border:1px solid #e3e8da; border-radius:18px; padding:30px; }.bt-feature-card h3 { font-size:21px; font-weight:600; letter-spacing:-.5px; }.bt-feature-card p { font-size:13px; color:#6a7d65; }.bt-feature-card--wide { grid-column:span 2; display:grid; grid-template-columns:55px 1fr; gap:0 20px; }.bt-feature-card--wide h3 { font-size:27px; }.bt-mini-profile { grid-column:2; background:var(--bt-surface); border:1px solid #e5e9dd; border-radius:12px; display:flex; gap:12px; align-items:center; padding:15px; max-width:380px; margin-top:10px; }.bt-mini-profile>span:nth-child(2) { flex:1; }.bt-mini-profile strong,.bt-mini-profile small { display:block; font-size:11px; }.bt-mini-profile small { font-size:9px; color:#88927e; margin-top:3px; }.bt-example-label { grid-column:2; font-size:8px; color:#8d9783; margin-top:7px; }.bt-feature-card--quote { background:#eeeccb; display:flex; flex-direction:column; justify-content:space-between; }.bt-feature-card--quote p { font-size:21px; color:#526849; line-height:1.5; }.bt-feature-card--quote .bt-brand-logo { width:145px; }
.bt-start-band { background:#123f29; color:#f2f3df; border-radius:23px; padding:49px 54px; display:flex; justify-content:space-between; align-items:center; gap:40px; }.bt-start-band .bt-eyebrow { color:#b3c797; }.bt-start-band h2 { font-size:35px; }.bt-start-band p:not(.bt-eyebrow) { color:#b4c6ad; font-size:13px; max-width:500px; margin-bottom:0; }.bt-start-band>div:last-child { flex-shrink:0; display:flex; flex-direction:column; gap:12px; text-align:center; }.bt-start-band>div:last-child>span { color:#b5c8ab; font-size:9px; }.bt-btn--accent { background:#fd9753; color:#233b22; }
.bt-faq-section { display:grid; grid-template-columns:.85fr 1.2fr; gap:90px; }.bt-faq-section>div>p:not(.bt-eyebrow) { color:#718168; font-size:14px; max-width:270px; }.bt-faq-section .bt-text-link { margin-top:16px; }.bt-faq-list details { border-bottom:1px solid #dfe4d7; padding:20px 0; }.bt-faq-list details:first-child { border-top:1px solid #dfe4d7; }.bt-faq-list summary { font-size:14px; font-weight:650; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:20px; }.bt-faq-list summary::-webkit-details-marker { display:none; }.bt-faq-list summary::after { content:"+"; font-size:19px; font-weight:400; }.bt-faq-list details[open] summary::after { content:"−"; }.bt-faq-list details p { font-size:13px; color:#708267; padding-right:25px; }
.bt-site-footer { background:var(--bt-brand-background); color:var(--bt-text); border-top:1px solid #d4d3bc; padding:55px 0 20px; }.bt-site-footer .bt-brand-logo svg { mix-blend-mode:normal; }.bt-footer-top { display:grid; grid-template-columns:1.8fr 1fr 1fr; gap:40px; padding-bottom:42px; }.bt-footer-top>div { display:flex; flex-direction:column; align-items:flex-start; gap:11px; }.bt-footer-top p { font-size:12px; color:#596d56; }.bt-footer-top>div>span { font-size:9px; letter-spacing:1.5px; margin:13px 0 8px; color:#596d56; }.bt-footer-top a { color:#48604c; font-size:12px; text-decoration:none; }.bt-footer-bottom { border-top:1px solid #d4d3bc; padding-top:22px; display:flex; justify-content:space-between; gap:20px; font-size:10px; color:#596d56; }
/* Planos e criação de conta */
.bt-pricing-intro { text-align:center; padding-top:65px; padding-bottom:35px; }.bt-pricing-intro .bt-eyebrow { justify-content:center; }.bt-pricing-intro h1 { font-size:49px; letter-spacing:-2px; line-height:1.14; font-weight:650; }.bt-pricing-intro>p:not(.bt-eyebrow) { color:#6c7d64; font-size:15px; }.bt-cycle-switch { display:inline-flex; background:#edf0e4; padding:5px; border-radius:11px; margin-top:17px; gap:3px; }.bt-cycle-switch button { border:none; background:transparent; padding:10px 17px; border-radius:8px; color:#6c7d64; font:inherit; font-size:12px; cursor:pointer; }.bt-cycle-switch button.is-active { background:var(--bt-surface); color:#1d5330; box-shadow:0 2px 7px #1c392314; font-weight:650; }.bt-cycle-switch span { font-size:9px; margin-left:8px; color:#477e46; }
.bt-pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.bt-price-card { border:1px solid #dee5d5; background:var(--bt-surface); border-radius:18px; padding:28px; position:relative; }.bt-price-card--featured { border:2px solid #247544; padding:27px; box-shadow:0 12px 30px #2a613410; background:#faf7e9; }.bt-price-card__title { display:flex; align-items:center; justify-content:space-between; gap:10px; }.bt-price-card__title .bt-feature-icon { width:42px; height:42px; margin-bottom:20px; }.bt-plan-tag { font-size:7px; color:#247544; letter-spacing:1px; font-weight:750; margin-bottom:20px; }.bt-price-card h2 { font-size:24px; font-weight:600; margin-bottom:8px; }.bt-price-description { color:#7d8975; font-size:11px; margin:0 0 22px; }.bt-price { display:flex; align-items:baseline; gap:5px; }.bt-price strong { font-size:43px; font-weight:600; letter-spacing:-1.8px; }.bt-price>span { font-size:12px; color:#74846b; }.bt-price-period { font-size:9px; color:#839178; min-height:22px; margin:4px 0 22px; }.bt-price-capacity { display:flex; gap:10px; font-size:14px; padding:17px 0; border-block:1px solid #e5eadb; }.bt-price-card .bt-benefit-list li { font-size:11px; gap:9px; }.bt-price-card .bt-btn { width:100%; font-size:12px; padding-inline:10px; }.bt-pricing-note { display:flex; gap:9px; justify-content:center; align-items:center; color:#73816c; text-align:center; font-size:11px; margin-top:25px; }
.bt-signup-section { padding-block:100px; display:grid; grid-template-columns:.95fr 1.05fr; gap:80px; align-items:center; }.bt-signup-copy>p:not(.bt-eyebrow) { font-size:14px; color:#708166; max-width:350px; margin-top:24px; }.bt-onboarding-steps { list-style:none; padding:0; margin:32px 0; }.bt-onboarding-steps li { display:flex; gap:15px; margin:23px 0; }.bt-onboarding-steps li>span { width:29px; height:29px; display:grid; place-items:center; background:#e8eddb; border-radius:50%; color:#5a7850; font-size:11px; flex-shrink:0; }.bt-onboarding-steps strong { font-size:13px; }.bt-onboarding-steps p { font-size:11px; color:#7c8a70; margin:3px 0 0; }.bt-signup-brand { display:flex; flex-direction:column; align-items:flex-start; gap:9px; margin-top:40px; }.bt-signup-brand>span:last-child { font-size:11px; color:#8b967f; }.bt-signup-form { padding:34px; box-shadow:0 15px 40px #1a41200c; }.bt-signup-form h2 { font-size:29px; margin:17px 0 7px; letter-spacing:-.8px; }.bt-signup-form>p { font-size:12px; }.bt-signup-form form { margin-top:26px; }.bt-field>span { font-size:12px; font-weight:650; }.bt-field input,.bt-field select,.bt-field textarea { font-size:13px; border-color:#dce3d6; padding:12px; background:var(--bt-surface); border-radius:8px; }.bt-field input::placeholder { color:#a0aa97; }.bt-field small { display:block; font-size:10px; color:#899680; margin-top:5px; }.bt-slug-field { display:flex; align-items:center; border:1px solid #dce3d6; border-radius:8px; overflow:hidden; }.bt-slug-field>span { padding-inline:15px; color:#89987e; }.bt-slug-field>input { min-height:44px; width:100%; border:0; outline-offset:-3px; }.bt-form-row { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.bt-check { align-items:flex-start; font-size:11px; color:#7b8772; line-height:1.6; margin:8px 0 16px; }.bt-check input { accent-color:#267442; margin-top:3px; }.bt-auth__links { text-align:center; font-size:11px; color:#7c8973; }
/* Área profissional */
.bt-workspace { display:flex; background:var(--bt-bg); min-height:100vh; }.bt-sidebar { width:245px; flex:0 0 245px; height:100dvh; position:sticky; top:0; background:var(--bt-brand-background); border-right:2px solid var(--bt-primary); display:flex; flex-direction:column; padding:27px 19px 17px; overflow:hidden; }.bt-workspace-brand { display:flex; gap:10px; align-items:center; text-decoration:none; margin:0 0 33px; }.bt-workspace-brand>img { width:37px; height:37px; border-radius:11px; object-fit:contain; }.bt-workspace-brand strong { font-size:14px; display:block; max-width:153px; overflow-wrap:anywhere; line-height:1.25; }.bt-workspace-brand small { display:block; font-size:8px; color:#8a987d; margin-top:5px; }.bt-nav-label { display:block; font-size:8px; letter-spacing:1.8px; color:#9aa58b; font-weight:700; margin:8px 14px 12px; }.bt-side-nav { display:flex; flex-direction:column; gap:4px; flex:1 1 auto; min-height:0; overflow-y:auto; }.bt-side-nav a { display:flex; gap:11px; align-items:center; padding:11px 13px; border-radius:9px; font-size:12px; font-weight:550; text-decoration:none; color:#51664B; }.bt-side-nav a:hover { background:#f0f4e7; }.bt-side-nav a.active { color:var(--bt-primary); background:#e7eedc; font-weight:700; box-shadow:inset 3px 0 0 var(--bt-primary); }.bt-side-nav a .bt-icon { width:18px; }.bt-nav-group>summary.bt-nav-label { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:2px 4px 4px; padding:9px 11px; border-radius:9px; font-size:9px; cursor:pointer; user-select:none; list-style:none; text-transform:uppercase; }.bt-nav-group>summary.bt-nav-label::-webkit-details-marker { display:none; }.bt-nav-group>summary::after { content:""; width:6px; height:6px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(-45deg); transition:transform .18s ease; opacity:.6; }.bt-nav-group[open]>summary::after { transform:rotate(45deg); }.bt-nav-group>summary:hover { background:#f0f4e7; color:#5a7550; }.bt-nav-group[open]>summary.bt-nav-label { color:var(--bt-primary); }.bt-nav-group+.bt-nav-group { margin-top:6px; }.bt-nav-group { interpolate-size:allow-keywords; }.bt-nav-group::details-content { block-size:0; overflow:hidden; opacity:0; transition:block-size .24s ease, opacity .2s ease, content-visibility .24s allow-discrete; }.bt-nav-group[open]::details-content { block-size:auto; opacity:1; }@media(prefers-reduced-motion:reduce){ .bt-nav-group::details-content { transition:none; } }.bt-sidebar-bottom { margin-top:auto; padding-top:35px; }.bt-sidebar-note { display:flex; gap:10px; padding:16px 11px; background:#f0f2e5; border-radius:11px; color:#829274; }.bt-sidebar-note p { font-size:9px; margin:0; line-height:1.8; }.bt-sidebar-note strong { font-weight:550; color:#5a7550; }.bt-sidebar-bottom>a { display:flex; justify-content:center; margin-top:25px; padding:10px; border-radius:12px; background:var(--bt-brand-background); }.bt-sidebar-bottom .bt-brand-logo { transform:scale(.7); transform-origin:center; height:30px; }.bt-workspace-main { flex:1; min-width:0; display:flex; flex-direction:column; }.bt-workspace-header { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:87px; padding:20px 36px; background:var(--bt-brand-background); border-bottom:1px solid #e5eadd; }.bt-workspace-headerlogo { display:inline-flex; align-items:center; text-decoration:none; }.bt-workspace-overline { display:block; font-size:8px; letter-spacing:1.8px; color:#91a083; margin-bottom:5px; }.bt-workspace-header>div>strong { font-size:13px; font-weight:550; }.bt-workspace-actions { display:flex; align-items:center; gap:18px; }.bt-workspace-actions form { margin:0; }.bt-workspace-actions .bt-btn { min-height:34px; padding:6px 11px; font-size:11px; border-color:transparent; }.bt-workspace-divider { width:1px; height:23px; background:#e2e9d9; }.bt-workspace-main main { flex:1; }.bt-workspace-main .bt-container { max-width:1300px; padding-inline:36px; }.bt-workspace-footer { display:flex; justify-content:space-between; color:#9aa68c; font-size:9px; padding:30px 36px 20px; gap:20px; }
.bt-page-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:28px; }.bt-page-heading h1 { font-size:29px; font-weight:600; letter-spacing:-.8px; margin:8px 0; }.bt-page-heading p { margin:0; color:#8a977e; font-size:12px; }.bt-page-heading .bt-eyebrow { margin:0; font-size:8px; }.bt-page-heading .bt-btn { font-size:11px; }.bt-metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:26px; }.bt-metric-grid .bt-card { padding:21px; box-shadow:none; border-color:#e2e9da; min-width:0; }.bt-metric-grid .bt-card h3 { font-size:11px; font-weight:550; color:#718268; margin:17px 0 10px; }.bt-metric-grid .bt-stat { font-size:33px; font-weight:550; color:var(--bt-primary); letter-spacing:-1px; }.bt-metric-grid .bt-stat__max { font-size:15px; font-weight:400; color:#a1ad96; }.bt-metric-grid .bt-note { font-size:9px; margin-bottom:0; }.bt-metric-icon { display:inline-flex; color:#5e8852; background:#edf2e5; padding:8px; border-radius:9px; }.bt-metric-icon--orange { color:#b8753e; background:#fceede; }.bt-attention-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }.bt-attention-header h3 { font-size:16px; margin:0; font-weight:600; }.bt-empty-state { text-align:center; padding:30px 20px; }.bt-empty-state>.bt-icon { width:43px; height:43px; color:#9db28f; margin-bottom:10px; }.bt-empty-state h4 { font-size:14px; font-weight:550; }.bt-empty-state p { font-size:11px; max-width:360px; margin:8px auto; color:#91a080; }.bt-card { box-shadow:0 3px 15px #20482004; }.bt-card h3 { font-weight:600; }.bt-list__item { padding-block:16px; }.bt-badge { font-size:10px; padding:4px 9px; font-weight:600; }.bt-workspace .bt-section { padding-top:30px; }.bt-workspace .bt-card--link:hover { border-color:#b6caaa; background:#fbfdf7; }.bt-workspace .bt-card--link { text-decoration:none; }.bt-workspace .bt-note { line-height:1.6; }
/* Portal pessoal */
.bt-aluno { background:var(--bt-bg); }.bt-aluno .bt-painel__header { box-shadow:none; border-bottom:1px solid #e1e7d7; background:var(--bt-brand-background); }.bt-aluno .bt-painel__bar { max-width:900px; min-height:80px; }.bt-aluno__main>.bt-container,.bt-aluno__main .bt-container { max-width:850px; }.bt-aluno .bt-wordmark { display:flex; gap:10px; align-items:center; font-size:17px; text-decoration:none; }.bt-aluno .bt-wordmark>img { height:37px; width:37px; object-fit:contain; border-radius:10px; }.bt-aluno .bt-painel__nav { font-size:12px; }.bt-aluno .bt-painel__nav .bt-btn { min-height:36px; font-size:11px; }.bt-student-welcome { padding:22px 0 28px; }.bt-student-welcome .bt-eyebrow { font-size:8px; }.bt-student-welcome h1 { font-size:35px; font-weight:600; letter-spacing:-1px; margin-bottom:10px; }.bt-student-welcome>p:last-child { color:#7e9074; font-size:14px; }.bt-checkin-highlight { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:32px; background:#e8eddb; border:1px solid #dce5cb; border-radius:20px; margin-bottom:24px; }.bt-checkin-highlight h3 { font-size:24px; font-weight:600; letter-spacing:-.6px; }.bt-checkin-highlight p { color:#758668; font-size:12px; max-width:420px; }.bt-checkin-emblem { width:92px; height:92px; flex-shrink:0; border-radius:50%; display:grid; place-items:center; border:9px solid #f5f7ed; background:#d7e2c3; color:#427748; }.bt-student-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:23px; }.bt-student-grid .bt-card { padding:26px; }.bt-student-grid h3 { font-size:18px; margin-top:18px; }.bt-student-grid p { font-size:12px; color:#819276; }.bt-tabbar { position:fixed; bottom:0; inset-inline:0; border-top:1px solid #dde5d4; background:var(--bt-surface); backdrop-filter:blur(14px); z-index:25; padding:10px 12px max(10px,env(safe-area-inset-bottom)); display:flex; justify-content:center; gap:25px; }.bt-tabbar>a { display:flex; flex-direction:column; gap:5px; align-items:center; text-decoration:none; color:#8a9980; min-width:63px; padding:5px 10px; border-radius:10px; font-size:10px; }.bt-tabbar>a.active { color:var(--bt-primary); background:#edf2e3; }.bt-aluno__main { padding-bottom:105px; }
/* Responsividade e acessibilidade */
@media(min-width:1500px) { .bt-marketing-hero { min-height:730px; } }
@media(max-width:1100px) { .bt-container { padding-inline:25px; }.bt-site-nav { gap:17px; }.bt-site-actions { gap:15px; }.bt-marketing-hero { gap:30px; }.bt-hero-copy h1 { font-size:56px; }.bt-hero-actions { gap:16px; }.bt-hero-actions .bt-btn { font-size:12px; }.bt-preview-content { padding:21px 17px 12px; }.bt-preview-metrics { gap:10px; }.bt-preview-metrics>div { padding:11px; }.bt-floating-note { right:-6px; padding:14px; }.bt-audience-strip i { display:none; }.bt-audience-strip strong { font-size:11px; }.bt-app-showcase__inner { gap:60px; }.bt-brand-note { right:-15px; }.bt-start-band { margin-inline:25px; width:auto; }.bt-signup-section { gap:45px; }.bt-price-card { padding:24px; }.bt-plan-tag { font-size:6px; }.bt-sidebar { width:215px; flex-basis:215px; padding-inline:14px; }.bt-workspace-main .bt-container,.bt-workspace-header { padding-inline:25px; }.bt-metric-grid { gap:10px; }.bt-metric-grid .bt-card { padding:16px; } }
@media(max-width:850px) { .bt-site-nav { display:none; }.bt-marketing-hero { grid-template-columns:1fr; padding-top:52px; gap:24px; }.bt-hero-copy { max-width:600px; }.bt-hero-copy h1 { font-size:63px; }.bt-lead { max-width:520px; }.bt-hero-signature { display:none; }.bt-product-scene { max-width:590px; width:100%; margin:0 auto; }.bt-marketing-section { padding-block:65px; }.bt-section-heading { align-items:flex-start; gap:30px; }.bt-section-heading>p { max-width:270px; font-size:12px; }.bt-steps-grid { gap:23px; }.bt-steps-grid h3 { font-size:20px; }.bt-app-showcase__inner { grid-template-columns:1fr 1fr; gap:35px; }.bt-brand-note { right:-20px; top:180px; padding:13px; }.bt-brand-note strong { font-size:10px; }.bt-app-copy h2 { font-size:33px; }.bt-app-copy>p:not(.bt-eyebrow) { font-size:12px; }.bt-benefit-list li { font-size:11px; }.bt-phone { width:244px; }.bt-phone-orbit { width:360px; height:360px; top:80px; left:-30px; }.bt-feature-grid { grid-template-columns:1fr 1fr; }.bt-feature-card--wide { grid-column:span 2; }.bt-feature-card--quote { grid-column:span 2; flex-direction:row; align-items:center; gap:40px; }.bt-feature-card--quote p { max-width:380px; }.bt-start-band { padding:35px; }.bt-start-band h2 { font-size:29px; }.bt-start-band>div:last-child { max-width:210px; }.bt-faq-section { gap:40px; }.bt-pricing-grid { gap:10px; padding-inline:20px; }.bt-price-card { padding:20px 16px; }.bt-price-card--featured { padding:19px 15px; }.bt-price strong { font-size:34px; }.bt-plan-tag { max-width:100px; text-align:right; }.bt-price-card .bt-benefit-list li { font-size:10px; }.bt-price-card .bt-btn { font-size:10px; }.bt-signup-section { grid-template-columns:1fr; max-width:650px; gap:35px; }.bt-signup-copy h2 br:nth-child(2) { display:none; }.bt-onboarding-steps { display:flex; gap:17px; }.bt-onboarding-steps li { flex-direction:column; }.bt-signup-brand { display:none; }.bt-sidebar { width:190px; flex-basis:190px; }.bt-workspace-brand small { display:none; }.bt-side-nav>a { font-size:11px; padding-inline:9px; gap:8px; }.bt-workspace-header { padding-block:17px; min-height:76px; }.bt-workspace-overline { font-size:7px; }.bt-workspace-header>div>strong { font-size:11px; }.bt-metric-grid { grid-template-columns:1fr 1fr; }.bt-page-heading { align-items:flex-start; }.bt-page-heading h1 { font-size:26px; }.bt-page-heading .bt-btn { font-size:10px; padding:9px; min-height:38px; } }
@media(max-width:600px) { .bt-container { padding-inline:21px; }.bt-site-header__inner { height:73px; gap:10px; }.bt-brand-logo { width:132px; gap:6px; }.bt-brand-logo__symbol { width:32px; height:32px; }.bt-brand-logo__name { width:94px; height:25px; }.bt-site-actions { gap:13px; }.bt-site-actions .bt-btn { min-height:37px; padding:9px 12px; font-size:11px; }.bt-site-actions .bt-btn svg { display:none; }.bt-login-link { font-size:11px; }.bt-marketing-hero { padding-block:46px 58px; gap:17px; }.bt-eyebrow { font-size:8px; letter-spacing:1.4px; }.bt-hero-copy h1 { font-size:49px; letter-spacing:-2.3px; }.bt-lead { font-size:14px; }.bt-hero-actions { gap:17px; margin-top:26px; flex-direction:column; align-items:flex-start; }.bt-hero-actions .bt-btn { width:100%; min-height:49px; font-size:13px; }.bt-hero-actions .bt-text-link { font-size:12px; }.bt-reassurance { font-size:8px; gap:5px; }.bt-product-scene { padding-left:0; }.bt-product-scene::before { left:15%; width:75%; height:290px; }.bt-preview-window { transform:rotate(-1deg); }.bt-preview-content { padding:18px 14px 8px; }.bt-preview-rail { flex-basis:37px; gap:22px; }.bt-preview-rail img { width:24px; }.bt-preview-rail .bt-icon { width:14px; }.bt-preview-heading h3 { font-size:20px; }.bt-preview-metrics { margin:17px 0; gap:8px; }.bt-preview-metrics>div { padding:10px; }.bt-preview-metrics span { font-size:8px; }.bt-preview-metrics strong { font-size:24px; }.bt-preview-metrics small { font-size:7px; }.bt-preview-chart>div { font-size:8px; }.bt-preview-chart>div>span { font-size:6px; }.bt-floating-note { right:-1px; padding:12px; bottom:22px; gap:8px; }.bt-floating-note strong { font-size:10px; }.bt-floating-note small { font-size:7px; }.bt-preview-caption { font-size:8px; left:17%; bottom:-10px; }.bt-audience-strip .bt-container { justify-content:center; gap:15px 22px; padding-block:22px; }.bt-audience-strip span { width:100%; text-align:center; font-size:8px; }.bt-audience-strip strong { font-size:10px; }.bt-marketing-section { padding-block:54px; }.bt-section-heading { display:block; margin-bottom:28px; }.bt-section-heading h2,.bt-faq-section h2 { font-size:31px; letter-spacing:-1.1px; }.bt-section-heading>p { max-width:none; margin-top:20px; font-size:13px; }.bt-steps-grid { grid-template-columns:1fr; gap:18px; }.bt-steps-grid article { padding:23px 0 0 65px; }.bt-steps-grid .bt-feature-icon { position:absolute; left:0; top:24px; width:44px; height:44px; }.bt-steps-grid h3 { font-size:21px; }.bt-steps-grid p { max-width:none; font-size:12px; }.bt-step-number { font-size:10px; }.bt-app-showcase__inner { grid-template-columns:1fr; gap:40px; padding-block:50px; }.bt-phone-stage { order:2; max-width:340px; width:100%; margin:auto; padding-top:15px; }.bt-phone { width:248px; }.bt-phone-orbit { width:330px; height:330px; left:0; }.bt-brand-note { right:-5px; top:135px; }.bt-app-copy h2 { font-size:37px; }.bt-app-copy h2 br:last-child { display:none; }.bt-app-copy>p:not(.bt-eyebrow) { font-size:13px; }.bt-benefit-list li { font-size:12px; }.bt-feature-grid { gap:13px; grid-template-columns:1fr; }.bt-feature-card,.bt-feature-card--wide { padding:24px; grid-column:auto; display:block; }.bt-feature-card .bt-feature-icon { margin-bottom:17px; width:43px; height:43px; }.bt-feature-card--wide h3 { font-size:23px; }.bt-mini-profile { margin:20px 0 7px; }.bt-feature-card--quote { display:flex; align-items:flex-start; flex-direction:column; gap:20px; }.bt-feature-card--quote p { font-size:23px; }.bt-start-band { margin-inline:20px; padding:30px 25px; display:block; }.bt-start-band h2 { font-size:30px; }.bt-start-band>div:last-child { margin-top:28px; max-width:none; }.bt-start-band .bt-btn { width:100%; }.bt-faq-section { grid-template-columns:1fr; gap:32px; }.bt-faq-section>div>p:not(.bt-eyebrow) { max-width:none; }.bt-faq-list summary { font-size:13px; }.bt-footer-top { grid-template-columns:1fr 1fr; gap:24px; }.bt-footer-top>div:first-child { grid-column:span 2; }.bt-footer-bottom { flex-direction:column; gap:7px; }.bt-site-footer { padding-top:36px; }.bt-pricing-intro { padding-top:43px; }.bt-pricing-intro h1 { font-size:35px; letter-spacing:-1.2px; }.bt-pricing-intro>p:not(.bt-eyebrow) { font-size:12px; }.bt-cycle-switch button { font-size:11px; padding:10px 12px; }.bt-cycle-switch span { font-size:8px; }.bt-pricing-grid { grid-template-columns:1fr; gap:17px; max-width:420px; }.bt-price-card { padding:25px; }.bt-price-card--featured { padding:24px; }.bt-price-card .bt-benefit-list li { font-size:12px; }.bt-price-card .bt-btn { font-size:12px; }.bt-plan-tag { max-width:none; font-size:7px; }.bt-price strong { font-size:44px; }.bt-pricing-note { font-size:10px; text-align:left; align-items:flex-start; }.bt-signup-section { padding-block:56px; }.bt-signup-copy h2 { font-size:33px; }.bt-signup-copy>p:not(.bt-eyebrow) { font-size:13px; }.bt-onboarding-steps { display:block; margin-bottom:0; }.bt-onboarding-steps li { flex-direction:row; }.bt-signup-form { padding:23px; }.bt-form-row { grid-template-columns:1fr; gap:0; }
 .bt-workspace { display:block; }.bt-sidebar { position:static; width:100%; height:auto; display:block; padding:18px 18px 0; border-right:0; border-bottom:1px solid #dde5d3; overflow:visible; }.bt-workspace-brand { margin:0 0 17px; }.bt-workspace-brand strong { max-width:none; }.bt-workspace-brand small { display:block; }.bt-sidebar>.bt-nav-label,.bt-side-nav .bt-nav-label,.bt-sidebar-bottom { display:none; }.bt-side-nav { flex-direction:row; overflow-x:auto; padding-bottom:10px; gap:4px; }.bt-side-nav>a { white-space:nowrap; font-size:10px; padding:9px 10px; flex:0 0 auto; }.bt-side-nav>a .bt-icon { width:15px; }.bt-workspace-header { min-height:66px; padding:13px 20px; }.bt-workspace-actions { gap:9px; }.bt-workspace-main .bt-container { padding-inline:20px; }.bt-workspace .bt-section { padding-top:24px; }.bt-page-heading { flex-direction:column; gap:16px; }.bt-page-heading h1 { font-size:27px; }.bt-page-heading p { font-size:11px; }.bt-page-heading .bt-btn { font-size:11px; }.bt-metric-grid { gap:11px; }.bt-metric-grid .bt-card { padding:17px; }.bt-metric-grid .bt-card h3 { font-size:10px; margin-top:14px; }.bt-metric-grid .bt-stat { font-size:29px; }.bt-attention-header h3 { font-size:14px; }.bt-workspace-footer { padding-inline:20px; font-size:8px; }.bt-workspace-footer>span:first-child { display:none; }.bt-aluno .bt-painel__bar { flex-wrap:nowrap; gap:10px; min-height:74px; }.bt-aluno .bt-wordmark { font-size:14px; max-width:55%; }.bt-aluno .bt-painel__nav { width:auto; flex-wrap:nowrap; gap:10px; }.bt-aluno .bt-painel__nav>a:not(.bt-bell) { display:none; }.bt-student-welcome h1 { font-size:31px; }.bt-student-welcome>p:last-child { font-size:12px; }.bt-checkin-highlight { padding:25px; gap:14px; }.bt-checkin-highlight h3 { font-size:21px; }.bt-checkin-emblem { width:62px; height:62px; border-width:6px; }.bt-checkin-emblem svg { width:24px; }.bt-checkin-highlight .bt-btn { font-size:11px; padding-inline:13px; }.bt-student-grid { grid-template-columns:1fr; gap:14px; }.bt-student-grid .bt-card { padding:23px; }.bt-tabbar { gap:0; justify-content:space-around; }.bt-tabbar>a { min-width:0; flex:1; font-size:9px; padding:6px 8px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.bt-btn { transition:none; } }
@media print { .bt-sidebar,.bt-workspace-header,.bt-workspace-footer { display:none; }.bt-workspace { display:block; } }
/* Contorno contínuo preserva a arte original enviada em JPEG. */
.bt-brand-logo { background:var(--bt-brand-background); border-radius:7px; padding:4px 6px; box-sizing:content-box; }
.bt-brand-logo--dark { background:#071b12; }
.bt-bell { position:relative; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; flex-shrink:0; border:1px solid var(--bt-border); border-radius:12px; background:var(--bt-surface); text-decoration:none; }
.bt-bell:hover { background:var(--bt-surface-2); }
.bt-bell-count { position:absolute; top:-5px; right:-7px; min-width:19px; border-radius:12px; padding:2px 4px; background:#006732; color:#fff; font-size:10px; line-height:1.4; text-align:center; }
/* Relatórios e evolução mensal */
.bt-level-progress { margin:0 0 1.5rem; }
.bt-level-progress > div { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.5rem; margin-bottom:.6rem; }
.bt-level-progress progress { display:block; width:100%; height:12px; accent-color:#006732; border:0; border-radius:10px; overflow:hidden; margin:.6rem 0; }
.bt-level-progress progress::-webkit-progress-bar { background:#e7ebdf; }
.bt-level-progress progress::-webkit-progress-value { background:#006732; border-radius:10px; }
.bt-engagement-rules { margin:1rem 0; font-size:.9rem; }
.bt-engagement-rules summary { cursor:pointer; font-weight:600; color:#006732; }
.bt-engagement-rules li { margin:.4rem 0; }
.bt-report-score { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; padding:2rem; border-radius:24px; background:#F0EDDB; color:#006732; margin:1.5rem 0; }
.bt-report-score__number { font-size:clamp(2.5rem,6vw,4rem); font-weight:800; letter-spacing:-.04em; margin:.25rem 0; line-height:1.1; }
.bt-report-score__number small { font-size:1rem; letter-spacing:0; }
.bt-report-score > div:last-child > strong { font-size:1.8rem; }
.bt-report-score p { max-width:55ch; }
.bt-report-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-bottom:1rem; }
.bt-report-kpis > div { background:#fff; border:1px solid #e2e9df; border-top:3px solid #006732; border-radius:14px; padding:1.25rem; }
.bt-report-kpis > div:nth-child(2) { border-top-color:#FD802E; }
.bt-report-kpis strong { display:block; font-size:1.7rem; color:#184e32; }
.bt-report-kpis span { font-size:.85rem; color:#586c60; }
.bt-progress-report .bt-grid { align-items:stretch; }
.bt-table-scroll { overflow-x:auto; }
.bt-report-prose { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; }
.bt-report-achievements { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1rem; }
.bt-report-achievements > div { padding:1.2rem; background:#f6f8f1; border-radius:14px; border-left:3px solid #FD802E; }
.bt-report-achievements p { font-size:.9rem; margin-bottom:0; }
.bt-session-fields { border:0; padding:0; margin:0; min-width:0; }
@media (max-width:650px) { .bt-report-score { align-items:flex-start; flex-direction:column; padding:1.4rem; } .bt-report-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; } .bt-report-kpis > div { padding:1rem; } .bt-report-kpis strong { font-size:1.4rem; } }

/* Menu fixo no desktop; gaveta sobreposta no celular. */
.bt-workspace { display:block; }
.bt-workspace-heading { display:flex; align-items:center; gap:16px; min-width:0; }
.bt-nav-burger,.bt-nav-close { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:11px; border:1px solid var(--bt-primary); border-radius:12px; color:var(--bt-primary); background:transparent; cursor:pointer; flex:0 0 auto; }
.bt-nav-burger { flex-direction:column; gap:5px; }
.bt-nav-burger > span { display:block; width:20px; height:2px; border-radius:2px; background:currentColor; }
.bt-nav-burger:hover,.bt-nav-close:hover { background:#e7eedc; }
.bt-nav-burger:focus-visible,.bt-nav-close:focus-visible { outline:3px solid var(--bt-primary); outline-offset:3px; }
.bt-nav-close { align-self:flex-end; font-size:28px; line-height:1; padding:0; margin-bottom:16px; border:0; }
.bt-workspace .bt-sidebar { position:fixed; inset-block:0; inset-inline-start:0; width:min(284px,88vw); height:100dvh; display:flex; flex-direction:column; padding:22px 18px 16px; border-right:2px solid var(--bt-primary); border-bottom:0; background:var(--bt-brand-background); transform:translateX(-102%); visibility:hidden; transition:transform .26s ease,visibility .26s; z-index:80; overflow:hidden; }
.bt-workspace[data-nav-open="true"] .bt-sidebar { transform:translateX(0); visibility:visible; box-shadow:12px 0 45px rgba(20,35,22,.18); }
.bt-workspace .bt-workspace-brand { margin-bottom:24px; }
.bt-workspace .bt-workspace-brand small { display:block; }
.bt-workspace .bt-side-nav { flex-direction:column; overflow-y:auto; padding-bottom:0; }
.bt-workspace .bt-side-nav a { white-space:normal; font-size:12px; padding:11px 13px; }
.bt-workspace .bt-side-nav .bt-nav-label { display:flex; }
.bt-workspace .bt-sidebar-bottom { display:block; margin-top:auto; padding-top:20px; }
.bt-nav-scrim { display:block; position:fixed; inset:0; width:100%; height:100%; border:0; padding:0; background:rgba(18,28,20,.42); opacity:0; visibility:hidden; transition:opacity .26s ease,visibility .26s; z-index:75; cursor:pointer; }
.bt-workspace[data-nav-open="true"] .bt-nav-scrim { opacity:1; visibility:visible; }
html.bt-drawer-open { overflow:hidden; }
html:has(.bt-workspace) { scrollbar-gutter:stable; }
@media (min-width:851px) {
    .bt-workspace { display:flex; align-items:flex-start; }
    .bt-workspace .bt-sidebar { position:sticky; inset:auto; top:0; width:260px; flex:0 0 260px; transform:none; visibility:visible; transition:none; box-shadow:none; z-index:20; }
    .bt-workspace[data-nav-open="true"] .bt-sidebar { box-shadow:none; }
    .bt-workspace .bt-nav-burger,.bt-workspace .bt-nav-close,.bt-workspace .bt-nav-scrim { display:none; }
}
@media (max-width:480px) {
    .bt-workspace .bt-workspace-header { gap:8px; padding-inline:12px; }
    .bt-workspace-heading { gap:8px; }
    .bt-workspace-headerlogo .bt-brand-logo { width:118px; height:36px; gap:6px; padding:2px; }
    .bt-workspace-headerlogo .bt-brand-logo__symbol { width:30px; height:30px; }
    .bt-workspace-headerlogo .bt-brand-logo__name { width:82px; height:24px; }
    .bt-workspace-actions { gap:6px; }
    .bt-workspace-actions .bt-workspace-divider { display:none; }
    .bt-workspace-actions .bt-btn { padding-inline:8px; font-size:11px; }
}
@media (prefers-reduced-motion:reduce) { .bt-workspace .bt-sidebar,.bt-nav-scrim { transition:none; } }
@media print { .bt-workspace .bt-sidebar,.bt-nav-scrim,.bt-nav-burger { display:none; } }