.client-os-shell{--os-header-height:88px;--os-sidebar-width:232px}.client-os-shell>.topbar{height:var(--os-header-height);position:sticky;top:0;padding:0 28px;z-index:40}.client-os-shell>.topbar .brand-logo{width:85px}.client-os-shell>.nav-wrap{position:fixed;top:var(--os-header-height);bottom:0;left:0;width:var(--os-sidebar-width);background:#fff;border-right:1px solid var(--line);z-index:35;overflow-y:auto}.client-os-shell .nav{display:flex;flex-direction:column;align-items:stretch;gap:6px;height:100%;max-width:none;margin:0;padding:24px 16px}.client-os-shell .nav button{height:auto;min-height:45px;padding:12px 14px;border:0;border-radius:8px;text-align:left;font-size:14px;line-height:1.4;white-space:normal;color:#62665f}.client-os-shell .nav button.active{background:#eaf8e3;color:#161916;box-shadow:inset 3px 0 #45f01c}.client-os-shell .nav button:hover{background:#f2f5ee}.client-os-shell .nav .spacer{flex:1;min-height:20px}.client-os-shell>main{max-width:1440px;margin:0 28px 0 calc(var(--os-sidebar-width) + 28px);padding:30px 0 48px;min-width:0}.client-os-shell>.footnote{margin-left:calc(var(--os-sidebar-width) + 28px)!important}.client-os-shell>.bottom-tabs,.client-os-shell>.staff-nav-mobile{display:none!important}.client-menu-button,.os-menu-backdrop{display:none}.growth-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),300px));gap:16px;max-width:1100px}.growth-tool-card{max-width:300px;border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff;display:flex;flex-direction:column;align-items:start;gap:12px}.growth-tool-card h2{font-size:20px;line-height:1.2;max-width:264px}.growth-tool-mark{width:40px;height:auto;margin-bottom:0}.growth-tool-card .btn{min-height:36px;margin-top:0;padding:9px 12px;font-size:12px;line-height:1.2}.growth-page-heading{display:grid;gap:18px;margin-bottom:18px}.growth-page-heading h1{font-size:clamp(26px,3vw,38px);max-width:900px}.growth-back{justify-self:start;border:0;background:none;padding:0;color:#555b51;font-size:13px}.growth-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:0 0 14px;font-size:12px;color:#62665f}.growth-builder{display:block;width:100%;height:calc(100dvh - 285px);min-height:540px;border:1px solid var(--line);border-radius:12px;background:#f5f6f1}.client-os-shell.growth-tools-view>main{max-width:none}.growth-builder:fullscreen{height:100%;border:0;border-radius:0}
@media(max-width:1100px) and (min-width:901px){.client-os-shell{--os-sidebar-width:208px}.client-os-shell>main{margin-left:232px;margin-right:24px}.client-os-shell .nav{padding-left:12px;padding-right:12px}}
@media(max-width:900px){.client-os-shell>.topbar{padding:0 18px;gap:12px}.client-menu-button{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);padding:9px 11px;border-radius:8px;color:#222;font-size:12px}.client-menu-button>span:first-child{font-size:18px;line-height:1}.client-os-shell>.topbar>.brand{margin-right:auto}.client-os-shell>.topbar .brand-logo{width:66px}.client-os-shell>.nav-wrap{display:none;width:min(300px,85vw);box-shadow:8px 0 24px #0001}.client-os-shell.os-menu-open>.nav-wrap{display:block}.client-os-shell.os-menu-open>.os-menu-backdrop{display:block;position:fixed;inset:var(--os-header-height) 0 0;border:0;background:#0005;z-index:34}.client-os-shell>main{margin:0;padding:26px 20px 40px!important}.client-os-shell>.footnote{margin:0 20px 24px!important}.client-os-shell .nav{padding:20px 16px}.client-os-shell .nav button{font-size:15px;min-height:46px}.growth-tool-card{padding:18px}.growth-builder{height:calc(100dvh - 290px);min-height:540px}.growth-page-heading h1{font-size:29px}.growth-toolbar{align-items:start}.growth-toolbar .btn{white-space:nowrap}.client-os-shell .topbar .top-right .account{display:none}}
@media(max-width:400px){.client-os-shell>.topbar{padding:0 12px;gap:8px}.client-menu-button{padding:8px}.client-menu-button>span:last-child{display:none}.client-os-shell>.topbar .brand-logo{width:58px}.client-os-shell>main{padding-left:16px!important;padding-right:16px!important}.growth-page-heading h1{font-size:27px}.growth-toolbar{font-size:11px;gap:10px}.growth-toolbar .btn{font-size:11px;padding:8px}}

.client-os-shell:has(>.demo-banner){--os-top-offset:34px}.client-os-shell>.demo-banner{height:34px;position:sticky;top:0;z-index:45}.client-os-shell>.topbar{top:var(--os-top-offset,0px)}.client-os-shell>.nav-wrap{top:calc(var(--os-header-height) + var(--os-top-offset,0px))}.client-os-shell.os-menu-open>.os-menu-backdrop{top:calc(var(--os-header-height) + var(--os-top-offset,0px))}