/* One compact navigation surface, using STORAQ's blue identity. */
:is(.premium-home,.demo-page,.feature-page) .top { position:sticky; z-index:40; top:14px; width:min(1360px,calc(100% - 48px)); margin:14px auto 0; border:1px solid var(--line); border-radius:18px; background:color-mix(in srgb,var(--bg) 90%,transparent); backdrop-filter:blur(24px); box-shadow:0 10px 35px #02081830; }
:is(.premium-home,.demo-page,.feature-page) .top-inner { width:calc(100% - 36px); max-width:none; min-height:70px; gap:24px; }
:is(.premium-home,.demo-page,.feature-page) .top .mark { gap:10px; font-size:19px; letter-spacing:.025em; }
:is(.premium-home,.demo-page,.feature-page) .top .mark-icon { width:32px; height:32px; }
:is(.premium-home,.demo-page,.feature-page) .nav { gap:2px; }
:is(.premium-home,.demo-page,.feature-page) .nav a { padding:8px 11px; border-radius:9px; font-size:12px; transition:color .18s,background .18s; }
:is(.premium-home,.demo-page,.feature-page) .nav a:hover,:is(.premium-home,.demo-page,.feature-page) .nav a[aria-current="page"] { color:var(--ink); background:var(--bg-raise); }
:is(.premium-home,.demo-page,.feature-page) .header-controls { gap:8px; }
:is(.premium-home,.demo-page,.feature-page) .lang select { width:92px; min-height:38px; border:1px solid var(--line); border-radius:10px; padding:7px 10px; font-size:12px; color:var(--muted); }
:is(.premium-home,.demo-page,.feature-page) .theme-toggle { width:38px; height:38px; border-radius:11px; background:transparent; }
:is(.premium-home,.demo-page,.feature-page) .theme-icon { font-size:22px; }
:is(.premium-home,.demo-page,.feature-page) .nav-download { display:inline-flex; align-items:center; gap:9px; min-height:42px; padding:10px 16px; border:1px solid #5277ff; border-radius:11px; background:#355dff; color:#fff; font-size:12px; box-shadow:0 3px 0 #16328c; transition:background .18s,translate .18s; }
html[data-theme="dark"] :is(.premium-home,.demo-page,.feature-page) .nav-download { color:#fff; }
:is(.premium-home,.demo-page,.feature-page) .nav-download:hover { background:#244be5; translate:0 -1px; }
:is(.premium-home,.demo-page,.feature-page) .nav-download .icon { width:16px; height:16px; }
:is(.premium-home,.demo-page,.feature-page) .nav-toggle { border:1px solid var(--line); border-radius:11px; background:var(--panel); width:38px; height:38px; }
@media(max-width:1120px) {
 :is(.premium-home,.demo-page,.feature-page) .nav.open { top:calc(100% + 10px); border-radius:14px; padding:10px; box-shadow:0 20px 45px #02081855; }
}
@media(max-width:700px) {
 :is(.premium-home,.demo-page,.feature-page) .top { top:8px; width:calc(100% - 20px); margin-top:8px; border-radius:14px; }
 :is(.premium-home,.demo-page,.feature-page) .top-inner { width:calc(100% - 24px); min-height:62px; gap:8px; }
 :is(.premium-home,.demo-page,.feature-page) .top .mark { font-size:17px; gap:7px; }
 :is(.premium-home,.demo-page,.feature-page) .top .mark-icon { width:28px; height:28px; }
 :is(.premium-home,.demo-page,.feature-page) .lang select { width:76px; padding:6px 4px; border:0; min-height:34px; font-size:11px; }
 :is(.premium-home,.demo-page,.feature-page) .header-controls .theme-toggle,:is(.premium-home,.demo-page,.feature-page) .header-controls .nav-toggle { width:34px; height:34px; }
 :is(.premium-home,.demo-page,.feature-page) .header-controls { gap:6px; }
 :is(.premium-home,.demo-page,.feature-page) .nav-download { display:none; }
}
@media(max-width:359px) {
 :is(.premium-home,.demo-page,.feature-page) .top .mark { font-size:16px; }
 :is(.premium-home,.demo-page,.feature-page) .top .mark-icon { width:26px; height:26px; }
 :is(.premium-home,.demo-page,.feature-page) .lang select { width:66px; }
 :is(.premium-home,.demo-page,.feature-page) .header-controls .theme-toggle,:is(.premium-home,.demo-page,.feature-page) .header-controls .nav-toggle { width:32px; height:32px; }
}
@media(prefers-reduced-motion:reduce) { :is(.premium-home,.demo-page,.feature-page) .nav a,:is(.premium-home,.demo-page,.feature-page) .nav-download { transition:none; } }