/* Blemlab public-site upgrades: complete navigation + branded 404. */

/* Keep the restored long transparent navbar; add secondary pages without overloading it. */
.site-header:not(.admin-top) .desktop-nav{overflow:visible!important}
.nav-more{position:relative;height:42px;display:flex;align-items:center}
.nav-more>summary{list-style:none;height:42px;padding:0 13px;display:flex;align-items:center;gap:6px;border-radius:999px;color:rgba(255,255,255,.72);font-size:13px;font-weight:650;letter-spacing:-.01em;cursor:pointer;user-select:none;transition:background .18s ease,color .18s ease}
.nav-more>summary::-webkit-details-marker{display:none}
.nav-more>summary span{font-size:11px;opacity:.64;transform:translateY(-1px);transition:transform .18s ease}
.nav-more:hover>summary,.nav-more[open]>summary,.nav-more.is-active>summary{background:rgba(255,255,255,.085);color:#fff}
.nav-more[open]>summary span{transform:translateY(1px) rotate(180deg)}
.nav-more-menu{position:absolute;top:50px;right:-72px;width:330px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#151518;box-shadow:0 24px 80px rgba(0,0,0,.38);display:grid;gap:3px;z-index:1200}
.site-header:not(.admin-top) .desktop-nav .nav-more-link{height:auto!important;min-height:58px!important;padding:10px 12px!important;border-radius:14px!important;display:grid!important;align-content:center!important;gap:3px!important;color:#f5f5f7!important;background:transparent!important}
.site-header:not(.admin-top) .desktop-nav .nav-more-link:hover,.site-header:not(.admin-top) .desktop-nav .nav-more-link.active{background:rgba(255,255,255,.075)!important}
.nav-more-link span{font-size:13px;font-weight:650;line-height:1.1}
.nav-more-link small{font-size:10.5px;font-weight:450;line-height:1.35;color:#8e8e93;letter-spacing:0}

@media(max-width:1040px){.nav-more{display:none!important}}

/* ---------- Blemlab 404 / Open Square ---------- */
body.error-page{margin:0;background:#050506!important;color:#f5f5f7!important;min-height:100vh;overflow-x:hidden}
.error-page .site-header{z-index:50}
.error-main{min-height:100vh;background:#050506}
.error-stage{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.72fr);align-items:center;gap:7vw;padding:128px max(36px,7vw) 72px;overflow:hidden;isolation:isolate}
.error-stage:before{content:"";position:absolute;width:720px;height:720px;left:-240px;top:48%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(42,123,255,.16),rgba(42,123,255,.035) 38%,transparent 68%);filter:blur(4px);z-index:-1}
.error-orbit{position:relative;min-height:560px;display:grid;place-items:center}
.error-grid{position:absolute;inset:6%;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000 0 42%,transparent 74%)}
.error-code{position:relative;display:flex;align-items:center;gap:18px;font-family:Satoshi,Inter,sans-serif;font-size:clamp(140px,19vw,320px);font-weight:900;line-height:.7;letter-spacing:-.105em;color:#f5f5f7;z-index:2}
.error-code b{font-weight:900}
.error-code i{width:clamp(82px,9vw,150px);height:clamp(82px,9vw,150px);border:2px solid rgba(255,255,255,.18);background:#09090b;box-shadow:inset 0 0 0 12px #050506,0 0 80px rgba(42,123,255,.25);transform:rotate(8deg);display:block}
.error-square{position:absolute;width:clamp(110px,12vw,190px);height:clamp(110px,12vw,190px);border:1px solid rgba(90,166,255,.5);background:linear-gradient(145deg,rgba(42,123,255,.9),rgba(68,94,255,.52));box-shadow:0 30px 90px rgba(42,123,255,.2);transition:transform .25s cubic-bezier(.2,.75,.2,1);z-index:1}
.error-square:before,.error-square:after{content:"";position:absolute;background:rgba(255,255,255,.52)}
.error-square:before{left:18%;right:18%;top:50%;height:1px}.error-square:after{top:18%;bottom:18%;left:50%;width:1px}
.error-square span{position:absolute;inset:13px;border:1px solid rgba(255,255,255,.24)}
.error-copy{position:relative;z-index:3;max-width:560px}
.error-kicker{margin:0 0 18px;font:600 11px/1.2 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#5aa4ff}
.error-copy h1{margin:0;font-family:Satoshi,Inter,sans-serif;font-size:clamp(64px,7vw,112px);line-height:.84;letter-spacing:-.075em;font-weight:900;color:#f5f5f7}
.error-copy>p:not(.error-kicker){max-width:510px;margin:26px 0 0;color:#a1a1a6;font-size:17px;line-height:1.6}
.error-actions{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}
.error-actions a{color:#f5f5f7;font-size:14px;font-weight:650}.error-actions a span{color:#5aa4ff}
.error-actions .error-primary{min-height:46px;padding:0 21px;border-radius:999px;background:#f5f5f7;color:#111;display:inline-flex;align-items:center}
.error-foot{position:absolute;left:max(36px,7vw);right:max(36px,7vw);bottom:26px;display:flex;justify-content:space-between;gap:20px;color:#626268;font:500 9px/1.2 "IBM Plex Mono",monospace;letter-spacing:.12em}
@media(max-width:900px){.error-stage{grid-template-columns:1fr;padding-top:118px;align-content:start}.error-orbit{min-height:390px}.error-copy{margin-top:-36px}.error-foot{position:static;grid-column:1;margin-top:48px}.error-code{font-size:clamp(128px,38vw,250px)}}
@media(max-width:560px){.error-stage{padding:96px 22px 30px}.error-orbit{min-height:320px}.error-grid{inset:0}.error-copy{margin-top:-20px}.error-copy h1{font-size:58px}.error-copy>p:not(.error-kicker){font-size:15px}.error-actions{align-items:flex-start;flex-direction:column;gap:16px}.error-foot{display:grid;font-size:8px}.error-code{gap:10px}.error-square{width:100px;height:100px}}
@media(max-width:1040px){.mobile-nav{max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain}}

/* Global bilingual navigation switch */
.language-toggle{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.language-toggle--desktop{height:34px;display:inline-flex!important;align-items:center;gap:6px;padding:0 8px!important;margin-left:3px;border-radius:999px!important;color:rgba(255,255,255,.78)!important;transition:background .2s ease,color .2s ease,transform .2s ease}
.language-toggle--desktop:hover{background:rgba(255,255,255,.09)!important;color:#fff!important;transform:translateY(-1px)}
.language-toggle svg{width:16px;height:16px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.language-toggle:hover svg{transform:rotate(18deg)}
.language-toggle--desktop span{font-size:10px;font-weight:700;letter-spacing:.06em}
.language-toggle--mobile{display:none;align-items:center;gap:10px;color:#f5f5f7;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:16px;text-align:left;width:100%}
.language-toggle--mobile svg{width:20px;height:20px}
html.lang-switching{opacity:.86;transition:opacity .16s ease}html.lang-ready{transition:opacity .18s ease}
@media(max-width:1120px){.desktop-nav a{padding-inline:9px!important}.language-toggle--desktop{padding-inline:5px!important}}
@media(max-width:1040px){.language-toggle--desktop{display:none!important}.language-toggle--mobile{display:flex!important}}
