.landing-mode .landing-navigation nav.home-menu{display:flex;align-items:center;justify-content:center;gap:3px;margin:0 auto;padding:5px;border:1px solid #a377bf40;border-radius:14px;background:linear-gradient(135deg,#2a1c33b8,#15101ec9);box-shadow:inset 0 1px #ffffff07,0 6px 22px #05020840}
.landing-mode .home-menu :is(a,button){display:flex;align-items:center;justify-content:center;gap:8px;position:relative;min-height:36px;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#c9bad4;font:600 12px/1.2 Hanken,Arial,sans-serif;white-space:nowrap;transition:background .18s,border-color .18s,color .18s;flex-shrink:0}
.landing-mode .home-menu svg{width:16px;height:16px;stroke-width:1.7;color:#a88cbc;transition:color .18s}
.landing-mode .home-menu :is(a,button):hover{background:#a779cc1b;border-color:#b183cd35;color:#fff0e7}
.landing-mode .home-menu :is(a,button):hover svg{color:#edab82}
.landing-mode .home-menu a[aria-current]{background:linear-gradient(135deg,#f3945d2b,#be743c14);border-color:#f3945d68;color:#ffc5a1;box-shadow:0 2px 10px #07030930,inset 0 1px #ffd7bd0b}
.landing-mode .home-menu a[aria-current] svg{color:#ffa970}
.landing-mode .home-menu :is(a,button):focus-visible{outline:2px solid #f5ad80;outline-offset:3px}
.landing-mode :is(#tool-section,#workflow){scroll-margin-top:112px}
@media(min-width:901px){.landing-mode .landing-navigation{gap:20px}.landing-mode .landing-navigation>.horizontal-logo{flex-shrink:0}.landing-mode .landing-navigation>.account-trigger{flex-shrink:0}}
@media(min-width:901px) and (max-width:1150px){.landing-mode .landing-navigation{padding-left:20px;padding-right:20px;gap:12px}.landing-mode .home-menu :is(a,button){padding:9px 8px;font-size:11px;gap:6px}.landing-mode .home-menu svg{width:14px;height:14px}.landing-mode .landing-navigation .horizontal-wordmark strong{font-size:17px}.landing-mode .landing-navigation .horizontal-wordmark small{font-size:10px}}
@media(max-width:900px){
 .landing-mode{--studio-top:140px}
 .landing-mode .topbar{height:140px}
 .landing-mode .shell{padding-top:140px}
 .landing-mode .landing-navigation{height:110px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:42px 40px;gap:8px 12px;padding:10px 17px 8px;max-width:none}
 .landing-mode .landing-navigation>.horizontal-logo{grid-row:1;grid-column:1;justify-self:start}
 .landing-mode .landing-navigation>.account-trigger{grid-row:1;grid-column:2;justify-self:end;max-width:170px;margin:0;min-height:36px}
 .landing-mode .landing-navigation nav.home-menu{grid-row:2;grid-column:1/-1;justify-content:flex-start;width:100%;max-width:100%;margin:0;padding:3px;gap:3px;overflow-x:auto;scrollbar-width:none;border-radius:10px}
 .landing-mode .home-menu::-webkit-scrollbar{display:none}
 .landing-mode .landing-navigation nav.home-menu :is(a,button),.landing-mode .landing-navigation nav.home-menu a:nth-child(n+2){display:flex;min-height:32px;padding:7px 10px;font-size:11px;gap:7px;border-radius:7px}
 .landing-mode .home-menu svg{width:14px;height:14px}
 .landing-mode .landing-status{height:30px;padding:0 17px}
 .landing-mode :is(#tool-section,#workflow){scroll-margin-top:158px}
}
@media(prefers-reduced-motion:reduce){.landing-mode .home-menu :is(a,button),.landing-mode .home-menu svg{transition:none}}
