body{margin:0}.head.shell{height:88px;max-width:none;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #e8e9e3}.head .brand{font:800 29px Manrope,sans-serif;letter-spacing:-2px;text-decoration:none;color:#192523}.head .brand span{color:#83a400}.head .desktop-nav{display:flex;align-items:center;gap:38px}.head .desktop-nav a,.head .nav-trigger{font:800 13px Manrope,sans-serif;text-decoration:none;color:#192523;background:none;border:0;padding:28px 0;cursor:pointer}.head .head-right{display:flex}.head .action{background:#192523;color:white;border-radius:50px;padding:15px 23px;font:800 12px Manrope,sans-serif;text-decoration:none}.head .mega{display:none;position:absolute;top:88px;left:0;right:0;background:white;padding:35px 5% 42px;box-shadow:0 24px 35px #0002;grid-template-columns:1.05fr 1.2fr 1fr 1.05fr;gap:30px;z-index:101}.head .mega.open{display:grid}.head .mega-intro h3{font-size:32px;line-height:1.15;margin:15px 0}.head .mega-intro p{font-size:13px;color:#68786e;line-height:1.7}.head .mega-intro>a{font-size:13px;font-weight:800;color:#577e38}.head .mega-categories{border-left:1px solid #e8ece7;padding-left:16px}.head .mega-cat{width:100%;display:flex;justify-content:space-between;padding:17px 15px;border:0;border-radius:10px;background:transparent;text-align:left;font-weight:800;font-size:13px;color:#39483f;cursor:pointer}.head .mega-cat.selected,.head .mega-cat:hover{background:#eaf1dc;color:#315129}.head .mega-details{padding:0 12px}.head .mega-details h4{font-size:17px;margin:5px 0 20px}.head .mega-details a{display:block;color:#67746c;font-size:13px;padding:11px 0;border-bottom:1px solid #eff1ed;text-decoration:none}.head .mega-feature{position:relative;display:flex;flex-direction:column;justify-content:end;gap:7px;min-height:260px;border-radius:16px;overflow:hidden;color:white;text-decoration:none}.head .mega-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.head .mega-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b2018e8,#0b201820 75%)}.head .mega-feature span,.head .mega-feature strong,.head .mega-feature b{position:relative;z-index:2;margin-left:20px;margin-right:20px}.head .mega-feature span{font-size:10px;color:#d4eaa4;letter-spacing:1px}.head .mega-feature strong{font-size:20px}.head .mega-feature b{font-size:12px;margin-bottom:20px}.head .tag{font-size:11px;color:#65834a;font-weight:800;letter-spacing:1.5px}.mobile-sheet,.bottom-nav{display:none}
@media(max-width:900px){.head.shell{height:70px}.head .desktop-nav{display:none}.head .mega{display:none!important}.head .head-right{margin-left:auto}.head .action{font-size:10px;padding:12px 15px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:180;background:#fff;border-top:1px solid #e4e9e2;padding:9px 5px calc(9px + env(safe-area-inset-bottom))}.bottom-nav a,.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;font:700 10px Manrope;color:#54645a;text-decoration:none}.bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-sheet{position:fixed;inset:0;z-index:190;display:none}.mobile-sheet.open{display:block}.mobile-sheet .scrim{position:absolute;inset:0;background:#071b14a8;border:0;width:100%}.mobile-sheet .sheet{position:absolute;bottom:0;left:0;right:0;background:white;border-radius:26px 26px 0 0;padding:25px 25px calc(90px + env(safe-area-inset-bottom));max-height:90dvh;overflow:auto}.mobile-sheet .handle{width:45px;height:5px;background:#dce4d9;border-radius:5px;margin:0 auto 18px}.mobile-sheet .sheet-close{position:absolute;right:20px;top:20px;background:#eef3e9;border:0;border-radius:50%;width:35px;height:35px;font-size:24px}.mobile-sheet h3{font-size:27px;margin:0 0 20px}.mobile-sheet details,.mobile-sheet .sheet>a{display:block;border-bottom:1px solid #e4eae1;padding:14px 0;font-weight:800;color:#1d3027;text-decoration:none}.mobile-sheet details a{display:block;font-size:13px;padding:12px;color:#61766a;font-weight:600;text-decoration:none}}
.bottom-nav a.active{color:#193329;background:#e6efca;border-radius:20px}.head .nav-trigger{display:inline-flex;align-items:center}.head .mega.open{display:grid!important}@media(max-width:900px){#catalogHero{display:none!important}#catalogList{padding-top:18px}.bottom-nav a.active{color:#193329}}

/* V17: precise anchor offsets; remove accidental inherited anchor spacing */
html{scroll-padding-top:0!important}#finder,#usecases,#about,#contact{scroll-margin-top:0!important}

/* V18 mobile navigation: compact consistent scale and no horizontal overflow */
@media(max-width:900px){html,body{max-width:100%;overflow-x:clip}.head.shell{height:64px!important;min-height:64px!important;padding:0 20px!important;box-sizing:border-box}.head .brand{font-size:24px!important;letter-spacing:-1.4px!important}.bottom-nav{box-sizing:border-box;width:100%;max-width:100vw;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:3px}.bottom-nav a,.bottom-nav button{box-sizing:border-box;min-width:0;min-height:55px;justify-content:center;font-size:11px!important;line-height:1.2;gap:4px;padding:5px 1px}.bottom-nav svg{width:22px;height:22px;flex:none}.bottom-nav a.active{border-radius:15px}.mobile-sheet .sheet{box-sizing:border-box;max-width:100vw}.mobile-sheet details,.mobile-sheet .sheet>a{font-size:15px}}

/* V19: right-hand mobile drawer */
@media(max-width:900px){.mobile-sheet{position:fixed;inset:0;z-index:220}.mobile-sheet .scrim{position:absolute;inset:0;background:rgba(8,25,20,.56);backdrop-filter:blur(3px)}.mobile-sheet .sheet{position:absolute;top:0;right:0;left:auto;bottom:0;width:min(86vw,380px);max-width:380px;max-height:100dvh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;border-radius:24px 0 0 24px;background:#fbfcf9;padding:34px 23px calc(30px + env(safe-area-inset-bottom));box-shadow:-15px 0 45px rgba(0,0,0,.16)}.mobile-sheet .handle{display:none}.mobile-sheet h3{font-size:24px;letter-spacing:-.8px;margin:7px 52px 27px 0}.mobile-sheet .sheet-close{top:27px;right:21px;width:40px;height:40px;background:#eaf0e4;font-size:25px;display:grid;place-items:center}.mobile-sheet details{padding:0 0 12px;border-bottom:1px solid #e2e8df;margin-bottom:10px}.mobile-sheet details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;background:#eaf1df;border-radius:12px;padding:15px 13px;font-size:14px;font-weight:800;color:#1c3229}.mobile-sheet details summary::-webkit-details-marker{display:none}.mobile-sheet details summary:after{content:'⌄';font-size:20px}.mobile-sheet details[open] summary:after{transform:rotate(180deg)}.mobile-sheet details a{font-size:13px;line-height:1.35;padding:13px 15px;border-bottom:1px solid #edf0eb;color:#52665a}.mobile-sheet .sheet>a{font-size:14px;padding:17px 10px;border-bottom:1px solid #e4eae1}.mobile-sheet .sheet>a:active,.mobile-sheet details a:active{background:#edf4e5;border-radius:10px}}