/* Native details remain usable without JS. JS adds dialog semantics and focus lock. */
html{scroll-padding-top:0;scrollbar-gutter:stable}
:is(#brain,#till,#money,#departments,#about,#contact,.department-card){scroll-margin-top:80px}
.site-header{position:sticky;top:0;z-index:70;height:64px;background:#f6f1e7f0;border-bottom:1px solid #d7cebc66;backdrop-filter:blur(14px);transition:box-shadow .25s}
.site-header.is-scrolled{box-shadow:0 5px 22px #42362012}
.site-navbar{height:64px;display:flex;align-items:center;gap:32px;position:relative}
.site-navbar>.brandmark{min-height:48px;align-items:center;flex-shrink:0}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:30px;height:100%;font-size:13px;color:#625f56}
.desktop-nav>a,.features-disclosure>summary{display:flex;align-items:center;gap:8px;min-height:48px;text-decoration:none;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.desktop-nav :is(a,summary):hover,.desktop-nav .is-active{color:#8d662b}
.desktop-nav .is-active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.header-demo{font-size:12px;min-height:48px;padding:10px 19px;flex-shrink:0}
.feature-mega{position:absolute;left:28px;right:28px;top:64px;padding:28px;background:#fffdf8;border:1px solid #ded5c5;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 24px 60px #352b1c22}
.feature-menu-heading{font-size:11px;color:#9b753d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}
.feature-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 20px}
.feature-links>a{display:flex;align-items:center;gap:13px;min-height:68px;padding:10px 8px;text-decoration:none;border-radius:8px}
.feature-links>a:hover{background:#f0eadf}
.feature-icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border:1px solid #d5c6aa;color:#607c67;border-radius:50%;background:#f7f5ec}
.feature-icon svg{width:20px;height:20px}
.feature-links strong{display:block;font-size:12px;font-weight:600;color:#242722}
.feature-links small{display:block;font-size:11px;color:#7a776f;line-height:1.5;margin-top:3px}
.all-features{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:18px;padding-top:12px;border-top:1px solid #e2d9c9;text-decoration:none;color:#8d662b;font-size:12px}
.mobile-navigation{display:none}
:is(.site-header,.mobile-demo-bar) :focus-visible{outline:3px solid #9f773e;outline-offset:3px;border-radius:5px}
.mobile-demo-bar[hidden]{display:none}
.mobile-demo-bar{position:fixed;z-index:55;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #d7cbb6;background:#f6f1e7f5;backdrop-filter:blur(12px);box-shadow:0 -5px 22px #42362012}
.mobile-demo-bar>span{font-size:10px;line-height:1.45;color:#69665d}
.mobile-demo-bar .button{min-height:48px;font-size:12px;padding:10px 18px}
.department-grid{margin-bottom:80px}
.about-section{padding:90px 0;background:#ede7da}
.about-section .wrap{max-width:980px}
.about-section h2{font-family:'Inter Tight',Inter,sans-serif;font-size:clamp(36px,4vw,54px);letter-spacing:-.025em;line-height:1.1;max-width:740px;margin:20px 0}
.about-section p:last-child{max-width:650px;color:#706a60;font-size:17px;line-height:1.7}
@media(max-width:1023px){
 html{scrollbar-gutter:auto}
 .site-navbar{gap:10px;padding-left:20px;padding-right:12px}
 .desktop-nav{display:none}
 .header-demo{margin-left:auto;font-size:11px;min-height:48px;padding:10px 16px}
 .mobile-navigation{display:block}
 .menu-trigger{display:grid;place-items:center;width:48px;height:48px;list-style:none;font-size:25px;cursor:pointer;position:relative;z-index:2;color:#1b2a22}
 .menu-close-icon{display:none;font-size:34px}
 .mobile-navigation[open] .menu-open-icon{display:none}
 .mobile-navigation[open] .menu-close-icon{display:block}
 .mobile-navigation[open]>.menu-trigger{position:fixed;top:8px;right:12px}
 .nav-ready .mobile-navigation[open]>.menu-trigger{visibility:hidden}
 .site-header:has(.mobile-navigation[open]){backdrop-filter:none}
 .mobile-menu-panel{position:fixed;inset:0;height:100dvh;width:100%;display:flex;flex-direction:column;padding:0 24px calc(22px + env(safe-area-inset-bottom));background:#f6f1e7;overflow-y:auto;overscroll-behavior:contain}
 .mobile-menu-heading{height:74px;min-height:74px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2;background:#f6f1e7}
 .mobile-menu-heading .brandmark{font-size:26px;align-items:baseline}
 .menu-close{display:none;width:48px;height:48px;border:0;background:transparent;font-size:34px}
 .nav-ready .menu-close{display:block}
 .mobile-menu-links{margin-top:15px;margin-bottom:30px;display:grid}
 .mobile-menu-links>a,.mobile-features>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:68px;padding:10px 0;border-bottom:1px solid #dcd3c3;text-decoration:none;list-style:none;font-family:'Inter Tight',Inter,sans-serif;font-size:31px;letter-spacing:-.03em;cursor:pointer}
 .mobile-menu-links>a>span,.mobile-features>summary>span{font-family:Inter,Arial,sans-serif;font-size:20px;color:#a3804f}
 .mobile-menu-links .is-active{color:#92703b}
 .mobile-features .feature-links{grid-template-columns:1fr;gap:0;margin:10px 0 16px}
 .mobile-features .feature-links>a{min-height:62px}
 .mobile-features .feature-links strong{font-size:14px}
 .mobile-features .feature-links small{font-size:11px}
 .menu-primary-cta{margin-top:auto;min-height:54px;flex-shrink:0;font-size:15px;justify-content:space-between;padding:14px 22px}
 .about-section{padding:68px 0}
 .department-grid{margin-bottom:50px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header{transition:none}}