html{background:#fff}
body{--sidebar-width:248px;background:#fff}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:30;background:#fff;border-right:1px solid #e0e6db;display:flex;flex-direction:column;padding:24px 16px;overflow-y:auto;transition:width .2s}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:35px;min-height:40px}
.sidebar-brand{display:flex;align-items:center;gap:10px;color:#244c3a;text-decoration:none;font-weight:750;font-size:19px;white-space:nowrap}
.sidebar-logo{display:block;width:40px;height:40px;object-fit:contain;flex-shrink:0}
.sidebar-collapse,.menu-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e0e6db;border-radius:9px;background:#fff;color:#65755f;flex-shrink:0}
.app-sidebar nav{display:flex;flex-direction:column;gap:5px}
.sidebar-section{color:#87927e;font-size:10px;font-weight:650;letter-spacing:1.4px;padding:23px 12px 6px;margin:0;white-space:nowrap}
.sidebar-link{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 13px;border:0;border-radius:10px;background:transparent;color:#5a6954;text-decoration:none;text-align:left;font-size:13px;font-weight:550;white-space:nowrap}
.sidebar-link:hover{background:#f2f5ed;color:#244c3a}.sidebar-link[aria-current=page]{background:#eaf1e2;color:#244c3a;font-weight:700}
.sidebar-link svg{width:19px;height:19px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sidebar-bottom{margin-top:auto;padding-top:32px}.sidebar-note{border-top:1px solid #e6ebdf;margin:16px 12px 0;padding-top:16px;color:#8a957f;font-size:11px;line-height:1.6}
body>header{margin-left:var(--sidebar-width);height:72px;padding:0 32px;background:#fff;border-bottom:1px solid #e0e6db;justify-content:space-between}
.page-heading{display:flex;align-items:center;gap:13px}.header-context{font-size:13px;font-weight:600;color:#64735c}.header-context small{display:block;font-size:10px;font-weight:400;color:#87927e;margin-top:3px}
body>main{margin-left:var(--sidebar-width);max-width:none;padding:36px 40px}body>footer{margin-left:var(--sidebar-width);max-width:none;padding-left:40px;padding-right:40px}
.hero-art .orb1{width:80%;height:auto;aspect-ratio:1;left:10%}
.menu-toggle{display:none}.sidebar-backdrop{display:none}.intro,.metrics,.results{scroll-margin-top:25px}
body.sidebar-compact{--sidebar-width:82px}.sidebar-compact .sidebar-label,.sidebar-compact .sidebar-note,.sidebar-compact .sidebar-section{display:none}.sidebar-compact .sidebar-heading{flex-direction:column;gap:12px;margin-bottom:24px}.sidebar-compact .sidebar-link{justify-content:center;padding:12px}.sidebar-compact .sidebar-collapse{transform:rotate(180deg)}
@media(min-width:1600px){body>main{padding:44px 65px}}
@media(min-width:1201px) and (max-width:1300px){body{--sidebar-width:220px}body>main{padding:28px}.hero-art{width:190px;height:230px;margin-right:0}.layout{grid-template-columns:190px minmax(0,1fr);gap:22px}.metrics{gap:18px}.metrics>div{min-width:95px}.metrics>p{max-width:150px}.intro h1{font-size:42px}}
@media(max-width:1200px){body,body.sidebar-compact{--sidebar-width:0px}body>header{margin-left:0;padding:0 16px;height:68px}.menu-toggle{display:grid}.header-context{font-size:12px}.header-context small{font-size:9px}body>main{margin-left:0;padding:24px 18px}body>footer{margin-left:0;padding:22px 18px}.app-sidebar{width:min(280px,calc(100vw - 48px));transform:translateX(-100%);visibility:hidden;transition:transform .2s,visibility .2s;padding:22px 16px}.sidebar-open .app-sidebar{transform:translateX(0);visibility:visible}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:25;background:#142f2866;border:0;width:100%;height:100%}.sidebar-open{overflow:hidden}.sidebar-compact .sidebar-label,.sidebar-compact .sidebar-section{display:initial}.sidebar-compact .sidebar-note{display:block}.sidebar-compact .sidebar-heading{flex-direction:row;margin-bottom:35px}.sidebar-compact .sidebar-link{justify-content:flex-start;padding:11px 13px}.sidebar-compact .sidebar-collapse{transform:none}.topnav{gap:3px}.account-btn{max-width:90px}.hero-art{display:none}.header-context small{display:none}}
@media(prefers-reduced-motion:reduce){.app-sidebar{transition:none}}