:root{
  --sidebar:#263445;
  --sidebar-hover:#304057;
  --sidebar-active:#3b506d;
  --page:#fff;
  --panel:#fff;
  --text:#29313b;
  --muted:#697381;
  --border:#e7ebef;
  --accent:#5b84c8;
  --accent-dark:#466fb4;
  --success:#2d8a51;
  --warning:#c88628;
  --danger:#be4949;
  --toolbar-bg:#e8f0fa;
  --toolbar-border:#c8d6e6;
  --surface-muted:#f7f9fc;
  --status-bg:#f4fbf6;
  --status-border:#b7ddc4;
  --status-text:#287846;
  --info-bg:#fff8e6;
  --info-border:#ead9aa;
  --info-text:#8a651e;
  --site-footer-height:43px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--page)}
body{min-width:320px}
a{text-decoration:none;color:inherit}
button{font:inherit}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-shell{display:flex;min-height:100vh}
.sidebar{position:fixed;inset:0 auto var(--site-footer-height) 0;width:204px;background:var(--sidebar);color:#f7f9fc;transition:width .16s ease,transform .16s ease;z-index:50;overflow:hidden}
.workspace{width:calc(100% - 204px);margin-left:204px;min-height:100vh;padding-bottom:var(--site-footer-height);transition:margin .16s ease,width .16s ease;background:var(--page)}
.brand{height:52px;display:flex;align-items:center;gap:9px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand:hover{background:rgba(255,255,255,.04)}
.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:7px;background:var(--accent);color:#fff}
.brand-mark svg{width:23px;height:23px;fill:currentColor;stroke:none}
.brand-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.brand-copy strong{font-size:13px;letter-spacing:.08em}
.brand-copy small{overflow:hidden;color:#b8c4d3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.sidebar-nav{height:calc(100vh - 52px - var(--site-footer-height));display:flex;flex-direction:column;padding:6px 7px 7px}
.nav-scroll{display:grid;gap:1px;overflow-y:auto;min-height:0}
.nav-bottom{display:grid;gap:1px;margin-top:auto;padding-top:6px;border-top:1px solid rgba(255,255,255,.09)}
.nav-group-title{margin:0 9px 5px;color:#b8c4d3;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.nav-link{display:flex;align-items:center;gap:9px;min-height:32px;padding:0 8px;border-radius:4px;color:#d5dde8;font-size:13px;white-space:nowrap}
.nav-link:hover{background:var(--sidebar-hover);color:#fff}
.nav-link.is-active{background:var(--sidebar-active);color:#fff}
.nav-icon{display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 16px;color:#b8c4d3}
.nav-icon svg{width:16px;height:16px}
.topbar{position:sticky;top:0;z-index:40;height:52px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--border);background:#fff;box-shadow:0 1px 0 var(--border)}
.sidebar-toggle{display:inline-grid;place-items:center;width:30px;height:30px;border:0;border-radius:4px;background:transparent;cursor:pointer;color:#4b535e}
.sidebar-toggle:hover{background:#f1f4f7;color:var(--accent)}
.sidebar-toggle svg{width:23px;height:23px;stroke-width:2}
.topbar-title{display:flex;align-items:center;gap:8px;min-width:0;color:#29313b;font-size:18px;font-weight:700}
.topbar-title-text{display:flex;min-width:0;overflow:hidden;flex:1 1 auto;flex-direction:column}
.topbar-title-main{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#27313d;font-size:18px;font-weight:700}
.topbar-section-icon{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;color:#5a6878}
.topbar-section-icon svg{width:20px;height:20px;stroke-width:1.65}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.desktop-header-controls{display:flex;align-items:center;gap:12px}
.mobile-header-controls{display:none;align-items:center;gap:5px}
.mobile-language{display:inline-flex;align-items:center;height:28px;border:1px solid var(--border);border-radius:5px;overflow:hidden;background:var(--panel)}
.mobile-language-option{display:grid;place-items:center;min-width:31px;height:26px;padding:0 6px;color:var(--muted);font-size:10px;font-weight:700}
.mobile-language-option.is-active{background:var(--toolbar-bg);color:#2f66ad}
.mobile-theme-button{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:5px;padding:0;background:var(--panel);color:#5a6878;cursor:pointer}
.mobile-theme-button:hover{background:#f5f8fc;color:var(--accent)}
.mobile-theme-icon,.mobile-theme-icon svg{width:15px;height:15px}
.mobile-theme-icon.show-in-dark{display:none}
.language-switch,.theme-switch{display:inline-flex;align-items:center;gap:5px;min-height:30px;border:0;border-radius:16px;padding:2px 4px;background:transparent;color:var(--muted);cursor:pointer}
.language-switch:hover,.theme-switch:hover{background:#f5f8fc}
.language-switch:focus-visible,.theme-switch:focus-visible,.sidebar-toggle:focus-visible,.gallery-arrow:focus-visible,.gallery-stage:focus-visible{outline:2px solid rgba(79,122,193,.38);outline-offset:1px}
.language-label{font-size:11px;font-weight:700;line-height:1;letter-spacing:.025em;color:#8a94a1;transition:color .14s ease}
.language-label.is-active{color:#2f66ad}
.switch-track{position:relative;display:block;width:34px;height:20px;flex:0 0 34px;border:1px solid #4f78b7;border-radius:999px;background:var(--accent);box-shadow:inset 0 1px 2px rgba(22,45,77,.16);transition:background-color .14s ease,border-color .14s ease}
.switch-thumb{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(22,37,55,.32);transform:translateX(0);transition:transform .16s ease}
.language-switch.is-kk .switch-thumb,.theme-switch.is-dark .switch-thumb{transform:translateX(14px)}
.language-switch:hover .switch-track,.theme-switch:hover .switch-track{border-color:#365f9f;background:var(--accent-dark)}
.theme-icon{display:inline-grid;place-items:center;width:14px;height:14px;color:#8a94a1;transition:color .14s ease}
.theme-icon svg{width:14px;height:14px;stroke-width:1.7}
.theme-switch:not(.is-dark) .theme-icon.is-light,.theme-switch.is-dark .theme-icon.is-dark{color:#2f66ad}
.demo-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:29px;border:1px solid var(--status-border);border-radius:999px;padding:0 13px;background:var(--status-bg);color:var(--status-text);font-size:11px;font-weight:600;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}
.demo-link:hover{background:#e8f6ee;border-color:#8fcaa4;color:#1f6e3d}
.demo-link:focus-visible{outline:2px solid rgba(79,122,193,.38);outline-offset:1px}
.content{padding:18px 20px 30px;max-width:1560px;margin:0 auto}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:4px}
.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--toolbar-border);background:var(--toolbar-bg)}
.panel-header h2{margin:0;color:var(--text);font-size:15px;font-weight:700}
.feature-layout{display:grid;grid-template-columns:minmax(420px,1.06fr) minmax(340px,.94fr);gap:24px;align-items:start}
.mobile-feature-title{display:none;margin:0;color:var(--text);font-size:22px;line-height:1.25;font-weight:700}
.feature-copy{padding:8px 4px 0}
.feature-copy h1{max-width:720px;margin:0 0 13px;color:var(--text);font-size:22px;line-height:1.25;font-weight:700}
.lead-copy{display:grid;gap:9px}
.lead{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.6;text-align:justify;text-justify:inter-word;hyphens:auto}
.feature-points{display:grid;gap:8px;margin:17px 0 0;padding:0;list-style:none}
.feature-points li{display:flex;align-items:flex-start;gap:9px;color:var(--text);font-size:13px;line-height:1.45}
.feature-points .point-icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;margin-top:0;border:1px solid var(--status-border);border-radius:50%;background:#e8f6ee;color:var(--success)}
.feature-points .point-icon svg{width:13px;height:13px;stroke-width:2.2}
.page-home .feature-copy{position:relative;min-height:100%}
.page-home .feature-copy > :not(.feature-stamp){position:relative;z-index:1}
.page-home .feature-stamp{position:absolute;right:4px;bottom:-2px;z-index:0;width:180px;height:180px;transform:rotate(-32deg);opacity:.56;pointer-events:none}
.page-home .feature-stamp img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
.gallery{min-width:0;overflow:hidden;transition:width .2s ease}
.gallery-stage{position:relative;aspect-ratio:2048/1098;overflow:hidden;background:#eef2f6;cursor:zoom-in}
.gallery-slide{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity .28s ease}
.gallery-slide.is-active{opacity:1;pointer-events:auto}
.gallery-slide img{display:block;width:100%;height:100%;object-fit:contain}
.gallery-expand-icon{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(207,215,224,.9);border-radius:50%;background:rgba(255,255,255,.9);color:#53606d;opacity:.78;transition:opacity .15s ease,background .15s ease}
.gallery-expand-icon svg{width:16px;height:16px}
.gallery-stage:hover .gallery-expand-icon{opacity:1;background:#fff;color:var(--accent)}
.gallery-footer{display:grid;grid-template-columns:32px minmax(0,1fr) auto 32px;align-items:center;gap:9px;padding:8px 9px;border-top:1px solid var(--border);background:var(--panel)}
.gallery-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;background:#fff;color:#56616e;cursor:pointer}
.gallery-arrow:hover{border-color:#ead9aa;background:#fff7df;color:#9a6b16}
.gallery-arrow svg{width:16px;height:16px}
.gallery-meta{display:flex;min-width:0;flex-direction:column;gap:2px}
.gallery-meta strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.gallery-meta span{color:var(--muted);font-size:11px}
.gallery-dots{display:flex;align-items:center;gap:5px}
.gallery-dot{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#c4ccd5;cursor:pointer}
.gallery-dot.is-active{background:var(--accent)}
.feature-layout.is-gallery-expanded{grid-template-columns:1fr}
.feature-layout.is-gallery-expanded .gallery{grid-column:1/-1}
.feature-layout.is-gallery-expanded .gallery-stage{aspect-ratio:2048/1098;min-height:0;cursor:zoom-out;background:var(--surface-muted)}
.feature-layout.is-gallery-expanded .gallery-slide img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}
.feature-layout.is-gallery-expanded .feature-copy{grid-column:1/-1;max-width:980px;padding-top:0}
.feature-layout.is-gallery-expanded .gallery-expand-icon{transform:rotate(180deg)}
.experience-panel,.section-panel,.process-panel{margin-top:22px}
.experience-body{display:grid;gap:14px;padding:14px}
.experience-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;text-align:justify;text-justify:inter-word;hyphens:auto}
.status-flow-scroll{width:100%;overflow-x:auto;padding:1px 0}
.status-flow{display:flex;width:max-content;min-width:100%;align-items:center;justify-content:center;gap:10px}
.status-node{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.status-step{display:inline-flex;align-items:center;min-height:27px;flex:0 0 auto;border:1px solid var(--info-border);border-radius:999px;padding:0 11px;background:var(--info-bg);color:var(--info-text);font-size:11px;font-weight:600;white-space:nowrap}
.status-arrow{display:grid;place-items:center;flex:0 0 auto;color:#98a3af;font-size:18px}
.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.info-card{min-height:112px;padding:14px;border-left:1px solid var(--border)}
.info-card:first-child{border-left:0}
.info-card h3{margin:0 0 7px;color:var(--text);font-size:13px}
.info-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.process-flow{display:flex;align-items:center;justify-content:center;gap:10px;padding:17px 14px;overflow-x:auto}
.process-node{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.process-step{display:flex;align-items:center;gap:8px;min-width:max-content;padding:2px 0;color:var(--text)}
.process-step span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:1px solid var(--status-border);border-radius:50%;background:#e8f6ee;color:var(--success);font-size:11px;font-weight:700}
.process-step strong{color:var(--text);font-size:13px;font-weight:600}
.process-arrow{display:grid;place-items:center;color:#98a3af;font-size:18px}

.faq-page{max-width:980px;margin:0 auto}
.faq-intro{padding:8px 4px 0}
.faq-intro h1{margin:0 0 9px;color:var(--text);font-size:22px;line-height:1.25;font-weight:700}
.faq-panel{margin-top:18px;overflow:hidden}
.faq-list{display:block}
.faq-item{border-top:1px solid var(--border)}
.faq-item:first-child{border-top:0}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:12px 14px;list-style:none;color:var(--text);font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;transition:background-color .14s ease}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{background:var(--surface-muted)}
.faq-item summary:focus-visible{outline:2px solid rgba(79,122,193,.38);outline-offset:-2px}
.faq-chevron{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;color:var(--muted);transition:transform .16s ease}
.faq-chevron svg{width:16px;height:16px}
.faq-item[open] .faq-chevron{transform:rotate(180deg)}
.faq-answer{padding:0 46px 14px 14px}
.faq-answer p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.sidebar-backdrop{display:none}
.app-shell.sidebar-collapsed .sidebar{width:62px}
.app-shell.sidebar-collapsed .workspace{width:calc(100% - 62px);margin-left:62px}
.app-shell.sidebar-collapsed .brand{justify-content:center;padding:0}
.app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .nav-group-title{display:none}
.app-shell.sidebar-collapsed .nav-link{justify-content:center;padding:0}
.app-shell.sidebar-collapsed .nav-bottom{padding-top:6px}
.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:70;height:var(--site-footer-height);border-top:1px solid rgba(255,255,255,.08);background:var(--sidebar);box-shadow:0 -1px 0 rgba(18,28,40,.18)}
.site-footer-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;height:100%;padding:5px 12px;color:#c7d0db;font-size:11px}
.site-footer-copy{white-space:nowrap;font-weight:600;color:#f7f9fc}
.site-footer-contact{display:flex;min-width:0;align-items:center;justify-content:center;gap:6px;text-align:center;line-height:1.25}
.site-footer-whatsapp{flex:0 0 auto;white-space:nowrap}
.site-footer-counter{display:inline-flex;width:88px;height:31px;flex:0 0 88px;align-items:center;justify-content:center;overflow:hidden}
.site-footer-counter img{display:block;width:88px;height:31px;max-width:none}
html[data-theme="dark"]{
  color-scheme:dark;
  --sidebar:#111923;
  --sidebar-hover:#1b2a3a;
  --sidebar-active:#263b52;
  --page:#0f151c;
  --panel:#18212b;
  --surface-muted:#202b37;
  --text:#d2d9e3;
  --muted:#a5b0bf;
  --border:#2c3946;
  --accent:#6f9bdb;
  --accent-dark:#83abe5;
  --toolbar-bg:#1b2a3b;
  --toolbar-border:#31465d;
  --status-bg:#1d3125;
  --status-border:#355d43;
  --status-text:#8fd1a8;
  --info-bg:#352f1f;
  --info-border:#675b34;
  --info-text:#e2c777;
}
html[data-theme="dark"],html[data-theme="dark"] body{background:var(--page);color:var(--text)}
html[data-theme="dark"] *{scrollbar-color:#445363 #111820}
html[data-theme="dark"] .workspace,html[data-theme="dark"] .content{background:var(--page)}
html[data-theme="dark"] .site-footer{background:var(--sidebar);border-color:rgba(255,255,255,.08);box-shadow:0 -1px 0 rgba(0,0,0,.28)}
html[data-theme="dark"] .topbar{background:#151d26;border-color:var(--border);box-shadow:0 1px 0 var(--border)}
html[data-theme="dark"] .topbar-title,html[data-theme="dark"] .topbar-title-main{color:var(--text)}
html[data-theme="dark"] .topbar-section-icon,html[data-theme="dark"] .sidebar-toggle{color:var(--muted)}
html[data-theme="dark"] .sidebar-toggle:hover{background:#202b37;color:var(--text)}
html[data-theme="dark"] .language-switch:hover,html[data-theme="dark"] .theme-switch:hover{background:#202b37}
html[data-theme="dark"] .mobile-language,html[data-theme="dark"] .mobile-theme-button{background:#18232e;border-color:#3b5067}
html[data-theme="dark"] .mobile-language-option{color:#8593a3}
html[data-theme="dark"] .mobile-language-option.is-active{background:#24364a;color:#9fc0ef}
html[data-theme="dark"] .mobile-theme-button{color:#9fc0ef}
html[data-theme="dark"] .mobile-theme-icon.show-in-light{display:none}
html[data-theme="dark"] .mobile-theme-icon.show-in-dark{display:block}
html[data-theme="dark"] .language-label,html[data-theme="dark"] .theme-icon{color:#788696}
html[data-theme="dark"] .language-label.is-active,html[data-theme="dark"] .theme-switch.is-dark .theme-icon.is-dark{color:#9fc0ef}
html[data-theme="dark"] .switch-track{border-color:#789fd1;background:#527eb9}
html[data-theme="dark"] .switch-thumb{background:#e9eef5;box-shadow:0 1px 4px rgba(0,0,0,.55)}
html[data-theme="dark"] .demo-link{background:var(--status-bg);color:var(--status-text);border-color:var(--status-border)}
html[data-theme="dark"] .demo-link:hover{background:#243d2d;border-color:#4d7b5c;color:#a7ddb9}
html[data-theme="dark"] .panel,html[data-theme="dark"] .gallery-footer{background:var(--panel);border-color:var(--border);color:var(--text)}
html[data-theme="dark"] .panel-header{background:var(--toolbar-bg);border-color:var(--toolbar-border)}
html[data-theme="dark"] .gallery-stage{background:#111a23}
html[data-theme="dark"] .gallery-expand-icon,html[data-theme="dark"] .gallery-arrow{background:#18232e;color:#8eb3e7;border-color:#3b5067}
html[data-theme="dark"] .gallery-arrow:hover{background:#2a3025;color:#e4bd69;border-color:#75643d}
html[data-theme="dark"] .feature-points .point-icon,html[data-theme="dark"] .process-step span{background:#243d2d;border-color:var(--status-border);color:var(--status-text)}
html[data-theme="dark"] .status-step{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}
html[data-theme="dark"] .info-card{border-color:var(--border)}
html[data-theme="dark"] .page-home .feature-stamp{opacity:.76}
html[data-theme="dark"] .page-home .feature-stamp img{filter:brightness(1.18) contrast(1.02)}
@media(max-width:1260px){
  .page-home .feature-copy{padding-bottom:166px}
}
@media(max-width:1100px){
  .feature-layout{grid-template-columns:minmax(360px,1fr) minmax(310px,.9fr);gap:18px}
  .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .info-card{border-left:0;border-top:1px solid var(--border)}
  .info-card:nth-child(-n+2){border-top:0}
  .info-card:nth-child(even){border-left:1px solid var(--border)}
}
@media(max-width:780px){
  .page-home .feature-copy{padding-bottom:0}
  .page-home .feature-stamp{position:absolute;right:2px;bottom:-2px;margin:0;width:170px;height:170px}
}
@media(max-width:780px){
  .sidebar{width:62px}
  .workspace{width:calc(100% - 62px);margin-left:62px}
  .brand{justify-content:center;padding:0}
  .brand-copy,.nav-label,.nav-group-title{display:none}
  .nav-link{justify-content:center;padding:0}
  .topbar{height:auto;min-height:56px;padding:7px 12px}
  .topbar-title,.topbar-title-main{font-size:15px}
  .topbar-actions{gap:5px}
  .content{padding:14px}
  .feature-layout{grid-template-columns:1fr;gap:14px}
  .mobile-feature-title{display:block}
  .feature-copy{padding-top:0}
  .feature-copy > h1{display:none}
  .feature-layout.is-gallery-expanded .gallery-stage{min-height:auto;aspect-ratio:2048/1098}
  .feature-layout.is-gallery-expanded .gallery-slide img{height:100%;min-height:0}
  .status-flow-scroll{overflow:visible}
  .status-flow{width:100%;min-width:0;flex-wrap:wrap;justify-content:center;row-gap:10px}
  .process-flow{flex-wrap:wrap;justify-content:center;overflow-x:visible;row-gap:12px}
}
@media(max-width:600px){
  .topbar-title-text{display:none}
  .language-switch,.theme-switch{gap:4px;padding-left:2px;padding-right:2px}
  .switch-track{width:32px;flex-basis:32px}
  .language-switch.is-kk .switch-thumb,.theme-switch.is-dark .switch-thumb{transform:translateX(12px)}
  .demo-link{padding:0 8px}
  .gallery-footer{grid-template-columns:30px minmax(0,1fr) 30px}
  .gallery-dots{display:none}
  .gallery-stage{cursor:default}
  .gallery-expand-icon{display:none}
  .info-grid{grid-template-columns:1fr}
  .info-card,.info-card:nth-child(even),.info-card:nth-child(-n+2){border-left:0;border-top:1px solid var(--border)}
  .info-card:first-child{border-top:0}
}
@media(max-width:430px){
  .page-home .feature-stamp{right:0;bottom:-2px;margin:0;width:138px;height:138px}
}
@media(max-width:430px){
  .sidebar{transform:translateX(-100%);width:204px;box-shadow:12px 0 28px rgba(0,0,0,.22)}
  .workspace{width:100%;margin-left:0}
  .brand{justify-content:flex-start;padding:0 11px}
  .brand-copy,.nav-label,.nav-group-title{display:flex}
  .nav-group-title{display:block}
  .nav-link{justify-content:flex-start;padding:0 8px}
  .app-shell.mobile-menu-open .sidebar{transform:translateX(0)}
  .sidebar-backdrop{position:fixed;inset:0;z-index:45;border:0;background:rgba(12,18,25,.48)}
  .app-shell.mobile-menu-open .sidebar-backdrop{display:block}
  .app-shell.sidebar-collapsed .sidebar{width:204px}
  .app-shell.sidebar-collapsed .workspace{width:100%;margin-left:0}
  .app-shell.sidebar-collapsed .brand{justify-content:flex-start;padding:0 11px}
  .app-shell.sidebar-collapsed .brand-copy,.app-shell.sidebar-collapsed .nav-label{display:flex}
  .app-shell.sidebar-collapsed .nav-group-title{display:block}
  .app-shell.sidebar-collapsed .nav-link{justify-content:flex-start;padding:0 8px}
  .topbar-actions{margin-left:0}
  .theme-icon{display:none}
}


/* Mobile CRM layout */
@media(max-width:600px){
  .lead,.experience-body p{text-align:left;text-justify:auto;hyphens:none}
  .faq-intro h1{font-size:20px}
  .faq-item summary{padding:11px 12px}
  .faq-answer{padding:0 40px 12px 12px}
  .status-flow-scroll{overflow:visible}
  .status-flow{width:100%;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;gap:0}
  .status-node{flex-direction:column;align-items:center;gap:3px}
  .status-arrow{height:16px;transform:rotate(90deg);font-size:16px}
  .process-flow{width:max-content;max-width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow:visible;margin:0 auto;padding:14px}
  .process-node{width:100%;flex-direction:column;align-items:flex-start;gap:3px}
  .process-step{width:100%;justify-content:flex-start}
  .process-arrow{display:grid;width:24px;height:16px;place-items:center;margin-left:0;transform:rotate(90deg);font-size:16px}
}
@media(max-width:430px){
  .sidebar{width:204px;height:calc(100dvh - var(--site-footer-height));max-height:calc(100dvh - var(--site-footer-height));overflow:hidden;display:flex;flex-direction:column}
  .brand{height:48px;flex:0 0 48px;padding:0 9px}
  .brand-mark{width:30px;height:30px;flex-basis:30px}
  .brand-copy strong{font-size:12px}
  .brand-copy small{font-size:10px}
  .sidebar-nav{height:calc(100dvh - 48px - var(--site-footer-height));min-height:0;display:flex;flex:1 1 auto;flex-direction:column;padding:4px 7px 6px}
  .nav-scroll{display:grid;flex:1 1 auto;gap:0;overflow-y:auto;min-height:0}
  .nav-bottom{display:grid;flex:0 0 auto;gap:0;margin-top:auto;padding-top:4px;border-top:1px solid rgba(255,255,255,.09)}
  .nav-link{min-height:27px;gap:8px;padding:0 7px;font-size:12px}
  .nav-icon,.nav-icon svg{width:15px;height:15px}
  .workspace{padding-top:52px}
  .topbar{position:fixed;top:0;right:0;left:0;width:100%;height:52px;min-height:52px;gap:7px;padding:0 9px;z-index:44}
  .sidebar-toggle{width:28px;height:28px;flex:0 0 28px}
  .sidebar-toggle svg{width:21px;height:21px}
  .topbar-title{gap:6px;min-width:0;font-size:13px}
  .topbar-title-text{display:flex;min-width:0}
  .topbar-title-main{font-size:13px}
  .topbar-section-icon{width:18px;height:18px;flex-basis:18px}
  .topbar-section-icon svg{width:18px;height:18px}
  .topbar-actions{margin-left:auto;gap:5px}
  .desktop-header-controls{display:none}
  .mobile-header-controls{display:flex}
  .demo-link{min-height:28px;padding:0 9px;font-size:10px}
  .topbar-title{flex:1 1 auto;overflow:hidden}
  .topbar-title-main{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media(max-width:430px){
  .site-footer-inner{gap:6px;padding-left:6px;padding-right:6px;font-size:10px}
  .site-footer-contact{line-height:1.15}
}

@media(max-width:380px){
  .site-footer-inner{gap:4px;padding-left:4px;padding-right:4px;font-size:9px}
  .topbar{gap:5px;padding-left:7px;padding-right:7px}
  .topbar-title-main{font-size:12px}
  .topbar-section-icon{display:none}
  .mobile-language-option{min-width:28px;padding:0 4px}
  .demo-link{padding:0 7px}
}