/* craise · the universal nav (1 Nov 2026). One partial, one geometry, every marketing page.
   Law: the bar never shifts. Fixed height, fixed lockup, the pill centred on the BAR (grid 1fr auto 1fr), not in the
   leftover space beside the right cluster. On scroll only the frost arrives. Dark by default (over the sky / the film);
   .unav--ink for light pages. Prefix .unav so page stylesheets with their own .nav rules never touch it. */
.unav{position:fixed;top:0;left:0;right:0;z-index:50;padding:14px 0;font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,sans-serif;transition:background .3s ease,box-shadow .3s ease}
.unav.scrolled{background:rgba(15,17,21,.78);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 12px 32px -20px rgba(0,0,0,.5)}
.unav .row{max-width:1280px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;height:66px}
.unav a{text-decoration:none;color:inherit}
.unav .brand{justify-self:start;display:flex;align-items:center}
.unav .brand img{height:66px;width:auto;display:block}
.unav .pill{justify-self:center;display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:100px;padding:5px;white-space:nowrap}
.unav .pill a{padding:9px 17px;border-radius:100px;font-size:14px;font-weight:500;color:rgba(255,255,255,.88);transition:.16s;line-height:1.2}
.unav .pill a:hover{color:#fff;background:rgba(255,255,255,.12)}
.unav .pill a.on,.unav .pill a.on:hover{background:#fff;color:#0F1115}
.unav .right{justify-self:end;display:flex;align-items:center;gap:14px;white-space:nowrap}
.unav .li{font-size:14px;font-weight:500;color:rgba(255,255,255,.9)}
.unav .li:hover{color:#fff}
.unav .gs{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:100px;background:#0F1115;color:#fff;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.14);transition:background .2s}
.unav .gs:hover{background:#000}
.unav .gs svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* language */
.unav .lang{position:relative;flex:none}
.unav .langbtn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:100px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;font:600 12.5px/1 'Inter Tight',sans-serif;letter-spacing:.3px;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.unav .langbtn:hover{background:rgba(255,255,255,.22)}
.unav .langbtn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.unav .langbtn .cv{width:9px;height:9px;stroke-width:2.4;opacity:.75;transition:transform .2s}
.unav .lang.open .langbtn .cv{transform:rotate(180deg)}
.unav .langmenu{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:172px;z-index:80;flex-direction:column;gap:2px;padding:6px;background:rgba(9,11,16,.92);border:1px solid rgba(255,255,255,.16);border-radius:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 44px -22px rgba(0,0,0,.6)}
.unav .lang.open .langmenu{display:flex}
.unav .langmenu a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:9px;font-size:13.5px;font-weight:500;color:rgba(255,255,255,.88)}
.unav .langmenu a:hover{background:rgba(255,255,255,.12);color:#fff}
.unav .langmenu a.on{color:#fff;background:rgba(255,255,255,.08)}
.unav .langmenu a i{font-style:normal;width:13px;flex:none;font-size:11px;opacity:.9}
/* burger + mobile sheet */
.unav .burger{display:none;justify-self:end;width:44px;height:44px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:12px;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:0}
.unav .burger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:.2s}
.unav .burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.unav .burger.on span:nth-child(2){opacity:0}
.unav .burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.unav .mob{display:none;position:relative;z-index:5;margin:12px 14px 0;padding:12px;background:rgba(9,11,16,.9);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-radius:18px;box-shadow:0 18px 44px -22px rgba(0,0,0,.6)}
.unav .mob.open{display:block}
.unav .mob>a{display:block;padding:13px 12px;font-size:16px;font-weight:500;color:#fff;border-radius:10px}
.unav .mob>a.on{background:rgba(255,255,255,.12)}
.unav .mob>a:active{background:rgba(255,255,255,.14)}
.unav .mrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2)}
.unav .mrow a{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:100px;padding:13px 12px;font-size:15px;white-space:nowrap;min-width:0;color:#fff}
.unav .mrow a.li{border:1px solid rgba(255,255,255,.3)}
.unav .mrow a.gs{grid-column:1/-1;height:auto}
.unav .mrow .lang{grid-column:1/-1;display:flex;justify-content:center}
.unav .mrow .langmenu{right:auto;left:50%;transform:translateX(-50%)}
.unav.menu-open{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.unav.menu-open .row{background:rgba(15,17,21,.78);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-radius:18px}
/* ink mode: light pages */
.unav--ink .pill{background:rgba(15,17,21,.06);border-color:rgba(15,17,21,.12);backdrop-filter:none;-webkit-backdrop-filter:none}
.unav--ink .pill a{color:#3A3E48}
.unav--ink .pill a:hover{color:#0F1115;background:rgba(15,17,21,.06)}
.unav--ink .pill a.on,.unav--ink .pill a.on:hover{background:#0F1115;color:#fff}
.unav--ink .li{color:#3A3E48}
.unav--ink .li:hover{color:#0F1115}
.unav--ink .gs{border-color:#0F1115}
.unav--ink .langbtn{background:rgba(15,17,21,.06);border-color:rgba(15,17,21,.14);color:#0F1115}
.unav--ink .burger{background:rgba(15,17,21,.06);border-color:rgba(15,17,21,.14)}
.unav--ink .burger span{background:#0F1115}
.unav--ink.scrolled{background:rgba(244,244,240,.86);box-shadow:0 12px 32px -24px rgba(15,17,21,.25)}
.unav--ink.menu-open .row{background:rgba(244,244,240,.92)}
@media(max-width:1240px){
  .unav .row{grid-template-columns:minmax(0,1fr) auto}
  .unav .pill,.unav .right{display:none}
  .unav .burger{display:flex}
}
@media(max-width:980px){.unav .row{height:46px;padding:0 18px}.unav .brand img{height:46px}}