.wz-skip-link {
  position: fixed;
  z-index: 999;
  inset: 0 auto auto 0;
  transform: translateY(-150%);
  padding: 0.8rem 1rem;
  background: var(--wz-black);
  color: var(--wz-white);
}
.wz-skip-link:focus { transform: none; }

.wz-topbar {
  position: absolute;
  z-index: 40;
  inset: 0 0 auto;
  padding-top: max(0.25rem, env(safe-area-inset-top));
}
.wz-topbar__inner {
  width: min(calc(100% - clamp(2rem, 6vw, 6rem)), var(--wz-shell));
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.wz-brand-link, .custom-logo-link {
  display: inline-flex;
  align-items: center;
  min-height: 10.25rem;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.wz-brand-logo, .custom-logo {
  width: clamp(22rem, 28vw, 29rem);
  height: auto;
  object-fit: contain;
}
@media (min-width: 48rem) {
  .home .wz-brand-logo,
  .home .custom-logo { width: clamp(33rem, 42vw, 43.5rem); }
}
.wz-brand-logo--dark { display: none; }
:root[data-theme="dark"] .wz-brand-logo--light { display: none; }
:root[data-theme="dark"] .wz-brand-logo--dark { display: block; }
.wz-brand-fallback {
  font-family: var(--wz-font-display);
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--wz-text);
  text-decoration: none;
}

.wz-theme-toggle {
  display: inline-grid;
  place-items: center;
  min-height: 3rem;
  padding: 0.3rem;
  color: var(--wz-text);
  background: transparent;
  border: 0;
  cursor: pointer;
}
.wz-theme-toggle__track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  place-items: center;
  width: 4.4rem;
  height: 2.3rem;
  padding: 0.2rem;
  background: var(--wz-bg-soft);
  border: 1px solid var(--wz-nav-border);
  border-radius: var(--wz-radius-pill);
}
.wz-theme-toggle__dot {
  position: absolute;
  z-index: 0;
  top: 0.2rem;
  left: 0.2rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: var(--wz-yellow);
  box-shadow: 0 0.25rem 0.65rem rgba(1, 1, 1, 0.16);
  transform: translateX(0);
  transition: transform var(--wz-duration-normal) var(--wz-ease);
}
.wz-theme-toggle__icon { position: relative; z-index: 1; display: grid; place-items: center; color: var(--wz-text-muted); }
.wz-theme-toggle__icon svg { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wz-theme-toggle__icon--sun { color: var(--wz-black); }
:root[data-theme="dark"] .wz-theme-toggle__dot { transform: translateX(2.1rem); background: var(--wz-white); }
:root[data-theme="dark"] .wz-theme-toggle__icon--sun { color: var(--wz-text-muted); }
:root[data-theme="dark"] .wz-theme-toggle__icon--moon { color: var(--wz-black); }
.wz-theme-toggle__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.wz-bottom-nav {
  position: fixed;
  z-index: 80;
  left: 50%;
  bottom: max(1rem, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  width: min(calc(100% - 2rem), 1360px);
  color: var(--wz-text);
}
.wz-bottom-nav__desktop,
.wz-bottom-nav__mobile,
.wz-bottom-nav__more {
  background: var(--wz-nav-bg);
  border: 1px solid var(--wz-nav-border);
  box-shadow: var(--wz-shadow-l);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.wz-bottom-nav__desktop {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.35rem, 0.9vw, 0.9rem);
  min-height: 4.5rem;
  padding: 0.45rem 0.55rem 0.45rem 1rem;
  border-radius: var(--wz-radius-pill);
}
.wz-bottom-nav a,
.wz-bottom-nav button {
  color: inherit;
  font-family: var(--wz-font-display);
  font-size: clamp(0.88rem, 0.78rem + 0.18vw, 1.02rem);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.wz-bottom-nav__desktop > a:not(.wz-bottom-nav__account) { padding: 0.6rem 0.25rem; }
.wz-bottom-nav__actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-left: auto;
}
.wz-bottom-nav__brol {
  padding: 0.85rem 1.15rem !important;
  background: var(--wz-action);
  color: var(--wz-action-text) !important;
  border-radius: var(--wz-radius-pill);
}
.wz-bottom-nav__account {
  padding: 0.85rem 1.2rem;
  background: var(--wz-blue);
  color: var(--wz-white) !important;
  border: 1px solid var(--wz-blue);
  border-radius: var(--wz-radius-pill);
}
.wz-bottom-nav__brol:hover,
.wz-bottom-nav__brol:focus-visible { background: var(--wz-red-deep); }
.wz-bottom-nav__account:hover,
.wz-bottom-nav__account:focus-visible { background: var(--wz-blue-deep); border-color: var(--wz-blue-deep); color: var(--wz-white) !important; }
:root[data-theme="dark"] .wz-bottom-nav__account { background: var(--wz-white); border-color: var(--wz-white); color: var(--wz-blue-deep) !important; }
.wz-bottom-nav__mobile { display: none; }
.wz-bottom-nav__more {
  position: absolute;
  right: 0;
  bottom: calc(100% + 0.75rem);
  padding: 0.75rem;
  border-radius: var(--wz-radius-m);
}
.wz-bottom-nav__more a { display: block; padding: 0.7rem 1rem; }
.wz-bottom-nav__more .wz-theme-toggle { margin: 0.6rem 1rem 0.25rem; }

.wz-back-to-top {
  position: fixed;
  z-index: 70;
  right: max(1rem, env(safe-area-inset-right));
  bottom: calc(var(--wz-nav-clearance) + env(safe-area-inset-bottom));
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid var(--wz-nav-border);
  background: var(--wz-nav-bg);
  color: var(--wz-text);
  box-shadow: var(--wz-shadow-s);
  cursor: pointer;
}

.wz-hero {
  min-height: max(44rem, 100svh);
  display: grid;
  align-items: center;
  padding-top: clamp(10rem, 15vw, 12.5rem);
  overflow: hidden;
  overflow: clip;
}
.wz-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.92fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 5rem);
  transform: translateY(-2.5rem);
}
.wz-hero__copy { position: relative; z-index: 5; transform: translateY(-3rem); }
.wz-hero__copy .wz-kicker { color: var(--wz-red-deep); }
:root[data-theme="dark"] .wz-hero__copy .wz-kicker { color: var(--wz-yellow); }
.wz-hero__copy h1 {
  max-width: none;
  font-size: calc(clamp(2.2rem, 4vw, 3.4rem) - 1px);
  white-space: normal;
}
.wz-hero__copy h1 span { display: block; white-space: nowrap; }
.wz-lead {
  max-width: 62ch;
  margin-top: var(--wz-space-4);
  font-size: calc(var(--wz-step-1) - 1px);
  line-height: 1.65;
  text-align: justify;
  hyphens: auto;
  color: var(--wz-text-muted);
}
.wz-actions { display: flex; flex-wrap: wrap; gap: var(--wz-space-3); margin-top: var(--wz-space-5); }
.wz-actions .wz-button--secondary { position: relative; }
.wz-hero__mark {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  min-height: clamp(42rem, 56vw, 50rem);
  isolation: isolate;
  outline: none;
  min-width: 0;
  transform: translateY(-6rem);
}
.wz-hero-photo-wrap {
  position: relative;
  z-index: 2;
  width: min(100%, 40.5rem);
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: 0.65rem;
  background: transparent;
  box-shadow: 0 1.6rem 4rem rgba(21, 45, 123, 0.18);
  transform: none;
  transition: transform 420ms var(--wz-ease), box-shadow 420ms var(--wz-ease);
}
.wz-hero-photo {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.65rem;
  object-fit: cover;
  object-position: 54% 48%;
}
.wz-skill-icon {
  --wz-fan-x: 0rem;
  --wz-fan-y: 0rem;
  position: absolute;
  z-index: 3;
  top: 55%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 5.4rem;
  height: 5.4rem;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: var(--wz-sticker-radius, 42% 58% 48% 52% / 54% 40% 60% 46%);
  background: var(--wz-sticker-glass, #F5C54F);
  color: var(--wz-sticker-ink, var(--wz-black));
  box-shadow: 0 0.8rem 1.8rem rgba(1, 1, 1, 0.18);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.28) rotate(-18deg);
  transition: transform 680ms cubic-bezier(0.18, 1.28, 0.34, 1), opacity 220ms ease;
  transition-delay: 0ms;
}
.wz-skill-icon svg { width: 3.25rem; height: 3.25rem; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.85; stroke-linecap: round; stroke-linejoin: round; shape-rendering: geometricPrecision; }
.wz-skill-icon svg .wz-icon-glyph { fill: currentColor; stroke: none; }
.wz-skill-icon span {
  position: absolute;
  top: calc(100% + 0.45rem);
  left: 50%;
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
  background: var(--wz-text);
  color: var(--wz-bg);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  transform: translate(-50%, -0.25rem);
  transition: opacity 180ms ease, transform 180ms ease;
}
.wz-skill-icon:hover span { opacity: 1; transform: translate(-50%, 0); }
.wz-skill-icon--website { --wz-fan-x: -12rem; --wz-fan-y: -18rem; --wz-fan-delay: 0ms; --wz-float-delay: -0.4s; --wz-sticker-rotate: -13deg; --wz-sticker-glass: #37509D; --wz-sticker-ink: var(--wz-white); --wz-sticker-radius: 35% 65% 58% 42% / 48% 38% 62% 52%; }
.wz-skill-icon--m365 { --wz-fan-x: -6.2rem; --wz-fan-y: -22rem; --wz-fan-delay: 45ms; --wz-float-delay: -1.6s; --wz-sticker-rotate: -3deg; --wz-sticker-glass: #217346; --wz-sticker-ink: var(--wz-white); --wz-sticker-radius: 56% 44% 32% 68% / 38% 61% 39% 62%; }
.wz-skill-icon--ai { --wz-fan-x: 0rem; --wz-fan-y: -23.5rem; --wz-fan-delay: 90ms; --wz-float-delay: -2.8s; --wz-sticker-rotate: 0deg; --wz-sticker-glass: #DD5234; --wz-sticker-ink: var(--wz-white); --wz-sticker-radius: 50% 50% 38% 62% / 34% 58% 42% 66%; }
.wz-skill-icon--social { --wz-fan-x: 6.2rem; --wz-fan-y: -22rem; --wz-fan-delay: 135ms; --wz-float-delay: -4s; --wz-sticker-rotate: 7deg; --wz-sticker-glass: #676767; --wz-sticker-ink: var(--wz-white); --wz-sticker-radius: 42% 58% 65% 35% / 62% 43% 57% 38%; }
.wz-skill-icon--devices { --wz-fan-x: 12rem; --wz-fan-y: -18rem; --wz-fan-delay: 180ms; --wz-float-delay: -5.2s; --wz-sticker-rotate: 7deg; --wz-sticker-glass: #F5C54F; --wz-sticker-ink: #010101; --wz-sticker-radius: 63% 37% 48% 52% / 41% 63% 37% 59%; }
.wz-hero__mark:hover .wz-hero-photo-wrap,
.wz-hero__mark:focus-within .wz-hero-photo-wrap { transform: scale(1.018); box-shadow: 0 2rem 5rem rgba(21, 45, 123, 0.24); }
.wz-hero__mark.is-fanned .wz-skill-icon {
  opacity: 1;
  pointer-events: auto;
  transition-delay: var(--wz-fan-delay, 0ms);
  transform: translate(calc(-50% + var(--wz-fan-x)), calc(-50% + var(--wz-fan-y))) scale(1) rotate(var(--wz-sticker-rotate, 0deg));
}
.wz-hero__mark.is-fanned.is-floating .wz-skill-icon {
  animation: wz-mobile-skill-float 5.8s ease-in-out var(--wz-float-delay, 0s) infinite;
}
.wz-hero__mark.is-retracting .wz-skill-icon {
  transition-delay: calc(180ms - var(--wz-fan-delay, 0ms));
}

@keyframes wz-mobile-skill-float {
  0%, 100% {
    transform: translate(calc(-50% + var(--wz-fan-x)), calc(-50% + var(--wz-fan-y))) scale(1) rotate(calc(var(--wz-sticker-rotate, 0deg) - 1deg));
  }
  50% {
    transform: translate(calc(-50% + var(--wz-fan-x)), calc(-50% + var(--wz-fan-y) - 0.45rem)) scale(1) rotate(calc(var(--wz-sticker-rotate, 0deg) + 1deg));
  }
}

.wz-travelling-point {
  position: absolute;
  z-index: 24;
  top: 0;
  left: 0;
  width: clamp(2.5rem, 4.2vw, 4.75rem);
  height: auto;
  pointer-events: none;
  will-change: transform;
  transform: translate3d(-200px, -200px, 0);
  transform-origin: center bottom;
  filter: drop-shadow(0 0.55rem 0.65rem rgba(1, 1, 1, 0.24));
}
.wz-travelling-point.is-moving {
  animation: wz-point-travel 1220ms linear both;
}
@keyframes wz-point-travel {
  0% { transform: translate3d(var(--wz-point-from-x), var(--wz-point-from-y), 0) scale(1); }
  27% { transform: translate3d(var(--wz-point-to-x), var(--wz-point-drop-y), 0) scale(0.96, 1.04); animation-timing-function: cubic-bezier(0.3, 0, 0.8, 0.15); }
  48% { transform: translate3d(var(--wz-point-to-x), var(--wz-point-to-y), 0) scale(1.13, 0.86); animation-timing-function: cubic-bezier(0.15, 0.65, 0.3, 1); }
  61% { transform: translate3d(var(--wz-point-to-x), var(--wz-point-rebound-one-y), 0) scale(0.97, 1.04); animation-timing-function: cubic-bezier(0.4, 0, 0.85, 0.2); }
  72% { transform: translate3d(var(--wz-point-to-x), var(--wz-point-to-y), 0) scale(1.09, 0.91); animation-timing-function: cubic-bezier(0.15, 0.65, 0.3, 1); }
  81% { transform: translate3d(var(--wz-point-to-x), var(--wz-point-rebound-two-y), 0) scale(0.985, 1.02); animation-timing-function: cubic-bezier(0.4, 0, 0.85, 0.2); }
  89% { transform: translate3d(var(--wz-point-to-x), var(--wz-point-to-y), 0) scale(1.055, 0.945); animation-timing-function: cubic-bezier(0.15, 0.65, 0.3, 1); }
  95% { transform: translate3d(var(--wz-point-to-x), var(--wz-point-rebound-three-y), 0) scale(0.995, 1.01); }
  100% { transform: translate3d(var(--wz-point-to-x), var(--wz-point-to-y), 0) scale(1); }
}
.wz-point-stop {
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.wz-point-stop--hero {
  right: calc(-1 * (clamp(1.25rem, 2.1vw, 2.375rem) + 0.65rem));
  top: 50%;
}
.wz-point-stop--brols {
  position: absolute;
  right: var(--wz-title-point-radius);
  bottom: calc(var(--wz-title-point-radius) - 0.08em);
  width: 1px;
  height: 1px;
}
.wz-form-heading__title {
  --wz-form-point-radius: clamp(1.25rem, 2.1vw, 2.375rem);
  text-wrap: balance;
}
.wz-form-heading__line { display: block; }
.wz-form-heading__ending { white-space: nowrap; }
.wz-point-stop--form {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1px;
  margin-left: calc(var(--wz-form-point-radius) + clamp(0.45rem, 0.8vw, 0.8rem));
  vertical-align: middle;
  transform: translateY(-0.04em);
}
.wz-how__title-ending { white-space: nowrap; }
.wz-point-stop--how {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1px;
  margin-left: calc(clamp(1.25rem, 2.1vw, 2.375rem) + clamp(0.45rem, 0.8vw, 0.8rem));
  vertical-align: middle;
  transform: translateY(-0.03em);
}
.wz-pricing-title__ending { white-space: nowrap; }
#wz-pricing-title { --wz-pricing-point-radius: clamp(1.25rem, 2.1vw, 2.375rem); }
.wz-point-stop--pricing {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1px;
  margin-left: calc(var(--wz-pricing-point-radius) + clamp(0.75rem, 1vw, 1rem));
  vertical-align: baseline;
  transform: translateY(calc(0.22em - var(--wz-pricing-point-radius)));
}
.wz-brol-shell {
  width: min(calc(100% - clamp(1rem, 2vw, 2.5rem)), 1780px);
}
.wz-brol-heading h2 {
  --wz-title-point-size: clamp(2.5rem, 4.2vw, 4.75rem);
  --wz-title-point-radius: clamp(1.25rem, 2.1vw, 2.375rem);
  --wz-title-point-gap: clamp(0.9rem, 1.6vw, 1.4rem);
  position: relative;
  display: inline-block;
  padding-right: calc(var(--wz-title-point-size) + var(--wz-title-point-gap));
  font-size: calc(clamp(2.2rem, 4vw, 3.4rem) - 1px);
  white-space: nowrap;
}
.wz-brol-heading .wz-brol-heading__lead {
  max-width: 62ch;
  font-size: calc(var(--wz-step-1) - 1px);
  line-height: 1.65;
}
.wz-brol-grid {
  display: flex;
  isolation: isolate;
  min-height: clamp(42rem, 52vw, 54rem);
  gap: 35px;
  padding-inline: clamp(2rem, 3vw, 3rem);
  align-items: stretch;
}
.wz-brol-card {
  --wz-brol-fill: var(--wz-red-deep);
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--wz-white);
  text-align: center;
  cursor: pointer;
  overflow: visible;
  z-index: auto;
  container-type: inline-size;
  transition: flex var(--wz-duration-slow) var(--wz-ease), filter var(--wz-duration-normal), transform var(--wz-duration-normal) var(--wz-ease);
}
.wz-brol-card__shape {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(--wz-brol-fill);
  overflow: visible;
  transform: scaleX(1);
  pointer-events: none;
  transition: transform var(--wz-duration-slow) var(--wz-ease);
}
.wz-brol-card__visual {
  position: absolute;
  z-index: 0;
  inset: -2px -9%;
  overflow: visible;
  background: var(--wz-brol-fill);
  -webkit-mask: var(--wz-brol-mask) center / 100% 100% no-repeat;
  mask: var(--wz-brol-mask) center / 100% 100% no-repeat;
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  transform: none;
  pointer-events: none;
  transition: transform var(--wz-duration-slow) var(--wz-ease);
}
.wz-brol-card__visual::before,
.wz-brol-card__visual::after {
  content: "";
  position: absolute;
  inset: 0;
}
.wz-brol-card__visual::before { z-index: 1; background: var(--wz-brol-fill); opacity: 0.72; mix-blend-mode: multiply; }
.wz-brol-card__visual::after { z-index: 2; background: rgba(1, 1, 1, 0.3); }
.wz-brol-card__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.25) contrast(1.08);
  transform: scale(1.04);
  transition: transform var(--wz-duration-slow) var(--wz-ease);
}
.wz-brol-card.has-media .wz-brol-card__shape { opacity: 0; }
.wz-brol-card::before,
.wz-brol-card::after { content: none; }
.wz-brol-card__content {
  position: relative;
  z-index: 1;
  text-shadow: 0 0.1rem 0.5rem rgba(1, 1, 1, 0.2);
}
.wz-brol-card:hover,
.wz-brol-card:focus-visible { flex: 1.75 1 0; }
.wz-brol-card:hover .wz-brol-card__shape,
.wz-brol-card:focus-visible .wz-brol-card__shape {
  transform: scaleX(1.06);
}
.wz-brol-card:hover .wz-brol-card__visual,
.wz-brol-card:focus-visible .wz-brol-card__visual { transform: none; }
.wz-brol-card:hover .wz-brol-card__photo,
.wz-brol-card:focus-visible .wz-brol-card__photo { transform: scale(1.08); }
.wz-brol-card:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 0 4px var(--wz-focus);
}
.wz-brol-card--red { --wz-brol-fill: #dd5234; }
.wz-brol-card--blue { --wz-brol-fill: #4059a7; }
.wz-brol-card--blue .wz-brol-card__visual::before {
  opacity: 0.7;
  mix-blend-mode: color;
}
.wz-brol-card--blue .wz-brol-card__visual::after {
  background: rgba(20, 35, 82, 0.22);
}
.wz-brol-card--blue .wz-brol-card__photo {
  filter: grayscale(0.14) contrast(1.04) brightness(1.06);
}
.wz-brol-card--yellow { --wz-brol-fill: #f5c54f; color: var(--wz-black); }
.wz-brol-card--yellow .wz-brol-card__visual::before { opacity: 0.84; mix-blend-mode: normal; }
.wz-brol-card--yellow .wz-brol-card__visual::after { background: rgba(255, 255, 255, 0.12); }
.wz-brol-card--yellow .wz-brol-card__photo { filter: grayscale(0.45) contrast(0.92) brightness(1.04); }
.wz-brol-card--ink { --wz-brol-fill: #676767; }
.wz-brol-card__content {
  position: absolute !important;
  z-index: 1;
  top: 43%;
  left: 46.5%;
  width: min(56%, 12.5rem);
  display: grid;
  justify-items: center;
  gap: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
  overflow-wrap: anywhere;
  text-shadow: 0 0.12rem 0.65rem rgba(1, 1, 1, 0.86), 0 1px 2px rgba(1, 1, 1, 0.95);
}
.wz-brol-card--yellow .wz-brol-card__content { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75), 0 0 0.55rem rgba(255, 255, 255, 0.8); }
.wz-brol-card__title {
  width: 100%;
  max-width: 100%;
  font-family: var(--wz-font-display);
  font-size: clamp(0.95rem, 8cqi, 1.75rem);
  font-weight: 700;
  line-height: 1.16;
  text-wrap: balance;
}
.wz-brol-card__title > span {
  display: block;
  white-space: nowrap;
}
.wz-brol-card__title > span + span { margin-top: 0.6em; }
.wz-brol-card--red .wz-brol-card__content,
.wz-brol-card--blue .wz-brol-card__content {
  width: min(88%, 24rem);
}
.wz-brol-card--red .wz-brol-card__title,
.wz-brol-card--blue .wz-brol-card__title {
  font-size: clamp(0.95rem, 6.5cqi, 1.55rem);
}
.wz-brol-card__cta {
  width: 100%;
  max-height: 0;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(0.5rem);
  font-size: clamp(0.72rem, 5cqi, 1rem);
  font-weight: 700;
  line-height: 1.25;
  transition: opacity var(--wz-duration-normal), transform var(--wz-duration-normal), max-height var(--wz-duration-normal), margin-top var(--wz-duration-normal);
}
.wz-brol-card:hover .wz-brol-card__cta,
.wz-brol-card:focus-visible .wz-brol-card__cta,
.wz-brol-card[aria-pressed="true"] .wz-brol-card__cta { max-height: 3.5rem; margin-top: 0.85rem; opacity: 1; transform: none; }

.wz-form-shell { max-width: 960px; }
.wz-form-fallback { padding: clamp(1.5rem, 4vw, 3rem); background: var(--wz-bg-soft); border-left: 0.45rem solid var(--wz-red); border-radius: var(--wz-radius-m); }

.wz-how {
  display: grid;
  grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.28fr);
  align-items: start;
  gap: clamp(3rem, 9vw, 8rem);
}
.wz-how__intro {
  position: sticky;
  top: clamp(2rem, 8vh, 6rem);
}
.wz-how__intro > * + * { margin-top: var(--wz-space-3); }
.wz-how__intro h2 { max-width: 11ch; }
.wz-how__lead {
  max-width: 38ch;
  color: var(--wz-text-muted);
  font-size: var(--wz-step-1);
}
.wz-how__mantra {
  display: grid;
  gap: 0.2rem;
  margin-top: clamp(2rem, 5vw, 4rem);
  font-family: var(--wz-font-display);
  font-size: clamp(1.05rem, 0.95rem + 0.55vw, 1.45rem);
  font-weight: 700;
  line-height: 1.2;
}
.wz-how__mantra span:nth-child(1) { color: var(--wz-red-deep); }
.wz-how__mantra span:nth-child(2) { color: var(--wz-blue); }
.wz-how__mantra span:nth-child(3) { color: var(--wz-text); }
:root[data-theme="dark"] .wz-how__mantra span:nth-child(1),
:root[data-theme="dark"] .wz-how__mantra span:nth-child(3) { color: var(--wz-yellow); }

.wz-steps {
  position: relative;
  display: grid;
  gap: clamp(1rem, 2.5vw, 1.5rem);
  padding-left: clamp(2.75rem, 5vw, 4.5rem);
}
.wz-steps__rail {
  position: absolute;
  left: clamp(0.85rem, 1.5vw, 1.25rem);
  top: clamp(5rem, 8vw, 6.25rem);
  bottom: clamp(5rem, 8vw, 6.25rem);
  width: 0.2rem;
  background: var(--wz-border);
  border-radius: var(--wz-radius-pill);
}
.wz-steps__progress {
  position: absolute;
  inset: 0;
  background: var(--wz-red-deep);
  border-radius: inherit;
  transform: scaleY(var(--wz-step-progress));
  transform-origin: center top;
  transition: transform var(--wz-duration-slow) var(--wz-ease);
}
.wz-journey-dot {
  position: absolute;
  left: 50%;
  top: calc(var(--wz-step-progress) * 100%);
  width: clamp(1.65rem, 2.4vw, 2.15rem);
  height: auto;
  filter: drop-shadow(0 0.3rem 0.35rem rgba(1, 1, 1, 0.2));
  transform: translate(-50%, -50%);
  transition: top var(--wz-duration-slow) var(--wz-ease);
}
.wz-step {
  --wz-step-accent: var(--wz-red-deep);
  --wz-step-on-accent: var(--wz-white);
  position: relative;
  isolation: isolate;
  min-height: clamp(11rem, 16vw, 13rem);
  display: grid;
  align-content: center;
  gap: 1rem;
  padding: clamp(1.5rem, 3.2vw, 2.5rem) clamp(1.5rem, 3.4vw, 2.75rem);
  overflow: hidden;
  background: color-mix(in srgb, var(--wz-step-accent) 5%, var(--wz-bg-elevated));
  border: 1px solid color-mix(in srgb, var(--wz-step-accent) 48%, var(--wz-border));
  border-radius: 1rem 1rem 1rem 0.25rem;
  opacity: 1;
  transition: border-color var(--wz-duration-normal), box-shadow var(--wz-duration-normal), translate var(--wz-duration-normal) var(--wz-ease);
}
.wz-step::before {
  content: none;
}
.wz-step::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -18%;
  right: clamp(1.5rem, 6vw, 5rem);
  width: clamp(2.6rem, 6vw, 4.5rem);
  height: 138%;
  background: color-mix(in srgb, var(--wz-step-accent) 8%, transparent);
  transform: skewX(-14deg);
}
.wz-step.is-active {
  opacity: 1;
  border-color: color-mix(in srgb, var(--wz-step-accent) 72%, var(--wz-border));
  box-shadow: var(--wz-shadow-l);
  translate: clamp(0.2rem, 1vw, 0.7rem) 0;
}
.wz-step--reviewed { --wz-step-accent: var(--wz-blue); }
.wz-step--scoped { --wz-step-accent: var(--wz-yellow); --wz-step-on-accent: var(--wz-black); }
.wz-step--done { --wz-step-accent: var(--wz-gray); }
.wz-step__status {
  display: inline-flex;
  width: max-content;
  margin: 0;
  padding: 0.34rem 0.68rem;
  color: var(--wz-step-on-accent);
  background: var(--wz-step-accent);
  border: 0;
  border-radius: 0.35rem 0.35rem 0.35rem 0.08rem;
  font-family: var(--wz-font-display);
  font-size: var(--wz-step--2);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.wz-step__copy h3 { max-width: 24ch; font-size: clamp(1.45rem, 1.2rem + 1vw, 2.15rem); }
.wz-step__copy p { max-width: 52ch; margin: 0.75rem 0 0; color: var(--wz-text-muted); }

.wz-pricing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 2rem); }
.wz-pricing-door {
  position: relative;
  isolation: isolate;
  min-height: 31rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  overflow: hidden;
  padding: clamp(1.5rem, 4vw, 3.5rem);
  border: 2px solid var(--wz-blue);
  border-radius: var(--wz-radius-l);
  transition: translate 360ms cubic-bezier(0.2, 0.75, 0.25, 1), box-shadow 360ms ease, border-color 360ms ease;
}
.wz-pricing-door::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -35% auto -35% -45%;
  width: 28%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.18), transparent);
  transform: translateX(-180%) skewX(-12deg);
  transition: transform 720ms cubic-bezier(0.2, 0.7, 0.2, 1);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .wz-pricing-door:hover,
  .wz-pricing-door:focus-within {
    translate: 0 -0.65rem;
    box-shadow: 0 1.5rem 3.5rem rgba(1, 1, 1, 0.18), 0 0 0 1px color-mix(in srgb, var(--wz-blue) 32%, transparent);
  }
  .wz-pricing-door--accent:hover,
  .wz-pricing-door--accent:focus-within {
    box-shadow: 0 1.5rem 3.5rem rgba(1, 1, 1, 0.2), 0 0 0 1px color-mix(in srgb, var(--wz-yellow) 70%, var(--wz-blue));
  }
  .wz-pricing-door:hover::after,
  .wz-pricing-door:focus-within::after { transform: translateX(620%) skewX(-12deg); }
}
.wz-pricing-door--accent { background: var(--wz-yellow); border-color: var(--wz-yellow); color: var(--wz-black); }
.wz-pricing-door h3 { max-width: 16ch; }
.wz-pricing-door p:not(.wz-pricing-door__label) { margin-top: 1rem; max-width: 48ch; }
.wz-pricing-door__label { color: var(--wz-red-deep); font-family: var(--wz-font-display); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; }
.wz-pricing-door__price { margin-top: clamp(1.25rem, 3vw, 2rem); font-family: var(--wz-font-display); }
.wz-pricing-door__from { display: block; margin-bottom: 0.15rem; font-size: var(--wz-step--1); font-weight: 700; }
.wz-pricing-door__amount-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.65rem; }
.wz-pricing-door__amount { color: var(--wz-blue-deep); font-size: clamp(3.25rem, 7vw, 5.75rem); line-height: 0.95; letter-spacing: -0.06em; }
.wz-pricing-door__tax { font-size: var(--wz-step--1); font-weight: 700; }
.wz-pricing-door__price small { display: block; margin-top: 0.55rem; color: var(--wz-text-muted); font-size: var(--wz-step--2); }
.wz-pricing-door--accent .wz-pricing-door__price small { color: #343434; }
.wz-pricing-door--accent .wz-pricing-door__label,
.wz-pricing-door--accent .wz-text-link { color: var(--wz-blue-deep); }
:root[data-theme="dark"] .wz-pricing-door:not(.wz-pricing-door--accent) { background: var(--wz-bg-elevated); border-color: #536dc0; }
:root[data-theme="dark"] .wz-pricing-door:not(.wz-pricing-door--accent) .wz-pricing-door__label { color: var(--wz-yellow); }
:root[data-theme="dark"] .wz-pricing-door:not(.wz-pricing-door--accent) .wz-pricing-door__amount { color: var(--wz-white); }

.wz-why { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(3rem, 9vw, 8rem); align-items: start; }
.wz-why__heading {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(3rem, 7vw, 6rem);
  text-align: center;
}
.wz-why__heading h2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(0.55rem, 1.4vw, 1.25rem);
  margin: 0;
  font-size: clamp(2.6rem, 6vw, 6.5rem);
  line-height: 1;
}
.wz-why__intro { position: sticky; top: clamp(2rem, 11vh, 7rem); }
.wz-why__intro h3 { --wz-why-point-radius: clamp(1.25rem, 2.1vw, 2.375rem); max-width: 13ch; margin-top: 0; font-size: var(--wz-step-3); }
.wz-why__title-ending { white-space: nowrap; }
.wz-point-stop--why {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1px;
  margin-left: calc(var(--wz-why-point-radius) + clamp(0.45rem, 0.8vw, 0.8rem));
  vertical-align: baseline;
  transform: translateY(calc(0.32em - var(--wz-why-point-radius)));
}
.wz-why__lead {
  max-width: 52ch;
  margin-top: clamp(1.25rem, 3vw, 2rem);
  color: var(--wz-text-muted);
  font-size: calc(var(--wz-step-1) - 1px);
  line-height: 1.65;
}
.wz-why__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; margin-top: clamp(2rem, 5vw, 3.5rem); }
.wz-why__cta > span { color: var(--wz-red-deep); font-family: var(--wz-font-display); font-weight: 700; }
:root[data-theme="dark"] .wz-why__cta > span { color: var(--wz-yellow); }
.wz-proof-list { list-style: none; padding: 0; margin: 0; border-bottom: var(--wz-border-thin); }
.wz-proof-list li {
  position: relative;
  display: grid;
  gap: 0.65rem;
  padding: clamp(1.75rem, 4vw, 2.75rem) 0 clamp(1.75rem, 4vw, 2.75rem) clamp(3rem, 5vw, 4.25rem);
  border-top: var(--wz-border-thin);
}
.wz-proof-list__mark {
  position: absolute;
  left: 0;
  top: clamp(1.7rem, 3.8vw, 2.55rem);
  display: block;
  width: clamp(2.15rem, 3.2vw, 3rem);
  height: clamp(1.55rem, 2.3vw, 2.2rem);
  margin: 0;
  font-style: normal;
}
.wz-proof-mark {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wz-proof-list strong { max-width: 24ch; font-family: var(--wz-font-display); font-size: clamp(1.4rem, 1.1rem + 1.1vw, 2.25rem); line-height: 1.1; }
.wz-proof-list span { max-width: 54ch; color: var(--wz-text-muted); }

.wz-anecdote { background: var(--wz-bg-soft); }
.wz-anecdote .wz-shell { max-width: 1040px; }
.wz-anecdote__card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(2rem, 6vw, 5rem);
  background: var(--wz-bg-elevated);
  color: var(--wz-text);
  border: 2px solid var(--wz-blue);
  border-radius: var(--wz-radius-l);
  box-shadow: var(--wz-shadow-l);
}
.wz-anecdote__card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: clamp(0.65rem, 1.1vw, 1rem);
  background: var(--wz-red);
}
.wz-anecdote__card::after {
  content: "?";
  position: absolute;
  z-index: -1;
  right: clamp(-1rem, -1vw, -0.25rem);
  bottom: clamp(-3.5rem, -4vw, -1.5rem);
  color: rgba(245, 197, 79, 0.22);
  color: color-mix(in srgb, var(--wz-yellow) 24%, transparent);
  font-family: var(--wz-font-display);
  font-size: clamp(11rem, 28vw, 22rem);
  font-weight: 700;
  line-height: 0.8;
  transform: rotate(8deg);
}
.wz-anecdote h2 {
  width: 100%;
  max-width: 100%;
  margin-top: clamp(1.5rem, 3vw, 2.25rem);
  font-size: clamp(calc(2rem - 2px), calc(2.8vw - 2px), calc(3.4rem - 2px));
  line-height: 1.08;
}
.wz-anecdote .wz-kicker {
  color: var(--wz-red-deep);
  font-size: var(--wz-step-2);
  font-weight: 700;
}
.wz-anecdote__detail { max-width: 62ch; margin-top: 1.5rem; color: var(--wz-text-muted); font-size: var(--wz-step-1); }
.wz-anecdote__link { display: inline-block; margin-top: clamp(1.5rem, 4vw, 2.5rem); color: var(--wz-blue-deep); white-space: nowrap; }
.wz-point-stop--anecdote {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1px;
  margin-left: calc(clamp(1.25rem, 2.1vw, 2.375rem) + clamp(0.45rem, 0.8vw, 0.8rem));
  vertical-align: middle;
  transform: translateY(-0.04em);
}
:root[data-theme="dark"] .wz-anecdote__card {
  background: var(--wz-bg-elevated);
  border-color: var(--wz-yellow);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.48);
}
:root[data-theme="dark"] .wz-anecdote .wz-kicker,
:root[data-theme="dark"] .wz-anecdote__link { color: var(--wz-yellow); }
:root[data-theme="dark"] .wz-anecdote__card::before { background: var(--wz-blue); }
:root[data-theme="dark"] .wz-anecdote__card::after { color: rgba(221, 82, 52, 0.18); }

@media (max-width: 47.99rem) {
  .wz-anecdote h2 { font-size: clamp(calc(1.8rem - 2px), calc(8vw - 2px), calc(2.75rem - 2px)); }
  .wz-anecdote .wz-kicker { font-size: clamp(1.25rem, 6vw, 1.8rem); }
}

.wz-reading-shell { max-width: 860px; }
.wz-post-list { display: grid; gap: 1.5rem; }
.wz-post-card { padding: 1.5rem 0; border-top: var(--wz-border-thin); }
.wz-post-card h2 a { color: var(--wz-text); text-decoration: none; }
.wz-post-card__meta { color: var(--wz-text-muted); font-size: var(--wz-step--1); }
.wz-entry__media { margin-block: 2rem; }
.wz-entry__media img { width: 100%; height: auto; border-radius: var(--wz-radius-m); }
.wz-entry__content > * + * { margin-top: 1.2em; }
.wz-entry__content h2, .wz-entry__content h3 { margin-top: 1.7em; }
.wz-legal-page { padding-top: clamp(11rem, 15vw, 14rem); background: var(--wz-bg-soft); }
.wz-legal-page .wz-shell { width: min(calc(100% - clamp(2rem, 6vw, 6rem)), 76rem); }
.wz-legal-page .wz-entry { position: relative; overflow: hidden; padding: clamp(2rem, 6vw, 5.5rem); background: var(--wz-bg-elevated); border: 1px solid var(--wz-border); border-radius: var(--wz-radius-l); box-shadow: var(--wz-shadow-l); }
.wz-legal-page .wz-entry::before { content: ""; position: absolute; inset: 0 auto 0 0; width: clamp(0.45rem, 1vw, 0.8rem); background: var(--wz-red); }
.wz-legal-page .wz-section-heading { max-width: 58rem; margin-bottom: clamp(2.5rem, 6vw, 5rem); }
.wz-legal-page h1 { font-size: clamp(2.8rem, 6vw, 5.7rem); }
.wz-legal-page .wz-entry__content { max-width: 62rem; font-size: clamp(1rem, 0.95rem + 0.2vw, 1.15rem); line-height: 1.75; }
.wz-legal-page .wz-entry__content p { text-align: justify; text-justify: inter-word; hyphens: auto; }
.wz-legal-page .wz-entry__content h2 { padding-top: 1.25rem; border-top: 1px solid var(--wz-border); font-size: clamp(1.55rem, 3vw, 2.3rem); }
.wz-legal-page .wz-entry__content ul { display: grid; gap: 0.65rem; padding-left: 1.35rem; }
.wz-legal-page .wz-entry__content li::marker { color: var(--wz-red); }
.wz-legal-page .wz-legal-intro { max-width: 48ch; color: var(--wz-blue-deep); font-family: var(--wz-font-display); font-size: clamp(1.3rem, 2.4vw, 1.8rem); line-height: 1.5; text-align: left; }
.wz-legal-page .wz-legal-update { display: inline-block; padding: 0.65rem 0.9rem; background: var(--wz-yellow); color: var(--wz-black); border-radius: var(--wz-radius-s); font-size: var(--wz-step--1); text-align: left; }
:root[data-theme="dark"] .wz-legal-page .wz-legal-intro { color: var(--wz-yellow); }
.wz-error-page {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(22rem, 0.85fr);
  min-height: 100svh;
  background: var(--wz-bg);
}
.wz-error-page__copy {
  align-self: center;
  max-width: 60rem;
  padding: clamp(10rem, 14vw, 13rem) clamp(2rem, 7vw, 8rem) calc(var(--wz-nav-clearance) + 4rem);
}
.wz-error-page .wz-kicker { color: var(--wz-red-deep); }
.wz-error-page h1 { max-width: 17ch; margin-top: 1rem; font-size: clamp(3rem, 6vw, 6.5rem); }
.wz-error-page__copy > p:not(.wz-kicker) { max-width: 58ch; margin-top: 2rem; color: var(--wz-text-muted); font-size: var(--wz-step-1); }
.wz-error-page__actions { display: flex; flex-wrap: wrap; gap: 0.85rem; margin-top: 2.25rem; }
.wz-error-page__visual {
  position: relative;
  display: grid;
  grid-template-columns: auto auto auto;
  place-content: center;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 1.5rem);
  overflow: hidden;
  background: var(--wz-blue-deep);
  color: var(--wz-white);
  font-family: var(--wz-font-display);
}
.wz-error-page__visual::before {
  content: "";
  position: absolute;
  top: -8%;
  right: 12%;
  width: clamp(2.5rem, 6vw, 5rem);
  height: 48%;
  border-radius: var(--wz-radius-pill);
  background: var(--wz-yellow);
  transform: rotate(18deg);
}
.wz-error-page__visual > span { position: relative; z-index: 1; font-size: clamp(8rem, 17vw, 18rem); font-weight: 700; line-height: 0.8; }
.wz-error-page__visual > i { position: relative; z-index: 1; width: clamp(2.5rem, 5vw, 5rem); aspect-ratio: 1; border-radius: 50%; background: var(--wz-red); box-shadow: 0 1.25rem 2.5rem rgba(1,1,1,0.28); }
.wz-error-page__visual small { position: absolute; right: clamp(1.5rem, 4vw, 4rem); bottom: calc(var(--wz-nav-clearance) + 2rem); max-width: 18ch; color: var(--wz-yellow); font-size: var(--wz-step-1); font-weight: 700; line-height: 1.35; }

.wz-footer { background: var(--wz-blue-deep); color: var(--wz-white); padding: var(--wz-space-section) 0 2rem; }
.wz-footer__grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4rem; }
.wz-footer__grid > div { max-width: 700px; }
.wz-footer__grid h2 { margin-block: 1rem; }
.wz-footer__title-ending { white-space: nowrap; }
.wz-point-stop--footer {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1px;
  margin-left: calc(clamp(1.25rem, 2.1vw, 2.375rem) + clamp(0.45rem, 0.8vw, 0.8rem));
  vertical-align: baseline;
  transform: translateY(calc(0.22em - clamp(1.25rem, 2.1vw, 2.375rem)));
}
.wz-footer__nav { display: grid; align-content: start; gap: 0.6rem; }
.wz-footer a { color: var(--wz-white); }
.wz-footer__bottom { display: flex; justify-content: space-between; gap: 1rem; padding-top: 4rem; margin-top: 4rem; border-top: 1px solid rgba(255,255,255,0.35); font-size: var(--wz-step--1); }

/* Brolothèque: editorial archive powered by WordPress media. */
.wz-case-archive__hero {
  position: relative;
  overflow: hidden;
  min-height: min(52rem, 88svh);
  padding-top: clamp(11rem, 15vw, 14rem);
  background: var(--wz-bg);
}
.wz-case-archive .wz-shell { width: min(calc(100% - clamp(2rem, 5vw, 6rem)), 94rem); }
.wz-case-archive__hero::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42%;
  height: 0.55rem;
  background: var(--wz-red);
  pointer-events: none;
}
.wz-case-archive__hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(22rem, 0.9fr); align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.wz-case-archive__hero .wz-kicker { color: var(--wz-red-deep); }
.wz-case-archive__hero h1 { max-width: 16ch; margin-top: 1rem; font-size: clamp(4rem, 8vw, 8.5rem); }
.wz-case-archive__lead {
  max-width: 58ch;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--wz-text-muted);
  font-size: var(--wz-step-1);
}
.wz-case-archive__brand { position: relative; display: grid; place-items: center; min-height: clamp(22rem, 34vw, 35rem); isolation: isolate; }
.wz-case-archive__brand::before { content: ""; position: absolute; inset: 5% 3% 3% 8%; border-radius: 48% 52% 42% 58% / 58% 42% 58% 42%; background: var(--wz-blue-deep); transform: rotate(4deg); box-shadow: var(--wz-shadow-l); }
.wz-case-archive__brand-copy { position: relative; z-index: 2; color: var(--wz-white); font-family: var(--wz-font-display); font-size: clamp(2rem, 4vw, 4rem); font-weight: 700; line-height: 1.25; transform: rotate(-3deg); }
.wz-case-archive__listing { padding-top: clamp(3rem, 6vw, 6rem); background: var(--wz-bg-soft); }
.wz-case-archive__catalogue-head { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: clamp(2rem, 5vw, 4rem); padding-bottom: 1.25rem; border-bottom: 1px solid var(--wz-border); }
.wz-case-archive__catalogue-head .wz-kicker { color: var(--wz-red-deep); font-size: var(--wz-step-1); }
.wz-case-archive__catalogue-head > p:last-child { max-width: 48ch; color: var(--wz-text-muted); }
.wz-case-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 2.5rem); }
.wz-case-card {
  --wz-case-accent: var(--wz-red);
  min-width: 0;
  overflow: hidden;
  background: var(--wz-bg-elevated);
  border: 1px solid var(--wz-border);
  border-radius: var(--wz-radius-l);
  box-shadow: var(--wz-shadow-s);
  transition: transform var(--wz-duration-normal) var(--wz-ease), box-shadow var(--wz-duration-normal) var(--wz-ease), border-color var(--wz-duration-normal);
}
.wz-case-card--tone-2 { --wz-case-accent: var(--wz-blue); }
.wz-case-card--tone-3 { --wz-case-accent: var(--wz-yellow); }
.wz-case-card--tone-4 { --wz-case-accent: var(--wz-gray); }
.wz-case-card:only-child { grid-column: 1 / -1; }
.wz-case-card:hover,
.wz-case-card:focus-within { transform: translateY(-0.45rem); border-color: var(--wz-case-accent); box-shadow: var(--wz-shadow-l); }
.wz-case-card__link { display: grid; grid-template-columns: minmax(10rem, 0.68fr) minmax(0, 1.32fr); min-height: 26rem; color: inherit; text-decoration: none; }
.wz-case-card__visual {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 15rem;
  overflow: hidden;
  background: var(--wz-case-accent);
}
.wz-case-card__visual::after { content: ""; position: absolute; inset: auto 0 0; height: 0.5rem; background: var(--wz-case-accent); }
.wz-case-card__image { width: 100%; height: 100%; object-fit: cover; }
.wz-case-card__question { position: relative; z-index: 1; color: var(--wz-white); font-family: var(--wz-font-display); font-size: clamp(8rem, 15vw, 13rem); font-weight: 700; line-height: 1; transform: rotate(8deg); }
.wz-case-card--tone-3 .wz-case-card__question { color: var(--wz-black); }
.wz-case-card__body { display: flex; flex-direction: column; padding: clamp(1.6rem, 4vw, 3rem); }
.wz-case-card__meta { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.25rem; }
.wz-case-card__meta span { padding: 0.35rem 0.65rem; border: 1px solid var(--wz-border); border-radius: var(--wz-radius-pill); color: var(--wz-text-muted); font-size: var(--wz-step--2); font-weight: 700; }
.wz-case-card__meta span:first-child { border-color: var(--wz-case-accent); color: var(--wz-text); }
.wz-case-card h2 { font-size: clamp(1.65rem, 3vw, 2.55rem); }
.wz-case-card__body > p:not(.wz-case-card__meta) { margin-top: 1.25rem; color: var(--wz-text-muted); }
.wz-case-card__cta { margin-top: auto; padding-top: 2rem; color: var(--wz-link); font-family: var(--wz-font-display); font-weight: 700; }
.wz-case-card__cta > span { display: inline-block; transition: transform var(--wz-duration-fast) var(--wz-ease); }
.wz-case-card:hover .wz-case-card__cta > span { transform: translateX(0.35rem); }
.wz-case-empty { padding: clamp(2rem, 5vw, 4rem); background: var(--wz-bg-elevated); border-left: 0.75rem solid var(--wz-red); }
.wz-case-empty p { margin-top: 1rem; color: var(--wz-text-muted); }
.wz-case-archive .navigation.pagination { margin-top: 3rem; }
.wz-case-archive .nav-links { display: flex; justify-content: center; gap: 0.5rem; }
.wz-case-archive .page-numbers { display: grid; place-items: center; min-width: 2.75rem; min-height: 2.75rem; padding: 0.5rem; border: 1px solid var(--wz-border); border-radius: 999px; background: var(--wz-bg-elevated); text-decoration: none; }
.wz-case-archive .page-numbers.current { background: var(--wz-action); color: var(--wz-action-text); border-color: var(--wz-action); }

.wz-case-story__hero { overflow: hidden; padding-top: clamp(9rem, 12vw, 12rem); padding-bottom: clamp(9rem, 11vw, 11rem); background: var(--wz-blue-deep); color: var(--wz-white); }
.wz-case-story__hero::before { content: ""; position: absolute; inset: auto auto -10rem -8rem; width: 24rem; aspect-ratio: 1; border: 5rem solid color-mix(in srgb, var(--wz-red) 72%, transparent); border-radius: 50%; transform: rotate(-18deg); }
.wz-case-story__hero-grid { position: relative; display: block; }
.wz-case-back { display: inline-flex; gap: 0.55rem; align-items: center; margin-bottom: clamp(2rem, 5vw, 4rem); color: var(--wz-white); font-weight: 700; }
.wz-case-story__hero .wz-kicker { color: var(--wz-yellow); }
.wz-case-story__hero h1 { max-width: 20ch; margin-top: 1rem; font-size: clamp(2.8rem, 5.2vw, 5.9rem); }
.wz-case-story__deck { max-width: min(70ch, calc(100% - clamp(10rem, 19vw, 16rem))); margin-top: clamp(1.5rem, 3vw, 2.5rem); color: rgba(255,255,255,0.82); font-size: var(--wz-step-1); }
.wz-case-story__stamp { position: absolute; right: 0; bottom: -2rem; display: grid; place-items: center; width: clamp(10rem, 18vw, 14rem); aspect-ratio: 1; border-radius: 42% 58% 63% 37% / 55% 38% 62% 45%; background: var(--wz-yellow); color: var(--wz-black); transform: rotate(7deg); box-shadow: 0 1.5rem 3rem rgba(1,1,1,0.24); }
.wz-case-story__stamp span { font-family: var(--wz-font-display); font-size: clamp(5rem, 10vw, 8rem); font-weight: 700; line-height: 0.7; }
.wz-case-story__stamp small { font-family: var(--wz-font-display); font-weight: 700; }
.wz-case-story__media { margin-top: calc(-1 * clamp(2rem, 5vw, 4rem)); }
.wz-case-story__media img { position: relative; width: 100%; max-height: 42rem; object-fit: cover; border: 0.75rem solid var(--wz-bg); border-radius: var(--wz-radius-l); box-shadow: var(--wz-shadow-l); }
.wz-case-story__main { padding-top: clamp(4rem, 8vw, 8rem); }
.wz-case-story__layout { display: grid; grid-template-columns: minmax(0, 46rem) minmax(15rem, 21rem); justify-content: center; gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.wz-case-story__content { min-width: 0; font-size: clamp(1.08rem, 1rem + 0.3vw, 1.28rem); line-height: 1.78; }
.wz-case-story__content p { text-align: justify; text-justify: inter-word; hyphens: auto; -webkit-hyphens: auto; }
.wz-case-story__content > * { max-width: 100%; }
.wz-case-story__content > * + * { margin-top: 1.35em; }
.wz-case-story__content h2 { margin-top: clamp(3.5rem, 7vw, 6rem); color: var(--wz-text); font-size: clamp(2rem, 4vw, 3.35rem); }
.wz-case-story__content .wz-case-intro { margin-top: 0; color: var(--wz-text); font-family: var(--wz-font-display); font-size: clamp(1.35rem, 2.5vw, 1.85rem); line-height: 1.5; }
.wz-case-story__content blockquote { position: relative; margin: clamp(2.5rem, 6vw, 4rem) 0; padding: clamp(1.5rem, 4vw, 2.75rem); background: var(--wz-bg-soft); border-left: 0.75rem solid var(--wz-red); }
.wz-case-story__content blockquote p { margin: 0; font-family: var(--wz-font-display); font-size: var(--wz-step-2); line-height: 1.35; }
.wz-case-story__content blockquote cite { display: block; margin-top: 1rem; color: var(--wz-text-muted); font-size: var(--wz-step--1); font-style: normal; }
.wz-case-story__content ul { display: grid; gap: 0.85rem; padding-left: 1.35rem; }
.wz-case-story__content li::marker { color: var(--wz-red); }
.wz-case-story__aside { position: sticky; top: 8rem; padding: clamp(1.5rem, 3vw, 2.25rem); background: var(--wz-yellow); color: var(--wz-black); border-radius: var(--wz-radius-l); box-shadow: var(--wz-shadow-s); transform: rotate(1.5deg); }
.wz-case-story__aside .wz-kicker { color: var(--wz-blue-deep); }
.wz-case-story__aside p:last-child { margin: 1rem 0 0; font-size: var(--wz-step-1); font-weight: 600; }
.wz-case-story__cta { padding-top: 0; }
.wz-case-story__cta-card { position: relative; overflow: hidden; padding: clamp(2rem, 6vw, 5rem); background: var(--wz-bg-elevated); border: 2px solid var(--wz-blue); border-radius: var(--wz-radius-l); box-shadow: var(--wz-shadow-l); }
.wz-case-story__cta-card::after { content: "?"; position: absolute; right: 2rem; bottom: -4rem; color: color-mix(in srgb, var(--wz-yellow) 32%, transparent); font-family: var(--wz-font-display); font-size: clamp(10rem, 24vw, 19rem); font-weight: 700; line-height: 1; pointer-events: none; }
.wz-case-story__cta-card > * { position: relative; z-index: 1; }
.wz-case-story__cta-card .wz-kicker { color: var(--wz-red-deep); }
.wz-case-story__cta-card h2 { max-width: 13ch; margin: 1rem 0 2rem; }
:root[data-theme="dark"] .wz-case-archive__hero .wz-kicker,
:root[data-theme="dark"] .wz-case-story__cta-card .wz-kicker { color: var(--wz-yellow); }
:root[data-theme="dark"] .wz-case-card { border-color: #444444; }
:root[data-theme="dark"] .wz-case-card:hover,
:root[data-theme="dark"] .wz-case-card:focus-within { border-color: var(--wz-case-accent); }

@media (max-width: 58rem) {
  .wz-case-archive__hero-grid { grid-template-columns: 1fr; }
  .wz-case-archive__brand { min-height: 22rem; }
  .wz-case-archive__catalogue-head { align-items: flex-start; flex-direction: column; }
  .wz-case-grid { grid-template-columns: 1fr; }
  .wz-case-card__link { grid-template-columns: minmax(9rem, 0.55fr) minmax(0, 1.45fr); min-height: 22rem; }
  .wz-case-story__stamp { position: absolute; right: 0; top: 1rem; width: 8rem; opacity: 0.2; }
  .wz-case-story__hero h1 { max-width: 16ch; }
  .wz-case-story__deck { max-width: calc(100% - 5rem); }
  .wz-case-story__layout { grid-template-columns: 1fr; }
  .wz-case-story__aside { position: static; transform: none; }
}

@media (max-width: 38rem) {
  .wz-case-archive__hero { min-height: 0; padding-top: 9rem; }
  .wz-case-archive__hero h1 { font-size: clamp(3rem, 15vw, 5rem); }
  .wz-case-archive__brand { min-height: 18rem; }
  .wz-case-archive__brand-copy { font-size: clamp(1.55rem, 7vw, 2.25rem); }
  .wz-case-card__link { grid-template-columns: 1fr; }
  .wz-case-card__visual { min-height: 12rem; }
  .wz-case-card__body { min-height: 22rem; }
  .wz-case-story__hero { padding-top: 9rem; }
  .wz-case-story__hero h1 { font-size: clamp(2.35rem, 11vw, 4rem); }
  .wz-case-story__stamp { display: none; }
  .wz-case-story__content { font-size: 1.05rem; }
  .wz-legal-page { padding-top: 9rem; }
  .wz-legal-page .wz-entry { padding: 2rem 1.35rem 2.5rem 1.7rem; }
  .wz-legal-page .wz-entry__content p { text-align: left; }
}

@media (max-width: 68rem) {
  .wz-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.9fr);
    gap: clamp(1.25rem, 3vw, 2.5rem);
  }
  .wz-hero__mark { transform: translateY(-4.5rem); }
  .wz-skill-icon { width: 4.8rem; height: 4.8rem; }
  .wz-skill-icon svg { width: 2.9rem; height: 2.9rem; }
  .wz-skill-icon--website { --wz-fan-x: -9.5rem; --wz-fan-y: -16rem; }
  .wz-skill-icon--m365 { --wz-fan-x: -4.8rem; --wz-fan-y: -19.5rem; }
  .wz-skill-icon--ai { --wz-fan-x: 0rem; --wz-fan-y: -21rem; }
  .wz-skill-icon--social { --wz-fan-x: 4.8rem; --wz-fan-y: -19.5rem; }
  .wz-skill-icon--devices { --wz-fan-x: 9.5rem; --wz-fan-y: -16rem; }
  .wz-bottom-nav__desktop { display: none; }
  .wz-bottom-nav__mobile {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 3.75rem;
    align-items: center;
    gap: 0.35rem;
    min-height: 4.6rem;
    padding: 0.35rem;
    border-radius: 1.6rem;
  }
  .wz-bottom-nav__mobile a,
  .wz-bottom-nav__mobile button {
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 3.5rem;
    padding: 0.35rem;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
  }
  .wz-bottom-nav__mobile .wz-bottom-nav__brol { min-height: 3.5rem; padding-inline: 1rem !important; }
  .wz-bottom-nav__mobile-account { padding-inline: 0.8rem !important; }
  .wz-bottom-nav__mobile-account { background: var(--wz-blue) !important; color: var(--wz-white) !important; border-radius: var(--wz-radius-pill); }
  :root[data-theme="dark"] .wz-bottom-nav__mobile-account { background: var(--wz-white) !important; color: var(--wz-blue-deep) !important; }
  .wz-bottom-nav__burger { display: flex !important; flex-direction: column; justify-content: center; gap: 0.28rem; }
  .wz-bottom-nav__burger span { display: block; width: 1.35rem; height: 2px; border-radius: 2px; background: currentColor; transition: transform var(--wz-duration-fast) var(--wz-ease), opacity var(--wz-duration-fast); }
  .wz-bottom-nav__burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(0.36rem) rotate(45deg); }
  .wz-bottom-nav__burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .wz-bottom-nav__burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-0.36rem) rotate(-45deg); }
  .wz-bottom-nav__more { width: min(20rem, calc(100vw - 2rem)); }
  .wz-bottom-nav__more a { font-size: 0.95rem; }
  .wz-brol-shell { width: min(calc(100% - 2rem), 64rem); }
  .wz-brol-grid {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem 1rem;
    padding-inline: 0;
  }
  .wz-brol-card { min-height: 32rem; overflow: visible; }
  .wz-brol-card__shape {
    transform: none;
  }
  .wz-brol-card__visual { inset: -2px; transform: none; }
  .wz-brol-card:hover .wz-brol-card__shape,
  .wz-brol-card:focus-visible .wz-brol-card__shape {
    transform: scaleX(1.08);
  }
  .wz-brol-card:hover .wz-brol-card__visual,
  .wz-brol-card:focus-visible .wz-brol-card__visual { transform: none; }
  .wz-brol-card__content { top: 43%; left: 46.5%; width: min(54%, 12.5rem); }
  .wz-brol-card--red .wz-brol-card__content,
  .wz-brol-card--blue .wz-brol-card__content { width: min(82%, 22rem); }
  .wz-brol-card__title { font-size: clamp(1rem, 7cqi, 1.7rem); }
}

@media (max-width: 52rem) {
  .wz-hero__grid { grid-template-columns: 1fr; transform: translateY(-1.5rem); }
  .wz-hero__copy { transform: translateY(-1.5rem); }
  .wz-hero__mark { position: relative; inset: auto; min-height: 41rem; margin-top: 3rem; opacity: 1; pointer-events: auto; transform: translateY(-3rem); }
  .wz-hero-photo-wrap { width: min(96vw, 36rem); }
  .wz-hero__mark .wz-skill-icon {
    opacity: 1;
    pointer-events: auto;
    transition: none;
    animation: wz-mobile-skill-float 5.8s ease-in-out var(--wz-float-delay, 0s) infinite;
  }
  .wz-skill-icon--website { --wz-fan-x: -10rem; --wz-fan-y: -10rem; }
  .wz-skill-icon--m365 { --wz-fan-x: -5rem; --wz-fan-y: -14rem; }
  .wz-skill-icon--ai { --wz-fan-x: 0rem; --wz-fan-y: -15.5rem; }
  .wz-skill-icon--social { --wz-fan-x: 5rem; --wz-fan-y: -14rem; }
  .wz-skill-icon--devices { --wz-fan-x: 10rem; --wz-fan-y: -10rem; }
  .wz-brol-shell { width: min(calc(100% - 1rem), 42rem); }
  .wz-brol-grid { min-height: 0; display: grid; grid-template-columns: 1fr; gap: 0.5rem; }
  .wz-brol-card { min-height: 28rem; }
  .wz-brol-card__shape {
    transform: none;
  }
  .wz-brol-card__visual { transform: none; }
  .wz-brol-card:hover .wz-brol-card__shape,
  .wz-brol-card:focus-visible .wz-brol-card__shape { transform: none; }
  .wz-brol-card:hover .wz-brol-card__visual,
  .wz-brol-card:focus-visible .wz-brol-card__visual { transform: none; }
  .wz-brol-card__content { top: 46%; left: 46.5%; width: min(68%, 15rem); padding-inline: 0.35rem; }
  .wz-brol-card--red .wz-brol-card__content,
  .wz-brol-card--blue .wz-brol-card__content { width: min(76%, 17rem); }
  .wz-brol-card__title { font-size: clamp(0.96rem, 4.5vw, 1.35rem); line-height: 1.3; overflow-wrap: anywhere; }
  .wz-brol-card__title > span { display: block; }
  .wz-brol-card__title > span + span { margin-top: 0.55rem; }
  .wz-brol-card__cta { font-size: 0.82rem; }
  .wz-how, .wz-why { grid-template-columns: 1fr; }
  .wz-how__intro { position: static; }
  .wz-how__intro h2 { max-width: 14ch; }
  .wz-how__mantra { grid-template-columns: repeat(3, max-content); gap: 0.6rem; }
  .wz-pricing-grid { grid-template-columns: 1fr; }
  .wz-pricing-door { min-height: 22rem; }
  .wz-why__intro { position: static; }
  .wz-why__intro h3 { max-width: 15ch; }
  .wz-why__lead { max-width: 60ch; }
  .wz-footer__grid { grid-template-columns: 1fr; }
}

@media (max-width: 32rem) {
  .wz-topbar__inner { width: calc(100% - 2rem); }
  .wz-brand-link, .custom-logo-link { min-height: 8.25rem; padding: 0; }
  .wz-brand-logo, .custom-logo { width: clamp(17rem, 76vw, 20.5rem); height: auto; }
  .wz-hero__copy h1 { font-size: clamp(1.35rem, 6.2vw, 2rem); }
  .wz-brol-heading h2 {
    --wz-title-point-size: clamp(2rem, 8.5vw, 3rem);
    --wz-title-point-radius: clamp(1rem, 4.25vw, 1.5rem);
    --wz-title-point-gap: 0.8rem;
    font-size: clamp(1.35rem, 6.2vw, 2rem);
  }
  .wz-hero__mark { min-height: 34rem; margin-top: 2rem; transform: translateY(-2rem); }
  .wz-hero-photo-wrap { width: min(94vw, 27rem); }
  .wz-skill-icon { width: 3.6rem; height: 3.6rem; }
  .wz-skill-icon svg { width: 2.45rem; height: 2.45rem; stroke-width: 2.15; }
  .wz-skill-icon--website { --wz-fan-x: -7.2rem; --wz-fan-y: -7rem; }
  .wz-skill-icon--m365 { --wz-fan-x: -3.6rem; --wz-fan-y: -10.5rem; }
  .wz-skill-icon--ai { --wz-fan-x: 0rem; --wz-fan-y: -12rem; }
  .wz-skill-icon--social { --wz-fan-x: 3.6rem; --wz-fan-y: -10.5rem; }
  .wz-skill-icon--devices { --wz-fan-x: 7.2rem; --wz-fan-y: -7rem; }
  .wz-hero { padding-top: 8.5rem; }
  .wz-bottom-nav { width: calc(100% - 1rem); }
  .wz-bottom-nav__mobile a,
  .wz-bottom-nav__mobile button { font-size: 0.7rem; }
  .wz-bottom-nav__mobile a.wz-bottom-nav__brol {
    font-size: clamp(0.74rem, 3.3vw, 0.86rem);
  }
  .wz-bottom-nav__mobile a.wz-bottom-nav__mobile-account {
    font-size: clamp(0.72rem, 3vw, 0.82rem);
  }
  .wz-how__mantra { grid-template-columns: 1fr; gap: 0.2rem; }
  .wz-steps { padding-left: 2.25rem; }
  .wz-steps__rail { left: 0.45rem; }
  .wz-step {
    min-height: 0;
    padding: 1.4rem;
    border-radius: var(--wz-radius-m);
  }
  .wz-step.is-active { translate: 0.2rem 0; }
  .wz-why__cta { align-items: flex-start; flex-direction: column; }
  .wz-why__cta .wz-button { width: 100%; }
  .wz-proof-list li { padding-left: 1.35rem; }
}

@media (max-width: 47.99rem) {
  .wz-error-page { grid-template-columns: 1fr; }
  .wz-error-page__copy { padding: 8.5rem 1.25rem calc(var(--wz-nav-clearance) + 3rem); }
  .wz-error-page h1 { font-size: clamp(2.5rem, 12vw, 4.5rem); }
  .wz-error-page__visual { min-height: 19rem; }
  .wz-error-page__visual small { bottom: 2rem; }
  .wz-travelling-point { width: clamp(2rem, 8.5vw, 3rem); }
  #wz-pricing-title { --wz-pricing-point-radius: clamp(1rem, 4.25vw, 1.5rem); }
  .wz-brol-heading h2 {
    --wz-title-point-size: clamp(2rem, 8.5vw, 3rem);
    --wz-title-point-radius: clamp(1rem, 4.25vw, 1.5rem);
    --wz-title-point-gap: 0.8rem;
  }
  .wz-point-stop--hero {
    right: calc(-1 * (clamp(1rem, 4.25vw, 1.5rem) + 0.55rem));
    top: 50%;
  }
  .wz-why__intro h3 { --wz-why-point-radius: clamp(1rem, 4.25vw, 1.5rem); }
}

@media (prefers-reduced-motion: reduce) {
  .wz-travelling-point { will-change: auto; filter: none; animation: none; }
  .wz-hero-photo-wrap,
  .wz-skill-icon { animation: none; }
  .wz-skill-icon,
  .wz-skill-icon span { transition: none; }
  .wz-hero__mark.is-retracting .wz-skill-icon { transition-delay: 0ms; }
  .wz-pricing-door,
  .wz-pricing-door::after { transition: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .wz-bottom-nav__desktop,
  .wz-bottom-nav__mobile,
  .wz-bottom-nav__more { backdrop-filter: none; -webkit-backdrop-filter: none; }
}

/* Subscription conversion page. */
.wz-subscription-page { overflow: clip; }
.wz-subscription-hero { padding-top: clamp(10rem, 18vw, 15rem); background: var(--wz-bg); }
.wz-subscription-hero__grid,
.wz-subscription-request__grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(23rem, 0.88fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.wz-subscription-hero h1 { max-width: 14ch; margin: 0.2em 0 0.35em; font-size: clamp(2.8rem, 5.2vw, 5.6rem); line-height: 0.98; letter-spacing: -0.045em; }
.wz-subscription-hero__lead { max-width: 64ch; color: var(--wz-text-muted); font-size: clamp(1.12rem, 1.7vw, 1.45rem); }
.wz-subscription-hero__actions { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 2rem; }
.wz-subscription-hero__card { justify-self: end; width: min(100%, 36rem); min-height: 42rem; display: flex; flex-direction: column; justify-content: center; padding: clamp(3.2rem, 6vw, 5rem) clamp(2.7rem, 5vw, 4.5rem); color: var(--wz-white); background: var(--wz-blue); border-radius: 40% 60% 44% 56% / 52% 42% 58% 48%; box-shadow: var(--wz-shadow-l); }
.wz-subscription-hero__card .wz-kicker { color: var(--wz-yellow); }
.wz-subscription-hero__price { display: flex; align-items: end; gap: 0.7rem; margin: 0.8rem 0 0; }
.wz-subscription-hero__price strong { color: var(--wz-white); font-family: var(--wz-font-display); font-size: clamp(2.6rem, 5vw, 4.8rem); line-height: 0.9; letter-spacing: -0.05em; }
.wz-subscription-hero__price strong { white-space: nowrap; }
.wz-subscription-hero__price span { max-width: 7ch; color: var(--wz-yellow); font-weight: 700; line-height: 1.15; }
.wz-subscription-hero__price-note { margin: 1rem 0 0; color: var(--wz-white); font-size: 0.9rem; }
.wz-subscription-hero__card ul { display: grid; gap: 1rem; margin: 1.25rem 0; padding: 0; list-style: none; font-size: clamp(1rem, 1.4vw, 1.25rem); }
.wz-subscription-hero__card li { position: relative; padding-left: 1.4rem; }
.wz-subscription-hero__card li::before { content: ''; position: absolute; left: 0; top: 0.62em; width: 0.55rem; height: 0.55rem; background: var(--wz-yellow); border-radius: 50%; }
.wz-subscription-explainer { background: var(--wz-bg-soft); }
.wz-subscription-explainer .wz-section-heading { max-width: 60rem; }
.wz-subscription-explainer h2 { max-width: 18ch; }
.wz-subscription-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: clamp(2rem, 5vw, 4rem); }
.wz-subscription-benefits article { min-height: 19rem; padding: clamp(1.5rem, 3vw, 2.4rem); background: var(--wz-bg-elevated); border: 1px solid var(--wz-border); border-radius: var(--wz-radius-l); }
.wz-subscription-benefits article:nth-child(2) { border-color: var(--wz-blue); }
.wz-subscription-benefits article:nth-child(3) { background: var(--wz-yellow); color: var(--wz-black); }
.wz-subscription-benefits article > span { display: block; margin-bottom: 2.5rem; color: var(--wz-red); font-weight: 700; }
.wz-subscription-benefits h3 { margin-bottom: 0.65rem; font-size: clamp(1.35rem, 2vw, 2rem); }
.wz-subscription-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 1rem; overflow: hidden; color: var(--wz-white); background: var(--wz-blue); border-radius: var(--wz-radius-l); }
.wz-subscription-flow > div { display: grid; gap: 0.55rem; padding: clamp(1.4rem, 3vw, 2.2rem); background: var(--wz-blue-deep); }
.wz-subscription-flow strong { color: var(--wz-yellow); font-family: var(--wz-font-display); font-size: 1.15rem; }
.wz-subscription-rule { display: grid; grid-template-columns: minmax(12rem, 0.45fr) 1fr; gap: 1.5rem; margin-top: 1rem; padding: clamp(1.5rem, 3vw, 2.4rem); color: var(--wz-white); background: var(--wz-red-deep); border-radius: var(--wz-radius-l); }
.wz-subscription-rule strong { font-size: clamp(1.25rem, 2vw, 1.85rem); }
.wz-subscription-rule p { margin: 0; font-size: 1.06rem; }
.wz-subscription-rule__terms { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
.wz-subscription-rule__terms b { display: block; color: var(--wz-yellow); font-family: var(--wz-font-display); font-size: 1.65rem; }
.wz-subscription-request { background: var(--wz-blue); color: var(--wz-white); }
.wz-subscription-request__grid { align-items: start; }
.wz-subscription-request__intro { position: sticky; top: 2rem; }
.wz-subscription-request__intro .wz-kicker { color: var(--wz-yellow); }
.wz-subscription-request__intro h2 { max-width: 10ch; color: var(--wz-white); }
.wz-subscription-request__intro > p { max-width: 48ch; }
.wz-direct-contact { display: grid; gap: 0.35rem; margin-top: 2rem; padding: 1.4rem; color: var(--wz-black); background: var(--wz-yellow); border-radius: var(--wz-radius-m); }
.wz-direct-contact p { margin: 0 0 0.4rem; font-weight: 700; }
.wz-direct-contact a { width: fit-content; color: var(--wz-black); font-size: 1.1rem; font-weight: 700; text-decoration-thickness: 0.12em; }
.wz-subscription-form-card { padding: clamp(1.4rem, 3vw, 2.5rem); color: var(--wz-text); background: var(--wz-bg-elevated); border-radius: var(--wz-radius-l); box-shadow: var(--wz-shadow-l); }
.wz-subscription-form { display: grid; gap: 1.25rem; }
.wz-subscription-form fieldset { margin: 0; padding: 0; border: 0; }
.wz-subscription-form legend,
.wz-subscription-form label > span { display: block; margin-bottom: 0.55rem; font-weight: 700; }
.wz-subscription-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.6rem; }
.wz-subscription-options label { position: relative; }
.wz-subscription-options input { position: absolute; opacity: 0; }
.wz-subscription-options span { min-height: 100%; margin: 0 !important; padding: 0.9rem 1rem; background: var(--wz-bg-soft); border: 2px solid transparent; border-radius: var(--wz-radius-s); cursor: pointer; }
.wz-subscription-options input:checked + span { color: var(--wz-white); background: var(--wz-blue); border-color: var(--wz-yellow); }
.wz-subscription-options input:focus-visible + span { outline: 3px solid var(--wz-yellow); outline-offset: 2px; }
.wz-subscription-duration { display: grid; gap: 0.2rem; padding: 1rem 1.1rem; color: var(--wz-black); background: var(--wz-yellow); border-radius: var(--wz-radius-s); }
.wz-subscription-duration > span { display: grid; gap: 0.15rem; }
.wz-subscription-duration small { font-size: 0.9rem; }
.wz-subscription-form__row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.9rem; }
.wz-subscription-form input[type='text'],
.wz-subscription-form input[type='email'],
.wz-subscription-form input[type='tel'],
.wz-subscription-form textarea { width: 100%; padding: 0.9rem 1rem; color: var(--wz-text); background: var(--wz-bg); border: 1px solid var(--wz-border); border-radius: var(--wz-radius-s); font: inherit; }
.wz-subscription-form textarea { resize: vertical; }
.wz-subscription-form input:focus,
.wz-subscription-form textarea:focus { outline: 3px solid var(--wz-yellow); outline-offset: 2px; border-color: var(--wz-blue); }
.wz-subscription-consent { display: grid; grid-template-columns: auto 1fr; gap: 0.7rem; align-items: start; font-size: 0.92rem; }
.wz-subscription-consent input { margin-top: 0.25rem; inline-size: 1.15rem; block-size: 1.15rem; }
.wz-subscription-consent span { margin: 0 !important; font-weight: 400 !important; }
.wz-subscription-notice { margin-bottom: 1.25rem; padding: 1.2rem; border-radius: var(--wz-radius-s); }
.wz-subscription-notice--success { color: var(--wz-black); background: var(--wz-yellow); }
.wz-subscription-notice--error { color: var(--wz-white); background: var(--wz-red); }
.wz-subscription-notice h3, .wz-subscription-notice p { margin: 0; }
.wz-subscription-notice h3 + p { margin-top: 0.35rem; }
.wz-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.wz-footer__contact { display: flex; flex-wrap: wrap; gap: 0.7rem 1.4rem; margin-top: 1.25rem; }
.wz-footer__contact a { color: inherit; font-weight: 700; text-underline-offset: 0.2em; }

@media (max-width: 58rem) {
  .wz-subscription-hero__grid,
  .wz-subscription-request__grid { grid-template-columns: 1fr; }
  .wz-subscription-hero__card { max-width: 36rem; }
  .wz-subscription-benefits { grid-template-columns: 1fr; }
  .wz-subscription-flow { grid-template-columns: 1fr; }
  .wz-subscription-benefits article { min-height: 0; }
  .wz-subscription-request__intro { position: static; }
}
@media (max-width: 38rem) {
  .wz-subscription-hero { padding-top: 9rem; }
  .wz-subscription-hero h1 { font-size: clamp(2.35rem, 11vw, 3.65rem); }
  .wz-subscription-hero__card { width: 100%; min-height: 0; justify-self: stretch; padding: 3rem 2rem; border-radius: 27% 20% 24% 18% / 12% 18% 14% 20%; }
  .wz-subscription-hero__price { flex-direction: column; align-items: flex-start; gap: 0.35rem; }
  .wz-subscription-hero__price strong { font-size: clamp(2.6rem, 15vw, 4rem); }
  .wz-subscription-hero__price span { max-width: none; }
  .wz-subscription-rule,
  .wz-subscription-rule__terms,
  .wz-subscription-options,
  .wz-subscription-form__row { grid-template-columns: 1fr; }
  .wz-subscription-hero__actions .wz-button,
  .wz-subscription-form > .wz-button { width: 100%; justify-content: center; }
}


/* Wazerty — sécurité du bloc Abonnement : zone utile garantie */
.wz-subscription-hero__card{
  width:min(100%,38rem);
  min-width:0;
  min-height:0;
  height:auto;
  padding:clamp(2.75rem,5vw,4.5rem);
  border-radius:0;
  clip-path:polygon(7% 0,100% 0,100% 93%,93% 100%,0 100%,0 7%);
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.wz-subscription-hero__card>*{position:relative;z-index:1;min-width:0;max-width:100%}
.wz-subscription-hero__price{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.45rem 1rem}
.wz-subscription-hero__price strong{font-size:clamp(2.7rem,5.5vw,5rem);line-height:.95;white-space:normal}
.wz-subscription-hero__price span{flex:1 1 8rem;max-width:10rem}
.wz-subscription-hero__card ul{width:100%;max-width:100%;margin:1.25rem 0}
.wz-subscription-hero__card li{max-width:100%;padding-right:.25rem}
.wz-subscription-hero__price-note{max-width:100%;margin:1rem 0 0}
@media(max-width:58rem){
  .wz-subscription-hero__card{justify-self:stretch;width:100%;max-width:42rem;margin-inline:auto}
}
@media(max-width:38rem){
  .wz-subscription-hero__card{
    padding:2.5rem 1.65rem;
    clip-path:polygon(5% 0,100% 0,100% 95%,95% 100%,0 100%,0 5%);
  }
  .wz-subscription-hero__price{align-items:flex-start}
  .wz-subscription-hero__price span{flex-basis:100%;max-width:none}
}


/* Trusted client logos */
.wz-trust {
  position: relative;
  overflow: hidden;
  padding: clamp(4rem, 7vw, 7rem) 0;
  background: var(--wz-bg-soft);
  border-block: 1px solid var(--wz-border);
}
.wz-trust__heading {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(18rem, 1.2fr);
  gap: .5rem clamp(2rem, 6vw, 6rem);
  align-items: end;
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}
.wz-trust__heading .wz-kicker { grid-column: 1; color: var(--wz-red-deep); }
.wz-trust__heading h2 { grid-column: 1; max-width: 12ch; font-size: clamp(2.35rem, 5vw, 5.2rem); }
.wz-trust__heading > p:last-child {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  max-width: 38ch;
  color: var(--wz-text-muted);
  font-size: var(--wz-step-1);
}
:root[data-theme="dark"] .wz-trust__heading .wz-kicker { color: var(--wz-yellow); }
.wz-trust__viewport {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.wz-trust__track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: wz-trust-scroll 30s linear infinite;
}
.wz-trust__viewport:hover .wz-trust__track,
.wz-trust__viewport:focus-within .wz-trust__track { animation-play-state: paused; }
.wz-trust__loop {
  --wz-trust-gap: clamp(1.25rem, 3vw, 2.75rem);
  display: flex;
  align-items: center;
  gap: var(--wz-trust-gap);
  padding-right: var(--wz-trust-gap);
}
.wz-trust__card {
  flex: 0 0 clamp(14rem, 20vw, 20rem);
  height: clamp(8rem, 11vw, 10.5rem);
  display: grid;
  place-items: center;
  margin: 0;
  padding: clamp(.65rem, 1.4vw, 1.1rem);
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.wz-trust__logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 82%;
  max-height: 68%;
  object-fit: contain;
  object-position: center;
  filter: grayscale(1) contrast(1.08);
  opacity: .72;
  transform: translateZ(0) scale(1);
  transform-origin: center;
  transition: filter 280ms ease, opacity 280ms ease, transform 280ms var(--wz-ease);
}
.wz-trust__card:hover .wz-trust__logo,
.wz-trust__card:focus-within .wz-trust__logo {
  filter: grayscale(0) contrast(1);
  opacity: 1;
  transform: translateZ(0) scale(1.045);
}
.wz-trust__logo[alt="Consilia-RH"] { max-width: 92%; max-height: 56%; }
.wz-trust__logo[alt="Em’Office"] { max-width: 68%; max-height: 86%; }
.wz-trust__logo[alt="Gen & Sis"] { max-width: 66%; max-height: 86%; }
.wz-trust__logo[alt="Les Petites Analyses"] { max-width: 90%; max-height: 62%; }
.wz-trust__logo[alt="Linia Concept"] { max-width: 84%; max-height: 66%; }
@keyframes wz-trust-scroll { to { transform: translateX(-50%); } }
@media (max-width: 47.99rem) {
  .wz-trust { padding-block: 3.5rem; }
  .wz-trust__heading { grid-template-columns: 1fr; }
  .wz-trust__heading .wz-kicker,
  .wz-trust__heading h2,
  .wz-trust__heading > p:last-child { grid-column: 1; grid-row: auto; }
  .wz-trust__heading > p:last-child { margin-top: .75rem; }
  .wz-trust__viewport {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  }
  .wz-trust__track { animation-duration: 24s; }
  .wz-trust__card { flex-basis: 12.5rem; height: 7.5rem; padding: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .wz-trust__viewport {
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .wz-trust__track { animation: none; }
  .wz-trust__loop[aria-hidden="true"] { display: none; }
  .wz-trust__logo { transition: none; }
}


/* Wazerty — retour au carrousel couleur, Gen & Sis ajusté */
.wz-trust__loop {
  --wz-trust-gap: clamp(.9rem, 2vw, 1.5rem);
  align-items: stretch;
}
.wz-trust__card {
  flex: 0 0 clamp(13rem, 19vw, 19rem);
  height: clamp(8.5rem, 12vw, 11rem);
  padding: clamp(1rem, 2vw, 1.65rem);
  overflow: hidden;
  background: #fff;
  border: 1px solid #d9dada;
  border-radius: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 .8rem 2.2rem rgba(1, 1, 1, .08);
  transition: transform var(--wz-duration-normal) var(--wz-ease), box-shadow var(--wz-duration-normal) var(--wz-ease);
}
.wz-trust__card:hover {
  transform: translateY(-.35rem);
  box-shadow: 0 1.2rem 3rem rgba(1, 1, 1, .14);
}
.wz-trust__logo,
.wz-trust__card:hover .wz-trust__logo,
.wz-trust__card:focus-within .wz-trust__logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  filter: none;
  opacity: 1;
  transform: none;
}
.wz-trust__logo[alt="Gen & Sis"] {
  width: 78%;
  height: 78%;
  max-width: 78%;
  max-height: 78%;
}
@media (max-width: 47.99rem) {
  .wz-trust__card { flex-basis: 12rem; height: 8rem; }
}


/* Wazerty — taille stable des logos dupliqués dans le carrousel */
.wz-trust__logo[src*="em-office"] {
  width: 72% !important;
  height: 72% !important;
  max-width: 72% !important;
  max-height: 72% !important;
  object-fit: contain !important;
  object-position: center !important;
}
.wz-trust__logo[src*="gen-et-sis"] {
  width: 68% !important;
  height: 72% !important;
  max-width: 68% !important;
  max-height: 72% !important;
  object-fit: contain !important;
  object-position: center !important;
}


/* Wazerty — interaction premium des références */
.wz-trust__card {
  position: relative;
  isolation: isolate;
  transform: translateZ(0);
  will-change: transform;
  transition: transform .62s cubic-bezier(.16,1,.3,1), box-shadow .62s cubic-bezier(.16,1,.3,1), border-color .4s ease;
}
.wz-trust__card::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 22% 0%, rgba(245,197,79,.16), transparent 42%), radial-gradient(circle at 90% 100%, rgba(221,82,52,.13), transparent 46%);
  opacity: 0;
  transition: opacity .55s ease;
  pointer-events: none;
}
.wz-trust__card::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 16%;
  right: 16%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--wz-yellow), var(--wz-red), transparent);
  opacity: 0;
  transform: scaleX(.2);
  transition: opacity .4s ease, transform .62s cubic-bezier(.16,1,.3,1);
  pointer-events: none;
}
.wz-trust__card:hover,
.wz-trust__card:focus-within {
  transform: translateY(-.65rem) scale(1.025);
  border-color: rgba(221,82,52,.28);
  box-shadow: 0 1.9rem 4.2rem rgba(1,1,1,.16), 0 .45rem 1rem rgba(55,80,157,.10);
}
.wz-trust__card:hover::before,
.wz-trust__card:focus-within::before,
.wz-trust__card:hover::after,
.wz-trust__card:focus-within::after { opacity: 1; transform: scaleX(1); }
.wz-trust__card .wz-trust__logo {
  position: relative;
  z-index: 1;
  transition: transform .62s cubic-bezier(.16,1,.3,1), filter .45s ease;
}
.wz-trust__card:hover .wz-trust__logo,
.wz-trust__card:focus-within .wz-trust__logo {
  transform: scale(1.055) !important;
  filter: saturate(1.08) contrast(1.035) drop-shadow(0 .45rem .7rem rgba(1,1,1,.12));
}
.wz-trust__logo[src*="gen-et-sis"] { transform: translateY(-6%) !important; }
.wz-trust__card:hover .wz-trust__logo[src*="gen-et-sis"],
.wz-trust__card:focus-within .wz-trust__logo[src*="gen-et-sis"] { transform: translateY(-6%) scale(1.055) !important; }
.wz-trust__viewport:hover .wz-trust__track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .wz-trust__card, .wz-trust__card::before, .wz-trust__card::after, .wz-trust__logo { transition: none !important; }
}


/* Point d’arrivée de la balle Wazerty après « confiance » */
.wz-point-stop--trust {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1px;
  margin-left: calc(clamp(1.25rem, 2.1vw, 2.375rem) + clamp(.45rem, .8vw, .8rem));
  vertical-align: baseline;
  transform: translateY(calc(.22em - clamp(1.25rem, 2.1vw, 2.375rem)));
}


/* Wazerty — survol premium contenu, sans déformer la carte */
.wz-trust__card,
.wz-trust__card:hover,
.wz-trust__card:focus-within {
  overflow: hidden;
  border-radius: clamp(1rem, 2vw, 1.5rem);
}
.wz-trust__card:hover,
.wz-trust__card:focus-within {
  transform: translateY(-.32rem);
  border-color: rgba(221,82,52,.22);
  box-shadow: 0 1.15rem 2.8rem rgba(1,1,1,.13), inset 0 0 0 1px rgba(245,197,79,.16);
}
.wz-trust__card:hover .wz-trust__logo,
.wz-trust__card:focus-within .wz-trust__logo {
  filter: saturate(1.045) contrast(1.02) drop-shadow(0 .28rem .45rem rgba(1,1,1,.09));
}
.wz-trust__card:hover .wz-trust__logo:not([src*="gen-et-sis"]),
.wz-trust__card:focus-within .wz-trust__logo:not([src*="gen-et-sis"]) { transform: none !important; }
.wz-trust__card:hover .wz-trust__logo[src*="gen-et-sis"],
.wz-trust__card:focus-within .wz-trust__logo[src*="gen-et-sis"] { transform: translateY(-6%) !important; }


/* Wazerty — barre mobile complète et lisible */
@media (max-width: 68rem) {
  .wz-bottom-nav__mobile {
    grid-template-columns: minmax(8.75rem, 1fr) auto auto 3.25rem;
    gap: .3rem;
  }
  .wz-bottom-nav__mobile .wz-bottom-nav__brol {
    min-height: 3.5rem;
    padding: .55rem .8rem !important;
    background: var(--wz-red-deep) !important;
    color: var(--wz-white) !important;
    border: 1px solid var(--wz-red-deep) !important;
    border-radius: var(--wz-radius-pill);
    box-shadow: 0 .35rem .9rem rgba(178, 65, 48, .22);
    line-height: 1.1;
    text-align: center;
  }
  :root[data-theme="dark"] .wz-bottom-nav__mobile .wz-bottom-nav__brol {
    background: var(--wz-yellow) !important;
    color: var(--wz-black) !important;
    border-color: var(--wz-yellow) !important;
    box-shadow: 0 .35rem 1rem rgba(245, 197, 79, .18);
  }
  .wz-theme-toggle--mobile {
    display: grid !important;
    width: 3.5rem;
    min-width: 3.5rem !important;
    min-height: 3.5rem !important;
    padding: .3rem !important;
    border: 1px solid var(--wz-nav-border) !important;
    border-radius: var(--wz-radius-pill);
    background: var(--wz-bg-soft) !important;
  }
  .wz-theme-toggle--mobile .wz-theme-toggle__track { width: 3rem; height: 1.8rem; }
  .wz-theme-toggle--mobile .wz-theme-toggle__dot { top: .15rem; left: .15rem; width: 1.4rem; height: 1.4rem; }
  .wz-theme-toggle--mobile .wz-theme-toggle__icon svg { width: .9rem; height: .9rem; }
  :root[data-theme="dark"] .wz-theme-toggle--mobile .wz-theme-toggle__dot { transform: translateX(1.25rem); }
  .wz-bottom-nav__mobile-account { min-width: 5.9rem !important; padding-inline: .7rem !important; }
  .wz-bottom-nav__burger { min-width: 3.25rem !important; }
}
@media (max-width: 32rem) {
  .wz-bottom-nav__mobile {
    grid-template-columns: minmax(7.7rem, 1fr) 3.25rem minmax(4.5rem, auto) 3rem;
    gap: .2rem;
  }
  .wz-bottom-nav__mobile .wz-bottom-nav__brol { font-size: clamp(.7rem, 3.15vw, .82rem); padding-inline: .55rem !important; }
  .wz-theme-toggle--mobile { width: 3.25rem; min-width: 3.25rem !important; }
  .wz-bottom-nav__mobile-account { min-width: 0 !important; padding-inline: .45rem !important; font-size: .7rem !important; }
  .wz-bottom-nav__burger { min-width: 3rem !important; }
}

/* Wazerty — navigation mobile à trois actions */
@media (max-width: 68rem) {
  .wz-bottom-nav__mobile {
    grid-template-columns: minmax(8.75rem, 1fr) minmax(5.9rem, auto) 3.25rem;
  }
  .wz-theme-toggle--mobile { display: none !important; }
}
@media (max-width: 32rem) {
  .wz-bottom-nav__mobile {
    grid-template-columns: minmax(7.7rem, 1fr) minmax(4.5rem, auto) 3rem;
  }
}


/* Wazerty — actions mobiles prioritaires */
@media (max-width: 68rem) {
  .wz-bottom-nav__mobile .wz-bottom-nav__brol {
    font-size: clamp(.88rem, 3.5vw, 1rem) !important;
    font-weight: 800;
    letter-spacing: -.015em;
  }
  .wz-bottom-nav__mobile-account {
    font-size: clamp(.84rem, 3.2vw, .96rem) !important;
    font-weight: 800;
    letter-spacing: -.01em;
  }
}
@media (max-width: 32rem) {
  .wz-bottom-nav__mobile .wz-bottom-nav__brol { font-size: clamp(.82rem, 3.8vw, .94rem) !important; }
  .wz-bottom-nav__mobile-account { font-size: clamp(.78rem, 3.45vw, .9rem) !important; }
}


/* Wazerty — parcours et lissage financier volontairement distincts */
.wz-subscription-flow {
  position: relative;
  isolation: isolate;
  gap: clamp(.9rem, 2vw, 1.5rem);
  margin-top: clamp(2rem, 5vw, 4rem);
  padding: 1.4rem 0;
  overflow: visible;
  color: var(--wz-text);
  background: transparent;
  border-radius: 0;
}
.wz-subscription-flow::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 7%;
  right: 7%;
  height: 3px;
  background: repeating-linear-gradient(90deg, var(--wz-red) 0 12px, transparent 12px 24px);
  opacity: .5;
}
.wz-subscription-flow > div {
  position: relative;
  display: grid;
  gap: .7rem;
  min-height: 14rem;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--wz-text);
  background: var(--wz-bg-elevated);
  border: 1px solid var(--wz-border);
  border-top: 6px solid var(--wz-red);
  border-radius: var(--wz-radius-l);
  box-shadow: var(--wz-shadow-m);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.wz-subscription-flow > div:nth-child(1) { transform: translateY(-.8rem) rotate(-.35deg); }
.wz-subscription-flow > div:nth-child(2) { transform: translateY(.8rem); border-top-color: var(--wz-blue); }
.wz-subscription-flow > div:nth-child(3) { transform: translateY(-.8rem) rotate(.35deg); border-top-color: var(--wz-yellow); }
.wz-subscription-flow > div:hover { transform: translateY(-.35rem) scale(1.015); box-shadow: var(--wz-shadow-l); }
.wz-subscription-flow strong { color: var(--wz-blue); font-size: clamp(1.15rem, 2vw, 1.45rem); }
.wz-subscription-flow > div:nth-child(2) strong { color: var(--wz-red); }

.wz-subscription-rule {
  grid-template-columns: minmax(17rem, .82fr) minmax(0, 1.35fr);
  grid-template-areas: 'intro terms' 'deposit deposit';
  gap: clamp(1rem, 2.5vw, 1.75rem);
  margin-top: clamp(3rem, 7vw, 6rem);
  padding: 0;
  color: var(--wz-text);
  background: transparent;
  border-radius: 0;
}
.wz-subscription-rule__intro {
  grid-area: intro;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 26rem;
  padding: clamp(2rem, 4vw, 3.25rem);
  color: var(--wz-white);
  background: var(--wz-red-deep);
  border-radius: 2.4rem .9rem 2.4rem .9rem;
  box-shadow: var(--wz-shadow-l);
}
.wz-subscription-rule__intro .wz-kicker { color: var(--wz-yellow); }
.wz-subscription-rule__intro > strong { max-width: 12ch; font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1.08; }
.wz-subscription-rule__intro > p { margin-top: 1.25rem; color: var(--wz-white); font-size: 1rem; }
.wz-subscription-rule__price { display: flex; flex-wrap: wrap; align-items: end; gap: .45rem .8rem; margin-top: 1.75rem; }
.wz-subscription-rule__price b { color: var(--wz-yellow); font-family: var(--wz-font-display); font-size: clamp(3rem, 6vw, 5.4rem); line-height: .9; }
.wz-subscription-rule__price span { max-width: 6rem; color: var(--wz-white); font-weight: 800; line-height: 1.1; }
.wz-subscription-rule__terms {
  grid-area: terms;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.wz-subscription-rule__terms article {
  position: relative;
  display: grid;
  grid-template-columns: minmax(7.5rem, .4fr) 1fr;
  gap: .35rem 1.5rem;
  align-content: center;
  min-height: 12.5rem;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  background: var(--wz-bg-elevated);
  border: 1px solid var(--wz-border);
  border-radius: var(--wz-radius-l);
  box-shadow: var(--wz-shadow-m);
}
.wz-subscription-rule__terms article::after {
  content: '';
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  width: .8rem;
  height: .8rem;
  background: var(--wz-red);
  border-radius: 50%;
}
.wz-subscription-rule__terms article:nth-child(2)::after { background: var(--wz-blue); }
.wz-subscription-rule__terms b { grid-row: 1 / 3; align-self: center; color: var(--wz-red); font-size: clamp(1.7rem, 3vw, 2.5rem); }
.wz-subscription-rule__terms article:nth-child(2) b { color: var(--wz-blue); }
.wz-subscription-rule__terms p { align-self: end; font-size: 1rem; }
.wz-subscription-rule__terms small { align-self: start; color: var(--wz-text-muted); font-weight: 700; }
.wz-subscription-rule__deposit {
  grid-area: deposit;
  display: grid;
  grid-template-columns: minmax(9rem, .25fr) 1fr;
  gap: 1rem 2rem;
  align-items: center;
  padding: 1.2rem 1.5rem;
  background: var(--wz-bg-elevated);
  border: 1px solid var(--wz-border);
  border-left: 7px solid var(--wz-yellow);
  border-radius: var(--wz-radius-m);
}
.wz-subscription-rule__deposit strong { color: var(--wz-red); font-size: 1.1rem; }
.wz-subscription-rule__deposit p { font-size: .96rem; }

@media (max-width: 58rem) {
  .wz-subscription-flow { gap: 1rem; padding: 0; }
  .wz-subscription-flow::before { display: none; }
  .wz-subscription-flow > div,
  .wz-subscription-flow > div:nth-child(1),
  .wz-subscription-flow > div:nth-child(2),
  .wz-subscription-flow > div:nth-child(3) { min-height: 0; transform: none; }
  .wz-subscription-rule {
    grid-template-columns: 1fr;
    grid-template-areas: 'intro' 'terms' 'deposit';
  }
  .wz-subscription-rule__intro { min-height: 0; }
}
@media (max-width: 38rem) {
  .wz-subscription-rule__terms article,
  .wz-subscription-rule__deposit { grid-template-columns: 1fr; }
  .wz-subscription-rule__terms b { grid-row: auto; }
  .wz-subscription-rule__intro { border-radius: 1.8rem .7rem 1.8rem .7rem; }
}


/* Wazerty — ligne du temps dynamique de l'abonnement */
.wz-subscription-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: minmax(150px, 1fr) 84px minmax(150px, 1fr);
  gap: 0 clamp(2rem, 5vw, 6rem);
  min-height: 430px;
  margin: clamp(4rem, 8vw, 7rem) 0;
  padding: 0 clamp(.5rem, 2vw, 2rem);
  overflow: hidden;
  isolation: isolate;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  counter-reset: wz-timeline;
}

.wz-subscription-flow::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 1rem;
  right: 1rem;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--wz-red, #e84f2f), var(--wz-blue, #3047a5), var(--wz-yellow, #f8c74f), var(--wz-red, #e84f2f));
  background-size: 220% 100%;
  transform: translateY(-50%);
  animation: wz-timeline-stream 8s linear infinite;
  opacity: .78;
}

.wz-subscription-flow::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: calc(50% - 10px);
  left: 1rem;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--wz-red, #e84f2f);
  box-shadow: 0 0 0 8px color-mix(in srgb, var(--wz-red, #e84f2f) 18%, transparent), 0 10px 24px rgba(232,79,47,.28);
  animation: wz-timeline-ball 7s cubic-bezier(.65,0,.35,1) infinite alternate;
}

.wz-subscription-flow > div {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: .8rem;
  min-width: 0;
  padding: 0 0 2.9rem;
  counter-increment: wz-timeline;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.wz-subscription-flow > div:nth-child(2) {
  grid-column: 2;
  grid-row: 3;
  justify-content: flex-start;
  padding: 2.9rem 0 0;
}

.wz-subscription-flow > div:nth-child(3) {
  grid-column: 3;
  grid-row: 1;
}

.wz-subscription-flow > div::before {
  content: counter(wz-timeline);
  position: absolute;
  z-index: 4;
  bottom: -1px;
  left: 0;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 5px solid var(--wz-bg, #f3f3f1);
  border-radius: 50%;
  color: #fff;
  background: var(--wz-red, #e84f2f);
  font: 700 .82rem/1 Geist, sans-serif;
  box-shadow: 0 8px 24px rgba(20,25,38,.16);
}

.wz-subscription-flow > div::after {
  content: "";
  position: absolute;
  left: 17px;
  bottom: -2.9rem;
  width: 3px;
  height: 2.9rem;
  border-radius: 99px;
  background: currentColor;
  opacity: .25;
}

.wz-subscription-flow > div:nth-child(2)::before {
  top: -1px;
  bottom: auto;
  background: var(--wz-blue, #3047a5);
}

.wz-subscription-flow > div:nth-child(2)::after {
  top: -2.9rem;
  bottom: auto;
}

.wz-subscription-flow > div:nth-child(3)::before {
  background: var(--wz-yellow, #f8c74f);
  color: #172038;
}

.wz-subscription-flow strong {
  display: block;
  max-width: 14ch;
  color: var(--wz-blue, #3047a5);
  font-family: Comfortaa, sans-serif;
  font-size: clamp(1.35rem, 2.3vw, 2.15rem);
  line-height: 1.12;
  text-wrap: balance;
}

.wz-subscription-flow > div:nth-child(2) strong { color: var(--wz-red, #e84f2f); }
.wz-subscription-flow > div:nth-child(3) strong { color: var(--wz-blue, #3047a5); }

.wz-subscription-flow span {
  display: block;
  max-width: 34ch;
  color: var(--wz-text, #17191f);
  font-size: clamp(.98rem, 1.2vw, 1.12rem);
  line-height: 1.65;
}

.wz-subscription-flow > div:hover strong {
  transform: translateX(.35rem);
}

.wz-subscription-flow strong {
  transition: transform .35s cubic-bezier(.2,.8,.2,1), color .35s ease;
}

@keyframes wz-timeline-stream {
  to { background-position: -220% 0; }
}

@keyframes wz-timeline-ball {
  0% { left: 1rem; transform: scale(.9); }
  45% { transform: scale(1.15); }
  100% { left: calc(100% - 3rem); transform: scale(.9); }
}

@media (max-width: 760px) {
  .wz-subscription-flow {
    display: block;
    min-height: 0;
    margin: 3.5rem 0;
    padding: .5rem 0 .5rem 4.4rem;
    overflow: hidden;
  }

  .wz-subscription-flow::before {
    top: .5rem;
    bottom: .5rem;
    left: 1.25rem;
    right: auto;
    width: 4px;
    height: auto;
    transform: none;
    background: linear-gradient(180deg, var(--wz-red, #e84f2f), var(--wz-blue, #3047a5), var(--wz-yellow, #f8c74f), var(--wz-red, #e84f2f));
    background-size: 100% 220%;
    animation-name: wz-timeline-stream-mobile;
  }

  .wz-subscription-flow::after {
    top: .5rem;
    left: calc(1.25rem - 8px);
    width: 20px;
    height: 20px;
    animation: wz-timeline-ball-mobile 7s cubic-bezier(.65,0,.35,1) infinite alternate;
  }

  .wz-subscription-flow > div,
  .wz-subscription-flow > div:nth-child(2),
  .wz-subscription-flow > div:nth-child(3) {
    display: block;
    padding: 0 0 3.5rem;
  }

  .wz-subscription-flow > div:last-child { padding-bottom: 0; }

  .wz-subscription-flow > div::before,
  .wz-subscription-flow > div:nth-child(2)::before {
    top: 0;
    left: -4.35rem;
    bottom: auto;
  }

  .wz-subscription-flow > div::after,
  .wz-subscription-flow > div:nth-child(2)::after { display: none; }

  .wz-subscription-flow strong {
    max-width: none;
    margin-bottom: .65rem;
    font-size: clamp(1.35rem, 7vw, 1.85rem);
  }

  .wz-subscription-flow span { max-width: 38ch; }
}

@keyframes wz-timeline-stream-mobile {
  to { background-position: 0 -220%; }
}

@keyframes wz-timeline-ball-mobile {
  0% { top: .5rem; transform: scale(.9); }
  45% { transform: scale(1.15); }
  100% { top: calc(100% - 2rem); transform: scale(.9); }
}

@media (prefers-reduced-motion: reduce) {
  .wz-subscription-flow::before,
  .wz-subscription-flow::after { animation: none !important; }
  .wz-subscription-flow > div:hover strong { transform: none; }
}


/* Wazerty — finition premium de la ligne du temps */
@media (min-width: 761px) {
  .wz-subscription-flow {
    grid-template-rows: minmax(175px, 1fr) 104px minmax(175px, 1fr);
    min-height: 510px;
    margin-block: clamp(5.5rem, 10vw, 9rem);
    padding-inline: clamp(1rem, 4vw, 4.5rem);
  }

  .wz-subscription-flow::before {
    left: clamp(1rem, 4vw, 4.5rem);
    right: clamp(1rem, 4vw, 4.5rem);
    height: 6px;
    background: linear-gradient(90deg, #e94f2d 0%, #e94f2d 18%, #2f48a7 44%, #2f48a7 58%, #f7c84a 84%, #f7c84a 100%);
    background-size: 100% 100%;
    box-shadow: 0 1px 0 rgba(255,255,255,.75) inset, 0 10px 30px rgba(47,72,167,.16);
    animation: none;
    opacity: 1;
  }

  .wz-subscription-flow::after {
    top: calc(50% - 11px);
    left: clamp(1rem, 4vw, 4.5rem);
    width: 22px;
    height: 22px;
    border: 4px solid rgba(255,255,255,.92);
    background: #e94f2d;
    box-shadow: 0 0 0 7px rgba(233,79,45,.13), 0 12px 32px rgba(20,25,38,.3);
    animation: wz-timeline-premium 9s cubic-bezier(.7,0,.3,1) infinite;
  }

  .wz-subscription-flow > div {
    padding-bottom: 3.7rem;
  }

  .wz-subscription-flow > div:nth-child(2) {
    align-items: center;
    padding-top: 3.7rem;
    text-align: center;
  }

  .wz-subscription-flow > div:nth-child(3) {
    align-items: flex-end;
    text-align: right;
  }

  .wz-subscription-flow > div::before {
    bottom: -2px;
    width: 52px;
    height: 52px;
    border-width: 8px;
    font-size: .9rem;
    box-shadow: 0 0 0 1px rgba(23,32,56,.08), 0 16px 36px rgba(23,32,56,.18);
  }

  .wz-subscription-flow > div::after {
    left: 24px;
    bottom: -3.7rem;
    width: 2px;
    height: 3.7rem;
    background: linear-gradient(180deg, currentColor, transparent 95%);
    opacity: .28;
  }

  .wz-subscription-flow > div:nth-child(2)::before {
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
  }

  .wz-subscription-flow > div:nth-child(2)::after {
    top: -3.7rem;
    left: 50%;
    bottom: auto;
    height: 3.7rem;
    transform: translateX(-50%);
    background: linear-gradient(0deg, currentColor, transparent 95%);
  }

  .wz-subscription-flow > div:nth-child(3)::before {
    right: 0;
    left: auto;
  }

  .wz-subscription-flow > div:nth-child(3)::after {
    right: 24px;
    left: auto;
  }

  .wz-subscription-flow strong {
    position: relative;
    max-width: 20ch;
    font-size: clamp(1.55rem, 2.35vw, 2.4rem);
    letter-spacing: -.035em;
  }

  .wz-subscription-flow strong::after {
    content: "";
    display: block;
    width: 44px;
    height: 5px;
    margin-top: 1rem;
    border-radius: 999px;
    background: currentColor;
    opacity: .9;
    transition: width .35s cubic-bezier(.2,.8,.2,1);
  }

  .wz-subscription-flow > div:nth-child(2) strong::after { margin-inline: auto; }
  .wz-subscription-flow > div:nth-child(3) strong::after { margin-left: auto; }
  .wz-subscription-flow > div:hover strong::after { width: 72px; }

  .wz-subscription-flow span {
    max-width: 36ch;
    font-size: clamp(1rem, 1.15vw, 1.12rem);
    line-height: 1.72;
  }
}

@keyframes wz-timeline-premium {
  0%, 13% { left: clamp(1rem, 4vw, 4.5rem); background: #e94f2d; transform: scale(.9); }
  18% { transform: scale(1.2); }
  37%, 50% { left: calc(50% - 11px); background: #2f48a7; transform: scale(1); }
  55% { transform: scale(1.2); }
  74%, 87% { left: calc(100% - clamp(1rem, 4vw, 4.5rem) - 22px); background: #f7c84a; transform: scale(.9); }
  92% { transform: scale(1.18); }
  100% { left: clamp(1rem, 4vw, 4.5rem); background: #e94f2d; transform: scale(.9); }
}

@media (max-width: 760px) {
  .wz-subscription-flow {
    padding-left: 5rem;
    margin-block: 4.5rem;
  }

  .wz-subscription-flow::before { left: 1.5rem; width: 5px; }

  .wz-subscription-flow::after {
    left: calc(1.5rem - 9px);
    width: 23px;
    height: 23px;
    border: 4px solid rgba(255,255,255,.92);
    box-shadow: 0 0 0 7px rgba(233,79,45,.13), 0 12px 28px rgba(20,25,38,.25);
    animation: wz-timeline-premium-mobile 9s cubic-bezier(.7,0,.3,1) infinite;
  }

  .wz-subscription-flow > div,
  .wz-subscription-flow > div:nth-child(2),
  .wz-subscription-flow > div:nth-child(3) {
    padding-bottom: 4.25rem;
    text-align: left;
  }

  .wz-subscription-flow > div:last-child { padding-bottom: .25rem; }

  .wz-subscription-flow > div::before,
  .wz-subscription-flow > div:nth-child(2)::before,
  .wz-subscription-flow > div:nth-child(3)::before {
    left: -4.9rem;
    right: auto;
    width: 46px;
    height: 46px;
    border-width: 7px;
    transform: none;
  }

  .wz-subscription-flow strong { letter-spacing: -.025em; }

  .wz-subscription-flow strong::after {
    content: "";
    display: block;
    width: 38px;
    height: 4px;
    margin-top: .8rem;
    border-radius: 999px;
    background: currentColor;
  }
}

@keyframes wz-timeline-premium-mobile {
  0%, 13% { top: .5rem; background: #e94f2d; transform: scale(.9); }
  18% { transform: scale(1.18); }
  37%, 50% { top: calc(50% - 12px); background: #2f48a7; transform: scale(1); }
  55% { transform: scale(1.18); }
  74%, 87% { top: calc(100% - 2rem); background: #f7c84a; transform: scale(.9); }
  92% { transform: scale(1.16); }
  100% { top: .5rem; background: #e94f2d; transform: scale(.9); }
}


/* Wazerty — page Création de site internet (post 355) */
.page-id-355 .wz-entry > .wz-section-heading{display:none}
.page-id-355 .wz-reading-shell{width:min(calc(100% - clamp(1.25rem,4vw,4rem)),90rem);max-width:none}
.page-id-355 .wz-entry__content{margin:0}
.page-id-355 .wz-web-page{--web-paper:var(--wz-bg-elevated,#fff);color:var(--wz-text,#17191f)}
.page-id-355 .wz-web-page h1,.page-id-355 .wz-web-page h2,.page-id-355 .wz-web-page h3{margin-top:0;text-wrap:balance}
.page-id-355 .wz-web-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(22rem,.98fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);min-height:min(46rem,78vh);padding:clamp(2rem,6vw,6rem) 0 clamp(5rem,9vw,9rem);overflow:hidden}
.page-id-355 .wz-web-hero::before{content:"";position:absolute;z-index:-1;top:4%;right:1%;width:clamp(13rem,28vw,29rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 32%,#ff7656,#dd5234 52%,#b9412e);opacity:.11;animation:wz-web-orbit 9s ease-in-out infinite alternate}
.page-id-355 .wz-web-hero h1{max-width:12ch;margin:0 0 1.5rem;color:var(--wz-text);font-family:Comfortaa,sans-serif;font-size:clamp(2.7rem,5.5vw,5.8rem);line-height:.99;letter-spacing:-.055em}
.page-id-355 .wz-web-hero__lead{max-width:60ch;margin:0;color:var(--wz-text-muted);font-size:clamp(1.08rem,1.45vw,1.3rem);line-height:1.72}
.page-id-355 .wz-web-hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
.page-id-355 .wz-web-window{position:relative;width:100%;overflow:hidden;border:1px solid var(--wz-border);border-radius:clamp(1.25rem,3vw,2.4rem);background:var(--web-paper);box-shadow:0 2.2rem 5.6rem rgba(21,45,123,.2),0 .5rem 1.5rem rgba(1,1,1,.08);transform:rotate(2deg);animation:wz-web-window-in .9s cubic-bezier(.2,.8,.2,1) both}
.page-id-355 .wz-web-window::after{content:"/";position:absolute;right:-1rem;bottom:-4.8rem;color:#f5c54f;font-family:Comfortaa,sans-serif;font-size:13rem;font-weight:700;line-height:1;transform:rotate(5deg)}
.page-id-355 .wz-web-window__bar{display:flex;align-items:center;gap:.55rem;padding:1rem 1.2rem;color:#fff;background:#172038}
.page-id-355 .wz-web-window__bar i{width:.72rem;height:.72rem;border-radius:50%;background:#dd5234}
.page-id-355 .wz-web-window__bar i:nth-child(2){background:#f5c54f}.page-id-355 .wz-web-window__bar i:nth-child(3){background:#7ac8a4}
.page-id-355 .wz-web-window__bar span{margin-left:auto;font-size:.76rem;opacity:.72}
.page-id-355 .wz-web-window__screen{display:flex;min-height:clamp(20rem,38vw,31rem);padding:clamp(2rem,5vw,5rem);flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;background:linear-gradient(145deg,#4059a7,#172038 78%)}
.page-id-355 .wz-web-window__screen span{font-size:clamp(1.15rem,2.2vw,2rem)}
.page-id-355 .wz-web-window__screen strong{position:relative;z-index:2;max-width:8ch;font-family:Comfortaa,sans-serif;font-size:clamp(2.5rem,5vw,5.2rem);line-height:1}
.page-id-355 .wz-web-window__screen em{width:min(15rem,65%);height:.55rem;margin-top:2rem;border-radius:99px;background:#dd5234}
.page-id-355 .wz-web-possibilities{position:relative;margin:0 0 clamp(5rem,10vw,10rem);padding:clamp(2.5rem,6vw,6rem);overflow:hidden;border-radius:clamp(1.6rem,4vw,4rem);color:#fff;background:#172038}
.page-id-355 .wz-web-possibilities::after{content:"";position:absolute;top:-45%;right:-10%;width:45%;aspect-ratio:1;border:3px solid rgba(245,197,79,.72);border-radius:50%;box-shadow:0 0 0 2rem rgba(245,197,79,.06),0 0 0 4rem rgba(245,197,79,.035)}
.page-id-355 .wz-web-possibilities .wz-kicker{color:#f5c54f}
.page-id-355 .wz-web-possibilities h2{position:relative;z-index:1;max-width:19ch;margin-bottom:1.5rem;color:#fff;font-family:Comfortaa,sans-serif;font-size:clamp(2.2rem,4.6vw,5rem);line-height:1.03}
.page-id-355 .wz-web-possibilities>p:not(.wz-kicker){position:relative;z-index:1;max-width:66ch;font-size:1.15rem;line-height:1.7}
.page-id-355 .wz-web-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.2rem}
.page-id-355 .wz-web-tags span{padding:.72rem 1rem;border:1px solid rgba(255,255,255,.23);border-radius:999px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);transition:transform .3s ease,border-color .3s ease,background .3s ease}
.page-id-355 .wz-web-tags span:hover{transform:translateY(-4px);border-color:#f5c54f;background:rgba(245,197,79,.12)}
.page-id-355 .wz-web-included{margin-bottom:clamp(5rem,10vw,10rem)}
.page-id-355 .wz-web-included__heading{display:grid;grid-template-columns:minmax(13rem,.55fr) minmax(0,1.45fr);gap:2rem;align-items:end;margin-bottom:clamp(2.2rem,5vw,4.5rem)}
.page-id-355 .wz-web-included__heading h2{max-width:19ch;margin:0;font-family:Comfortaa,sans-serif;font-size:clamp(2.1rem,4vw,4.3rem);line-height:1.04}
.page-id-355 .wz-web-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(.9rem,1.8vw,1.5rem)}
.page-id-355 .wz-web-benefit{position:relative;grid-column:span 4;min-height:19rem;padding:clamp(1.5rem,3vw,2.6rem);overflow:hidden;border:1px solid var(--wz-border);border-radius:clamp(1.2rem,2.3vw,2rem);background:var(--wz-bg-elevated);box-shadow:0 .9rem 2.5rem rgba(21,45,123,.07);transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease}
.page-id-355 .wz-web-benefit:hover{transform:translateY(-9px);box-shadow:0 1.6rem 3.8rem rgba(21,45,123,.15)}
.page-id-355 .wz-web-benefit>span{color:var(--wz-red-deep);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.page-id-355 .wz-web-benefit h3{max-width:15ch;margin:1.2rem 0 1rem;font-family:Comfortaa,sans-serif;font-size:clamp(1.55rem,2.4vw,2.4rem);line-height:1.08}
.page-id-355 .wz-web-benefit p{max-width:39ch;margin:0;color:var(--wz-text-muted);line-height:1.65}
.page-id-355 .wz-web-benefit::after{content:"";position:absolute;right:-3rem;bottom:-3rem;width:8rem;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--wz-blue) 10%,transparent)}
.page-id-355 .wz-web-benefit--design{grid-column:span 7;background:linear-gradient(135deg,color-mix(in srgb,var(--wz-red) 10%,var(--wz-bg-elevated)),var(--wz-bg-elevated))}
.page-id-355 .wz-web-benefit--type{grid-column:span 5}.page-id-355 .wz-web-benefit--hosting,.page-id-355 .wz-web-benefit--security,.page-id-355 .wz-web-benefit--backup{grid-column:span 4}
.page-id-355 .wz-web-benefit--priority{grid-column:1/-1;min-height:21rem;color:#fff;background:linear-gradient(115deg,#b9412e,#dd5234 60%,#ed6c51);border-color:transparent}
.page-id-355 .wz-web-benefit--priority>span{color:#f5c54f}.page-id-355 .wz-web-benefit--priority h3{max-width:10ch;color:#fff;font-size:clamp(2.7rem,5.4vw,6rem)}
.page-id-355 .wz-web-benefit--priority p{max-width:60ch;color:#fff;font-size:1.12rem}
.page-id-355 .wz-web-benefit--priority b{position:absolute;right:clamp(1.5rem,5vw,5rem);bottom:clamp(1.5rem,3vw,3rem);color:#f5c54f;font-family:Comfortaa,sans-serif;font-size:clamp(1.2rem,2.4vw,2.3rem)}
.page-id-355 .wz-web-identity{display:grid;grid-template-columns:minmax(17rem,.75fr) minmax(0,1.25fr);gap:clamp(3rem,8vw,8rem);margin-bottom:clamp(5rem,10vw,10rem);padding:clamp(3rem,7vw,7rem);border-radius:clamp(1.6rem,4vw,4rem);color:#fff;background:linear-gradient(145deg,#4059a7,#2f468f 56%,#172038);box-shadow:0 1.8rem 5rem rgba(21,45,123,.17)}
.page-id-355 .wz-web-identity__intro{align-self:center}.page-id-355 .wz-web-identity__intro .wz-kicker{color:#f5c54f}
.page-id-355 .wz-web-identity__intro h2{max-width:12ch;margin-bottom:1.5rem;color:#fff;font-family:Comfortaa,sans-serif;font-size:clamp(2.4rem,4.7vw,5rem);line-height:1.02}
.page-id-355 .wz-web-identity__intro>p:last-child{max-width:48ch;margin:0;font-size:1.1rem;line-height:1.75}
.page-id-355 .wz-web-identity__items{counter-reset:wz-identity}
.page-id-355 .wz-web-identity__items article{position:relative;display:grid;grid-template-columns:minmax(6rem,.34fr) minmax(10rem,.66fr) minmax(13rem,1fr);gap:clamp(1rem,3vw,2.5rem);align-items:start;padding:clamp(1.4rem,2.5vw,2rem) 0;border-bottom:1px solid rgba(255,255,255,.19);counter-increment:wz-identity}
.page-id-355 .wz-web-identity__items article:first-child{border-top:1px solid rgba(255,255,255,.19)}
.page-id-355 .wz-web-identity__items article::before{content:"0" counter(wz-identity);position:absolute;top:1.15rem;right:0;color:rgba(255,255,255,.1);font-family:Comfortaa,sans-serif;font-size:clamp(2.8rem,5vw,5.3rem);font-weight:700;line-height:1;transition:color .3s ease,transform .3s ease}
.page-id-355 .wz-web-identity__items article:hover::before{color:rgba(245,197,79,.28);transform:translateX(-.35rem)}
.page-id-355 .wz-web-identity__items span{color:#f5c54f;font-size:.72rem;font-weight:800;letter-spacing:.1em}
.page-id-355 .wz-web-identity__items h3{position:relative;z-index:1;margin:0;color:#fff;font-family:Comfortaa,sans-serif;font-size:clamp(1.2rem,1.8vw,1.7rem);line-height:1.15}
.page-id-355 .wz-web-identity__items p{position:relative;z-index:1;max-width:42ch;margin:0;line-height:1.62}
.page-id-355 .wz-web-promise{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.8fr);gap:clamp(2rem,8vw,8rem);align-items:end;margin-bottom:clamp(5rem,10vw,10rem);padding-block:clamp(2rem,4vw,4rem);border-block:1px solid var(--wz-border)}
.page-id-355 .wz-web-promise h2{max-width:14ch;margin-bottom:0;font-family:Comfortaa,sans-serif;font-size:clamp(2.2rem,4.6vw,4.8rem);line-height:1.03}
.page-id-355 .wz-web-promise>p{margin:0;color:var(--wz-text-muted);font-size:1.15rem;line-height:1.75}
.page-id-355 .wz-web-cta{position:relative;margin-bottom:clamp(2rem,5vw,5rem);padding:clamp(3rem,7vw,7rem);overflow:hidden;border-radius:clamp(1.6rem,4vw,4rem);text-align:center;color:#fff;background:#4059a7}
.page-id-355 .wz-web-cta::before,.page-id-355 .wz-web-cta::after{content:"";position:absolute;border-radius:50%;background:#f5c54f;opacity:.14}
.page-id-355 .wz-web-cta::before{top:-8rem;left:-5rem;width:18rem;height:18rem}.page-id-355 .wz-web-cta::after{right:-3rem;bottom:-7rem;width:14rem;height:14rem;background:#dd5234;opacity:.45}
.page-id-355 .wz-web-cta .wz-kicker{color:#f5c54f}.page-id-355 .wz-web-cta h2{position:relative;z-index:1;margin-bottom:1rem;color:#fff;font-family:Comfortaa,sans-serif;font-size:clamp(2.5rem,5.5vw,5.7rem);line-height:1}
.page-id-355 .wz-web-cta p{position:relative;z-index:1;max-width:60ch;margin:0 auto 2rem;font-size:1.13rem;line-height:1.7}.page-id-355 .wz-web-cta .wz-button{position:relative;z-index:1;background:#dd5234;color:#fff}
@keyframes wz-web-window-in{from{opacity:0;transform:translateY(35px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
@keyframes wz-web-orbit{to{transform:translate(-7%,9%) scale(1.08)}}
@media(max-width:900px){.page-id-355 .wz-web-hero{grid-template-columns:1fr;min-height:0}.page-id-355 .wz-web-window{max-width:42rem}.page-id-355 .wz-web-included__heading,.page-id-355 .wz-web-promise,.page-id-355 .wz-web-identity{grid-template-columns:1fr}.page-id-355 .wz-web-benefit,.page-id-355 .wz-web-benefit--design,.page-id-355 .wz-web-benefit--type{grid-column:span 6}.page-id-355 .wz-web-benefit--priority{grid-column:1/-1}}
@media(max-width:700px){.page-id-355 .wz-web-identity{padding:2.7rem 1.35rem}.page-id-355 .wz-web-identity__items article{display:block;padding-right:3.5rem}.page-id-355 .wz-web-identity__items span{display:block;margin-bottom:.75rem}.page-id-355 .wz-web-identity__items h3{margin-bottom:.75rem}.page-id-355 .wz-web-identity__items article::before{font-size:3.2rem}}
@media(max-width:620px){.page-id-355 .wz-reading-shell{width:min(calc(100% - 1.25rem),90rem)}.page-id-355 .wz-web-hero{padding-top:1rem;gap:2.5rem}.page-id-355 .wz-web-hero h1{font-size:clamp(2.5rem,13vw,4rem)}.page-id-355 .wz-web-hero__actions{display:grid}.page-id-355 .wz-web-hero__actions .wz-button{width:100%;justify-content:center}.page-id-355 .wz-web-window__screen{min-height:18rem}.page-id-355 .wz-web-possibilities{padding:2.3rem 1.35rem}.page-id-355 .wz-web-possibilities h2{font-size:clamp(2rem,10vw,3.2rem)}.page-id-355 .wz-web-bento{display:block}.page-id-355 .wz-web-benefit{min-height:0;margin-bottom:.9rem}.page-id-355 .wz-web-benefit--priority{min-height:26rem}.page-id-355 .wz-web-benefit--priority b{right:1.5rem;bottom:1.5rem;left:1.5rem}.page-id-355 .wz-web-promise{gap:1.5rem}.page-id-355 .wz-web-cta{padding:3.5rem 1.35rem}}
@media(prefers-reduced-motion:reduce){.page-id-355 .wz-web-hero::before,.page-id-355 .wz-web-window{animation:none}.page-id-355 .wz-web-benefit:hover,.page-id-355 .wz-web-tags span:hover{transform:none}}


/* Wazerty — offre site total à 69 euros par mois */
.page-id-355 .wz-web-offer{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(19rem,.75fr);gap:clamp(2rem,6vw,6rem);align-items:center;margin:0 0 clamp(5rem,10vw,10rem);padding:clamp(2.5rem,6vw,6rem);overflow:hidden;color:#fff;background:linear-gradient(125deg,#b9412e 0%,#dd5234 58%,#f06a4d 100%);border-radius:clamp(1.6rem,4vw,4rem);box-shadow:0 1.8rem 5rem rgba(185,65,46,.22)}
.page-id-355 .wz-web-offer::before{content:"";position:absolute;z-index:-1;inset:-45% auto auto -8%;width:clamp(17rem,34vw,33rem);aspect-ratio:1;border:clamp(2.5rem,6vw,6rem) solid rgba(255,255,255,.075);border-radius:50%}
.page-id-355 .wz-web-offer::after{content:"/";position:absolute;z-index:-1;right:2%;bottom:-.28em;color:rgba(255,255,255,.075);font-family:Comfortaa,sans-serif;font-size:clamp(13rem,28vw,30rem);font-weight:700;line-height:1;transform:rotate(7deg)}
.page-id-355 .wz-web-offer .wz-kicker{color:#f5c54f}
.page-id-355 .wz-web-offer__copy h2{margin:0 0 1.4rem;color:#fff;font-family:Comfortaa,sans-serif;font-size:clamp(2.8rem,6.2vw,6.7rem);line-height:.92;letter-spacing:-.065em}
.page-id-355 .wz-web-offer__copy h2 span,.page-id-355 .wz-web-offer__copy h2 strong{display:block}
.page-id-355 .wz-web-offer__copy h2 strong{color:#f5c54f;font-weight:700}
.page-id-355 .wz-web-offer__copy>p:last-child{max-width:58ch;margin:0;color:#fff;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.72}
.page-id-355 .wz-web-offer__price{position:relative;display:grid;align-content:center;min-height:clamp(20rem,28vw,28rem);padding:clamp(2rem,4vw,3.4rem);color:#17191f;background:#f5c54f;clip-path:polygon(8% 0,100% 0,100% 90%,91% 100%,0 100%,0 9%);box-shadow:0 1.5rem 3.4rem rgba(23,32,56,.22);transform:rotate(2deg);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}
.page-id-355 .wz-web-offer:hover .wz-web-offer__price{transform:rotate(0) translateY(-.35rem);box-shadow:0 2rem 4.5rem rgba(23,32,56,.3)}
.page-id-355 .wz-web-offer__price>span{font-family:Comfortaa,sans-serif;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.page-id-355 .wz-web-offer__price>strong{font-family:Comfortaa,sans-serif;font-size:clamp(4.4rem,9vw,8.5rem);line-height:.88;letter-spacing:-.08em;white-space:nowrap}
.page-id-355 .wz-web-offer__price>em{margin-top:.45rem;color:#b9412e;font-family:Comfortaa,sans-serif;font-size:clamp(1.4rem,2.3vw,2.1rem);font-style:normal;font-weight:800}
.page-id-355 .wz-web-offer__price>small{max-width:27ch;margin-top:2rem;padding-top:1rem;border-top:2px solid rgba(23,25,31,.18);font-size:.92rem;font-weight:700;line-height:1.5}
@media(max-width:900px){.page-id-355 .wz-web-offer{grid-template-columns:1fr}.page-id-355 .wz-web-offer__price{width:min(100%,35rem);min-height:20rem;transform:rotate(1deg)}}
@media(max-width:620px){.page-id-355 .wz-web-offer{gap:2rem;padding:2.6rem 1.35rem;border-radius:1.6rem}.page-id-355 .wz-web-offer__copy h2{font-size:clamp(2.65rem,13vw,4.2rem)}.page-id-355 .wz-web-offer__price{min-height:18rem;padding:2rem;clip-path:polygon(6% 0,100% 0,100% 93%,93% 100%,0 100%,0 7%)}.page-id-355 .wz-web-offer__price>strong{font-size:clamp(4.2rem,22vw,6.2rem)}}
@media(prefers-reduced-motion:reduce){.page-id-355 .wz-web-offer__price{transition:none}.page-id-355 .wz-web-offer:hover .wz-web-offer__price{transform:none}}


/* Wazerty — pictogrammes premium de la page Création de site internet */
.page-id-355 .wz-web-benefit{padding-right:clamp(7.2rem,12vw,11rem)}
.page-id-355 .wz-web-benefit__icon{position:absolute;z-index:1;top:clamp(1.3rem,2.5vw,2.25rem);right:clamp(1.3rem,2.5vw,2.25rem);width:clamp(4.8rem,7.5vw,7.4rem);height:auto;padding:clamp(.7rem,1.3vw,1.05rem);overflow:visible;color:var(--wz-blue);background:color-mix(in srgb,var(--wz-blue) 7%,var(--wz-bg-elevated));border:1px solid color-mix(in srgb,var(--wz-blue) 24%,var(--wz-border));border-radius:28% 72% 61% 39% / 48% 36% 64% 52%;box-shadow:0 .9rem 2.2rem rgba(21,45,123,.12);fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .55s cubic-bezier(.16,1,.3,1),border-radius .55s cubic-bezier(.16,1,.3,1),color .35s ease,background .35s ease,box-shadow .55s ease}
.page-id-355 .wz-web-benefit:nth-child(2n) .wz-web-benefit__icon{color:var(--wz-red-deep);background:color-mix(in srgb,var(--wz-red) 8%,var(--wz-bg-elevated));border-color:color-mix(in srgb,var(--wz-red) 24%,var(--wz-border));border-radius:62% 38% 30% 70% / 40% 58% 42% 60%}
.page-id-355 .wz-web-benefit:nth-child(3n) .wz-web-benefit__icon{color:#172038;background:color-mix(in srgb,var(--wz-yellow) 36%,var(--wz-bg-elevated));border-color:color-mix(in srgb,var(--wz-yellow) 72%,var(--wz-border))}
.page-id-355 .wz-web-benefit:hover .wz-web-benefit__icon{transform:translateY(-.45rem) rotate(-3deg) scale(1.06);border-radius:50% 50% 42% 58% / 55% 43% 57% 45%;box-shadow:0 1.35rem 2.8rem rgba(21,45,123,.2)}
.page-id-355 .wz-web-benefit--priority{padding-right:clamp(10rem,20vw,21rem)}
.page-id-355 .wz-web-benefit--priority .wz-web-benefit__icon{top:50%;right:clamp(2rem,7vw,7rem);width:clamp(7rem,13vw,13rem);padding:clamp(1rem,2vw,1.8rem);color:#f5c54f;background:rgba(255,255,255,.08);border-color:rgba(245,197,79,.48);box-shadow:0 1.5rem 3.5rem rgba(112,31,22,.28);transform:translateY(-50%) rotate(3deg)}
.page-id-355 .wz-web-benefit--priority:hover .wz-web-benefit__icon{transform:translateY(calc(-50% - .55rem)) rotate(0) scale(1.055)}
.page-id-355 .wz-web-benefit__icon *{vector-effect:non-scaling-stroke}
.page-id-355 .wz-web-offer__copy h2{font-size:clamp(2.5rem,5.1vw,5.7rem);line-height:.98}
.page-id-355 .wz-web-offer__copy h2 strong{max-width:15ch;margin-top:.22em;font-size:.66em;line-height:1.14;letter-spacing:-.045em}
@media(max-width:620px){.page-id-355 .wz-web-benefit{padding-right:1.35rem;padding-top:8.2rem}.page-id-355 .wz-web-benefit__icon{top:1.25rem;left:1.35rem;right:auto;width:5.9rem}.page-id-355 .wz-web-benefit--priority{padding-top:2.2rem;padding-right:1.35rem}.page-id-355 .wz-web-benefit--priority .wz-web-benefit__icon{top:auto;right:1.3rem;bottom:4.6rem;left:auto;width:7.2rem;transform:none}.page-id-355 .wz-web-benefit--priority:hover .wz-web-benefit__icon{transform:none}.page-id-355 .wz-web-offer__copy h2{font-size:clamp(2.3rem,11.5vw,3.7rem)}}
@media(prefers-reduced-motion:reduce){.page-id-355 .wz-web-benefit__icon{transition:none}.page-id-355 .wz-web-benefit:hover .wz-web-benefit__icon{transform:none}.page-id-355 .wz-web-benefit--priority .wz-web-benefit__icon,.page-id-355 .wz-web-benefit--priority:hover .wz-web-benefit__icon{transform:translateY(-50%)}}


/* Wazerty — hero prix immédiat et système SVG premium */
.page-id-355 .wz-web-hero h1{max-width:11ch;font-size:clamp(2.8rem,5.35vw,5.7rem)}
.page-id-355 .wz-web-hero__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .65rem;width:max-content;max-width:100%;margin:1.7rem 0 0;padding:.75rem 1rem .8rem;border:1px solid color-mix(in srgb,var(--wz-red) 24%,var(--wz-border));border-radius:1rem .35rem 1rem .35rem;background:color-mix(in srgb,var(--wz-yellow) 24%,var(--wz-bg-elevated));box-shadow:0 .8rem 2rem rgba(21,45,123,.08);font-family:Comfortaa,sans-serif}
.page-id-355 .wz-web-hero__price span{flex-basis:100%;color:var(--wz-red-deep);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.page-id-355 .wz-web-hero__price strong{font-size:clamp(2.2rem,4vw,3.6rem);line-height:.9;letter-spacing:-.06em}
.page-id-355 .wz-web-hero__price em{color:var(--wz-red-deep);font-size:1.1rem;font-style:normal;font-weight:800}
.page-id-355 .wz-web-benefit__icon,.page-id-355 .wz-web-identity__icon{fill:none;stroke:currentColor;stroke-width:2.45;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision}
.page-id-355 .wz-web-benefit__icon .wz-icon-orbit,.page-id-355 .wz-web-identity__icon .wz-icon-orbit{stroke:currentColor;stroke-width:1.3;stroke-dasharray:3 7;opacity:.28;transform-origin:center;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .45s ease}
.page-id-355 .wz-web-benefit__icon .wz-icon-soft,.page-id-355 .wz-web-identity__icon .wz-icon-soft{fill:currentColor;fill-opacity:.075;stroke-width:2}
.page-id-355 .wz-web-benefit__icon .wz-icon-accent,.page-id-355 .wz-web-identity__icon .wz-icon-accent{color:var(--wz-red);fill:color-mix(in srgb,var(--wz-yellow) 35%,transparent);stroke:var(--wz-red);stroke-width:3}
.page-id-355 .wz-web-benefit__icon .wz-icon-spark,.page-id-355 .wz-web-identity__icon .wz-icon-spark{fill:var(--wz-yellow);stroke:var(--wz-red);stroke-width:2;transform-origin:center;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.page-id-355 .wz-web-benefit:hover .wz-icon-orbit,.page-id-355 .wz-web-identity__items article:hover .wz-icon-orbit{transform:rotate(62deg);opacity:.55}
.page-id-355 .wz-web-benefit:hover .wz-icon-spark,.page-id-355 .wz-web-identity__items article:hover .wz-icon-spark{transform:scale(1.45) rotate(35deg)}
.page-id-355 .wz-web-identity__items article{grid-template-columns:clamp(4.6rem,6vw,6rem) minmax(6rem,.34fr) minmax(10rem,.66fr) minmax(13rem,1fr);align-items:center}
.page-id-355 .wz-web-identity__icon{grid-column:1;grid-row:1;width:clamp(4.4rem,5.8vw,5.8rem);height:auto;padding:.48rem;color:#f5c54f;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);border-radius:28% 72% 61% 39% / 48% 36% 64% 52%;box-shadow:0 .8rem 1.8rem rgba(10,19,50,.22);transition:transform .55s cubic-bezier(.16,1,.3,1),background .35s ease,border-radius .55s cubic-bezier(.16,1,.3,1)}
.page-id-355 .wz-web-identity__items article:hover .wz-web-identity__icon{transform:translateY(-.3rem) rotate(-3deg) scale(1.05);background:rgba(255,255,255,.1);border-radius:55% 45% 38% 62% / 42% 57% 43% 58%}
.page-id-355 .wz-web-identity__items span{grid-column:2}.page-id-355 .wz-web-identity__items h3{grid-column:3}.page-id-355 .wz-web-identity__items p{grid-column:4}
.page-id-355 .wz-web-identity__icon .wz-icon-accent{fill:rgba(221,82,52,.3);stroke:#f5c54f}.page-id-355 .wz-web-identity__icon .wz-icon-spark{fill:#dd5234;stroke:#f5c54f}
@media(max-width:700px){.page-id-355 .wz-web-identity__items article{display:grid;grid-template-columns:5.5rem 1fr;padding-right:3.5rem}.page-id-355 .wz-web-identity__icon{grid-column:1;grid-row:1/4}.page-id-355 .wz-web-identity__items span,.page-id-355 .wz-web-identity__items h3,.page-id-355 .wz-web-identity__items p{grid-column:2}.page-id-355 .wz-web-identity__items span{margin:0}.page-id-355 .wz-web-identity__items h3{margin:.45rem 0}}
@media(max-width:620px){.page-id-355 .wz-web-hero__price{width:100%;justify-content:flex-start}.page-id-355 .wz-web-hero h1{font-size:clamp(2.4rem,12vw,3.8rem)}}
@media(prefers-reduced-motion:reduce){.page-id-355 .wz-icon-orbit,.page-id-355 .wz-icon-spark,.page-id-355 .wz-web-identity__icon{transition:none!important}.page-id-355 .wz-web-identity__items article:hover .wz-web-identity__icon{transform:none}}


/* Wazerty — hero trois lignes et prix dans l'écran */
@media(min-width:901px){
  .page-id-355 .wz-web-hero{grid-template-columns:minmax(0,1.28fr) minmax(24rem,.72fr);gap:clamp(2rem,4vw,4.5rem)}
  .page-id-355 .wz-web-hero h1{max-width:none;font-size:clamp(3.1rem,4.25vw,4.85rem);line-height:1.02;letter-spacing:-.052em}
  .page-id-355 .wz-web-hero h1 span{display:block;white-space:nowrap}
}
.page-id-355 .wz-web-window__screen strong{color:#f5c54f;font-size:clamp(4.8rem,8vw,8rem);line-height:.86;letter-spacing:-.075em;white-space:nowrap}
.page-id-355 .wz-web-window__screen b{margin-top:.35rem;color:#fff;font-family:Comfortaa,sans-serif;font-size:clamp(1.45rem,2.4vw,2.3rem);line-height:1;font-weight:800}
.page-id-355 .wz-web-window__screen small{max-width:28ch;margin-top:1.5rem;color:rgba(255,255,255,.78);font-size:clamp(.85rem,1vw,1rem);line-height:1.5;font-weight:650}
.page-id-355 .wz-web-window__screen em{margin-top:1.5rem}
@media(max-width:900px){.page-id-355 .wz-web-hero h1 span{display:block;white-space:normal}}


/* Wazerty — recalibrage des introductions de sections */
.page-id-355 .wz-web-included__heading{
  display:block;
  max-width:58rem;
  margin:0 0 clamp(2.5rem,5vw,4.5rem);
}
.page-id-355 .wz-web-included__heading .wz-kicker{
  margin:0 0 .9rem;
  color:var(--wz-red-deep);
}
.page-id-355 .wz-web-included__heading h2{
  max-width:18ch;
  margin:0;
  font-size:clamp(2.25rem,3.65vw,3.9rem);
  line-height:1.06;
  letter-spacing:-.04em;
}
.page-id-355 .wz-web-promise{
  grid-template-columns:minmax(0,.92fr) minmax(22rem,1.08fr);
  gap:clamp(2.5rem,5vw,4rem);
  align-items:center;
  padding-block:clamp(3rem,6vw,5.5rem);
}
.page-id-355 .wz-web-promise>div{max-width:44rem}
.page-id-355 .wz-web-promise .wz-kicker{
  margin:0 0 .9rem;
  color:var(--wz-red-deep);
}
.page-id-355 .wz-web-promise h2{
  max-width:12ch;
  margin:0;
  font-size:clamp(2.4rem,3.8vw,4rem);
  line-height:1.04;
  letter-spacing:-.04em;
}
.page-id-355 .wz-web-promise>p{
  max-width:48ch;
  justify-self:start;
  font-size:clamp(1.05rem,1.25vw,1.18rem);
}
@media(max-width:900px){
  .page-id-355 .wz-web-promise{grid-template-columns:1fr;gap:1.5rem}
  .page-id-355 .wz-web-promise h2{max-width:15ch}
}
@media(max-width:620px){
  .page-id-355 .wz-web-included__heading h2,
  .page-id-355 .wz-web-promise h2{font-size:clamp(2.1rem,10vw,3.1rem)}
}
:root[data-theme="dark"] .page-id-355 .wz-web-included__heading .wz-kicker,
:root[data-theme="dark"] .page-id-355 .wz-web-promise .wz-kicker{color:var(--wz-yellow)}


/* Wazerty — hero accueil renforcé */
body.home .wz-hero__copy h1{font-size:clamp(2.45rem,4.4vw,3.9rem);line-height:1.04}
@media(max-width:32rem){body.home .wz-hero__copy h1{font-size:clamp(1.75rem,8vw,2.35rem)}}


/* Wazerty — retours à la ligne des cartes brol sur mobile */
@media(max-width:32rem){
  body.home .wz-brol-card__title{max-width:min(100%,14ch);margin-inline:auto;line-height:1.15;text-align:center}
  body.home .wz-brol-card__title>span{display:block;width:auto;max-width:11ch;margin-inline:auto;white-space:normal!important;overflow-wrap:normal;line-height:1.13;text-align:center}
}


/* Wazerty — taille uniforme des quatre slashs sur mobile */
@media(max-width:32rem){
  body.home .wz-brol-card__title{font-size:clamp(1.18rem,5.35vw,1.32rem)!important;line-height:1.15}
  body.home .wz-brol-card__title>span{font-size:inherit!important;line-height:1.15}
}


/* Wazerty — preuves mobiles sans chevauchement */
@media(max-width:32rem){
  body.home .wz-proof-list li{padding-left:3.6rem}
  body.home .wz-proof-list__mark{left:.25rem}
}


/* Wazerty — panneau burger mobile stable et léger */
@media (max-width: 68rem) {
  .wz-bottom-nav__more {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    contain: layout paint;
    overscroll-behavior: contain;
  }
}


/* Premium blog archive */
.wz-blog-archive{--blog-ink:#101010;--blog-paper:#fff;--blog-soft:#f1f2f4;--blog-blue:#2f438e;--blog-red:#d94b32;--blog-yellow:#f7c64f;padding:clamp(72px,9vw,138px) 0 130px;background:var(--blog-paper);color:var(--blog-ink)}
html[data-theme="dark"] .wz-blog-archive{--blog-ink:#fff;--blog-paper:#0b0b0c;--blog-soft:#191a1d}
.wz-blog-archive__shell{width:min(1240px,calc(100% - 48px));max-width:none!important}
.wz-blog-archive__hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:end;padding-bottom:clamp(34px,5vw,62px);border-bottom:2px solid color-mix(in srgb,var(--blog-ink) 18%,transparent)}
.wz-blog-archive__eyebrow{margin:0;color:var(--blog-red);font:800 .82rem/1.2 Geist,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.wz-blog-archive h1{margin:0;font:700 clamp(3.2rem,8vw,8.5rem)/.9 Comfortaa,sans-serif;letter-spacing:-.065em}
.wz-blog-archive__intro{margin:0;max-width:650px;font:400 clamp(1.05rem,1.6vw,1.35rem)/1.55 Geist,sans-serif}
.wz-blog-filters{display:flex;gap:10px;flex-wrap:wrap;padding:28px 0 42px}
.wz-blog-filter{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid color-mix(in srgb,var(--blog-ink) 34%,transparent);border-radius:999px;padding:11px 18px;color:var(--blog-ink);font:700 .92rem/1 Geist,sans-serif;text-decoration:none;transition:background .2s,color .2s,transform .2s,border-color .2s}
.wz-blog-filter:hover,.wz-blog-filter--active{background:var(--blog-blue);border-color:var(--blog-blue);color:#fff;transform:translateY(-2px)}
.wz-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wz-blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--blog-soft);border:1px solid color-mix(in srgb,var(--blog-ink) 14%,transparent);border-radius:26px;box-shadow:0 12px 36px rgba(20,25,55,.08);transition:transform .25s ease,box-shadow .25s ease}
.wz-blog-card:hover{transform:translateY(-7px);box-shadow:0 22px 46px rgba(20,25,55,.16)}
.wz-blog-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--blog-blue),var(--blog-red))}
.wz-blog-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.wz-blog-card:hover .wz-blog-card__media img{transform:scale(1.04)}
.wz-blog-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--blog-blue),var(--blog-yellow))}
.wz-blog-card__body{display:flex;flex:1;flex-direction:column;padding:24px 25px 26px}
.wz-blog-card__meta{display:flex;justify-content:space-between;gap:14px;margin:0 0 15px;color:color-mix(in srgb,var(--blog-ink) 62%,transparent);font:650 .78rem/1.3 Geist,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.wz-blog-card__meta span{color:var(--blog-red);text-align:right}
.wz-blog-card h2{margin:0 0 13px;font:700 clamp(1.35rem,2.1vw,1.9rem)/1.08 Comfortaa,sans-serif;letter-spacing:-.035em}
.wz-blog-card h2 a{color:var(--blog-ink);text-decoration:none}
.wz-blog-card h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.wz-blog-card__excerpt{margin:0 0 23px;color:color-mix(in srgb,var(--blog-ink) 78%,transparent);font:400 .98rem/1.55 Geist,sans-serif}
.wz-blog-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--blog-blue);font:800 .95rem/1 Geist,sans-serif;text-decoration:none}
.wz-blog-card__link span{font-size:1.2em;transition:transform .2s ease}.wz-blog-card__link:hover{text-decoration:underline}.wz-blog-card__link:hover span{transform:translateX(4px)}
.wz-blog-empty{padding:40px 0;font-size:1.2rem}
.wz-blog-archive .nav-links{display:flex;gap:10px;justify-content:center;margin-top:44px}.wz-blog-archive .nav-links a,.wz-blog-archive .nav-links span{padding:10px 15px;border:1px solid color-mix(in srgb,var(--blog-ink) 22%,transparent);border-radius:999px;text-decoration:none;color:var(--blog-ink)}
@media(max-width:900px){.wz-blog-archive__hero{grid-template-columns:1fr;gap:20px}.wz-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wz-blog-archive{padding-top:92px}.wz-blog-archive__shell{width:min(100% - 28px,1240px)}.wz-blog-archive h1{font-size:clamp(3rem,15vw,5rem)}.wz-blog-grid{grid-template-columns:1fr}.wz-blog-filters{padding-bottom:30px}.wz-blog-filter{padding:10px 14px;font-size:.84rem}}

/* Final blog archive refinements */
.wz-blog-filter{font-family:Geist,sans-serif;cursor:pointer;appearance:none;background:transparent}
.wz-blog-card__media{aspect-ratio:16/7}
.wz-blog-card[hidden]{display:none!important}
@media(min-width:901px){.wz-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}

.wz-blog-filter--active{background:var(--blog-blue)!important;color:#fff!important;border-color:var(--blog-blue)!important}
@media(max-width:620px){.wz-blog-archive{padding-top:150px}}

@media(max-width:900px){.wz-blog-archive{padding-top:145px}}

.wz-blog-archive{padding-top:clamp(145px,12vw,190px)}
@media(max-width:900px){.wz-blog-archive{padding-top:145px}}

.wz-blog-archive h1{font-size:clamp(2.8rem,6.4vw,6.8rem)}


/* Conseils — hiérarchie, cartes d’articles et texte lisible */
.wz-blog-archive{padding-top:clamp(175px,14vw,220px)}
.wz-blog-archive__intro,.wz-blog-card__excerpt{ text-align:justify; text-justify:inter-word; hyphens:auto }
@media(max-width:900px){.wz-blog-archive{padding-top:175px}}
@media(max-width:620px){.wz-blog-archive{padding-top:175px}.wz-blog-archive h1{font-size:clamp(2.65rem,13vw,4.5rem)}}
.single-post .wz-reading-shell{width:min(calc(100% - clamp(1.25rem,4vw,4rem)),92rem);max-width:none}
.single-post .wz-entry{overflow:hidden;background:var(--wz-bg-elevated);border:1px solid var(--wz-border);border-radius:clamp(1.25rem,3vw,2.4rem);box-shadow:var(--wz-shadow-l)}
.single-post .wz-entry__back{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:clamp(1.25rem,3vw,2rem);color:var(--wz-link);font-family:var(--wz-font-display);font-weight:700;text-decoration:none}
.single-post .wz-entry__back:hover{text-decoration:underline}
.single-post .wz-entry>.wz-section-heading{margin:0;padding:clamp(2rem,5vw,5rem);background:color-mix(in srgb,var(--wz-blue) 7%,var(--wz-bg-elevated));border-bottom:1px solid var(--wz-border)}
.single-post .wz-entry>.wz-section-heading h1{max-width:18ch;margin-top:.7rem;font-size:clamp(2.4rem,5vw,5.4rem);line-height:1.02;letter-spacing:-.05em}
.single-post .wz-entry>.wz-entry__media{margin:0;padding:clamp(1rem,2.5vw,2.5rem) clamp(1rem,5vw,5rem) 0}
.single-post .wz-entry>.wz-entry__media img{display:block;width:100%;max-height:38rem;object-fit:cover;border-radius:clamp(1rem,2.5vw,2rem);box-shadow:var(--wz-shadow-m)}
.single-post .wz-entry__content{max-width:78rem;margin:0 auto;padding:clamp(1.5rem,4vw,4.5rem) clamp(1.25rem,5vw,5rem) clamp(2rem,5vw,5rem);font-size:clamp(1.03rem,1.15vw,1.18rem);line-height:1.72}
.single-post .wz-entry__content p,.single-post .wz-entry__content li{ text-align:justify; text-justify:inter-word; hyphens:auto }
.single-post .wz-entry__content h2,.single-post .wz-entry__content h3{ text-align:left; text-wrap:balance }
.single-post .wz-entry__content figure{margin-inline:0}


/* Conseils — dégagement du logo sur les pages articles */
.single-post .wz-section{padding-top:clamp(175px,14vw,220px)}
@media(max-width:900px){.single-post .wz-section{padding-top:175px}}


/* Typographie Wazerty — paragraphes de contenu justifiés */
.wz-site main p:not(.wz-kicker):not(.wz-blog-archive__eyebrow){text-align:justify;text-justify:inter-word;hyphens:auto}
.wz-site .wz-footer p{text-align:justify;text-justify:inter-word;hyphens:auto}


/* Articles — carte image, titre incrusté et métadonnées */
.single-post .wz-entry__hero{position:relative;isolation:isolate;min-height:clamp(23rem,48vw,42rem);overflow:hidden;background:var(--wz-blue-deep)}
.single-post .wz-entry__hero .wz-entry__media{position:absolute;inset:0;margin:0;padding:0}
.single-post .wz-entry__hero .wz-entry__media img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;box-shadow:none}
.single-post .wz-entry__hero::after{content:"";position:absolute;z-index:1;inset:30% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(10,18,45,.2) 26%,rgba(10,18,45,.9) 100%);pointer-events:none}
.single-post .wz-entry__hero>.wz-section-heading{position:absolute;z-index:2;right:0;bottom:0;left:0;margin:0;padding:clamp(2rem,5vw,5rem);color:#fff}
.single-post .wz-entry__hero>.wz-section-heading h1{max-width:18ch;margin:0;color:#fff;font-size:clamp(2.35rem,5vw,5.25rem);line-height:1.02;letter-spacing:-.05em;text-wrap:balance}
.single-post .wz-entry__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.25rem;padding:1rem clamp(1.25rem,5vw,5rem);color:var(--wz-text-muted);background:var(--wz-bg-elevated);border-bottom:1px solid var(--wz-border);font-size:.9rem}
.single-post .wz-entry__meta time{text-transform:none}
.single-post .wz-entry__categories{display:flex;flex-wrap:wrap;gap:.45rem}
.single-post .wz-entry__categories a{padding:.35rem .7rem;color:var(--wz-blue-deep);border:1px solid color-mix(in srgb,var(--wz-blue) 48%,var(--wz-border));border-radius:999px;font-family:var(--wz-font-display);font-size:.78rem;font-weight:700;text-decoration:none}
.single-post .wz-entry__categories a:hover{color:#fff;background:var(--wz-blue);border-color:var(--wz-blue)}
.single-post .wz-entry__content h2[id*="approche-wazerty"]{margin:3.5rem 0 0;padding:clamp(1.25rem,3vw,2.5rem) clamp(1.25rem,4vw,3.5rem) 1rem;color:#fff;background:var(--wz-blue-deep);border-radius:1.5rem 1.5rem 0 0;font-size:clamp(1.8rem,3.4vw,3.2rem)}
.single-post .wz-entry__content h2[id*="approche-wazerty"]+p{margin:0;padding:0 clamp(1.25rem,4vw,3.5rem) 1.25rem;color:#fff;background:var(--wz-blue-deep)}
.single-post .wz-entry__content h2[id*="approche-wazerty"]+p+.wp-block-group{margin:0;padding:0 clamp(1.25rem,4vw,3.5rem) clamp(1.5rem,4vw,3rem);color:#fff;background:var(--wz-blue-deep);border-radius:0 0 1.5rem 1.5rem}
.single-post .wz-entry__content h2[id*="approche-wazerty"]+p+.wp-block-group p{color:rgba(255,255,255,.9)}
.single-post .wz-entry__content h2[id*="approche-wazerty"]+p+.wp-block-group .wp-block-kadence-advancedbtn{margin-top:1.5rem}
.single-post .wz-entry__content h2[id*="approche-wazerty"]+p+.wp-block-group .kb-button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.25rem;color:#fff!important;background:var(--wz-red-deep)!important;border:1px solid var(--wz-red-deep);border-radius:999px;font-family:var(--wz-font-display);font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease}
.single-post .wz-entry__content h2[id*="approche-wazerty"]+p+.wp-block-group .kb-button:hover{transform:translateY(-2px);background:var(--wz-red)!important}
@media(max-width:620px){.single-post .wz-entry__hero{min-height:26rem}.single-post .wz-entry__hero>.wz-section-heading{padding:1.4rem 1.25rem 1.8rem}.single-post .wz-entry__hero>.wz-section-heading h1{font-size:clamp(2rem,9vw,3.15rem)}.single-post .wz-entry__meta{padding:1rem 1.25rem}}


/* Articles — navigation intégrée et zoom subtil */
.single-post .wz-entry__hero>.wz-entry__back{position:absolute;z-index:3;top:1.1rem;left:1.25rem;margin:0;padding:.5rem .8rem;color:#fff;background:rgba(23,32,56,.68);border:1px solid rgba(255,255,255,.55);border-radius:999px;font-size:.9rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.single-post .wz-entry__hero>.wz-entry__back:hover{color:#fff;background:var(--wz-red-deep);text-decoration:none}
.single-post .wz-entry__hero>.wz-section-heading{bottom:clamp(1.5rem,5vw,4rem)}
.single-post .wz-entry__hero .wz-entry__media img{transform:scale(1);transition:transform .65s cubic-bezier(.16,1,.3,1)}
.single-post .wz-entry__hero:hover .wz-entry__media img,.single-post .wz-entry__hero:focus-within .wz-entry__media img{transform:scale(1.045)}
@media(max-width:620px){.single-post .wz-entry__hero>.wz-entry__back{top:.8rem;left:.85rem;font-size:.8rem}.single-post .wz-entry__hero>.wz-section-heading{bottom:1.1rem}}
@media(prefers-reduced-motion:reduce){.single-post .wz-entry__hero .wz-entry__media img{transition:none}.single-post .wz-entry__hero:hover .wz-entry__media img,.single-post .wz-entry__hero:focus-within .wz-entry__media img{transform:none}}


/* Articles — bloc Wazerty uniforme sur chaque publication */
.single-post .wz-entry__wazerty-callout{margin:clamp(2.5rem,6vw,5rem) 0 0;padding:clamp(1.5rem,4vw,3.5rem);color:#fff;background:linear-gradient(135deg,var(--wz-blue-deep),var(--wz-blue));border-radius:clamp(1rem,2.5vw,2rem);box-shadow:var(--wz-shadow-l)}
.single-post .wz-entry__wazerty-kicker{margin:0 0 .65rem;color:var(--wz-yellow);font-family:var(--wz-font-display);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.single-post .wz-entry__wazerty-callout h2{margin:0;color:#fff;font-size:clamp(1.8rem,3.5vw,3.2rem);line-height:1.05}
.single-post .wz-entry__wazerty-callout>p:not(.wz-entry__wazerty-kicker){max-width:62ch;margin:1rem 0 0;color:rgba(255,255,255,.9);text-align:justify;text-justify:inter-word;hyphens:auto}
.single-post .wz-entry__wazerty-button{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.5rem;padding:.85rem 1.25rem;color:#fff;background:var(--wz-red-deep);border:1px solid var(--wz-red-deep);border-radius:999px;font-family:var(--wz-font-display);font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease}
.single-post .wz-entry__wazerty-button:hover{transform:translateY(-2px);color:#fff;background:var(--wz-red)}
.single-post .wz-entry__wazerty-button span{font-size:1.2em}
@media(prefers-reduced-motion:reduce){.single-post .wz-entry__wazerty-button{transition:none}.single-post .wz-entry__wazerty-button:hover{transform:none}}


/* Articles — tableaux premium Wazerty */
.single-post .wz-entry__content table{width:100%;margin:clamp(1.75rem,4vw,3rem) 0;border:1px solid color-mix(in srgb,var(--wz-blue) 28%,var(--wz-border));border-radius:1.15rem;border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--wz-bg-elevated);box-shadow:0 1rem 2.5rem rgba(21,45,123,.1);font-size:clamp(.9rem,1.1vw,1.04rem);line-height:1.45}
.single-post .wz-entry__content table thead{color:#fff;background:linear-gradient(125deg,var(--wz-blue-deep),var(--wz-blue))}
.single-post .wz-entry__content table th{padding:1rem 1.1rem;color:#fff!important;background:transparent;font-family:var(--wz-font-display);font-size:.82em;font-weight:800;letter-spacing:.035em;text-align:left!important;vertical-align:middle}
.single-post .wz-entry__content table td{padding:.9rem 1.1rem;color:var(--wz-text);border-top:1px solid color-mix(in srgb,var(--wz-blue) 13%,var(--wz-border));text-align:left!important;vertical-align:top}
.single-post .wz-entry__content table tbody tr:nth-child(even){background:color-mix(in srgb,var(--wz-blue) 6%,var(--wz-bg-elevated))}
.single-post .wz-entry__content table tbody tr:hover{background:color-mix(in srgb,var(--wz-yellow) 18%,var(--wz-bg-elevated))}
.single-post .wz-entry__content table tr:first-child th:first-child{border-top-left-radius:1.05rem}
.single-post .wz-entry__content table tr:first-child th:last-child{border-top-right-radius:1.05rem}
@media(max-width:620px){.single-post .wz-entry__content table{display:block;overflow-x:auto;white-space:normal;font-size:.88rem}.single-post .wz-entry__content table th,.single-post .wz-entry__content table td{min-width:11rem;padding:.75rem .85rem}}


/* Articles — tableaux sans thead : première ligne traitée comme en-tête */
.single-post .wz-entry__content table:not(:has(thead)) tbody tr:first-child td{color:#fff!important;background:linear-gradient(125deg,var(--wz-blue-deep),var(--wz-blue));font-family:var(--wz-font-display);font-size:.82em;font-weight:800;letter-spacing:.035em;text-align:left!important}
.single-post .wz-entry__content table:not(:has(thead)) tbody tr:first-child td:first-child{border-top-left-radius:1.05rem}
.single-post .wz-entry__content table:not(:has(thead)) tbody tr:first-child td:last-child{border-top-right-radius:1.05rem}


/* Articles — médias et tableaux centrés */
.single-post .wz-entry__content figure{max-width:100%;margin:clamp(1.5rem,4vw,3rem) auto;text-align:center}
.single-post .wz-entry__content figure img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto}
.single-post .wz-entry__content figcaption{margin-top:.55rem;color:var(--wz-text-muted);font-size:.78rem;line-height:1.4;text-align:center}
.single-post .wz-entry__content table{margin-right:auto;margin-left:auto}


/* Articles — centrage robuste des médias et tableaux */
.single-post .wz-entry__content figure{max-width:100%;margin:clamp(1.5rem,4vw,3rem) auto;text-align:center}
.single-post .wz-entry__content figure img{display:block;width:auto;max-width:100%;height:auto;margin-inline:auto}
.single-post .wz-entry__content figcaption{margin-top:.55rem;color:var(--wz-text-muted);font-size:.78rem;line-height:1.4;text-align:center}
.single-post .wz-entry__content table{width:100%;max-width:100%;margin:clamp(1.5rem,3vw,2.5rem) auto !important}
.single-post .wz-entry__content .wp-block-table{max-width:100%;margin-inline:auto;overflow-x:auto}
@media (max-width:620px){.single-post .wz-entry__content table{min-width:100%;width:100%;max-width:100%;margin-inline:auto !important}}


/* Articles — tableaux toujours contenus dans la colonne */
.single-post .wz-entry__content table,.single-post .wz-entry__content .wp-block-table table{width:100% !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important}


/* Articles — adaptation des tableaux larges */
.single-post .wz-entry__content table,.single-post .wz-entry__content .wp-block-table table{table-layout:fixed !important;overflow-wrap:anywhere;word-break:break-word}
.single-post .wz-entry__content .wp-block-table{width:100%;max-width:100%;margin-inline:auto}


/* Accueil — titre spécifique sur mobile */
.wz-hero-title__mobile { display: none !important; }

@media (max-width: 47.99rem) {
  body.home .wz-hero__copy h1 {
    position: relative;
    top: clamp(0.85rem, 3vw, 1.35rem);
    width: 100%;
    text-align: center;
  }
  body.home .wz-hero-title__desktop { display: none !important; }
  body.home .wz-hero-title__mobile {
    display: block !important;
    max-width: 15ch;
    margin-inline: auto;
    white-space: normal !important;
    text-align: center;
  }
}


/* Wazerty — titre mobile plus large */
@media (max-width: 47.99rem) {
  body.home .wz-hero__copy h1 {
    padding-inline: clamp(0.75rem, 4vw, 1.5rem);
    box-sizing: border-box;
  }
  body.home .wz-hero-title__mobile {
    max-width: 100%;
    width: 100%;
    padding-inline: clamp(0.75rem, 4vw, 1.5rem);
    box-sizing: border-box;
  }
}