@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}html,body{font-size:16px;line-height:1.5;font-family:DM Sans,system-ui,sans-serif}html,body,#root{overflow-x:hidden;width:100%;max-width:100vw}input,select,textarea,button{font-family:inherit}input,select,textarea{font-size:15px;width:100%;box-sizing:border-box}table{display:block;width:100%;overflow-x:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.keep2{grid-template-columns:1fr 1fr}.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a7a4a1f}.subnav{display:flex;gap:2px;background:#e6f4ed;border-radius:10px;padding:3px;overflow-x:auto;-webkit-overflow-scrolling:touch}.subnav::-webkit-scrollbar{display:none}.subnav button{flex-shrink:0;white-space:nowrap;border-radius:8px;padding:8px 14px;border:none;background:transparent;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;transition:all .15s}.sidebar{display:flex;flex-direction:column;transition:all .3s}.main-content{flex:1;overflow-y:auto;padding:20px 20px 24px;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e6f4ed;position:sticky;top:0;z-index:50}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #c3ddd0;z-index:100;padding:6px 0 calc(8px + env(safe-area-inset-bottom))}.card-inner{padding:16px}.period-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid #c3ddd0;border-radius:12px;padding:10px 14px}.period-bar select,.period-bar button{padding:8px 12px;font-size:13px}.wa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inv-line{display:grid;grid-template-columns:3fr 1fr 1fr 1fr auto;gap:8px;align-items:start}.form-card{background:#fff;border:1px solid #e6f4ed;border-radius:14px;padding:20px;max-width:600px}.exp-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.welcome-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hide-mob{display:block}.hide-desk,.demo-dropdown .demo-menu{display:none}.demo-dropdown:hover .demo-menu,.demo-dropdown:focus-within .demo-menu{display:block}.demo-dropdown .demo-menu a:hover{background:#ffffff1a}.demo-dropdown .demo-trigger:hover{background:#00c56640}@media (max-width:640px){.sidebar{display:none}.main-content{padding:10px 10px 90px}.topbar{padding:9px 12px}.mobile-nav{display:flex}.hide-mob{display:none}.hide-desk{display:block}.g2,.g3{grid-template-columns:1fr}.g4,.keep2{grid-template-columns:1fr 1fr}.welcome-banner{flex-direction:column;align-items:flex-start}.exp-header{flex-direction:column;align-items:stretch}.period-bar{padding:8px 10px}.period-bar select,.period-bar button{padding:6px 8px;font-size:12px}.card-inner{padding:12px}.wa-grid{grid-template-columns:1fr}.inv-line{grid-template-columns:1fr 1fr;gap:6px}.form-card{max-width:100%}.subnav button{padding:7px 10px;font-size:13px}}.hamburger{display:none!important}.hide-mobile{display:flex}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.demo-dropdown .demo-menu{display:none}.demo-dropdown:hover .demo-menu,.demo-dropdown:focus-within .demo-menu{display:block!important}.demo-dropdown .demo-trigger{display:inline-block}.demo-dropdown .demo-menu a:hover{background:#ffffff14!important}@media (max-width: 768px){.hamburger{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px}.hide-mobile{display:none!important}.pricing-grid,.problem-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important}}.topbar{display:flex!important}.mobile-logo{display:none}@media (max-width: 640px){.mobile-logo{display:flex!important}.topbar{padding:8px 12px!important}}