body{display:flex;flex-direction:row;align-items:stretch;height:100dvh;overflow:hidden}.sidebar{width:64px;height:100dvh;flex-shrink:0;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;z-index:100;position:sticky;top:0}.sidebar.open{width:240px}.sidebar-toggle{width:100%;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--light-gray);font-size:24px;transition:color .2s}.sidebar-toggle:hover{color:var(--product-primary)}.sidebar-toggle.wave-animate i{animation:waveFlow .5s ease-out both}@keyframes waveFlow{0%{transform:translate(0)}20%{transform:translate(-4px)}45%{transform:translate(3px)}65%{transform:translate(-2px)}80%{transform:translate(1px)}to{transform:translate(0)}}.sidebar-divider{height:1px;background:var(--border);margin:4px 12px 8px}.sidebar-brand{display:flex;justify-content:flex-start;padding-left:12px;padding-bottom:1.5rem}.sidebar-brand--nav{display:none}.brand-short,.brand-full{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Barlow,sans-serif;font-weight:900;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--white);white-space:nowrap}.brand-full{display:none}.brand-short{display:block}.sidebar.open .brand-short{display:none}.sidebar.open .brand-full{display:block}.sidebar.closing .brand-short{display:none}.sidebar.closing .brand-full{display:block}.brand-char{display:inline-block;opacity:0}.sidebar.open .brand-char{animation:charIn .55s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * 30ms + 80ms) both}.sidebar.closing .brand-char:not(.bbm-char){animation:charCollapse .35s ease-in var(--d) forwards}.sidebar.closing .brand-char.bbm-char{opacity:1}@keyframes charIn{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes charCollapse{0%{opacity:1;font-size:1em}50%{opacity:0;font-size:1em}to{opacity:0;font-size:0}}.sidebar-nav{position:static;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;flex:1;display:flex;flex-direction:column;gap:2px;padding:0 8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-link{display:flex;align-items:center;justify-content:flex-start;gap:10px;height:40px;padding:0 12px;border-radius:8px;text-decoration:none;color:var(--light-gray);font-family:Barlow,sans-serif;font-weight:900;font-size:16px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:color .2s,background .2s;flex-shrink:0}.sidebar-link:hover{color:var(--product-primary);background:#ffffff0a}.sidebar-link.active{color:var(--product-primary)}.link-icon-fill,.link-icon-outline{font-size:24px;flex-shrink:0;width:24px;height:24px;text-align:center}.link-icon-fill{display:none}.link-icon-outline{display:inline}.sidebar-link:hover .link-icon-outline,.sidebar-link.active .link-icon-outline{display:none}.sidebar-link:hover .link-icon-fill,.sidebar-link.active .link-icon-fill{display:inline}.link-text{display:none}.sidebar.open .link-text{display:inline;animation:linkTextIn .2s ease .1s both}@keyframes linkTextIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.nav-spacer{flex:1}.panels{flex:1;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}.panel{width:100%;display:flex;flex-direction:column;justify-content:center;padding:8rem 5rem;gap:3rem}.panel-content{max-width:680px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.panel-label{display:flex;flex-direction:column;gap:.75rem;align-items:center}.panel-body{display:flex;flex-direction:column;gap:1rem;align-items:center}.panel-body p{font-size:2rem;line-height:1.5}@media(min-width:1280px){.panel{padding:8rem}.panel-content{max-width:760px}}@media(max-width:767px){body{flex-direction:column}.sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%!important;height:56px;flex-direction:row;align-items:center;border-right:none;border-bottom:none;border-top:1px solid var(--border);overflow:visible;padding:0 16px;gap:0;z-index:200;transition:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0a0af7}.sidebar-toggle{display:flex;width:100%;justify-content:center;position:relative;z-index:1}.sidebar-divider,.sidebar-brand{display:none}.sidebar-brand--nav{display:flex;align-items:center;height:64px;padding:0 24px;border-bottom:1px solid var(--border);margin-bottom:8px;flex-shrink:0}.sidebar-brand--nav .brand-full{display:block;font-family:Barlow,sans-serif;font-weight:900;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--white);writing-mode:horizontal-tb;transform:none}.sidebar-brand--nav .brand-char{opacity:1;animation:none!important}.brand-short,.brand-full{writing-mode:horizontal-tb;transform:none;font-size:12px}.brand-full,.sidebar.open .brand-full,.sidebar.closing .brand-full{display:none}.brand-short,.sidebar.open .brand-short,.sidebar.closing .brand-short{display:block}.sidebar-brand--nav .brand-full{display:block!important}.sidebar-brand--nav .brand-char{opacity:1!important;animation:none!important}.nav-spacer{display:none}.sidebar-nav{position:fixed;inset:0;flex-direction:column;align-items:stretch;background:#0a0a0af7;backdrop-filter:none;border-top:none;padding:24px 0 72px;justify-content:flex-end;gap:0;overflow-y:auto;scrollbar-width:none;transform:translateY(100%);visibility:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s;pointer-events:none;z-index:0}.sidebar-nav::-webkit-scrollbar{display:none}body.nav-open .sidebar-nav{transform:translateY(0);visibility:visible;transition:transform .35s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;pointer-events:auto}.sidebar-link,.sidebar-product-icon{height:64px;padding:0 24px;font-size:24px;gap:14px}.sidebar-product-icon{justify-content:flex-start!important;padding-top:0!important;padding-bottom:0!important;padding-left:24px!important;align-items:center!important;display:flex!important;font-size:24px!important}.sidebar-product-icon .link-text{font-size:24px!important}.sidebar-product-icon img{width:24px!important;height:24px!important;border-radius:6px}.sublinks-grid{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0;gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border);margin-top:4px}.sidebar-link.sidebar-sublink{flex-direction:column!important;justify-content:center;align-items:center;height:100px!important;font-size:14px!important;gap:6px!important;padding:0 8px!important;text-align:center;border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0}.sidebar-link.sidebar-sublink .link-icon-fill,.sidebar-link.sidebar-sublink .link-icon-outline{font-size:32px!important;width:32px!important}.link-icon-fill,.link-icon-outline{font-size:24px;width:24px}.link-text{display:inline;animation:none}.mobile-nav-backdrop{position:fixed;inset:0 0 56px;background:#00000080;z-index:190;opacity:0;pointer-events:none;transition:opacity .3s}body.nav-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}.panels{padding-bottom:56px}.panel{padding:4rem 8px;gap:2rem}.panel-content{grid-template-columns:1fr;gap:2rem}.panel-label{position:static}}