/* Glass surfaces; active links own their highlight to avoid navigation jumps. */
:root{--glass-surface:#24242c94;--glass-edge:#ffffff38;--glass-highlight:#ffffff30;--glass-shadow:#00000038;--glass-nav:#ffffff0b;--glass-hover:#ffffff18;--glass-ink:#f4f3f5;--glass-selected:#fe2c55;--glass-selected-ink:#fff}
:root[data-theme=light]{--glass-surface:#ffffff80;--glass-edge:#ffffffed;--glass-highlight:#ffffffea;--glass-shadow:#29213216;--glass-nav:#79738a10;--glass-hover:#ffffff80;--glass-ink:#45404c;--glass-selected:#ffc6d6ad;--glass-selected-ink:#60172b}
[data-theme] .header{padding:12px 16px 12px 23px;border-radius:32px;background:linear-gradient(115deg,var(--glass-highlight),transparent 36%,transparent 70%,#ffffff14),var(--glass-surface);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1px 1px #ffffff35,0 12px 36px var(--glass-shadow),0 0 0 1px #88809917;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);gap:14px}
[data-theme] .header nav{position:relative;isolation:isolate;gap:6px;padding:5px;border-radius:999px;background:linear-gradient(180deg,#ffffff12,transparent 55%,#ffffff0a),var(--glass-nav);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 2px var(--glass-highlight),inset 0 -1px 2px #88809920,0 3px 8px #00000008;color:var(--glass-ink)}
[data-theme=light] .header nav{border-color:#aaa0b232}
.header nav a{position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 15px;border-radius:999px;font-size:13px;white-space:nowrap;border:1px solid transparent;transition:background-color .15s,box-shadow .15s,color .15s}
[data-theme] .header nav a,[data-theme] .header>.button,[data-theme] .mobile-menu a{font-weight:800;text-transform:uppercase;letter-spacing:.025em}
.header nav a:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.button,[data-theme] .header nav a,[data-theme] .mobile-menu a{position:relative;isolation:isolate;border-radius:999px;background:linear-gradient(175deg,#ffffff45 0%,#ffffff0a 44%,#a9002420 100%),#fe2c55e6;border:1px solid #ffffff85;box-shadow:inset 0 2px 2px #ffffff80,inset 0 -2px 3px #ac12343b,0 5px 16px #fe2c5524,0 0 0 1px #fe2c5520;backdrop-filter:blur(16px) saturate(175%);-webkit-backdrop-filter:blur(16px) saturate(175%);transition:box-shadow .18s,background-color .18s}
.button:hover,.button:focus-visible,[data-theme] .header nav a:hover,[data-theme] .header nav a:focus-visible,[data-theme] .mobile-menu a:hover,[data-theme] .mobile-menu a:focus-visible{background:linear-gradient(175deg,#ffffff38,transparent 65%),#dc1743;color:#fff;box-shadow:inset 0 2px 3px #ffffffa6,inset 0 -2px 3px #ac123438,0 7px 22px #fe2c5535,0 0 0 1px #fe2c5530;transform:none}
.button:active,[data-theme] .header nav a:active,[data-theme] .mobile-menu a:active{box-shadow:inset 0 2px 5px #73102438,0 2px 8px #fe2c551a;transform:none}
[data-theme] .header nav a,[data-theme] .mobile-menu a{color:#fff}
/* Keep blur on the menu surface; nested link filters can paint horizontal seams. */
[data-theme] .mobile-menu a{backdrop-filter:none;-webkit-backdrop-filter:none}
[data-theme] .header nav a[aria-current],[data-theme] .mobile-menu a[aria-current]{border-color:#fff;outline:1px solid #ffffff70;outline-offset:2px}
.hero-actions .button-outline,.guide-cta-actions .demo-store-link{background:linear-gradient(160deg,var(--glass-highlight),transparent 55%,#ffffff15),var(--glass-nav);border-color:var(--line);box-shadow:inset 0 2px 2px var(--glass-highlight),inset 0 -1px 2px #88809926,0 4px 12px var(--glass-shadow)}
.hero-actions .button-outline:hover,.guide-cta-actions .demo-store-link:hover,.hero-actions .button-outline:focus-visible,.guide-cta-actions .demo-store-link:focus-visible{background:linear-gradient(165deg,#ffffff45,transparent 65%),#fe2c55;color:#fff;border-color:#ffffff80}
[data-theme] .header .theme-toggle,[data-theme] .header .menu-toggle{border:1px solid var(--glass-edge);border-radius:50%;width:44px;height:44px;background:linear-gradient(150deg,var(--glass-highlight),transparent 65%),var(--glass-nav);box-shadow:inset 0 1px 2px var(--glass-highlight),inset 0 -1px 2px #88809924,0 2px 5px #00000006;color:var(--text);flex-shrink:0}
[data-theme] .header .theme-toggle:hover,[data-theme] .header .menu-toggle:hover{background-color:var(--glass-hover)}
[data-theme] .mobile-menu{background:linear-gradient(135deg,var(--glass-highlight),transparent 45%),var(--glass-surface);border:1px solid var(--glass-edge);border-radius:27px;padding:10px;box-shadow:inset 0 1px 2px var(--glass-highlight),inset 0 -1px 1px #ffffff30,0 18px 40px var(--glass-shadow);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}
.mobile-menu a{text-align:center;border:1px solid transparent;border-radius:18px;padding:12px 18px;margin:3px 0;transition:background-color .15s,color .15s}
[data-theme] .mobile-menu a:focus-visible{outline:2px solid #fe2c55;outline-offset:2px}
[data-theme] .service-shortcuts a:hover{background:linear-gradient(165deg,#ffffff45,transparent 65%),#fe2c55;color:#fff;border-color:#ffffff80}
@media(min-width:1001px) and (max-width:1200px){.header nav a{padding-inline:11px;font-size:12px}.header>.button{padding-inline:15px;gap:14px;font-size:12px}[data-theme] .header{gap:10px}.header>.brand{font-size:28px}}
@media(max-width:600px){[data-theme] .header{padding:10px 12px 10px 16px;border-radius:27px;gap:10px}.header .menu-toggle{margin-left:auto}.header .button{display:none}.mobile-menu{top:84px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){[data-theme] .header,[data-theme] .mobile-menu{background:var(--bg)}}
@media(prefers-reduced-motion:reduce){.button,.header nav a,.mobile-menu a{transition:none}}