/* Clear lens, sparse reflections and a single graduated hairline. */
:root{--glass-ink:oklch(97% .008 80)}
:is(.btn,.motion-toggle,.menu-toggle,.lang,.pm){
  --glass-tint:oklch(94% .008 80 / .035);
  --glass-reflection:oklch(99% .004 80 / .52);
  background:linear-gradient(145deg,oklch(99% .008 80 / .065),transparent 40%,oklch(94% .012 80 / .015)),var(--glass-tint);
  border:1px solid transparent;
  box-shadow:0 8px 24px oklch(5% .01 75 / .22),inset 0 .5px 0 oklch(99% .006 80 / .14);
  -webkit-backdrop-filter:blur(5px) saturate(120%);
  backdrop-filter:blur(5px) saturate(120%);
  color:var(--glass-ink);
}
:is(.btn,.motion-toggle,.menu-toggle,.lang,.pm){isolation:isolate}
:is(.btn,.motion-toggle,.menu-toggle){overflow:hidden;transition:background .3s,box-shadow .3s,transform .35s var(--ease);text-shadow:0 1px 2px oklch(10% .008 75 / .4)}
.btn-gold{--glass-tint:oklch(96% .018 80 / .09);--glass-reflection:oklch(99% .02 82 / .64)}
:is(.btn,.motion-toggle,.menu-toggle)::before,.motion-enabled .btn-gold::before{
  content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at var(--glass-x,28%) var(--glass-y,-15%),oklch(99% .005 80 / .09),transparent 62%);
  transform:none;opacity:.7;transition:opacity .3s;
}
:is(.btn,.motion-toggle,.menu-toggle,.lang)::after{
  content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--glass-angle,145deg),transparent 8%,oklch(97% .012 80 / .12) 18%,var(--glass-reflection) 32%,oklch(97% .01 80 / .10) 46%,transparent 58%,oklch(97% .01 80 / .28) 77%,transparent 94%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
}
:is(.btn,.motion-toggle,.menu-toggle):hover,:is(.btn,.motion-toggle,.menu-toggle):focus-visible{
  background:linear-gradient(145deg,oklch(99% .008 80 / .105),transparent 40%,oklch(94% .012 80 / .035)),var(--glass-tint);
  border-color:transparent;box-shadow:0 10px 28px oklch(5% .01 75 / .28),inset 0 .5px 0 oklch(99% .006 80 / .2);color:var(--glass-ink);
}
:is(.btn,.motion-toggle,.menu-toggle):hover::before,.motion-enabled .btn-gold:hover::before,.motion-enabled .btn-gold:focus-visible::before{transform:none;opacity:1}
:is(.btn,.motion-toggle,.menu-toggle):active{transform:scale(.975)}
.btn{padding:15px 25px;gap:20px}
.btn .arr,.nav .btn .arr{width:20px;height:20px;background:none;border:0;box-shadow:none}
.nav .btn{padding:11px 18px;gap:16px}
.menu-toggle{border-radius:50%}
.pm{border-color:oklch(96% .01 80 / .16)}
.lang{position:relative;gap:2px}
.lang button{color:var(--glass-ink);position:relative;background:transparent;border:0}
.lang button[aria-pressed=true]{background:oklch(97% .008 80 / .12);box-shadow:inset 0 0 0 .5px oklch(99% .006 80 / .16);color:var(--glass-ink)}
.lang button:hover{background:oklch(96% .008 80 / .08)}
summary:hover .pm,details[open] .pm{background:oklch(96% .008 80 / .12);border-color:transparent}
.glass-optics{-webkit-backdrop-filter:var(--glass-lens) blur(.7px) saturate(120%);backdrop-filter:var(--glass-lens) blur(.7px) saturate(120%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:is(.btn,.motion-toggle,.menu-toggle,.lang,.pm){--glass-tint:oklch(25% .008 80 / .96)}}
@media(max-width:760px){.hero-cta .btn,.hero-cta .btn-glass{padding:15px 21px;min-height:54px}.hero-cta .btn{gap:16px}}
@media(prefers-reduced-motion:reduce){:is(.btn,.motion-toggle,.menu-toggle){transition:none}:is(.btn,.motion-toggle,.menu-toggle):active{transform:none}}