/* One button for the whole site (Simone 2026-11-13: "every button needs to have the same look as that button"):
   the Book a call button. Library cards Neumorphism + Text scramble; no arrow; on hover it digs into the page and the
   letters mutate into capitals through Claudia's iridescent colours. Colours: Claudia's charte only. */
.nbtn { position: relative; display: inline-flex; align-items: center; justify-content: center; height: 54px; padding: 0 30px; border: 0; border-radius: 999px;
  background: var(--nb-bg, #F3F4F5); color: var(--nb-fg, #5B3563); text-decoration: none; font: 600 15px/1 "Inter", sans-serif; white-space: nowrap; cursor: pointer;
  box-shadow: 8px 8px 18px var(--nb-sh, #CCCDCF), -8px -8px 18px var(--nb-hi, #FBFCFC), inset 0 0 0 var(--nb-sh, #CCCDCF), inset 0 0 0 var(--nb-hi, #FBFCFC);
  transition: box-shadow .45s cubic-bezier(.3,.7,.2,1), opacity .4s ease; }
.nbtn.sm { height: 42px; padding: 0 22px; font-size: 14px; box-shadow: 5px 5px 12px var(--nb-sh, #CCCDCF), -5px -5px 12px var(--nb-hi, #FBFCFC), inset 0 0 0 var(--nb-sh, #CCCDCF), inset 0 0 0 var(--nb-hi, #FBFCFC); }
.nbtn:hover, .nbtn:focus-visible { box-shadow: 0 0 0 var(--nb-sh, #CCCDCF), 0 0 0 var(--nb-hi, #FBFCFC), inset 7px 7px 14px var(--nb-sh, #CCCDCF), inset -7px -7px 14px var(--nb-hi, #FBFCFC); }
.nbtn:active { box-shadow: 0 0 0 var(--nb-sh, #CCCDCF), 0 0 0 var(--nb-hi, #FBFCFC), inset 10px 10px 18px var(--nb-deep, #9C9DA0), inset -10px -10px 18px var(--nb-hi, #FBFCFC); }
.nbtn:focus-visible { outline: 2px solid #5B3563; outline-offset: 4px; }
.nbtn .c { display: inline-block; white-space: pre; transform-origin: 50% 60%; }
/* on Claudia's light panels (white) */
.pnl.light .nbtn { --nb-bg: #FBFCFC; --nb-sh: #CCCDCF; --nb-hi: #FBFCFC; }
/* on her veil (the hours / prices banners, the method head) */
.banner .nbtn, .pnl.veil .nbtn, .fc4 .nbtn { --nb-bg: #E9E1EA; --nb-sh: rgba(132,99,137,.42); --nb-hi: #FBFCFC; --nb-deep: rgba(91,53,99,.5); --nb-fg: #3A2340; }
/* on her dark panels (G1): the light edge is G2, the shade is the Design plum */
.pnl.dark .nbtn { --nb-bg: #353536; --nb-sh: rgba(58,35,64,.95); --nb-hi: #49494B; --nb-deep: rgba(58,35,64,1); --nb-fg: #E9E1EA; }
.pnl.dark .nbtn:focus-visible { outline-color: #E9E1EA; }