.nav{position:relative;z-index:50;transition:height .25s,background .25s,box-shadow .25s}.nav.scrolled{position:sticky;top:0;max-width:none;padding-inline:max(28px,calc((100vw - 1200px)/2 + 28px));background:rgba(250,248,243,.94);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(37,29,24,.08)}
.mega{height:88px;display:flex;align-items:center;position:relative}.mega>.mega-trigger{border:0;background:none;font:inherit;color:inherit;padding:32px 0;cursor:pointer}.mega>.mega-trigger span{font-size:10px;color:var(--red);margin-left:5px}.mega-panel{position:absolute;z-index:60;top:76px;left:50%;width:620px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 70px rgba(37,29,24,.17);opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:.22s}.mega-panel.wide{width:850px;grid-template-columns:repeat(3,1fr)}.mega-panel.product-menu{width:330px;grid-template-columns:1fr}.mega:hover .mega-panel,.mega:focus-within .mega-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-panel>div>small{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:1.6px;padding:8px 10px}.mega-panel a{display:block!important;padding:11px 10px;border-radius:7px}.mega-panel a:hover{background:#f7f2ed}.mega-panel b,.mega-panel em{display:block}.mega-panel b{font-size:14px}.mega-panel em{font-style:normal;font-size:11px;color:var(--muted);margin-top:2px}.ecosystem{background:#eee9e1}.eco-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccc6bb;border-left:1px solid #ccc6bb}.eco-group{padding:28px;border-right:1px solid #ccc6bb;border-bottom:1px solid #ccc6bb;min-height:410px}.eco-group>span{font:11px monospace;color:var(--red)}.eco-group h3{font-size:25px;margin:30px 0}.eco-group a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #d7d1c7;font-size:13px}.eco-group a:hover{color:var(--red);padding-left:6px}.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease var(--delay,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}.hero-copy{animation:heroIn .8s cubic-bezier(.2,.7,.2,1) both}.product-ui{animation:heroIn .9s .12s cubic-bezier(.2,.7,.2,1) both}.screen{transition:transform .25s}.product-ui:hover .screen{transform:rotate(0deg) translateY(-5px)}@keyframes heroIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media(max-width:900px){.nav{height:78px}.navlinks{display:none}.navlinks.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;padding:14px 20px 28px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 22px 40px rgba(0,0,0,.12)}.mega{height:auto;display:block}.mega>.mega-trigger{width:100%;display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);text-align:left}.mega-panel,.mega-panel.wide,.mega-panel.product-menu{position:static;width:auto;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:10px 0 18px}.mega.open .mega-panel{display:grid}.navlinks>.btn{margin-top:15px}.eco-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.eco-grid{grid-template-columns:1fr}.eco-group{min-height:0}.nav.scrolled{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.reveal,.hero-copy,.product-ui{opacity:1;transform:none;animation:none;transition:none}}