@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;700&display=swap");
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/poppins/poppins-300-b9781a1d939931ad7587363cc1679993b3509b4823dee8cdd9dda3c2ec2d8163.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/poppins/poppins-300-ext-4279c7ac7ebd1601d69ff9da3f325f52e6e65f84123554e682a1d93985e7c527.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/poppins/poppins-400-effdec1dd64fd67c128f6171af4a39ba773d3304ce1c63b79b6d90797c9851e3.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/poppins/poppins-400-ext-51ad93155053b878244a5bf11131152ebb364a031b6b88dec370800939136e4f.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/poppins/poppins-500-6adcbb12df736315618c82eee791ebf4a0bc7be736d99f1a49fac6b52905c32b.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/poppins/poppins-500-ext-bf2c93bc08d68795656a4ad09cc1a519e2fc831cff841e4608d43317b0c65310.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/poppins/poppins-600-402db726b45db9b565f14f8624276294dcf93e35997a5217cdb3c6df6ba431c3.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/poppins/poppins-600-ext-91573ffe2ef7ccd7ea68d7856c558d6904cdc6059b7026f6a5c2823f7d365ce6.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/poppins/poppins-700-717368e893fe5a80f2b6443e352a6b7754e6f1f58e453621d0e24c8c46d20ad9.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/poppins/poppins-700-ext-b9d2a5ae5d4b220f7e8460d2e27bf2b38dc596177631a1925fb34ee6f5f30d88.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Optionnel : S'assurer que tous les titres utilisent Poppins avec des poids différents */
/* line 2, app/assets/stylesheets/config/_fonts.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  /* Gras pour les titres */
}

/* line 7, app/assets/stylesheets/config/_fonts.scss */
p, a, span, li {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}

/* ============================================
   Classes utilitaires CSP (Content Security Policy)
   ============================================
   Ces classes remplacent les styles inline dans les contrôleurs Stimulus
   pour être conformes à la CSP.
   ============================================ */
/* ============================================
   DISPLAY UTILITIES
   ============================================ */
/* line 11, app/assets/stylesheets/config/_csp_utilities.scss */
.d-none {
  display: none !important;
}

/* line 12, app/assets/stylesheets/config/_csp_utilities.scss */
.d-block {
  display: block !important;
}

/* line 13, app/assets/stylesheets/config/_csp_utilities.scss */
.d-inline {
  display: inline !important;
}

/* line 14, app/assets/stylesheets/config/_csp_utilities.scss */
.d-inline-block {
  display: inline-block !important;
}

/* line 15, app/assets/stylesheets/config/_csp_utilities.scss */
.d-flex {
  display: flex !important;
}

/* line 16, app/assets/stylesheets/config/_csp_utilities.scss */
.d-grid {
  display: grid !important;
}

/* line 17, app/assets/stylesheets/config/_csp_utilities.scss */
.d-table {
  display: table !important;
}

/* line 18, app/assets/stylesheets/config/_csp_utilities.scss */
.d-table-row {
  display: table-row !important;
}

/* line 19, app/assets/stylesheets/config/_csp_utilities.scss */
.d-table-cell {
  display: table-cell !important;
}

/* ============================================
   OPACITY UTILITIES
   ============================================ */
/* line 24, app/assets/stylesheets/config/_csp_utilities.scss */
.opacity-0 {
  opacity: 0 !important;
}

/* line 25, app/assets/stylesheets/config/_csp_utilities.scss */
.opacity-25 {
  opacity: 0.25 !important;
}

/* line 26, app/assets/stylesheets/config/_csp_utilities.scss */
.opacity-50 {
  opacity: 0.5 !important;
}

/* line 27, app/assets/stylesheets/config/_csp_utilities.scss */
.opacity-75 {
  opacity: 0.75 !important;
}

/* line 28, app/assets/stylesheets/config/_csp_utilities.scss */
.opacity-100 {
  opacity: 1 !important;
}

/* ============================================
   VISIBILITY UTILITIES
   ============================================ */
/* line 33, app/assets/stylesheets/config/_csp_utilities.scss */
.visibility-hidden {
  visibility: hidden !important;
}

/* line 34, app/assets/stylesheets/config/_csp_utilities.scss */
.visibility-visible {
  visibility: visible !important;
}

/* ============================================
   TRANSFORM UTILITIES
   ============================================ */
/* line 39, app/assets/stylesheets/config/_csp_utilities.scss */
.transform-none {
  transform: none !important;
}

/* line 40, app/assets/stylesheets/config/_csp_utilities.scss */
.transform-translate-x-0 {
  transform: translateX(0) !important;
}

/* line 41, app/assets/stylesheets/config/_csp_utilities.scss */
.transform-translate-x-full {
  transform: translateX(100%) !important;
}

/* line 42, app/assets/stylesheets/config/_csp_utilities.scss */
.transform-translate-x-neg-full {
  transform: translateX(-100%) !important;
}

/* line 43, app/assets/stylesheets/config/_csp_utilities.scss */
.transform-translate-y-0 {
  transform: translateY(0) !important;
}

/* line 44, app/assets/stylesheets/config/_csp_utilities.scss */
.transform-scale-95 {
  transform: scale(0.95) !important;
}

/* line 45, app/assets/stylesheets/config/_csp_utilities.scss */
.transform-scale-100 {
  transform: scale(1) !important;
}

/* line 46, app/assets/stylesheets/config/_csp_utilities.scss */
.transform-scale-105 {
  transform: scale(1.05) !important;
}

/* ============================================
   WIDTH UTILITIES (pour progress bars, etc.)
   ============================================ */
/* Utiliser CSS custom properties pour les valeurs dynamiques */
/* line 52, app/assets/stylesheets/config/_csp_utilities.scss */
.width-0 {
  width: 0% !important;
}

/* line 53, app/assets/stylesheets/config/_csp_utilities.scss */
.width-25 {
  width: 25% !important;
}

/* line 54, app/assets/stylesheets/config/_csp_utilities.scss */
.width-50 {
  width: 50% !important;
}

/* line 55, app/assets/stylesheets/config/_csp_utilities.scss */
.width-75 {
  width: 75% !important;
}

/* line 56, app/assets/stylesheets/config/_csp_utilities.scss */
.width-100 {
  width: 100% !important;
}

/* Pour les valeurs dynamiques, utiliser une classe avec CSS variable */
/* line 59, app/assets/stylesheets/config/_csp_utilities.scss */
.width-dynamic {
  width: var(--dynamic-width, 0%) !important;
}

/* ============================================
   HEIGHT UTILITIES
   ============================================ */
/* line 66, app/assets/stylesheets/config/_csp_utilities.scss */
.height-0 {
  height: 0 !important;
}

/* line 67, app/assets/stylesheets/config/_csp_utilities.scss */
.height-auto {
  height: auto !important;
}

/* line 68, app/assets/stylesheets/config/_csp_utilities.scss */
.height-100 {
  height: 100% !important;
}

/* line 69, app/assets/stylesheets/config/_csp_utilities.scss */
.height-dynamic {
  height: var(--dynamic-height, auto) !important;
}

/* Pour textarea auto-resize */
/* line 74, app/assets/stylesheets/config/_csp_utilities.scss */
.height-auto-resize {
  height: auto !important;
  min-height: var(--dynamic-min-height, auto) !important;
  max-height: var(--dynamic-max-height, none) !important;
}

/* ============================================
   POSITION UTILITIES
   ============================================ */
/* line 83, app/assets/stylesheets/config/_csp_utilities.scss */
.position-static {
  position: static !important;
}

/* line 84, app/assets/stylesheets/config/_csp_utilities.scss */
.position-relative {
  position: relative !important;
}

/* line 85, app/assets/stylesheets/config/_csp_utilities.scss */
.position-absolute {
  position: absolute !important;
}

/* line 86, app/assets/stylesheets/config/_csp_utilities.scss */
.position-fixed {
  position: fixed !important;
}

/* line 87, app/assets/stylesheets/config/_csp_utilities.scss */
.position-sticky {
  position: sticky !important;
}

/* ============================================
   OVERFLOW UTILITIES
   ============================================ */
/* line 92, app/assets/stylesheets/config/_csp_utilities.scss */
.overflow-hidden {
  overflow: hidden !important;
}

/* line 93, app/assets/stylesheets/config/_csp_utilities.scss */
.overflow-visible {
  overflow: visible !important;
}

/* line 94, app/assets/stylesheets/config/_csp_utilities.scss */
.overflow-auto {
  overflow: auto !important;
}

/* line 95, app/assets/stylesheets/config/_csp_utilities.scss */
.overflow-scroll {
  overflow: scroll !important;
}

/* line 96, app/assets/stylesheets/config/_csp_utilities.scss */
.overflow-x-hidden {
  overflow-x: hidden !important;
}

/* line 97, app/assets/stylesheets/config/_csp_utilities.scss */
.overflow-y-hidden {
  overflow-y: hidden !important;
}

/* line 98, app/assets/stylesheets/config/_csp_utilities.scss */
.overflow-x-auto {
  overflow-x: auto !important;
}

/* line 99, app/assets/stylesheets/config/_csp_utilities.scss */
.overflow-y-auto {
  overflow-y: auto !important;
}

/* Body overflow (pour modals) */
/* line 102, app/assets/stylesheets/config/_csp_utilities.scss */
.body-overflow-hidden {
  overflow: hidden !important;
}

/* line 103, app/assets/stylesheets/config/_csp_utilities.scss */
.body-overflow-auto {
  overflow: auto !important;
}

/* ============================================
   CURSOR UTILITIES
   ============================================ */
/* line 108, app/assets/stylesheets/config/_csp_utilities.scss */
.cursor-pointer {
  cursor: pointer !important;
}

/* line 109, app/assets/stylesheets/config/_csp_utilities.scss */
.cursor-default {
  cursor: default !important;
}

/* line 110, app/assets/stylesheets/config/_csp_utilities.scss */
.cursor-not-allowed {
  cursor: not-allowed !important;
}

/* line 111, app/assets/stylesheets/config/_csp_utilities.scss */
.cursor-move {
  cursor: move !important;
}

/* line 112, app/assets/stylesheets/config/_csp_utilities.scss */
.cursor-grab {
  cursor: grab !important;
}

/* line 113, app/assets/stylesheets/config/_csp_utilities.scss */
.cursor-grabbing {
  cursor: grabbing !important;
}

/* line 114, app/assets/stylesheets/config/_csp_utilities.scss */
.cursor-text {
  cursor: text !important;
}

/* line 115, app/assets/stylesheets/config/_csp_utilities.scss */
.cursor-wait {
  cursor: wait !important;
}

/* ============================================
   Z-INDEX UTILITIES
   ============================================ */
/* line 120, app/assets/stylesheets/config/_csp_utilities.scss */
.z-0 {
  z-index: 0 !important;
}

/* line 121, app/assets/stylesheets/config/_csp_utilities.scss */
.z-1 {
  z-index: 1 !important;
}

/* line 122, app/assets/stylesheets/config/_csp_utilities.scss */
.z-5 {
  z-index: 5 !important;
}

/* line 123, app/assets/stylesheets/config/_csp_utilities.scss */
.z-10 {
  z-index: 10 !important;
}

/* line 124, app/assets/stylesheets/config/_csp_utilities.scss */
.z-50 {
  z-index: 50 !important;
}

/* line 125, app/assets/stylesheets/config/_csp_utilities.scss */
.z-100 {
  z-index: 100 !important;
}

/* line 126, app/assets/stylesheets/config/_csp_utilities.scss */
.z-999 {
  z-index: 999 !important;
}

/* line 127, app/assets/stylesheets/config/_csp_utilities.scss */
.z-9999 {
  z-index: 9999 !important;
}

/* ============================================
   TRANSITION UTILITIES
   ============================================ */
/* line 132, app/assets/stylesheets/config/_csp_utilities.scss */
.transition-none {
  transition: none !important;
}

/* line 133, app/assets/stylesheets/config/_csp_utilities.scss */
.transition-all {
  transition: all 0.3s ease !important;
}

/* line 134, app/assets/stylesheets/config/_csp_utilities.scss */
.transition-opacity {
  transition: opacity 0.3s ease !important;
}

/* line 135, app/assets/stylesheets/config/_csp_utilities.scss */
.transition-opacity-fast {
  transition: opacity 0.2s ease !important;
}

/* line 136, app/assets/stylesheets/config/_csp_utilities.scss */
.transition-opacity-slow {
  transition: opacity 0.5s ease !important;
}

/* line 137, app/assets/stylesheets/config/_csp_utilities.scss */
.transition-transform {
  transition: transform 0.3s ease !important;
}

/* line 138, app/assets/stylesheets/config/_csp_utilities.scss */
.transition-opacity-transform {
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

/* Transition dynamique via CSS variable */
/* line 143, app/assets/stylesheets/config/_csp_utilities.scss */
.transition-dynamic {
  transition: var(--dynamic-transition, all 0.3s ease) !important;
}

/* Animation delay dynamique */
/* line 148, app/assets/stylesheets/config/_csp_utilities.scss */
.animation-delay-dynamic {
  animation-delay: var(--dynamic-animation-delay, 0s) !important;
}

/* Transform dynamique */
/* line 153, app/assets/stylesheets/config/_csp_utilities.scss */
.transform-dynamic {
  transform: var(--dynamic-transform, none) !important;
}

/* ============================================
   ANIMATION UTILITIES
   ============================================ */
/* line 160, app/assets/stylesheets/config/_csp_utilities.scss */
.animation-none {
  animation: none !important;
}

/* line 161, app/assets/stylesheets/config/_csp_utilities.scss */
.animation-shake {
  animation: shake 0.5s ease-in-out !important;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}

/* ============================================
   BACKGROUND COLOR UTILITIES (pour previews dynamiques)
   ============================================ */
/* Pour les couleurs dynamiques, utiliser CSS custom property */
/* line 175, app/assets/stylesheets/config/_csp_utilities.scss */
.bg-color-dynamic {
  background-color: var(--dynamic-bg-color, transparent) !important;
}

/* line 179, app/assets/stylesheets/config/_csp_utilities.scss */
.bg-gradient-dynamic {
  background: var(--dynamic-bg-gradient, transparent) !important;
}

/* ============================================
   TEXT COLOR UTILITIES
   ============================================ */
/* line 186, app/assets/stylesheets/config/_csp_utilities.scss */
.text-color-dynamic {
  color: var(--dynamic-text-color, inherit) !important;
}

/* Error text color */
/* line 191, app/assets/stylesheets/config/_csp_utilities.scss */
.text-color-error {
  color: #ff6b6b !important;
}

/* Font size utilities */
/* line 196, app/assets/stylesheets/config/_csp_utilities.scss */
.font-size-xs {
  font-size: 0.8rem !important;
}

/* Margin top utilities */
/* line 201, app/assets/stylesheets/config/_csp_utilities.scss */
.margin-top-xs {
  margin-top: 5px !important;
}

/* ============================================
   MARGIN & PADDING DYNAMIC
   ============================================ */
/* line 208, app/assets/stylesheets/config/_csp_utilities.scss */
.margin-dynamic {
  margin: var(--dynamic-margin, 0) !important;
}

/* line 212, app/assets/stylesheets/config/_csp_utilities.scss */
.padding-dynamic {
  padding: var(--dynamic-padding, 0) !important;
}

/* ============================================
   LEFT/POSITION DYNAMIC (pour step marks, etc.)
   ============================================ */
/* line 219, app/assets/stylesheets/config/_csp_utilities.scss */
.left-dynamic {
  left: var(--dynamic-left, 0) !important;
}

/* line 223, app/assets/stylesheets/config/_csp_utilities.scss */
.top-dynamic {
  top: var(--dynamic-top, 0) !important;
}

/* line 227, app/assets/stylesheets/config/_csp_utilities.scss */
.right-dynamic {
  right: var(--dynamic-right, 0) !important;
}

/* line 231, app/assets/stylesheets/config/_csp_utilities.scss */
.bottom-dynamic {
  bottom: var(--dynamic-bottom, 0) !important;
}

/* Position dynamique complète (pour overlays, markers, etc.) */
/* line 236, app/assets/stylesheets/config/_csp_utilities.scss */
.position-dynamic {
  position: absolute !important;
  width: var(--dynamic-width, auto) !important;
  height: var(--dynamic-height, auto) !important;
  left: var(--dynamic-left, auto) !important;
  top: var(--dynamic-top, auto) !important;
}

/* ============================================
   OBJECT FIT UTILITIES (pour vidéos/images)
   ============================================ */
/* line 247, app/assets/stylesheets/config/_csp_utilities.scss */
.object-fit-cover {
  object-fit: cover !important;
}

/* line 248, app/assets/stylesheets/config/_csp_utilities.scss */
.object-fit-contain {
  object-fit: contain !important;
}

/* line 249, app/assets/stylesheets/config/_csp_utilities.scss */
.object-fit-fill {
  object-fit: fill !important;
}

/* line 250, app/assets/stylesheets/config/_csp_utilities.scss */
.object-fit-none {
  object-fit: none !important;
}

/* line 251, app/assets/stylesheets/config/_csp_utilities.scss */
.object-fit-scale-down {
  object-fit: scale-down !important;
}

/* line 253, app/assets/stylesheets/config/_csp_utilities.scss */
.object-position-center {
  object-position: center !important;
}

/* line 254, app/assets/stylesheets/config/_csp_utilities.scss */
.object-position-top {
  object-position: top !important;
}

/* line 255, app/assets/stylesheets/config/_csp_utilities.scss */
.object-position-bottom {
  object-position: bottom !important;
}

/* line 256, app/assets/stylesheets/config/_csp_utilities.scss */
.object-position-left {
  object-position: left !important;
}

/* line 257, app/assets/stylesheets/config/_csp_utilities.scss */
.object-position-right {
  object-position: right !important;
}

/* ============================================
   POINTER EVENTS UTILITIES
   ============================================ */
/* line 262, app/assets/stylesheets/config/_csp_utilities.scss */
.pointer-events-none {
  pointer-events: none !important;
}

/* line 263, app/assets/stylesheets/config/_csp_utilities.scss */
.pointer-events-auto {
  pointer-events: auto !important;
}

/* line 264, app/assets/stylesheets/config/_csp_utilities.scss */
.pointer-events-dynamic {
  pointer-events: var(--dynamic-pointer-events, auto) !important;
}

/* ============================================
   USER SELECT UTILITIES
   ============================================ */
/* line 271, app/assets/stylesheets/config/_csp_utilities.scss */
.user-select-none {
  user-select: none !important;
}

/* line 272, app/assets/stylesheets/config/_csp_utilities.scss */
.user-select-auto {
  user-select: auto !important;
}

/* line 273, app/assets/stylesheets/config/_csp_utilities.scss */
.user-select-all {
  user-select: all !important;
}

/* ============================================
   FONT SIZE DYNAMIC
   ============================================ */
/* line 278, app/assets/stylesheets/config/_csp_utilities.scss */
.font-size-dynamic {
  font-size: var(--dynamic-font-size, inherit) !important;
}

/* ============================================
   BORDER UTILITIES
   ============================================ */
/* line 285, app/assets/stylesheets/config/_csp_utilities.scss */
.border-none {
  border: none !important;
}

/* line 286, app/assets/stylesheets/config/_csp_utilities.scss */
.border-0 {
  border-width: 0 !important;
}

/* line 288, app/assets/stylesheets/config/_csp_utilities.scss */
.border-color-dynamic {
  border-color: var(--dynamic-border-color, currentColor) !important;
}

/* ============================================
   FADE OUT UTILITIES
   ============================================ */
/* line 295, app/assets/stylesheets/config/_csp_utilities.scss */
.fade-out-collapsed {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transition: height 0.3s ease, padding 0.3s ease, margin 0.3s ease, opacity 0.3s ease !important;
}

/* ============================================
   FORM ERRORS UTILITIES
   ============================================ */
/* line 307, app/assets/stylesheets/config/_csp_utilities.scss */
.form-errors-styled {
  background-color: rgba(244, 67, 54, 0.2) !important;
  color: #f44336 !important;
  border: 1px solid rgba(244, 67, 54, 0.3) !important;
  padding: 15px !important;
  border-radius: 6px !important;
  margin-bottom: 20px !important;
}

/* line 315, app/assets/stylesheets/config/_csp_utilities.scss */
.form-errors-styled h4, .form-errors-styled .h4 {
  margin: 0 0 10px 0 !important;
  font-size: 1rem !important;
}

/* line 320, app/assets/stylesheets/config/_csp_utilities.scss */
.form-errors-styled ul {
  margin: 0 !important;
  padding-left: 20px !important;
}

/* ============================================
   VARIABLE BADGE UTILITIES
   ============================================ */
/* line 329, app/assets/stylesheets/config/_csp_utilities.scss */
.variable-badge {
  color: #f39c12 !important;
  font-weight: bold !important;
  padding: 2px 6px !important;
  background-color: rgba(243, 156, 18, 0.1) !important;
  border-radius: 3px !important;
}

/* ============================================
   TOAST NOTIFICATION UTILITIES
   ============================================ */
/* line 340, app/assets/stylesheets/config/_csp_utilities.scss */
.toast-notification {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 9999 !important;
  padding: 12px 20px !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  animation: slideInRight 0.3s ease-out !important;
}

/* line 351, app/assets/stylesheets/config/_csp_utilities.scss */
.toast-success {
  background-color: #4caf50 !important;
  color: white !important;
}

/* line 356, app/assets/stylesheets/config/_csp_utilities.scss */
.toast-error {
  background-color: #f44336 !important;
  color: white !important;
}

/* line 361, app/assets/stylesheets/config/_csp_utilities.scss */
.toast-autodismiss {
  animation: slideInRight 0.3s ease-out, toastFadeOut 0.4s ease 4s forwards !important;
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes toastFadeOut {
  to {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
  }
}

/* ============================================
   MAX HEIGHT DYNAMIC
   ============================================ */
/* line 387, app/assets/stylesheets/config/_csp_utilities.scss */
.max-height-dynamic {
  max-height: var(--dynamic-max-height, none) !important;
}

/* line 391, app/assets/stylesheets/config/_csp_utilities.scss */
.collapsible-content {
  overflow: hidden !important;
  transition: max-height 0.3s ease-out !important;
}

/* line 395, app/assets/stylesheets/config/_csp_utilities.scss */
.collapsible-content.collapsed {
  max-height: 0 !important;
}

/* line 399, app/assets/stylesheets/config/_csp_utilities.scss */
.collapsible-content.expanded {
  max-height: var(--dynamic-max-height, none) !important;
}

/* line 403, app/assets/stylesheets/config/_csp_utilities.scss */
.collapsible-content.auto-overflow {
  overflow: auto !important;
}

/* line 4, app/assets/stylesheets/config/_orizen_v3_tokens.scss */
:root {
  --orizen-critical: #dc3545;
  --orizen-critical-bg: #fdf2f2;
  --orizen-critical-border: #f5c6cb;
  --orizen-warning: #f59e0b;
  --orizen-warning-bg: #fffbeb;
  --orizen-warning-border: #fde68a;
  --orizen-success: #198754;
  --orizen-success-bg: #f0fdf4;
  --orizen-success-border: #bbf7d0;
  --orizen-info: #0d6efd;
  --orizen-info-bg: #eff6ff;
  --orizen-info-border: #bfdbfe;
  --orizen-muted: #6c757d;
  --orizen-muted-bg: #f8f9fa;
  --orizen-muted-border: #dee2e6;
  --orizen-pro-badge: #6366f1;
  --orizen-pro-blur: 4px;
  --orizen-pro-hover-blur: 2px;
  --orizen-font-xs: 0.7rem;
  --orizen-font-sm: 0.85rem;
  --orizen-font-md: 0.9rem;
  --orizen-font-lg: 1.1rem;
  --orizen-font-xl: 1.5rem;
  --orizen-font-2xl: 2rem;
  --orizen-space-xs: 0.25rem;
  --orizen-space-sm: 0.5rem;
  --orizen-space-md: 0.75rem;
  --orizen-space-lg: 1rem;
  --orizen-space-xl: 1.5rem;
  --orizen-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --orizen-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
  --orizen-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --orizen-radius-sm: 4px;
  --orizen-radius-md: 8px;
  --orizen-radius-lg: 12px;
  --orizen-radius-full: 50%;
  --orizen-transition-fast: 150ms ease;
  --orizen-transition-normal: 250ms ease;
  --orizen-transition-slow: 400ms ease;
  --orizen-autonomy-0: #94a3b8;
  --orizen-autonomy-1: #818cf8;
  --orizen-autonomy-2: #fbbf24;
  --orizen-autonomy-3: #34d399;
  --oz-depth-0: #0d090a;
  --oz-depth-1: #140d10;
  --oz-depth-2: #1b1217;
  --oz-depth-3: #23181e;
  --oz-depth-4: #2c1f26;
  --oz-depth-5: #372930;
  --oz-warm: #640127;
  --oz-warm-soft: rgba(100, 1, 39, 0.20);
  --oz-warm-glow: rgba(100, 1, 39, 0.14);
  --oz-gold: #A60240;
  --oz-cream: #D8A0B8;
  --oz-glass: rgba(255, 255, 255, 0.04);
  --oz-glass-border: rgba(255, 255, 255, 0.07);
  --oz-glass-hover: rgba(255, 255, 255, 0.06);
  --oz-glass-active: rgba(255, 255, 255, 0.09);
  --oz-text-1: #f0f0f2;
  --oz-text-2: rgba(240, 240, 242, 0.7);
  --oz-text-3: rgba(240, 240, 242, 0.42);
  --oz-text-4: rgba(240, 240, 242, 0.22);
}

/*!
   * Bootstrap  v5.3.5 (https://getbootstrap.com/)
   * Copyright 2011-2025 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_root.scss */
:root,
[data-bs-theme="light"] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6366f1;
  --bs-purple: #8b5cf6;
  --bs-pink: #ec4899;
  --bs-red: #dc3545;
  --bs-orange: #f97316;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #14b8a6;
  --bs-cyan: #0dcaf0;
  --bs-black: #000000;
  --bs-white: #FFFFFF;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #6b7280;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #10b981;
  --bs-info: #3b82f6;
  --bs-warning: #f59e0b;
  --bs-danger: #ef4444;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 16, 185, 129;
  --bs-info-rgb: 59, 130, 246;
  --bs-warning-rgb: 245, 158, 11;
  --bs-danger-rgb: 239, 68, 68;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #064a34;
  --bs-info-text-emphasis: #183462;
  --bs-warning-text-emphasis: #623f04;
  --bs-danger-text-emphasis: #601b1b;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #cff1e6;
  --bs-info-bg-subtle: #d8e6fd;
  --bs-warning-bg-subtle: #fdecce;
  --bs-danger-bg-subtle: #fcdada;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #9fe3cd;
  --bs-info-border-subtle: #b1cdfb;
  --bs-warning-border-subtle: #fbd89d;
  --bs-danger-border-subtle: #f9b4b4;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #6b7280;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #FFFFFF;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #ec4899;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 8px;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #10b981;
  --bs-form-valid-border-color: #10b981;
  --bs-form-invalid-color: #ef4444;
  --bs-form-invalid-border-color: #ef4444;
}

/* line 16, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_color-mode.scss */
[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #FFFFFF;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #70d5b3;
  --bs-info-text-emphasis: #89b4fa;
  --bs-warning-text-emphasis: #f9c56d;
  --bs-danger-text-emphasis: #f58f8f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #03251a;
  --bs-info-bg-subtle: #0c1a31;
  --bs-warning-bg-subtle: #312002;
  --bs-danger-bg-subtle: #300e0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0a6f4d;
  --bs-info-border-subtle: #234e94;
  --bs-warning-border-subtle: #935f07;
  --bs-danger-border-subtle: #8f2929;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #f491c2;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

/* line 16, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  /* line 28, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
  :root {
    scroll-behavior: smooth;
  }
}

/* line 49, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 68, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

/* line 83, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

/* line 93, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  /* line 93, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
  h1, .h1 {
    font-size: 2.5rem;
  }
}

/* line 98, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  /* line 98, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
  h2, .h2 {
    font-size: 2rem;
  }
}

/* line 103, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  /* line 103, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
  h3, .h3 {
    font-size: 1.75rem;
  }
}

/* line 108, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  /* line 108, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
  h4, .h4 {
    font-size: 1.5rem;
  }
}

/* line 113, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
h5, .h5 {
  font-size: 1.25rem;
}

/* line 118, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
h6, .h6 {
  font-size: 1rem;
}

/* line 129, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* line 141, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

/* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

/* line 159, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
ol,
ul {
  padding-left: 2rem;
}

/* line 164, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

/* line 171, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

/* line 178, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
dt {
  font-weight: 700;
}

/* line 184, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

/* line 192, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
blockquote {
  margin: 0 0 1rem;
}

/* line 201, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
b,
strong {
  font-weight: bolder;
}

/* line 211, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
small, .small {
  font-size: 0.875em;
}

/* line 218, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

/* line 230, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

/* line 238, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
sub {
  bottom: -.25em;
}

/* line 239, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
sup {
  top: -.5em;
}

/* line 244, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}

/* line 248, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

/* line 260, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

/* line 270, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

/* line 282, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

/* line 291, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

/* line 298, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}

/* line 304, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
a > code {
  color: inherit;
}

/* line 309, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}

/* line 316, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
kbd kbd {
  padding: 0;
  font-size: 1em;
}

/* line 328, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
figure {
  margin: 0 0 1rem;
}

/* line 335, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
img,
svg {
  vertical-align: middle;
}

/* line 345, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
table {
  caption-side: bottom;
  border-collapse: collapse;
}

/* line 350, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

/* line 361, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

/* line 367, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

/* line 383, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
label {
  display: inline-block;
}

/* line 390, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
button {
  border-radius: 0;
}

/* line 400, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
button:focus:not(:focus-visible) {
  outline: 0;
}

/* line 406, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 418, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
button,
select {
  text-transform: none;
}

/* line 425, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
[role="button"] {
  cursor: pointer;
}

/* line 429, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
select {
  word-wrap: normal;
}

/* line 435, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
select:disabled {
  opacity: 1;
}

/* line 443, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}

/* line 452, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/* line 459, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

/* line 467, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* line 474, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
textarea {
  resize: vertical;
}

/* line 485, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 497, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  /* line 497, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
  legend {
    font-size: 1.5rem;
  }
}

/* line 506, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
legend + * {
  clear: left;
}

/* line 514, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

/* line 524, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
::-webkit-inner-spin-button {
  height: auto;
}

/* line 534, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
/* line 555, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 561, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
::-webkit-color-swatch-wrapper {
  padding: 0;
}

/* line 569, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

/* line 576, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
output {
  display: inline-block;
}

/* line 582, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
iframe {
  border: 0;
}

/* line 590, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
summary {
  display: list-item;
  cursor: pointer;
}

/* line 600, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
progress {
  vertical-align: baseline;
}

/* line 609, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_reboot.scss */
[hidden] {
  display: none !important;
}

/* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}

@media (min-width: 1200px) {
  /* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
  .display-1 {
    font-size: 5rem;
  }
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}

@media (min-width: 1200px) {
  /* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
  .display-2 {
    font-size: 4.5rem;
  }
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}

@media (min-width: 1200px) {
  /* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
  .display-3 {
    font-size: 4rem;
  }
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}

@media (min-width: 1200px) {
  /* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
  .display-4 {
    font-size: 3.5rem;
  }
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}

@media (min-width: 1200px) {
  /* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
  .display-5 {
    font-size: 3rem;
  }
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  /* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
  .display-6 {
    font-size: 2.5rem;
  }
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

/* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.list-inline {
  padding-left: 0;
  list-style: none;
}

/* line 68, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.list-inline-item {
  display: inline-block;
}

/* line 71, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

/* line 82, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

/* line 88, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

/* line 92, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.blockquote > :last-child {
  margin-bottom: 0;
}

/* line 97, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

/* line 103, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_type.scss */
.blockquote-footer::before {
  content: "\2014\00A0";
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_images.scss */
.img-fluid {
  max-width: 100%;
  height: auto;
}

/* line 14, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_images.scss */
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

/* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_images.scss */
.figure {
  display: inline-block;
}

/* line 34, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_images.scss */
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

/* line 39, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_images.scss */
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_containers.scss */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  /* line 20, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_containers.scss */
  .container-sm, .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  /* line 20, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_containers.scss */
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  /* line 20, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_containers.scss */
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  /* line 20, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_containers.scss */
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  /* line 20, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_containers.scss */
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_grid.scss */
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

/* line 12, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_grid.scss */
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

/* line 15, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_grid.scss */
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

/* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col {
  flex: 1 0 0;
}

/* line 78, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

/* line 90, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

/* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-1 {
  margin-left: 8.33333333%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-2 {
  margin-left: 16.66666667%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-3 {
  margin-left: 25%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-4 {
  margin-left: 33.33333333%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-5 {
  margin-left: 41.66666667%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-6 {
  margin-left: 50%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-7 {
  margin-left: 58.33333333%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-8 {
  margin-left: 66.66666667%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-9 {
  margin-left: 75%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-10 {
  margin-left: 83.33333333%;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.offset-11 {
  margin-left: 91.66666667%;
}

/* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

/* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

/* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

/* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

/* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

/* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

/* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

/* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

/* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

/* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

/* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

/* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  /* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm {
    flex: 1 0 0;
  }
  /* line 78, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 90, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-0 {
    margin-left: 0;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-3 {
    margin-left: 25%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-6 {
    margin-left: 50%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-9 {
    margin-left: 75%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  /* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md {
    flex: 1 0 0;
  }
  /* line 78, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 90, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-0 {
    margin-left: 0;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-3 {
    margin-left: 25%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-6 {
    margin-left: 50%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-9 {
    margin-left: 75%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  /* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg {
    flex: 1 0 0;
  }
  /* line 78, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 90, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-0 {
    margin-left: 0;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-3 {
    margin-left: 25%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-6 {
    margin-left: 50%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-9 {
    margin-left: 75%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  /* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl {
    flex: 1 0 0;
  }
  /* line 78, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 90, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-0 {
    margin-left: 0;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-3 {
    margin-left: 25%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-6 {
    margin-left: 50%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-9 {
    margin-left: 75%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  /* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl {
    flex: 1 0 0;
  }
  /* line 78, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 90, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  /* line 96, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-0 {
    margin-left: 0;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-3 {
    margin-left: 25%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-6 {
    margin-left: 50%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-9 {
    margin-left: 75%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  /* line 115, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  /* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_grid.scss */
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

/* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

/* line 42, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table > tbody {
  vertical-align: inherit;
}

/* line 46, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table > thead {
  vertical-align: bottom;
}

/* line 51, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

/* line 59, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.caption-top {
  caption-side: top;
}

/* line 70, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

/* line 86, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}

/* line 90, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

/* line 98, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

/* line 102, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

/* line 113, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

/* line 121, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

/* line 131, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

/* line 141, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-primary {
  --bs-table-color: #000000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-secondary {
  --bs-table-color: #000000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-success {
  --bs-table-color: #000000;
  --bs-table-bg: #cff1e6;
  --bs-table-border-color: #a6c1b8;
  --bs-table-striped-bg: #c5e5db;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #bad9cf;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #bfdfd5;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-info {
  --bs-table-color: #000000;
  --bs-table-bg: #d8e6fd;
  --bs-table-border-color: #adb8ca;
  --bs-table-striped-bg: #cddbf0;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #c2cfe4;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #c8d5ea;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-warning {
  --bs-table-color: #000000;
  --bs-table-bg: #fdecce;
  --bs-table-border-color: #cabda5;
  --bs-table-striped-bg: #f0e0c4;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #e4d4b9;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #eadabf;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-danger {
  --bs-table-color: #000000;
  --bs-table-bg: #fcdada;
  --bs-table-border-color: #caaeae;
  --bs-table-striped-bg: #efcfcf;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #e3c4c4;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #e9caca;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-light {
  --bs-table-color: #000000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_table-variants.scss */
.table-dark {
  --bs-table-color: #FFFFFF;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #FFFFFF;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #FFFFFF;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #FFFFFF;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* line 166, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  /* line 166, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 767.98px) {
  /* line 166, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 991.98px) {
  /* line 166, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 1199.98px) {
  /* line 166, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 1399.98px) {
  /* line 166, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tables.scss */
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_labels.scss */
.form-label {
  margin-bottom: 0.5rem;
}

/* line 15, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_labels.scss */
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

/* line 26, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_labels.scss */
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

/* line 32, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_labels.scss */
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-text.scss */
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
  .form-control {
    transition: none;
  }
}

/* line 25, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control[type="file"] {
  overflow: hidden;
}

/* line 28, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

/* line 34, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 47, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}

/* line 69, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}

/* line 75, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}

/* line 86, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}

/* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
  .form-control::file-selector-button {
    transition: none;
  }
}

/* line 110, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

/* line 120, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}

/* line 131, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-plaintext:focus {
  outline: 0;
}

/* line 135, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

/* line 149, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

/* line 155, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

/* line 162, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

/* line 168, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

/* line 179, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}

/* line 183, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}

/* line 187, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

/* line 193, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}

/* line 198, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

/* line 202, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}

/* line 207, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}

/* line 212, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}

/* line 213, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-control.scss */
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

/* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-select.scss */
  .form-select {
    transition: none;
  }
}

/* line 28, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 39, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

/* line 45, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}

/* line 52, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

/* line 58, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

/* line 66, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-select.scss */
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

/* line 76, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-select.scss */
[data-bs-theme="dark"] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

/* line 11, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

/* line 17, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}

/* line 22, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

/* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  print-color-adjust: exact;
}

/* line 47, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}

/* line 51, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[type="radio"] {
  border-radius: 50%;
}

/* line 56, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input:active {
  filter: brightness(90%);
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 66, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* line 70, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[type="checkbox"]:checked {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

/* line 78, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[type="radio"]:checked {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e");
}

/* line 87, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

/* line 98, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

/* line 108, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

/* line 124, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-switch {
  padding-left: 2.5em;
}

/* line 127, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 127, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
  .form-switch .form-check-input {
    transition: none;
  }
}

/* line 137, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

/* line 141, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}

/* line 152, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}

/* line 156, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

/* line 163, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

/* line 168, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/* line 175, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

/* line 185, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-check.scss */
[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}

/* line 14, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:focus {
  outline: 0;
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 20, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 23, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-moz-focus-outer {
  border: 0;
}

/* line 27, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 27, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}

/* line 38, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

/* line 43, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}

/* line 54, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 54, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
  .form-range::-moz-range-thumb {
    transition: none;
  }
}

/* line 64, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

/* line 69, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}

/* line 80, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:disabled {
  pointer-events: none;
}

/* line 83, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}

/* line 87, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_form-range.scss */
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating {
  position: relative;
}

/* line 4, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}

/* line 12, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 12, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
  .form-floating > label {
    transition: none;
  }
}

/* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}

/* line 39, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

/* line 45, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

/* line 51, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

/* line 73, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}

/* line 83, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

/* line 88, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}

/* line 93, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_floating-labels.scss */
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* line 12, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* line 22, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}

/* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group .btn {
  position: relative;
  z-index: 2;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group .btn:focus {
  z-index: 5;
}

/* line 47, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

/* line 68, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

/* line 77, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

/* line 86, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

/* line 101, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 110, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 123, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/forms/_input-group.scss */
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 26, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

/* line 51, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2310b981' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* line 68, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}

/* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:valid:not([multiple]), .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid[size="1"]:not([multiple]) {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2310b981' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}

/* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

/* line 136, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

/* line 142, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em;
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control.is-valid:not(:focus), .was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select.is-valid:not(:focus), .was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating.is-valid:not(:focus-within) {
  z-index: 3;
}

/* line 26, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

/* line 51, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ef4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ef4444' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* line 68, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}

/* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:invalid:not([multiple]), .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid[size="1"]:not([multiple]) {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ef4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ef4444' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}

/* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

/* line 136, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

/* line 142, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em;
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_forms.scss */
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control.is-invalid:not(:focus), .was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select.is-invalid:not(:focus), .was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating.is-invalid:not(:focus-within) {
  z-index: 4;
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
  .btn {
    transition: none;
  }
}

/* line 43, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

/* line 70, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

/* line 81, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

/* line 93, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

/* line 103, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

/* line 112, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-primary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-secondary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-success {
  --bs-btn-color: #000000;
  --bs-btn-bg: #10b981;
  --bs-btn-border-color: #10b981;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #34c494;
  --bs-btn-hover-border-color: #28c08e;
  --bs-btn-focus-shadow-rgb: 14, 157, 110;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #40c79a;
  --bs-btn-active-border-color: #28c08e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #10b981;
  --bs-btn-disabled-border-color: #10b981;
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-info {
  --bs-btn-color: #000000;
  --bs-btn-bg: #3b82f6;
  --bs-btn-border-color: #3b82f6;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #5895f7;
  --bs-btn-hover-border-color: #4f8ff7;
  --bs-btn-focus-shadow-rgb: 50, 111, 209;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #629bf8;
  --bs-btn-active-border-color: #4f8ff7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #3b82f6;
  --bs-btn-disabled-border-color: #3b82f6;
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f59e0b;
  --bs-btn-border-color: #f59e0b;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f7ad30;
  --bs-btn-hover-border-color: #f6a823;
  --bs-btn-focus-shadow-rgb: 208, 134, 9;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f7b13c;
  --bs-btn-active-border-color: #f6a823;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f59e0b;
  --bs-btn-disabled-border-color: #f59e0b;
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-danger {
  --bs-btn-color: #000000;
  --bs-btn-bg: #ef4444;
  --bs-btn-border-color: #ef4444;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f16060;
  --bs-btn-hover-border-color: #f15757;
  --bs-btn-focus-shadow-rgb: 203, 58, 58;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f26969;
  --bs-btn-active-border-color: #f15757;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #ef4444;
  --bs-btn-disabled-border-color: #ef4444;
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-dark {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

/* line 158, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

/* line 158, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

/* line 158, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-success {
  --bs-btn-color: #10b981;
  --bs-btn-border-color: #10b981;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #10b981;
  --bs-btn-hover-border-color: #10b981;
  --bs-btn-focus-shadow-rgb: 16, 185, 129;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #10b981;
  --bs-btn-active-border-color: #10b981;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #10b981;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #10b981;
  --bs-gradient: none;
}

/* line 158, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-info {
  --bs-btn-color: #3b82f6;
  --bs-btn-border-color: #3b82f6;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #3b82f6;
  --bs-btn-hover-border-color: #3b82f6;
  --bs-btn-focus-shadow-rgb: 59, 130, 246;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #3b82f6;
  --bs-btn-active-border-color: #3b82f6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3b82f6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3b82f6;
  --bs-gradient: none;
}

/* line 158, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-warning {
  --bs-btn-color: #f59e0b;
  --bs-btn-border-color: #f59e0b;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f59e0b;
  --bs-btn-hover-border-color: #f59e0b;
  --bs-btn-focus-shadow-rgb: 245, 158, 11;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f59e0b;
  --bs-btn-active-border-color: #f59e0b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f59e0b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f59e0b;
  --bs-gradient: none;
}

/* line 158, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-danger {
  --bs-btn-color: #ef4444;
  --bs-btn-border-color: #ef4444;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ef4444;
  --bs-btn-hover-border-color: #ef4444;
  --bs-btn-focus-shadow-rgb: 239, 68, 68;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ef4444;
  --bs-btn-active-border-color: #ef4444;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ef4444;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ef4444;
  --bs-gradient: none;
}

/* line 158, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

/* line 158, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

/* line 170, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}

/* line 194, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}

/* line 198, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

/* line 210, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

/* line 214, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_buttons.scss */
.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_transitions.scss */
.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  /* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_transitions.scss */
  .fade {
    transition: none;
  }
}

/* line 4, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_transitions.scss */
.fade:not(.show) {
  opacity: 0;
}

/* line 11, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_transitions.scss */
.collapse:not(.show) {
  display: none;
}

/* line 16, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_transitions.scss */
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 16, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_transitions.scss */
  .collapsing {
    transition: none;
  }
}

/* line 21, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_transitions.scss */
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 21, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_transitions.scss */
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

/* line 2, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

/* line 11, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-toggle {
  white-space: nowrap;
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

/* line 64, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #FFFFFF;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}

/* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

/* line 92, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-start {
  --bs-position: start;
}

/* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

/* line 101, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-end {
  --bs-position: end;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  /* line 92, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  /* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  /* line 101, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  /* line 92, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  /* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  /* line 101, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  /* line 92, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  /* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  /* line 101, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  /* line 92, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  /* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  /* line 101, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1400px) {
  /* line 92, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  /* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  /* line 101, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  /* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

/* line 116, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

/* line 64, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 129, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

/* line 64, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 139, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

/* line 146, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

/* line 51, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropstart .dropdown-toggle::after {
  display: none;
}

/* line 55, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

/* line 64, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_caret.scss */
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

/* line 156, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

/* line 164, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

/* line 175, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}

/* line 189, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

/* line 196, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}

/* line 203, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

/* line 213, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu.show {
  display: block;
}

/* line 218, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

/* line 228, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

/* line 235, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_dropdown.scss */
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #FFFFFF;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #FFFFFF;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #6b7280;
  --bs-dropdown-header-color: #6b7280;
}

/* line 2, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

/* line 15, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

/* line 26, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-toolbar .input-group {
  width: auto;
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group {
  border-radius: var(--bs-border-radius);
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}

/* line 46, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 56, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 75, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

/* line 79, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}

/* line 85, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

/* line 90, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

/* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

/* line 117, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* line 122, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

/* line 127, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}

/* line 133, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 142, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_button-group.scss */
.btn-group-vertical > .btn:nth-child(n + 3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
  .nav-link {
    transition: none;
  }
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}

/* line 41, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 47, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

/* line 59, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

/* line 72, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

/* line 77, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}

/* line 85, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

/* line 92, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 105, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #FFFFFF;
  --bs-nav-pills-link-active-bg: #0d6efd;
}

/* line 112, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}

/* line 116, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

/* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}

/* line 137, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}

/* line 142, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}

/* line 148, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

/* line 162, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

/* line 170, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}

/* line 180, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

/* line 191, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.tab-content > .tab-pane {
  display: none;
}

/* line 194, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_nav.scss */
.tab-content > .active {
  display: block;
}

/* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

/* line 41, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

/* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

/* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

/* line 86, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

/* line 104, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}

/* line 110, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav .dropdown-menu {
  position: static;
}

/* line 120, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}

/* line 125, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

/* line 141, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}

/* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
  /* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-toggler {
    transition: none;
  }
}

/* line 160, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggler:hover {
  text-decoration: none;
}

/* line 164, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

/* line 173, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

/* line 184, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  /* line 198, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* line 203, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  /* line 206, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 210, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  /* line 216, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  /* line 220, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 225, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  /* line 244, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  /* line 248, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 768px) {
  /* line 198, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* line 203, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  /* line 206, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 210, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  /* line 216, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  /* line 220, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 225, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  /* line 244, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  /* line 248, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 992px) {
  /* line 198, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* line 203, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  /* line 206, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 210, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  /* line 216, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  /* line 220, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 225, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  /* line 244, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  /* line 248, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1200px) {
  /* line 198, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* line 203, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  /* line 206, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 210, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  /* line 216, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  /* line 220, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 225, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  /* line 244, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  /* line 248, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1400px) {
  /* line 198, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  /* line 203, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  /* line 206, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  /* line 210, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  /* line 216, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  /* line 220, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  /* line 225, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  /* line 244, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  /* line 248, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

/* line 198, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

/* line 203, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav {
  flex-direction: row;
}

/* line 206, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

/* line 210, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

/* line 216, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

/* line 220, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

/* line 225, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .navbar-toggler {
  display: none;
}

/* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}

/* line 244, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

/* line 248, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

/* line 269, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
.navbar-dark,
.navbar[data-bs-theme="dark"] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #FFFFFF;
  --bs-navbar-brand-color: #FFFFFF;
  --bs-navbar-brand-hover-color: #FFFFFF;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* line 285, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_navbar.scss */
[data-bs-theme="dark"] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

/* line 41, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card > hr {
  margin-right: 0;
  margin-left: 0;
}

/* line 46, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

/* line 55, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

/* line 63, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

/* line 69, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

/* line 77, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

/* line 82, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

/* line 88, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-text:last-child {
  margin-bottom: 0;
}

/* line 97, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

/* line 106, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

/* line 113, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

/* line 118, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

/* line 124, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

/* line 134, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}

/* line 140, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

/* line 146, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
}

/* line 152, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

/* line 162, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

/* line 168, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

/* line 173, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

/* line 186, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
  /* line 183, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  /* line 195, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  /* line 199, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  /* line 206, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 209, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  /* line 214, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  /* line 221, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /* line 224, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_card.scss */
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

/* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
  /* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
  .accordion-button {
    transition: none;
  }
}

/* line 46, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

/* line 51, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

/* line 58, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
  /* line 58, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
  .accordion-button::after {
    transition: none;
  }
}

/* line 70, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button:hover {
  z-index: 2;
}

/* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

/* line 81, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-header {
  margin-bottom: 0;
}

/* line 85, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

/* line 90, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

/* line 93, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

/* line 98, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:not(:first-of-type) {
  border-top: 0;
}

/* line 103, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

/* line 107, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

/* line 112, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

/* line 118, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

/* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

/* line 133, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}

/* line 134, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}

/* line 137, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

/* line 148, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_accordion.scss */
[data-bs-theme="dark"] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

/* line 26, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

/* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}

/* line 37, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_breadcrumb.scss */
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #FFFFFF;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

/* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
  .page-link {
    transition: none;
  }
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

/* line 48, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}

/* line 56, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

/* line 64, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

/* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}

/* line 80, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

/* line 86, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

/* line 103, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

/* line 107, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_pagination.scss */
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

/* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_badge.scss */
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #FFFFFF;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}

/* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_badge.scss */
.badge:empty {
  display: none;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_badge.scss */
.btn .badge {
  position: relative;
  top: -1px;
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

/* line 28, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-heading {
  color: inherit;
}

/* line 34, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

/* line 44, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-dismissible {
  padding-right: 3rem;
}

/* line 48, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_alert.scss */
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}

/* line 11, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_progress.scss */
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #FFFFFF;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

/* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_progress.scss */
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}

@media (prefers-reduced-motion: reduce) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_progress.scss */
  .progress-bar {
    transition: none;
  }
}

/* line 45, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_progress.scss */
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_progress.scss */
.progress-stacked > .progress {
  overflow: visible;
}

/* line 54, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_progress.scss */
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

/* line 59, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_progress.scss */
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  /* line 59, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_progress.scss */
  .progress-bar-animated {
    animation: none;
  }
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #FFFFFF;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

/* line 39, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

/* line 59, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

/* line 63, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}

/* line 75, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}

/* line 83, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item + .list-group-item {
  border-top-width: 0;
}

/* line 86, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

/* line 98, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}

/* line 105, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}

/* line 113, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

/* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal {
  flex-direction: row;
}

/* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}

/* line 137, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}

/* line 142, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

/* line 146, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}

/* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  /* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  /* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  /* line 137, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  /* line 142, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  /* line 146, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  /* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 768px) {
  /* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md {
    flex-direction: row;
  }
  /* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  /* line 137, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  /* line 142, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  /* line 146, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  /* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 992px) {
  /* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  /* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  /* line 137, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  /* line 142, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  /* line 146, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  /* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 1200px) {
  /* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  /* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  /* line 137, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  /* line 142, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  /* line 146, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  /* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 1400px) {
  /* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  /* line 132, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  /* line 137, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  /* line 142, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  /* line 146, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  /* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

/* line 166, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-flush {
  border-radius: 0;
}

/* line 169, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}

/* line 172, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

/* line 186, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

/* line 186, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

/* line 186, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

/* line 186, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

/* line 186, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

/* line 186, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

/* line 186, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

/* line 186, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_list-group.scss */
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

/* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_close.scss */
.btn-close {
  --bs-btn-close-color: #000000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 8px;
  opacity: var(--bs-btn-close-opacity);
}

/* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_close.scss */
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_close.scss */
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}

/* line 41, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_close.scss */
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

/* line 53, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_close.scss */
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_close.scss */
:root,
[data-bs-theme="light"] {
  --bs-btn-close-filter: ;
}

/* line 16, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_color-mode.scss */
[data-bs-theme="dark"] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_toasts.scss */
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}

/* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_toasts.scss */
.toast.showing {
  opacity: 0;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_toasts.scss */
.toast:not(.show) {
  display: none;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_toasts.scss */
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

/* line 49, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_toasts.scss */
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

/* line 54, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_toasts.scss */
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

/* line 64, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_toasts.scss */
.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

/* line 70, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_toasts.scss */
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

/* line 10, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

/* line 53, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal.fade .modal-dialog {
    transition: none;
  }
}

/* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal.show .modal-dialog {
  transform: none;
}

/* line 70, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

/* line 75, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}

/* line 78, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

/* line 83, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

/* line 88, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

/* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

/* line 113, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

/* line 12, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_backdrop.scss */
.modal-backdrop.fade {
  opacity: 0;
}

/* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_backdrop.scss */
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

/* line 125, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}

/* line 133, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

/* line 144, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

/* line 151, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

/* line 160, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

/* line 174, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * .5);
}

@media (min-width: 576px) {
  /* line 181, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  /* line 187, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  /* line 193, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-sm {
    --bs-modal-width: 300px;
  }
}

@media (min-width: 992px) {
  /* line 199, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-lg,
.modal-xl {
    --bs-modal-width: 800px;
  }
}

@media (min-width: 1200px) {
  /* line 206, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}

/* line 217, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

/* line 223, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

/* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

/* line 234, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  /* line 217, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  /* line 223, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  /* line 234, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 767.98px) {
  /* line 217, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  /* line 223, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  /* line 234, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 991.98px) {
  /* line 217, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  /* line 223, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  /* line 234, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1199.98px) {
  /* line 217, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  /* line 223, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  /* line 234, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1399.98px) {
  /* line 217, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  /* line 223, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  /* line 229, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  /* line 234, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_modal.scss */
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}

/* line 2, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}

/* line 30, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}

/* line 32, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}

/* line 37, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

/* line 46, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}

/* line 49, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
/* line 71, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}

/* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
/* line 82, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

/* line 87, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
/* line 112, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_tooltip.scss */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}

/* line 45, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

/* line 58, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}

/* line 66, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}

/* line 71, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
/* line 80, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

/* line 85, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}

/* line 90, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}

/* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
/* line 105, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

/* line 108, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}

/* line 113, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}

/* line 118, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}

/* line 125, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
/* line 139, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

/* line 144, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}

/* line 149, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}

/* line 154, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
/* line 179, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}

/* line 188, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.popover-header:empty {
  display: none;
}

/* line 193, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_popover.scss */
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

/* line 14, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel {
  position: relative;
}

/* line 18, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel.pointer-event {
  touch-action: pan-y;
}

/* line 22, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

/* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  /* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-item {
    transition: none;
  }
}

/* line 39, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* line 45, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}

/* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  /* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

/* line 87, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #FFFFFF;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 87, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}

/* line 108, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #FFFFFF;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

/* line 116, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev {
  left: 0;
}

/* line 120, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-next {
  right: 0;
}

/* line 126, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* line 136, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
}

/* line 139, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
}

/* line 148, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}

/* line 162, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  /* line 162, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}

/* line 182, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators .active {
  opacity: 1;
}

/* line 192, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}

/* line 211, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-dark {
  --bs-carousel-indicator-active-bg: #000000;
  --bs-carousel-caption-color: #000000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

/* line 215, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_carousel.scss */
:root,
[data-bs-theme="light"] {
  --bs-carousel-indicator-active-bg: #FFFFFF;
  --bs-carousel-caption-color: #FFFFFF;
  --bs-carousel-control-icon-filter: ;
}

/* line 16, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_color-mode.scss */
[data-bs-theme="dark"] {
  --bs-carousel-indicator-active-bg: #000000;
  --bs-carousel-caption-color: #000000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_spinners.scss */
.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}

/* line 22, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_spinners.scss */
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_spinners.scss */
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_spinners.scss */
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

/* line 73, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_spinners.scss */
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  /* line 80, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_spinners.scss */
  .spinner-border,
.spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm {
    transition: none;
  }
}

@media (max-width: 575.98px) {
  /* line 49, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  /* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  /* line 75, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  /* line 84, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  /* line 89, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}

@media (min-width: 576px) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  /* line 102, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  /* line 106, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md {
    transition: none;
  }
}

@media (max-width: 767.98px) {
  /* line 49, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  /* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  /* line 75, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  /* line 84, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  /* line 89, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}

@media (min-width: 768px) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  /* line 102, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  /* line 106, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg {
    transition: none;
  }
}

@media (max-width: 991.98px) {
  /* line 49, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  /* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  /* line 75, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  /* line 84, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  /* line 89, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}

@media (min-width: 992px) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  /* line 102, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  /* line 106, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl {
    transition: none;
  }
}

@media (max-width: 1199.98px) {
  /* line 49, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  /* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  /* line 75, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  /* line 84, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  /* line 89, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}

@media (min-width: 1200px) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  /* line 102, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  /* line 106, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl {
    transition: none;
  }
}

@media (max-width: 1399.98px) {
  /* line 49, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  /* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  /* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  /* line 75, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  /* line 84, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  /* line 89, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}

@media (min-width: 1400px) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  /* line 102, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  /* line 106, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

/* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}

@media (prefers-reduced-motion: reduce) {
  /* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
  .offcanvas {
    transition: none;
  }
}

/* line 49, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}

/* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}

/* line 75, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}

/* line 84, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}

/* line 89, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

/* line 119, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
}

/* line 12, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_backdrop.scss */
.offcanvas-backdrop.fade {
  opacity: 0;
}

/* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_backdrop.scss */
.offcanvas-backdrop.show {
  opacity: 0.5;
}

/* line 123, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

/* line 128, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}

/* line 138, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

/* line 143, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_offcanvas.scss */
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}

/* line 9, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

/* line 16, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder-xs {
  min-height: .6em;
}

/* line 20, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder-sm {
  min-height: .8em;
}

/* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder-lg {
  min-height: 1.2em;
}

/* line 30, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

/* line 41, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/_placeholders.scss */
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.8) 75%, #000000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_color-bg.scss */
.text-bg-primary {
  color: #FFFFFF !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_color-bg.scss */
.text-bg-secondary {
  color: #FFFFFF !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_color-bg.scss */
.text-bg-success {
  color: #000000 !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_color-bg.scss */
.text-bg-info {
  color: #000000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_color-bg.scss */
.text-bg-warning {
  color: #000000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_color-bg.scss */
.text-bg-danger {
  color: #000000 !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_color-bg.scss */
.text-bg-light {
  color: #000000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_color-bg.scss */
.text-bg-dark {
  color: #FFFFFF !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-success:hover, .link-success:focus {
  color: RGBA(64, 199, 154, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(64, 199, 154, var(--bs-link-underline-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-info:hover, .link-info:focus {
  color: RGBA(98, 155, 248, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(98, 155, 248, var(--bs-link-underline-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-warning:hover, .link-warning:focus {
  color: RGBA(247, 177, 60, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(247, 177, 60, var(--bs-link-underline-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-danger:hover, .link-danger:focus {
  color: RGBA(242, 105, 105, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(242, 105, 105, var(--bs-link-underline-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_colored-links.scss */
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_focus-ring.scss */
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_icon-link.scss */
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}

/* line 9, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_icon-link.scss */
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}

@media (prefers-reduced-motion: reduce) {
  /* line 9, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_icon-link.scss */
  .icon-link > .bi {
    transition: none;
  }
}

/* line 21, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_icon-link.scss */
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio {
  position: relative;
  width: 100%;
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

/* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 23, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

/* line 23, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}

/* line 23, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

/* line 23, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_ratio.scss */
.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}

/* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* line 11, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

/* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

/* line 30, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  /* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  /* line 30, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

@media (min-width: 768px) {
  /* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  /* line 30, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

@media (min-width: 992px) {
  /* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  /* line 30, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

@media (min-width: 1200px) {
  /* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  /* line 30, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

@media (min-width: 1400px) {
  /* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  /* line 30, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_position.scss */
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

/* line 2, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_stacks.scss */
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

/* line 9, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_stacks.scss */
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_visually-hidden.scss */
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_visually-hidden.scss */
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

/* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_stretched-link.scss */
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

/* line 5, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_text-truncation.scss */
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/helpers/_vr.scss */
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-baseline {
  vertical-align: baseline !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-top {
  vertical-align: top !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-middle {
  vertical-align: middle !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-bottom {
  vertical-align: bottom !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-text-bottom {
  vertical-align: text-bottom !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-text-top {
  vertical-align: text-top !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.float-start {
  float: left !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.float-end {
  float: right !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.float-none {
  float: none !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.object-fit-contain {
  object-fit: contain !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.object-fit-cover {
  object-fit: cover !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.object-fit-fill {
  object-fit: fill !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.object-fit-scale {
  object-fit: scale-down !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.object-fit-none {
  object-fit: none !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.opacity-0 {
  opacity: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.opacity-25 {
  opacity: 0.25 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.opacity-50 {
  opacity: 0.5 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.opacity-75 {
  opacity: 0.75 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.opacity-100 {
  opacity: 1 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-auto {
  overflow: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-hidden {
  overflow: hidden !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-visible {
  overflow: visible !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-scroll {
  overflow: scroll !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-x-auto {
  overflow-x: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-x-hidden {
  overflow-x: hidden !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-x-visible {
  overflow-x: visible !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-x-scroll {
  overflow-x: scroll !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-y-auto {
  overflow-y: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-y-hidden {
  overflow-y: hidden !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-y-visible {
  overflow-y: visible !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.overflow-y-scroll {
  overflow-y: scroll !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-inline {
  display: inline !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-inline-block {
  display: inline-block !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-block {
  display: block !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-grid {
  display: grid !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-inline-grid {
  display: inline-grid !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-table {
  display: table !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-table-row {
  display: table-row !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-table-cell {
  display: table-cell !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-flex {
  display: flex !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-inline-flex {
  display: inline-flex !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.d-none {
  display: none !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.shadow-none {
  box-shadow: none !important;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.position-static {
  position: static !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.position-relative {
  position: relative !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.position-absolute {
  position: absolute !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.position-fixed {
  position: fixed !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.position-sticky {
  position: sticky !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.top-0 {
  top: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.top-50 {
  top: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.top-100 {
  top: 100% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bottom-0 {
  bottom: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bottom-50 {
  bottom: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bottom-100 {
  bottom: 100% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.start-0 {
  left: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.start-50 {
  left: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.start-100 {
  left: 100% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.end-0 {
  right: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.end-50 {
  right: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.end-100 {
  right: 100% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.translate-middle {
  transform: translate(-50%, -50%) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.translate-middle-x {
  transform: translateX(-50%) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.translate-middle-y {
  transform: translateY(-50%) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-0 {
  border: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-top-0 {
  border-top: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-end-0 {
  border-right: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-bottom-0 {
  border-bottom: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-start-0 {
  border-left: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-1 {
  border-width: 1px !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-2 {
  border-width: 2px !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-3 {
  border-width: 3px !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-4 {
  border-width: 4px !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-5 {
  border-width: 5px !important;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.border-opacity-100 {
  --bs-border-opacity: 1;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.w-25 {
  width: 25% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.w-50 {
  width: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.w-75 {
  width: 75% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.w-100 {
  width: 100% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.w-auto {
  width: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mw-100 {
  max-width: 100% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.vw-100 {
  width: 100vw !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.min-vw-100 {
  min-width: 100vw !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.h-25 {
  height: 25% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.h-50 {
  height: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.h-75 {
  height: 75% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.h-100 {
  height: 100% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.h-auto {
  height: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mh-100 {
  max-height: 100% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.vh-100 {
  height: 100vh !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.min-vh-100 {
  min-height: 100vh !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-fill {
  flex: 1 1 auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-row {
  flex-direction: row !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-column {
  flex-direction: column !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-row-reverse {
  flex-direction: row-reverse !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-column-reverse {
  flex-direction: column-reverse !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-grow-0 {
  flex-grow: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-grow-1 {
  flex-grow: 1 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-shrink-0 {
  flex-shrink: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-shrink-1 {
  flex-shrink: 1 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-wrap {
  flex-wrap: wrap !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-nowrap {
  flex-wrap: nowrap !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-start {
  justify-content: flex-start !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-end {
  justify-content: flex-end !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-center {
  justify-content: center !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-between {
  justify-content: space-between !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-around {
  justify-content: space-around !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.justify-content-evenly {
  justify-content: space-evenly !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-items-start {
  align-items: flex-start !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-items-end {
  align-items: flex-end !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-items-center {
  align-items: center !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-items-baseline {
  align-items: baseline !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-items-stretch {
  align-items: stretch !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-start {
  align-content: flex-start !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-end {
  align-content: flex-end !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-center {
  align-content: center !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-between {
  align-content: space-between !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-around {
  align-content: space-around !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-content-stretch {
  align-content: stretch !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-auto {
  align-self: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-start {
  align-self: flex-start !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-end {
  align-self: flex-end !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-center {
  align-self: center !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-baseline {
  align-self: baseline !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.align-self-stretch {
  align-self: stretch !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-first {
  order: -1 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-0 {
  order: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-1 {
  order: 1 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-2 {
  order: 2 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-3 {
  order: 3 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-4 {
  order: 4 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-5 {
  order: 5 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.order-last {
  order: 6 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-0 {
  margin: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-1 {
  margin: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-2 {
  margin: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-3 {
  margin: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-4 {
  margin: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-5 {
  margin: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.m-auto {
  margin: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-0 {
  margin-top: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-1 {
  margin-top: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-2 {
  margin-top: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-3 {
  margin-top: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-4 {
  margin-top: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-5 {
  margin-top: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mt-auto {
  margin-top: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-0 {
  margin-right: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-1 {
  margin-right: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-2 {
  margin-right: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-3 {
  margin-right: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-4 {
  margin-right: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-5 {
  margin-right: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.me-auto {
  margin-right: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-0 {
  margin-bottom: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-1 {
  margin-bottom: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-2 {
  margin-bottom: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-3 {
  margin-bottom: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-4 {
  margin-bottom: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-5 {
  margin-bottom: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.mb-auto {
  margin-bottom: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-0 {
  margin-left: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-1 {
  margin-left: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-2 {
  margin-left: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-3 {
  margin-left: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-4 {
  margin-left: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-5 {
  margin-left: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ms-auto {
  margin-left: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-0 {
  padding: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-1 {
  padding: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-2 {
  padding: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-3 {
  padding: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-4 {
  padding: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.p-5 {
  padding: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-0 {
  padding-top: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-1 {
  padding-top: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-2 {
  padding-top: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-3 {
  padding-top: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-4 {
  padding-top: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pt-5 {
  padding-top: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-0 {
  padding-right: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-1 {
  padding-right: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-2 {
  padding-right: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-3 {
  padding-right: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-4 {
  padding-right: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-5 {
  padding-right: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-0 {
  padding-bottom: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-1 {
  padding-bottom: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-2 {
  padding-bottom: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-3 {
  padding-bottom: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-4 {
  padding-bottom: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pb-5 {
  padding-bottom: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-0 {
  padding-left: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-1 {
  padding-left: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-2 {
  padding-left: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-3 {
  padding-left: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-4 {
  padding-left: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.ps-5 {
  padding-left: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-0 {
  gap: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-1 {
  gap: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-2 {
  gap: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-3 {
  gap: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-4 {
  gap: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.gap-5 {
  gap: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.row-gap-0 {
  row-gap: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.row-gap-1 {
  row-gap: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.row-gap-2 {
  row-gap: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.row-gap-3 {
  row-gap: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.row-gap-4 {
  row-gap: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.row-gap-5 {
  row-gap: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.column-gap-0 {
  column-gap: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.column-gap-1 {
  column-gap: 0.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.column-gap-2 {
  column-gap: 0.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.column-gap-3 {
  column-gap: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.column-gap-4 {
  column-gap: 1.5rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.column-gap-5 {
  column-gap: 3rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-5 {
  font-size: 1.25rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fs-6 {
  font-size: 1rem !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fst-italic {
  font-style: italic !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fst-normal {
  font-style: normal !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-lighter {
  font-weight: lighter !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-light {
  font-weight: 300 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-normal {
  font-weight: 400 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-medium {
  font-weight: 500 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-semibold {
  font-weight: 600 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-bold {
  font-weight: 700 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.fw-bolder {
  font-weight: bolder !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.lh-1 {
  line-height: 1 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.lh-sm {
  line-height: 1.25 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.lh-base {
  line-height: 1.5 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.lh-lg {
  line-height: 2 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-start {
  text-align: left !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-end {
  text-align: right !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-center {
  text-align: center !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-decoration-none {
  text-decoration: none !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-decoration-underline {
  text-decoration: underline !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-decoration-line-through {
  text-decoration: line-through !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-lowercase {
  text-transform: lowercase !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-uppercase {
  text-transform: uppercase !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-capitalize {
  text-transform: capitalize !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-wrap {
  white-space: normal !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-opacity-100 {
  --bs-text-opacity: 1;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-opacity-100 {
  --bs-link-opacity: 1;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

/* line 79, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

/* line 79, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

/* line 79, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

/* line 62, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.user-select-all {
  user-select: all !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.user-select-auto {
  user-select: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.user-select-none {
  user-select: none !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-none {
  pointer-events: none !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.pe-auto {
  pointer-events: auto !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded {
  border-radius: var(--bs-border-radius) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-0 {
  border-radius: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-circle {
  border-radius: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.visible {
  visibility: visible !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.invisible {
  visibility: hidden !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.z-n1 {
  z-index: -1 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.z-0 {
  z-index: 0 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.z-1 {
  z-index: 1 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.z-2 {
  z-index: 2 !important;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-sm-start {
    float: left !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-sm-end {
    float: right !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-sm-none {
    float: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-sm-none {
    object-fit: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-inline {
    display: inline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-inline-block {
    display: inline-block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-block {
    display: block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-grid {
    display: grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-table {
    display: table !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-table-row {
    display: table-row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-table-cell {
    display: table-cell !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-flex {
    display: flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-sm-none {
    display: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-row {
    flex-direction: row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-column {
    flex-direction: column !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-center {
    justify-content: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-sm-center {
    align-items: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-center {
    align-content: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-between {
    align-content: space-between !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-around {
    align-content: space-around !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-auto {
    align-self: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-center {
    align-self: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-first {
    order: -1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-0 {
    order: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-1 {
    order: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-2 {
    order: 2 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-3 {
    order: 3 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-4 {
    order: 4 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-5 {
    order: 5 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-sm-last {
    order: 6 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-0 {
    margin: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-3 {
    margin: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-5 {
    margin: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-sm-auto {
    margin: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-sm-auto {
    margin-top: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-0 {
    margin-right: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-sm-auto {
    margin-right: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-sm-auto {
    margin-left: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-0 {
    padding: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-3 {
    padding: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-sm-5 {
    padding: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-0 {
    gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-3 {
    gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-sm-5 {
    gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-sm-start {
    text-align: left !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-sm-end {
    text-align: right !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-md-start {
    float: left !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-md-end {
    float: right !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-md-none {
    float: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-md-none {
    object-fit: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-inline {
    display: inline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-inline-block {
    display: inline-block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-block {
    display: block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-grid {
    display: grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-table {
    display: table !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-table-row {
    display: table-row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-table-cell {
    display: table-cell !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-flex {
    display: flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-md-none {
    display: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-row {
    flex-direction: row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-column {
    flex-direction: column !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-center {
    justify-content: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-md-start {
    align-items: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-md-end {
    align-items: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-md-center {
    align-items: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-start {
    align-content: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-end {
    align-content: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-center {
    align-content: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-between {
    align-content: space-between !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-around {
    align-content: space-around !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-auto {
    align-self: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-start {
    align-self: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-end {
    align-self: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-center {
    align-self: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-first {
    order: -1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-0 {
    order: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-1 {
    order: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-2 {
    order: 2 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-3 {
    order: 3 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-4 {
    order: 4 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-5 {
    order: 5 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-md-last {
    order: 6 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-0 {
    margin: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-1 {
    margin: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-2 {
    margin: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-3 {
    margin: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-4 {
    margin: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-5 {
    margin: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-md-auto {
    margin: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-0 {
    margin-top: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-md-auto {
    margin-top: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-0 {
    margin-right: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-3 {
    margin-right: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-5 {
    margin-right: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-md-auto {
    margin-right: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-0 {
    margin-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-md-auto {
    margin-left: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-0 {
    padding: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-1 {
    padding: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-2 {
    padding: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-3 {
    padding: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-4 {
    padding: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-md-5 {
    padding: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-0 {
    padding-top: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-0 {
    padding-right: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-0 {
    padding-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-0 {
    gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-3 {
    gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-md-5 {
    gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-md-start {
    text-align: left !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-md-end {
    text-align: right !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-lg-start {
    float: left !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-lg-end {
    float: right !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-lg-none {
    float: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-lg-none {
    object-fit: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-inline {
    display: inline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-inline-block {
    display: inline-block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-block {
    display: block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-grid {
    display: grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-table {
    display: table !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-table-row {
    display: table-row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-table-cell {
    display: table-cell !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-flex {
    display: flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-lg-none {
    display: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-row {
    flex-direction: row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-column {
    flex-direction: column !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-center {
    justify-content: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-lg-center {
    align-items: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-center {
    align-content: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-between {
    align-content: space-between !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-around {
    align-content: space-around !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-auto {
    align-self: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-center {
    align-self: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-first {
    order: -1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-0 {
    order: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-1 {
    order: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-2 {
    order: 2 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-3 {
    order: 3 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-4 {
    order: 4 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-5 {
    order: 5 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-lg-last {
    order: 6 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-0 {
    margin: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-3 {
    margin: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-5 {
    margin: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-lg-auto {
    margin: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-lg-auto {
    margin-top: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-0 {
    margin-right: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-lg-auto {
    margin-right: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-lg-auto {
    margin-left: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-0 {
    padding: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-3 {
    padding: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-lg-5 {
    padding: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-0 {
    gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-3 {
    gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-lg-5 {
    gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-lg-start {
    text-align: left !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-lg-end {
    text-align: right !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xl-start {
    float: left !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xl-end {
    float: right !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xl-none {
    float: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-xl-none {
    object-fit: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-inline {
    display: inline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-inline-block {
    display: inline-block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-block {
    display: block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-grid {
    display: grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-table {
    display: table !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-table-row {
    display: table-row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-table-cell {
    display: table-cell !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-flex {
    display: flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xl-none {
    display: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-row {
    flex-direction: row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-column {
    flex-direction: column !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-center {
    justify-content: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xl-center {
    align-items: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-center {
    align-content: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-between {
    align-content: space-between !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-around {
    align-content: space-around !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-auto {
    align-self: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-center {
    align-self: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-first {
    order: -1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-0 {
    order: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-1 {
    order: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-2 {
    order: 2 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-3 {
    order: 3 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-4 {
    order: 4 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-5 {
    order: 5 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xl-last {
    order: 6 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-0 {
    margin: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-3 {
    margin: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-5 {
    margin: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xl-auto {
    margin: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xl-auto {
    margin-top: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-0 {
    margin-right: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xl-auto {
    margin-right: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xl-auto {
    margin-left: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-0 {
    padding: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-3 {
    padding: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xl-5 {
    padding: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-0 {
    gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-3 {
    gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xl-5 {
    gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xl-start {
    text-align: left !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xl-end {
    text-align: right !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xxl-start {
    float: left !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xxl-end {
    float: right !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .float-xxl-none {
    float: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-inline {
    display: inline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-block {
    display: block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-grid {
    display: grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-table {
    display: table !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-table-row {
    display: table-row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-flex {
    display: flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-xxl-none {
    display: none !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-row {
    flex-direction: row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-column {
    flex-direction: column !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xxl-center {
    align-items: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-center {
    align-content: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-center {
    align-self: center !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-first {
    order: -1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-0 {
    order: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-1 {
    order: 1 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-2 {
    order: 2 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-3 {
    order: 3 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-4 {
    order: 4 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-5 {
    order: 5 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .order-xxl-last {
    order: 6 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-0 {
    margin: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-3 {
    margin: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-5 {
    margin: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .m-xxl-auto {
    margin: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .me-xxl-auto {
    margin-right: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-0 {
    padding: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-3 {
    padding: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .p-xxl-5 {
    padding: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-0 {
    gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xxl-start {
    text-align: left !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xxl-end {
    text-align: right !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .fs-1 {
    font-size: 2.5rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .fs-2 {
    font-size: 2rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .fs-3 {
    font-size: 1.75rem !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .fs-4 {
    font-size: 1.5rem !important;
  }
}

@media print {
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-inline {
    display: inline !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-inline-block {
    display: inline-block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-block {
    display: block !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-grid {
    display: grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-table {
    display: table !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-table-row {
    display: table-row !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-table-cell {
    display: table-cell !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-flex {
    display: flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  /* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-5.3.5/assets/stylesheets/bootstrap/mixins/_utilities.scss */
  .d-print-none {
    display: none !important;
  }
}

/* line 1, app/assets/stylesheets/website/components/_btn.scss */
.btn {
  padding: 5px 5px;
  font-size: 1.1rem;
  border-radius: 10px;
}

/* Exception pour le bouton submit de souscription (orange) */
/* line 8, app/assets/stylesheets/website/components/_btn.scss */
a.btn-submit, button.btn-submit, .btn-submit {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
  color: white !important;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3) !important;
  border: none !important;
}

/* line 14, app/assets/stylesheets/website/components/_btn.scss */
a.btn-submit:hover:not(:disabled), button.btn-submit:hover:not(:disabled), .btn-submit:hover:not(:disabled) {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4) !important;
  transform: translateY(-2px);
}

/* line 20, app/assets/stylesheets/website/components/_btn.scss */
a.btn-submit:focus, button.btn-submit:focus, .btn-submit:focus {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3) !important;
}

/* Correction des boutons Bootstrap qui deviennent bleus */
/* line 27, app/assets/stylesheets/website/components/_btn.scss */
.btn-secondary {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: white !important;
}

/* line 30, app/assets/stylesheets/website/components/_btn.scss */
.btn-secondary:hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
  color: white !important;
}

/* Styles pour les thèmes */
/* line 38, app/assets/stylesheets/website/components/_btn.scss */
.lightmode a.btn, .lightmode button.btn, .lightmode .btn {
  background-color: rgba(33, 37, 41, 0.15) !important;
  color: #212529 !important;
  border: 1px solid rgba(33, 37, 41, 0.3) !important;
}

/* line 43, app/assets/stylesheets/website/components/_btn.scss */
.lightmode a.btn:hover, .lightmode button.btn:hover, .lightmode .btn:hover {
  background-color: rgba(33, 37, 41, 0.25) !important;
  color: #212529 !important;
  border-color: rgba(33, 37, 41, 0.4) !important;
}

/* line 49, app/assets/stylesheets/website/components/_btn.scss */
.lightmode a.btn:focus, .lightmode button.btn:focus, .lightmode .btn:focus {
  background-color: rgba(33, 37, 41, 0.25) !important;
  color: #212529 !important;
  border-color: rgba(33, 37, 41, 0.4) !important;
  box-shadow: 0 0 0 0.2rem rgba(33, 37, 41, 0.25) !important;
}

/* line 57, app/assets/stylesheets/website/components/_btn.scss */
.lightmode .btn-secondary {
  background-color: rgba(33, 37, 41, 0.15) !important;
  color: #212529 !important;
  border: 1px solid rgba(33, 37, 41, 0.3) !important;
}

/* line 62, app/assets/stylesheets/website/components/_btn.scss */
.lightmode .btn-secondary:hover {
  background-color: rgba(33, 37, 41, 0.25) !important;
  color: #212529 !important;
}

/* Correction des fonds blancs illisibles sur les pages website */
/* line 70, app/assets/stylesheets/website/components/_btn.scss */
.content {
  background-color: transparent !important;
}

/* line 1, app/assets/stylesheets/website/components/_arrow.scss */
.arrow {
  position: absolute;
  bottom: 12%;
  right: 10%;
  transform: translateY(-50%);
  cursor: pointer;
}

/* line 9, app/assets/stylesheets/website/components/_arrow.scss */
.arrow span {
  display: block;
  width: 1.5vw;
  height: 1.5vw;
  border-bottom: 5px solid white;
  border-right: 5px solid white;
  transform: rotate(45deg);
  margin: -10px;
  animation: animate 2s infinite;
}

/* line 20, app/assets/stylesheets/website/components/_arrow.scss */
.arrow span:nth-child(2) {
  animation-delay: -0.2s;
}

/* line 24, app/assets/stylesheets/website/components/_arrow.scss */
.arrow span:nth-child(3) {
  animation-delay: -0.4s;
}

@keyframes animate {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-20px, -20px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(45deg) translate(20px, 20px);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    z-index: -1;
  }
}

/* line 10, app/assets/stylesheets/website/components/_flashes.scss */
.alert {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 5px;
  right: 16px;
  z-index: 1000;
  color: #FFFFFF;
  border-radius: 10px;
  background-color: #A60240;
  animation: fadeOut 3s forwards;
  animation-delay: 2s;
  text-align: center;
}

/* line 26, app/assets/stylesheets/website/components/_flashes.scss */
.btn-close {
  scale: 0.5;
  margin-left: 12px;
  background: none;
  border: none;
  color: #FFFFFF;
  font-size: 1.2rem;
  cursor: pointer;
  pointer-events: auto;
}

/* line 37, app/assets/stylesheets/website/components/_flashes.scss */
.notice {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 5px;
  right: 16px;
  z-index: 1000;
  color: #FFFFFF;
  border-radius: 10px;
  background-color: #5bb500b5;
  padding: 12px 20px;
  gap: 8px;
  animation: fadeOut 3s forwards;
  animation-delay: 2s;
  text-align: center;
}

/* line 55, app/assets/stylesheets/website/components/_flashes.scss */
.alert {
  padding: 12px 20px;
  gap: 8px;
}

/* line 61, app/assets/stylesheets/website/components/_flashes.scss */
.alert,
.notice {
  pointer-events: none;
}

/* line 66, app/assets/stylesheets/website/components/_flashes.scss */
.alert button,
.alert a,
.notice button,
.notice a {
  pointer-events: auto;
}

/* line 73, app/assets/stylesheets/website/components/_flashes.scss */
.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Structure principale de la navbar */
/* line 3, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-container {
  position: fixed;
  top: 1%;
  left: 1.5%;
  right: 1.5%;
  border-radius: 10px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 3rem;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px) !important;
  /* Transition pour l'apparition/disparition */
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s ease, visibility 0.6s ease;
  /* État initial - complètement transparent */
  /* État avec fond léger */
  /* État avec fond plus prononcé */
  /* Animation d'entrée */
  animation: navbarFadeIn 0.6s ease-out;
  /* Classe pour l'apparition avec le reveal */
}

/* line 22, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-container.navbar-transparent {
  background: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  border: none !important;
}

/* line 29, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-container.navbar-light {
  background: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* line 48, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-container.navbar-revealed {
  opacity: 1;
  visibility: visible;
  animation: navbarRevealIn 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Par défaut (desktop/tablette), le CTA mobile n'est pas affiché */
/* line 56, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-cta-mobile {
  display: none;
}

/* CTA desktop à droite du burger */
/* line 59, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-cta-desktop {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  flex-shrink: 0;
}

/* line 66, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-cta-navbar {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 0.5rem 1.2rem;
  font-weight: 600;
  font-size: 0.9rem;
  white-space: nowrap;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}

/* line 82, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-cta-navbar:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  text-decoration: none;
  color: #fff;
}

/* line 90, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-cta-navbar .btn-orizen-logo {
  height: 14px;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}

/* line 98, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-cta-navbar span {
  line-height: 1;
}

/* Logo ForgeTheWeb - style récupéré du floating-link */
/* line 104, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-logo {
  flex-shrink: 0;
}

/* line 107, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-logo .navbar-brand {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  font-size: 2.5rem;
  font-weight: bold;
  font-family: 'Poppins';
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease;
  /* Style du O avec la ligne qui barre */
  /* Style pour l'image du logo ForgeTheWeb */
}

/* line 122, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-logo .navbar-brand:hover {
  color: #FFFFFF;
  transform: scale(1.05);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* line 129, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-logo .navbar-brand .o-brandname {
  position: relative;
  display: flex;
  align-items: center;
  padding: 3px;
  margin-right: 6px;
}

/* line 136, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-logo .navbar-brand .o-brandname span {
  position: relative;
  font-size: 5.5rem;
  font-weight: bold;
  font-family: 'Poppins';
}

/* line 144, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-logo .navbar-brand .cross-line-brandname {
  position: absolute;
  z-index: 300;
  width: 110%;
  height: 0;
  top: 50%;
  left: -5%;
  transform: translateY(-50%);
  border-bottom: 4px solid #FFFFFF;
  margin-right: 6px;
}

/* line 156, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-logo .navbar-brand p {
  font-size: 2.2rem;
  font-weight: bold;
  font-family: 'Poppins';
  margin-bottom: 0rem;
  letter-spacing: 0.2em;
}

/* line 165, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-logo .navbar-brand .navbar-logo-img {
  height: 50px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
  transition: transform 0.3s ease;
  filter: brightness(1.1);
}

/* Navigation centrale - repositionnée à droite et sans fond propre */
/* line 177, app/assets/stylesheets/website/components/_website_navbar.scss */
.nav-bar {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  list-style: none;
  align-items: center;
  background: transparent;
  border: none;
  margin-left: auto;
  /* Pousse le menu vers la droite */
}

/* Suppression des états de background pour nav-bar car maintenant géré par le container */
/* line 192, app/assets/stylesheets/website/components/_website_navbar.scss */
.nav-bar.navbar-transparent,
.nav-bar.navbar-light,
.nav-bar.navbar-solid {
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  border: none;
}

/* Animation d'apparition de la navbar */
@keyframes navbarFadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Animation d'apparition avec le reveal */
@keyframes navbarRevealIn {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Amélioration de la transition pour tous les éléments enfants */
/* line 226, app/assets/stylesheets/website/components/_website_navbar.scss */
.nav-bar * {
  transition: all 0.3s ease;
}

/* Ajustements responsifs pour l'effet de navigation */
@media (max-width: 768px) {
  /* line 232, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-container {
    padding: 1rem 1.5rem;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 8px;
  }
  /* line 238, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-container.navbar-light {
    backdrop-filter: blur(4px);
  }
  /* line 242, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-container.navbar-solid {
    backdrop-filter: blur(8px);
  }
  /* Ajuster la taille du logo sur mobile */
  /* line 248, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-logo .navbar-brand {
    font-size: 1.5rem;
  }
  /* line 251, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-logo .navbar-brand .o-brandname span {
    font-size: 4rem;
  }
  /* line 255, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-logo .navbar-brand p {
    font-size: 1.5rem;
  }
  /* line 259, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-logo .navbar-brand .navbar-logo-img {
    height: 35px;
    max-width: 150px;
  }
  /* Mobile: n'afficher que le logo + CTA mobile, masquer la navigation desktop */
  /* line 266, app/assets/stylesheets/website/components/_website_navbar.scss */
  .nav-bar {
    display: none !important;
  }
  /* Le logo ne s'étire pas pour laisser la place au CTA */
  /* line 269, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-logo {
    flex: 0 1 auto;
  }
  /* line 270, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-logo .navbar-brand {
    justify-content: flex-start;
    gap: 8px;
    white-space: nowrap;
  }
  /* CTA mobile à droite du logo — hotfix 2026-05-11 : maintenant rendue sur
     toutes les wedge pages SEO + landing root (auparavant root uniquement). */
  /* line 274, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-cta-mobile {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    margin-right: 0rem;
  }
  /* Bouton hamburger Solutions (visible sur wedge + root en mobile) */
  /* line 284, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-mobile-solutions {
    position: relative;
  }
  /* line 286, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-mobile-solutions-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    padding: 0.4rem 0.7rem;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
  }
  /* line 300, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-mobile-solutions-toggle i {
    font-size: 0.9rem;
  }
  /* line 302, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-mobile-solutions-toggle:hover, .btn-mobile-solutions-toggle[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.4);
  }
  /* line 308, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-preinscription-mobile {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 0.4rem 0.8rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    text-decoration: none;
  }
  /* line 320, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-preinscription-mobile:hover {
    text-decoration: none;
    color: #fff;
  }
  /* line 325, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-preinscription-mobile .btn-orizen-logo {
    height: 12px;
    width: auto;
    object-fit: contain;
    flex-shrink: 0;
    filter: brightness(0) invert(1);
  }
  /* line 333, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-preinscription-mobile span {
    line-height: 1;
  }
}

@media (max-width: 480px) {
  /* line 340, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-container {
    padding: 0.75rem 1rem;
    flex-direction: row;
    /* conserver logo + CTA sur une ligne */
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
  }
  /* line 349, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-logo .navbar-brand {
    font-size: 1.25rem;
  }
  /* line 352, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-logo .navbar-brand .o-brandname span {
    font-size: 3rem;
  }
  /* line 356, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-logo .navbar-brand p {
    font-size: 1.25rem;
  }
  /* line 360, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-logo .navbar-brand .navbar-logo-img {
    height: 30px;
    max-width: 120px;
  }
  /* line 366, app/assets/stylesheets/website/components/_website_navbar.scss */
  .nav-bar {
    padding: 0.75rem 1rem;
    margin-left: 0;
    /* Reset margin sur mobile */
  }
  /* Assure que le CTA + hamburger ne passent jamais à la ligne.
     Fix 2026-05-11 : auparavant `display: block`, ce qui empilait
     verticalement le hamburger Solutions (PR #3081) au-dessus du bouton
     "Essai gratuit" sur mobile <481px (iPhone Pro Max 430px, iPhone 16, etc.).
     `display: flex` conserve hamburger + bouton côte-à-côte sur petit mobile. */
  /* line 376, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-cta-mobile {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
  }
  /* line 377, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-preinscription-mobile {
    white-space: nowrap;
    font-size: 0.85rem;
  }
  /* Sous 480px, le label "Solutions" est masqué pour gagner de la place */
  /* line 382, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-mobile-solutions-toggle {
    padding: 0.4rem 0.55rem;
  }
  /* line 383, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-mobile-solutions-toggle span {
    display: none;
  }
  /* Masquer le CTA desktop sur mobile */
  /* line 386, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-cta-desktop {
    display: none !important;
  }
  /* Sous 480px, masquer le label "Solutions" du hamburger pour économiser place */
  /* line 389, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-mobile-solutions-toggle span {
    display: none;
  }
  /* line 390, app/assets/stylesheets/website/components/_website_navbar.scss */
  .btn-mobile-solutions-toggle {
    padding: 0.4rem 0.55rem;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Drawer mobile Solutions — fullscreen overlay (mobile uniquement)
   Hotfix 2026-05-11 : permet d'exposer toutes les pages SEO en mobile.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (min-width: 769px) {
  /* line 398, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-drawer {
    display: none !important;
  }
  /* line 399, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-mobile-solutions {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* line 403, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-drawer {
    position: fixed;
    inset: 0;
    top: 64px;
    /* hauteur navbar */
    z-index: 1000;
    background: rgba(20, 13, 35, 0.96);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 24px 20px 96px;
    animation: mobile-solutions-slide 0.25s ease both;
  }
  /* line 416, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-drawer[hidden] {
    display: none !important;
  }
  /* Bloque le scroll body quand drawer ouvert */
  /* line 420, app/assets/stylesheets/website/components/_website_navbar.scss */
  body.mobile-solutions-open {
    overflow: hidden;
  }
  /* line 422, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-drawer-inner {
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* compact : les sections sont des cards distinctes (accordéon) */
  }
  /* ─── Groupes en accordéon (PR #3088 amélioration drawer) ───
     Chaque .mobile-solutions-group est collapsable. Body replié par défaut,
     déplié si .is-open. Stimulus : mobile-solutions-menu#toggleGroup. */
  /* line 433, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-group {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
  }
  /* line 440, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-group-toggle {
    width: 100%;
    background: transparent;
    border: none;
    padding: 16px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
  }
  /* line 455, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-group-icon {
    color: #e8b972;
    /* accent gold */
    font-size: 0.95rem;
    width: 22px;
    text-align: center;
    flex-shrink: 0;
  }
  /* line 462, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-group-title {
    flex: 1;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    text-transform: none;
    /* override : plus en uppercase quand utilisé dans le bouton */
    letter-spacing: 0;
    margin: 0;
    padding: 0;
  }
  /* line 472, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-group-caret {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.8rem;
    transition: transform 0.25s ease;
    flex-shrink: 0;
  }
  /* line 478, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-group.is-open .mobile-solutions-group-caret {
    transform: rotate(180deg);
  }
  /* Body de chaque section (liens) — replié par défaut */
  /* line 483, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-group-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  /* line 492, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-group.is-open .mobile-solutions-group-body {
    max-height: 1000px;
    /* assez grand pour 13 items */
    padding: 0 10px 12px;
  }
  /* Variant outils gratuits : background plus visible (CTA tools) */
  /* line 498, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-group--tools {
    border-color: rgba(245, 158, 11, 0.32);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.06), rgba(255, 107, 53, 0.04));
  }
  /* line 502, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-group--tools .mobile-solutions-group-icon {
    color: #f59e0b;
  }
  /* line 505, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 12px;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: background 0.15s, border-color 0.15s;
  }
  /* line 519, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-link i {
    font-size: 0.95rem;
    width: 22px;
    text-align: center;
    color: #e8b972;
    /* accent gold */
    flex-shrink: 0;
  }
  /* line 527, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-link:hover, .mobile-solutions-link:active {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.18);
    color: #fff;
    text-decoration: none;
  }
  /* line 534, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-link--accent {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.16), rgba(255, 107, 53, 0.12));
    border-color: rgba(245, 158, 11, 0.4);
  }
  /* line 538, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-link--accent i {
    color: #f59e0b;
  }
  /* line 540, app/assets/stylesheets/website/components/_website_navbar.scss */
  .mobile-solutions-link--accent:hover {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.22), rgba(255, 107, 53, 0.18));
  }
  @keyframes mobile-solutions-slide {
    from {
      opacity: 0;
      transform: translateY(-8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/* Support pour les navigateurs qui ne supportent pas backdrop-filter */
@supports not (backdrop-filter: blur(1px)) {
  /* line 555, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-container.navbar-transparent {
    background: rgba(0, 0, 0, 0.1);
  }
  /* line 559, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-container.navbar-light {
    background: rgba(0, 0, 0, 0.4);
  }
  /* line 563, app/assets/stylesheets/website/components/_website_navbar.scss */
  .navbar-container.navbar-solid {
    background: rgba(0, 0, 0, 0.8);
  }
}

/* Suppression de l'outline de focus pour éliminer la bordure blanche */
/* line 570, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-container:focus-within {
  outline: none;
}

/* line 574, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-container .show {
  opacity: 1 !important;
  visibility: visible !important;
}

/* line 579, app/assets/stylesheets/website/components/_website_navbar.scss */
.nav-item {
  text-align: right;
  transition: color 0.3s ease;
  /* Assurer la lisibilité du texte sur tous les backgrounds */
}

/* line 584, app/assets/stylesheets/website/components/_website_navbar.scss */
.nav-item .nav-link {
  position: relative;
  z-index: 2;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  /* Empêcher le changement de couleur au hover */
}

/* line 593, app/assets/stylesheets/website/components/_website_navbar.scss */
.nav-item .nav-link:hover {
  color: #FFFFFF !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 600, app/assets/stylesheets/website/components/_website_navbar.scss */
.nav-item:hover {
  color: #FFFFFF;
  /* Garder la couleur blanche */
}

/* line 604, app/assets/stylesheets/website/components/_website_navbar.scss */
.vertical-line {
  width: 2px;
  /* Épaisseur du trait */
  background-color: #FFFFFF;
  /* Couleur blanche */
  margin: 4px 20px;
  /* Espacement horizontal autour du trait */
  border-radius: 2px;
  /* Optionnel : arrondit les bords pour un effet plus doux */
  height: 25px;
}

@media (min-width: 950px) and (max-width: 1100px) {
  /* line 604, app/assets/stylesheets/website/components/_website_navbar.scss */
  .vertical-line {
    margin: 4px 5px;
  }
}

@media (max-width: 800px) {
  /* line 604, app/assets/stylesheets/website/components/_website_navbar.scss */
  .vertical-line {
    display: none;
  }
}

/* Le bouton "Accéder à Orizen" est maintenant directement visible dans la navbar */
/* line 621, app/assets/stylesheets/website/components/_website_navbar.scss */
.nav-background {
  background: transparent;
  min-height: clamp(64px, 8vw, 100px);
  padding-top: auto;
  padding-bottom: auto;
}

/* line 629, app/assets/stylesheets/website/components/_website_navbar.scss */
.sommaire {
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
}

@media (max-width: 800px) {
  /* line 629, app/assets/stylesheets/website/components/_website_navbar.scss */
  .sommaire {
    display: none;
  }
}

/* .connexion supprimé — le bouton btn-cta-menu est maintenant directement dans .nav-bar */
/* Bouton secondaire "Demander une démo" dans la navbar */
/* line 642, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-demo-navbar {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  padding: 0.5rem 1.2rem;
  font-weight: 600;
  font-size: 0.9rem;
  white-space: nowrap;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
  text-decoration: none;
  margin-left: 0.75rem;
}

/* line 656, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-demo-navbar:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
  text-decoration: none;
  color: #fff;
}

/* Bouton Accéder à Orizen — réutilise btn-demo-navbar, ajoute layout pour icône/logo */
/* line 666, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-navbar-login {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 671, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-navbar-login i {
  font-size: 0.85rem;
}

/* line 675, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-navbar-login .btn-navbar-login-logo {
  height: 14px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* Ordre des éléments dans nav-bar */
/* line 684, app/assets/stylesheets/website/components/_website_navbar.scss */
.navbar-cta-desktop {
  order: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}

/* line 692, app/assets/stylesheets/website/components/_website_navbar.scss */
.nav-bar .btn-navbar-login {
  order: 2;
}

/* line 697, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-solutions-dropdown {
  margin-left: 0;
}

/* line 700, app/assets/stylesheets/website/components/_website_navbar.scss */
.btn-solutions-dropdown::after {
  margin-left: 0.4rem;
  opacity: 0.65;
}

/* line 707, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-mega-container {
  position: static;
}

/* line 713, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega {
  position: fixed;
  top: calc(1% + 100px);
  left: 1.5%;
  right: 1.5%;
  width: auto;
  border-radius: 16px;
  padding: 20px 24px;
  background: rgba(40, 42, 60, 0.55);
  backdrop-filter: blur(32px) saturate(180%);
  -webkit-backdrop-filter: blur(32px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  z-index: 1001;
  opacity: 0;
  transition: opacity 0.18s ease;
  pointer-events: none;
  display: block;
}

/* line 734, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega.show {
  opacity: 1;
  pointer-events: auto;
}

/* line 740, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 32px;
  align-items: start;
}

/* line 747, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 754, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-col-title {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  padding: 0 8px 8px;
  display: block;
  margin-bottom: 2px;
}

/* line 764, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-col-title + .mega-col-title, .dropdown-menu-mega .mega-col-title.mega-col-title-sub {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 773, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link {
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 6px 10px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

/* line 785, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link > i {
  font-size: 0.75rem;
  opacity: 0.7;
  width: 16px;
  text-align: center;
  flex-shrink: 0;
  margin-top: 3px;
}

/* line 794, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link .mega-link-inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 800, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link .mega-link-label {
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.2;
}

/* line 806, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link .mega-link-desc {
  font-size: 0.68rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  line-height: 1.3;
}

/* line 813, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-decoration: none;
}

/* line 818, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link:hover > i {
  opacity: 1;
}

/* line 819, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link:hover .mega-link-desc {
  color: rgba(255, 255, 255, 0.8);
}

/* line 824, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link-soon {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.78rem;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: default;
}

/* line 833, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link-soon i {
  font-size: 0.75rem;
  opacity: 0.45;
  width: 16px;
  text-align: center;
  flex-shrink: 0;
}

/* line 841, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-link-soon .badge-soon {
  margin-left: auto;
  font-size: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  padding: 2px 5px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.5);
}

/* line 855, app/assets/stylesheets/website/components/_website_navbar.scss */
.dropdown-menu-mega .mega-col + .mega-col {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  padding-left: 32px;
}

/* Conteneur principal */
/* line 2, app/assets/stylesheets/website/components/_wordslider.scss */
.hero {
  position: relative;
}

/* Conteneur du word-slider */
/* line 7, app/assets/stylesheets/website/components/_wordslider.scss */
.word-slider {
  width: 200px;
  /* Ajustez la largeur selon votre design */
  height: 50px;
  /* Correspond à la hauteur d'un mot */
  overflow: hidden;
  text-align: center;
}

/* Wrapper pour le défilement */
/* line 15, app/assets/stylesheets/website/components/_wordslider.scss */
.word-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  animation: slide 6s infinite;
}

/* Mots individuels */
/* line 23, app/assets/stylesheets/website/components/_wordslider.scss */
.word {
  font-size: 2rem;
  /* Taille ajustée */
  font-weight: bold;
  line-height: 50px;
  /* Alignement vertical */
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A60240;
}

/* Alignement horizontal du texte et du word-slider */
/* line 35, app/assets/stylesheets/website/components/_wordslider.scss */
#hero .text-content .d-flex.align-items-center {
  display: flex;
  align-items: center;
  /* Aligne les items horizontalement */
  gap: 15px;
  /* Espacement entre le <h2> et le word-slider */
}

/* Animation pour le défilement */
@keyframes slide {
  0% {
    transform: translateY(0);
  }
  /* Premier mot visible */
  15% {
    transform: translateY(0);
  }
  /* Premier mot reste visible */
  20% {
    transform: translateY(-10px);
  }
  /* Rebond du premier mot */
  25% {
    transform: translateY(0);
  }
  /* Retour après rebond */
  33% {
    transform: translateY(-50px);
  }
  /* Transition vers le second mot */
  48% {
    transform: translateY(-50px);
  }
  /* Second mot reste visible */
  53% {
    transform: translateY(-60px);
  }
  /* Rebond du second mot */
  58% {
    transform: translateY(-50px);
  }
  /* Retour après rebond */
  66% {
    transform: translateY(-100px);
  }
  /* Transition vers le troisième mot */
  81% {
    transform: translateY(-100px);
  }
  /* Troisième mot reste visible */
  86% {
    transform: translateY(-110px);
  }
  /* Rebond du troisième mot */
  91% {
    transform: translateY(-100px);
  }
  /* Retour après rebond */
  100% {
    transform: translateY(-150px);
  }
  /* Transition vers la copie du premier mot */
}

/* Classe pour cacher le body pendant le chargement initial */
/* line 2, app/assets/stylesheets/website/components/_loading_overlay.scss */
body.loading-page {
  opacity: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}

/* Loader global géré par Stimulus (utilisé pour tout) */
/* line 9, app/assets/stylesheets/website/components/_loading_overlay.scss */
#global-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0.6s ease;
  pointer-events: none;
}

/* line 21, app/assets/stylesheets/website/components/_loading_overlay.scss */
#global-loading-overlay.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* line 27, app/assets/stylesheets/website/components/_loading_overlay.scss */
#global-loading-overlay.fading-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* line 34, app/assets/stylesheets/website/components/_loading_overlay.scss */
.loading-overlay-backdrop {
  position: absolute;
  inset: 0;
  /* Dégradé cohérent avec la landing */
  background: linear-gradient(135deg, rgba(20, 13, 35, 0.95) 0%, rgba(166, 2, 64, 0.9) 100%);
  backdrop-filter: blur(8px);
}

/* line 42, app/assets/stylesheets/website/components/_loading_overlay.scss */
.loading-overlay-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 0;
  /* pas de carte autour, comme la landing */
  border-radius: 0;
  border: none;
  background: none;
  box-shadow: none;
}

/* line 56, app/assets/stylesheets/website/components/_loading_overlay.scss */
.loading-spinner {
  width: 80px;
  /* comme la landing */
  height: 80px;
  border: 6px solid rgba(255, 255, 255, 0.2);
  border-top: 6px solid #F6E5B3;
  border-radius: 50%;
  animation: spin 1.2s linear infinite;
}

/* line 65, app/assets/stylesheets/website/components/_loading_overlay.scss */
.loading-text {
  color: #F6E5B3;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: 'Poppins', sans-serif;
  /* Police cohérente avec la landing */
  animation: pulse 2s ease-in-out infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}

/* Section Le Problème - Landing Page - Design Moderne */
/* line 3, app/assets/stylesheets/website/components/_problem.scss */
.problem-section {
  background: transparent;
  min-height: 100vh;
  height: auto;
  max-height: none;
  position: relative;
  overflow: visible;
}

/* line 13, app/assets/stylesheets/website/components/_problem.scss */
.problem-section::before {
  display: none;
}

/* line 17, app/assets/stylesheets/website/components/_problem.scss */
.problem-section::after {
  display: none;
}

/* line 24, app/assets/stylesheets/website/components/_problem.scss */
.problem-header-spacer {
  height: 40px;
}

/* line 28, app/assets/stylesheets/website/components/_problem.scss */
.problem-container {
  position: relative;
  z-index: 1;
  padding: 1rem;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-height: calc(100vh - 40px);
  height: auto;
  max-height: none;
  justify-content: center;
  overflow: visible;
}

@media (max-width: 768px) {
  /* line 28, app/assets/stylesheets/website/components/_problem.scss */
  .problem-container {
    padding: 1.5rem 1rem;
    gap: 1.5rem;
  }
}

/* Header amélioré */
/* line 50, app/assets/stylesheets/website/components/_problem.scss */
.problem-header {
  text-align: center;
  margin-bottom: 2rem;
}

/* line 55, app/assets/stylesheets/website/components/_problem.scss */
.problem-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #F6E5B3;
  line-height: 1.1;
  margin: 0 0 20px 0;
}

/* Stats - Design dashboard moderne avec glassmorphism */
/* line 65, app/assets/stylesheets/website/components/_problem.scss */
.problem-stats {
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  margin: 0.5rem 0 0 0;
}

@media (max-width: 768px) {
  /* line 65, app/assets/stylesheets/website/components/_problem.scss */
  .problem-stats {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}

/* line 86, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-repetitive {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

/* line 92, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-repetitive .stat-chart {
  flex: 0 0 auto;
  margin-top: 0;
  order: 1;
}

/* line 98, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-repetitive .stat-header {
  flex: 0 0 auto;
  text-align: left;
  order: 2;
}

@media (max-width: 768px) {
  /* line 86, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-repetitive {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  /* line 109, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-repetitive .stat-chart {
    order: 1;
  }
  /* line 113, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-repetitive .stat-header {
    order: 2;
    text-align: center;
  }
}

/* line 121, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-deadlines {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

/* line 127, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-deadlines .stat-header {
  flex: 0 0 auto;
  text-align: left;
}

/* line 132, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-deadlines .stat-chart {
  flex: 0 0 auto;
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 121, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-deadlines {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  /* line 145, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-deadlines .stat-header {
    text-align: center;
  }
}

/* line 151, app/assets/stylesheets/website/components/_problem.scss */
.stat-card {
  position: relative;
  background: transparent !important;
  border: none !important;
  border-radius: 0;
  padding: 0;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: none;
  overflow: visible;
  box-shadow: none !important;
  display: flex;
  gap: 1.25rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* line 169, app/assets/stylesheets/website/components/_problem.scss */
.stat-card::before {
  display: none !important;
}

/* line 173, app/assets/stylesheets/website/components/_problem.scss */
.stat-card::after {
  display: none !important;
}

/* line 177, app/assets/stylesheets/website/components/_problem.scss */
.stat-card:hover {
  transform: none;
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}

/* line 186, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-hours {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

/* line 192, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-hours .stat-header {
  flex: 0 0 auto;
  text-align: left;
}

/* line 197, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-hours .stat-chart {
  flex: 0 0 auto;
  margin-top: 0;
}

@media (max-width: 768px) {
  /* line 186, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-hours {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  /* line 207, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-hours .stat-header {
    text-align: center;
  }
}

/* line 214, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-percentage {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

/* line 220, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-percentage .stat-chart {
  flex: 0 0 auto;
  margin-top: 0;
}

/* line 225, app/assets/stylesheets/website/components/_problem.scss */
.stat-card-percentage .stat-header {
  flex: 0 0 auto;
  text-align: left;
}

@media (max-width: 768px) {
  /* line 214, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-percentage {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  /* line 235, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-percentage .stat-header {
    text-align: center;
  }
}

/* line 241, app/assets/stylesheets/website/components/_problem.scss */
.stat-header {
  z-index: 1;
}

/* line 245, app/assets/stylesheets/website/components/_problem.scss */
.stat-number {
  font-size: clamp(2rem, 5vw, 2.8rem);
  font-weight: 900;
  background: linear-gradient(135deg, #F6E5B3 0%, rgba(246, 229, 179, 0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  margin-bottom: 0.4rem;
  letter-spacing: -1.5px;
  display: block;
}

/* line 258, app/assets/stylesheets/website/components/_problem.scss */
.stat-label {
  font-size: 0.8rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: 0.3rem;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

/* line 267, app/assets/stylesheets/website/components/_problem.scss */
.stat-description {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
  line-height: 1.3;
  font-weight: 400;
}

/* Graphiques dashboard */
/* line 276, app/assets/stylesheets/website/components/_problem.scss */
.stat-chart {
  position: relative;
  z-index: 1;
}

/* Graphique histogramme pour les heures */
/* line 282, app/assets/stylesheets/website/components/_problem.scss */
.stat-chart-bars {
  height: 120px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

/* line 289, app/assets/stylesheets/website/components/_problem.scss */
.chart-bars-container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  width: auto;
  height: 100%;
  gap: 0.6rem;
  padding: 0.5rem 0;
}

/* line 299, app/assets/stylesheets/website/components/_problem.scss */
.chart-bar-wrapper {
  flex: 0 0 auto;
  width: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
}

/* line 309, app/assets/stylesheets/website/components/_problem.scss */
.chart-bar-label {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 317, app/assets/stylesheets/website/components/_problem.scss */
.chart-bar {
  position: relative;
  width: 50%;
  height: calc(100% - 3rem);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 6px 6px 0 0;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 329, app/assets/stylesheets/website/components/_problem.scss */
.chart-bar-fill {
  width: 100%;
  border-radius: 6px 6px 0 0;
  transition: height 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  height: 0;
}

/* line 337, app/assets/stylesheets/website/components/_problem.scss */
.chart-bar-lost {
  background: linear-gradient(180deg, #FF6B6B 0%, #FF4757 100%);
  box-shadow: 0 0 12px rgba(255, 107, 107, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* line 344, app/assets/stylesheets/website/components/_problem.scss */
.chart-bar-value {
  position: absolute;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.7rem;
  font-weight: 700;
  color: #FF6B6B;
  white-space: nowrap;
  opacity: 1;
}

/* Jauge circulaire pour le pourcentage */
/* line 357, app/assets/stylesheets/website/components/_problem.scss */
.stat-chart-gauge {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* line 364, app/assets/stylesheets/website/components/_problem.scss */
.gauge-container {
  position: relative;
  width: 100px;
  height: 100px;
  flex-shrink: 0;
}

/* line 371, app/assets/stylesheets/website/components/_problem.scss */
.gauge-svg {
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

/* line 378, app/assets/stylesheets/website/components/_problem.scss */
.gauge-background {
  transition: stroke 0.3s ease;
}

/* line 382, app/assets/stylesheets/website/components/_problem.scss */
.gauge-progress {
  transition: stroke-dashoffset 2s cubic-bezier(0.4, 0, 0.2, 1);
  filter: drop-shadow(0 0 8px rgba(255, 107, 53, 0.5));
}

/* line 388, app/assets/stylesheets/website/components/_problem.scss */
.gauge-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 396, app/assets/stylesheets/website/components/_problem.scss */
.gauge-value {
  font-size: 1.5rem;
  font-weight: 900;
  background: linear-gradient(135deg, #F6E5B3 0%, rgba(246, 229, 179, 0.9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  letter-spacing: -1px;
}

/* Graphique circulaire (pie chart) pour les tâches répétitives */
/* line 409, app/assets/stylesheets/website/components/_problem.scss */
.stat-chart-pie {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* line 416, app/assets/stylesheets/website/components/_problem.scss */
.pie-chart-container {
  position: relative;
  width: 100px;
  height: 100px;
  flex-shrink: 0;
}

/* line 423, app/assets/stylesheets/website/components/_problem.scss */
.pie-svg {
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

/* line 430, app/assets/stylesheets/website/components/_problem.scss */
.pie-background {
  transition: stroke 0.3s ease;
}

/* line 434, app/assets/stylesheets/website/components/_problem.scss */
.pie-segment {
  transition: stroke-dashoffset 1.5s cubic-bezier(0.4, 0, 0.2, 1);
  filter: drop-shadow(0 0 8px rgba(255, 107, 53, 0.5));
  animation: pieFill 1.5s ease-out forwards;
}

/* line 440, app/assets/stylesheets/website/components/_problem.scss */
.pie-segment {
  transition: stroke-dasharray 2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 445, app/assets/stylesheets/website/components/_problem.scss */
.pie-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* line 453, app/assets/stylesheets/website/components/_problem.scss */
.pie-value {
  font-size: 1.5rem;
  font-weight: 900;
  background: linear-gradient(135deg, #F6E5B3 0%, rgba(246, 229, 179, 0.9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  letter-spacing: -1px;
}

/* Graphique en barres empilées pour les rôles */
/* line 466, app/assets/stylesheets/website/components/_problem.scss */
.stat-chart-stacked {
  height: 140px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

/* line 473, app/assets/stylesheets/website/components/_problem.scss */
.stacked-bars-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  gap: 0.5rem;
  padding: 0.5rem 0;
}

/* line 484, app/assets/stylesheets/website/components/_problem.scss */
.stacked-bar-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 491, app/assets/stylesheets/website/components/_problem.scss */
.stacked-bar-label {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
  min-width: 70px;
  text-align: left;
}

/* line 499, app/assets/stylesheets/website/components/_problem.scss */
.stacked-bar {
  flex: 1;
  height: 16px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

/* line 509, app/assets/stylesheets/website/components/_problem.scss */
.stacked-bar-fill {
  height: 100%;
  border-radius: 8px;
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  animation: stackedBarGrow 1s ease-out forwards;
  box-shadow: 0 0 8px rgba(255, 107, 107, 0.3);
}

/* line 517, app/assets/stylesheets/website/components/_problem.scss */
.stacked-bar-role-1 {
  background: linear-gradient(90deg, #FF6B6B 0%, #FF4757 100%);
}

/* line 521, app/assets/stylesheets/website/components/_problem.scss */
.stacked-bar-role-2 {
  background: linear-gradient(90deg, #FF8E53 0%, #FF6B35 100%);
}

/* line 525, app/assets/stylesheets/website/components/_problem.scss */
.stacked-bar-role-3 {
  background: linear-gradient(90deg, #FFA07A 0%, #FF8C69 100%);
}

/* line 529, app/assets/stylesheets/website/components/_problem.scss */
.stacked-bar-role-4 {
  background: linear-gradient(90deg, #FFB347 0%, #FFA500 100%);
}

/* line 533, app/assets/stylesheets/website/components/_problem.scss */
.stacked-bar-role-5 {
  background: linear-gradient(90deg, #FF6B6B 0%, #FF8E53 100%);
}

@keyframes stackedBarGrow {
  from {
    width: 0;
  }
  to {
    width: var(--bar-width, 100%);
  }
}

/* Graphique calendrier pour les échéances */
/* line 547, app/assets/stylesheets/website/components/_problem.scss */
.stat-chart-calendar {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 554, app/assets/stylesheets/website/components/_problem.scss */
.calendar-container {
  width: 180px;
  min-width: 180px;
  margin: 0 auto;
  padding: 10px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* line 564, app/assets/stylesheets/website/components/_problem.scss */
.calendar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin: 0;
}

/* line 571, app/assets/stylesheets/website/components/_problem.scss */
.calendar-day {
  position: relative;
  aspect-ratio: 1;
  min-width: 32px;
  min-height: 32px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/* line 585, app/assets/stylesheets/website/components/_problem.scss */
.calendar-day.deadline-day {
  background: rgba(255, 107, 107, 0.15);
  border-color: rgba(255, 107, 107, 0.4);
  box-shadow: 0 0 8px rgba(255, 107, 107, 0.3);
  animation: deadlinePulse 2s ease-in-out infinite;
}

@keyframes deadlinePulse {
  0%, 100% {
    box-shadow: 0 0 8px rgba(255, 107, 107, 0.3);
  }
  50% {
    box-shadow: 0 0 16px rgba(255, 107, 107, 0.5);
  }
}

/* line 601, app/assets/stylesheets/website/components/_problem.scss */
.day-number {
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  z-index: 1;
}

/* line 608, app/assets/stylesheets/website/components/_problem.scss */
.deadline-day .day-number {
  color: #FF6B6B;
  font-weight: 700;
}

/* line 613, app/assets/stylesheets/website/components/_problem.scss */
.deadline-marker {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 6px;
  height: 6px;
  background: #FF6B6B;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(255, 107, 107, 0.8);
  animation: markerBlink 1.5s ease-in-out infinite;
}

@keyframes markerBlink {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.9);
  }
}

/* line 636, app/assets/stylesheets/website/components/_problem.scss */
.calendar-legend {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.7);
}

/* line 645, app/assets/stylesheets/website/components/_problem.scss */
.legend-item {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 651, app/assets/stylesheets/website/components/_problem.scss */
.legend-marker {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF6B6B;
  box-shadow: 0 0 4px rgba(255, 107, 107, 0.6);
}

/* Liste des problèmes - Design moderne */
/* line 660, app/assets/stylesheets/website/components/_problem.scss */
.problem-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

@media (max-width: 992px) {
  /* line 660, app/assets/stylesheets/website/components/_problem.scss */
  .problem-list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* line 671, app/assets/stylesheets/website/components/_problem.scss */
.problem-item {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 1rem 1.25rem;
  display: inline-flex;
  gap: 0.75rem;
  align-items: center;
  transition: all 0.3s ease;
  overflow: visible;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

/* line 691, app/assets/stylesheets/website/components/_problem.scss */
.problem-item:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(246, 229, 179, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(246, 229, 179, 0.1) inset;
}

/* line 701, app/assets/stylesheets/website/components/_problem.scss */
.problem-item::after {
  display: none;
}

/* line 706, app/assets/stylesheets/website/components/_problem.scss */
.problem-icon {
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
  opacity: 1;
  color: #F6E5B3;
  font-weight: 400;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 719, app/assets/stylesheets/website/components/_problem.scss */
.problem-icon i {
  font-size: 1.5rem;
  color: #F6E5B3;
  transition: all 0.3s ease;
}

/* line 726, app/assets/stylesheets/website/components/_problem.scss */
.problem-content {
  flex: 1;
  padding-top: 0;
}

/* line 731, app/assets/stylesheets/website/components/_problem.scss */
.problem-item-title {
  font-size: 0.9rem;
  font-weight: 500;
  color: #F6E5B3;
  margin: 0 0 0.4rem 0;
  line-height: 1.3;
  letter-spacing: 0;
}

/* line 740, app/assets/stylesheets/website/components/_problem.scss */
.problem-item-description {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  line-height: 1.4;
  font-weight: 400;
}

/* Responsive amélioré */
@media (max-width: 768px) {
  /* line 752, app/assets/stylesheets/website/components/_problem.scss */
  .problem-container {
    padding: 2.5rem 1rem;
    gap: 2.5rem;
  }
  /* line 757, app/assets/stylesheets/website/components/_problem.scss */
  .problem-item {
    padding: 1.5rem;
    flex-direction: column;
    text-align: center;
  }
  /* line 762, app/assets/stylesheets/website/components/_problem.scss */
  .problem-item:hover {
    transform: translateY(-4px);
  }
  /* line 767, app/assets/stylesheets/website/components/_problem.scss */
  .problem-icon {
    margin: 0 auto;
  }
  /* line 771, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-hours,
.stat-card-percentage {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 777, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-hours .stat-header,
.stat-card-percentage .stat-header {
    text-align: center;
  }
  /* line 782, app/assets/stylesheets/website/components/_problem.scss */
  .stat-chart-bars {
    height: 100px;
    justify-content: center;
  }
  /* line 787, app/assets/stylesheets/website/components/_problem.scss */
  .chart-bars-container {
    gap: 0.4rem;
    justify-content: center;
  }
  /* line 792, app/assets/stylesheets/website/components/_problem.scss */
  .chart-bar-wrapper {
    width: 28px;
  }
  /* line 796, app/assets/stylesheets/website/components/_problem.scss */
  .chart-bar-label {
    font-size: 0.65rem;
  }
  /* line 800, app/assets/stylesheets/website/components/_problem.scss */
  .chart-bar-value {
    font-size: 0.65rem;
    top: -1.25rem;
  }
  /* line 805, app/assets/stylesheets/website/components/_problem.scss */
  .stat-chart-gauge {
    justify-content: center;
  }
  /* line 809, app/assets/stylesheets/website/components/_problem.scss */
  .gauge-container {
    width: 90px;
    height: 90px;
  }
  /* line 814, app/assets/stylesheets/website/components/_problem.scss */
  .gauge-value {
    font-size: 1.3rem;
  }
  /* line 818, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-repetitive,
.stat-card-deadlines {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  /* line 826, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-repetitive .stat-header,
.stat-card-deadlines .stat-header {
    text-align: center;
  }
  /* line 831, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-repetitive .stat-chart {
    order: 1;
  }
  /* line 835, app/assets/stylesheets/website/components/_problem.scss */
  .stat-card-repetitive .stat-header {
    order: 2;
  }
  /* line 839, app/assets/stylesheets/website/components/_problem.scss */
  .pie-chart-container {
    width: 90px;
    height: 90px;
  }
  /* line 844, app/assets/stylesheets/website/components/_problem.scss */
  .pie-value {
    font-size: 1.3rem;
  }
  /* line 848, app/assets/stylesheets/website/components/_problem.scss */
  .stat-chart-calendar {
    justify-content: center;
  }
  /* line 852, app/assets/stylesheets/website/components/_problem.scss */
  .calendar-container {
    width: 100%;
    max-width: 180px;
    min-width: 150px;
  }
  /* line 858, app/assets/stylesheets/website/components/_problem.scss */
  .calendar-grid {
    gap: 6px;
  }
  /* line 862, app/assets/stylesheets/website/components/_problem.scss */
  .calendar-day {
    min-width: 28px;
    min-height: 28px;
  }
  /* line 867, app/assets/stylesheets/website/components/_problem.scss */
  .day-number {
    font-size: 0.65rem;
  }
  /* line 871, app/assets/stylesheets/website/components/_problem.scss */
  .deadline-marker {
    width: 5px;
    height: 5px;
  }
}

/* ===== ANIMATIONS SUBTILES ET ÉLÉGANTES ===== */
/* line 880, app/assets/stylesheets/website/components/_problem.scss */
.problem-icon {
  animation: iconPulse 3s ease-in-out infinite !important;
}

@keyframes iconPulse {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 5px rgba(246, 229, 179, 0.3));
  }
  50% {
    transform: scale(1.1);
    filter: drop-shadow(0 0 15px rgba(246, 229, 179, 0.6));
  }
}

/* line 896, app/assets/stylesheets/website/components/_problem.scss */
.problem-item {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 900, app/assets/stylesheets/website/components/_problem.scss */
.problem-item:hover .problem-icon {
  animation: none !important;
  transform: scale(1.2);
  filter: drop-shadow(0 0 20px rgba(246, 229, 179, 0.8));
  transition: all 0.3s ease;
}

/* line 910, app/assets/stylesheets/website/components/_problem.scss */
.gauge-container {
  animation: gaugePulseContainer 3s ease-in-out infinite;
}

@keyframes gaugePulseContainer {
  0%, 100% {
    filter: drop-shadow(0 0 10px rgba(255, 107, 53, 0.4));
  }
  50% {
    filter: drop-shadow(0 0 25px rgba(255, 107, 53, 0.7));
  }
}

/* line 924, app/assets/stylesheets/website/components/_problem.scss */
.pie-chart-container {
  animation: piePulseContainer 3s ease-in-out infinite;
}

@keyframes piePulseContainer {
  0%, 100% {
    filter: drop-shadow(0 0 10px rgba(255, 107, 53, 0.4));
  }
  50% {
    filter: drop-shadow(0 0 22px rgba(255, 107, 53, 0.65));
  }
}

/* line 938, app/assets/stylesheets/website/components/_problem.scss */
.chart-bar-fill.chart-bar-lost {
  animation: barGlow 2s ease-in-out infinite !important;
}

@keyframes barGlow {
  0%, 100% {
    box-shadow: 0 0 12px rgba(255, 107, 107, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0 0 25px rgba(255, 107, 107, 0.7), 0 0 40px rgba(255, 107, 107, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  }
}

/* line 957, app/assets/stylesheets/website/components/_problem.scss */
.stat-number, .gauge-value, .pie-value {
  animation: valueGlow 3s ease-in-out infinite !important;
}

@keyframes valueGlow {
  0%, 100% {
    text-shadow: 0 0 10px rgba(246, 229, 179, 0.3);
  }
  50% {
    text-shadow: 0 0 30px rgba(246, 229, 179, 0.7);
  }
}

@media (max-width: 768px) {
  /* line 977, app/assets/stylesheets/website/components/_problem.scss */
  .problem-list {
    gap: 10px;
  }
  /* line 981, app/assets/stylesheets/website/components/_problem.scss */
  .problem-item {
    cursor: pointer;
    transition: background 0.2s ease;
    position: relative;
    overflow: hidden;
  }
  /* line 988, app/assets/stylesheets/website/components/_problem.scss */
  .problem-item::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 18px;
    right: 18px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85rem;
    transition: transform 0.25s ease;
    pointer-events: none;
  }
  /* line 1000, app/assets/stylesheets/website/components/_problem.scss */
  .problem-item.is-open::after {
    transform: rotate(180deg);
  }
  /* line 1003, app/assets/stylesheets/website/components/_problem.scss */
  .problem-item .problem-item-description {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    overflow: hidden;
    transition: max-height 0.25s ease, opacity 0.25s ease, margin-top 0.25s ease;
  }
  /* line 1010, app/assets/stylesheets/website/components/_problem.scss */
  .problem-item.is-open .problem-item-description {
    max-height: 200px;
    opacity: 1;
    margin-top: 8px;
  }
}

/* Section Empathy - "Nous l'avons vécu aussi" */
/* line 3, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-section {
  background: transparent;
  padding: 5rem 0;
  position: relative;
  display: flex;
  align-items: center;
}

/* line 11, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 2rem;
  width: 100%;
}

/* Layout 2 colonnes */
/* line 19, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 6rem;
  align-items: stretch;
}

@media (max-width: 992px) {
  /* line 19, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

/* Colonne gauche */
/* line 32, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
}

/* line 39, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-header {
  text-align: left;
}

@media (max-width: 992px) {
  /* line 39, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-header {
    text-align: center;
  }
}

/* line 47, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #F6E5B3;
  line-height: 1.1;
  margin: 0 0 1rem 0;
}

/* line 55, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-subtitle {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin: 0;
}

/* Photo */
/* line 63, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-photo {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.5rem;
  flex: 1;
  max-height: 380px;
  min-height: 280px;
}

@media (max-width: 992px) {
  /* line 63, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-photo {
    max-width: 280px;
    max-height: 300px;
    margin: 0 auto;
    flex: none;
  }
}

/* line 84, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  border-radius: 16px;
  opacity: 0.9;
}

/* Colonne droite */
/* line 95, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
}

/* line 102, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-solution-header {
  display: flex;
  align-items: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

@media (max-width: 992px) {
  /* line 102, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-solution-header {
    justify-content: center;
  }
}

/* line 113, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-solution-intro {
  font-size: 2.5rem;
  font-weight: 800;
  color: #F6E5B3;
  line-height: 1;
  padding-bottom: 0.15rem;
}

/* line 121, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-orizen-logo {
  height: 2.5rem;
  width: auto;
  display: block;
}

/* Solutions en colonne */
/* line 128, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-solutions {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex: 1;
  justify-content: flex-end;
}

/* Cards */
/* line 137, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 1.5rem 1.75rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  transition: all 0.3s ease;
  min-height: 110px;
  /* État initial pour l'animation */
  opacity: 0;
  transform: translateX(30px);
  /* État visible */
}

/* line 156, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/* line 161, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(246, 229, 179, 0.3);
  transform: translateX(0) scale(1.02);
}

/* line 166, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card.is-visible:hover {
  transform: translateX(0) scale(1.02);
}

/* line 171, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card--highlighted {
  background: rgba(255, 107, 53, 0.08);
  border-color: rgba(255, 107, 53, 0.3);
}

/* line 175, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card--highlighted:hover {
  background: rgba(255, 107, 53, 0.12);
  border-color: rgba(255, 107, 53, 0.5);
}

/* line 180, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card--highlighted .empathy-icon {
  background: rgba(255, 107, 53, 0.2);
}

/* line 183, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card--highlighted .empathy-icon i {
  color: #FF6B35;
}

/* line 190, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-icon {
  width: 55px;
  height: 55px;
  min-width: 55px;
  background: rgba(246, 229, 179, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 200, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-icon i {
  font-size: 1.35rem;
  color: #F6E5B3;
}

/* line 206, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card-content {
  flex: 1;
}

/* line 210, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #F6E5B3;
  margin: 0 0 0.35rem 0;
}

/* line 217, app/assets/stylesheets/website/components/_empathy.scss */
.empathy-card-description {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.45;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  /* line 226, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-section {
    padding: 3rem 0;
    min-height: auto;
  }
  /* line 231, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-title {
    font-size: 2rem;
  }
  /* line 235, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-subtitle {
    font-size: 1rem;
  }
  /* line 239, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-solution-intro {
    font-size: 1.75rem;
  }
  /* line 243, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-orizen-logo {
    height: 1.75rem;
  }
  /* line 247, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-card {
    padding: 1.25rem;
    flex-direction: column;
    text-align: center;
    gap: 1rem;
    min-height: auto;
    /* Animation vient d'en bas sur mobile */
    transform: translateY(20px);
  }
  /* line 257, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-card.is-visible {
    transform: translateY(0);
  }
  /* line 261, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-card.is-visible:hover {
    transform: translateY(0) scale(1.02);
  }
  /* line 266, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-icon {
    width: 45px;
    height: 45px;
    min-width: 45px;
  }
  /* line 271, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-icon i {
    font-size: 1.1rem;
  }
  /* line 276, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-card-title {
    font-size: 1rem;
  }
  /* line 280, app/assets/stylesheets/website/components/_empathy.scss */
  .empathy-card-description {
    font-size: 0.85rem;
  }
}

/* Section Les métiers clefs */
/* line 6, app/assets/stylesheets/website/components/_key_trades.scss */
.key-trades-section {
  background: transparent;
  min-height: 100vh;
  padding: 4rem 0;
  position: relative;
  display: flex;
  align-items: center;
}

/* line 15, app/assets/stylesheets/website/components/_key_trades.scss */
.key-trades-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  width: 100%;
}

/* line 22, app/assets/stylesheets/website/components/_key_trades.scss */
.key-trades-header {
  text-align: center;
  margin-bottom: 2.5rem;
}

/* line 27, app/assets/stylesheets/website/components/_key_trades.scss */
.key-trades-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #F6E5B3;
  line-height: 1.1;
  margin: 0 0 0.75rem 0;
}

/* line 35, app/assets/stylesheets/website/components/_key_trades.scss */
.key-trades-subtitle {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

/* Wrapper pour positionner le hub au centre */
/* line 44, app/assets/stylesheets/website/components/_key_trades.scss */
.key-trades-wrapper {
  position: relative;
}

/* Grille des 4 métiers */
/* line 49, app/assets/stylesheets/website/components/_key_trades.scss */
.key-trades-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 3.5rem;
  column-gap: 6rem;
}

@media (max-width: 768px) {
  /* line 49, app/assets/stylesheets/website/components/_key_trades.scss */
  .key-trades-grid {
    grid-template-columns: 1fr;
    row-gap: 1.25rem;
    column-gap: 0;
  }
}

/* Cards des métiers */
/* line 63, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 1.5rem;
  transition: all 0.3s ease;
  overflow: visible;
}

/* line 76, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--top-left {
  border-bottom-right-radius: 70px;
}

/* line 80, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--top-right {
  border-bottom-left-radius: 70px;
}

/* line 84, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--bottom-left {
  border-top-right-radius: 70px;
}

/* line 88, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--bottom-right {
  border-top-left-radius: 70px;
}

/* line 93, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--sales {
  --trade-color: #4CAF50;
}

/* line 96, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--sales .trade-icon {
  background: rgba(76, 175, 80, 0.15);
}

/* line 98, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--sales .trade-icon i {
  color: #4CAF50;
}

/* line 102, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--backoffice {
  --trade-color: #2196F3;
}

/* line 105, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--backoffice .trade-icon {
  background: rgba(33, 150, 243, 0.15);
}

/* line 107, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--backoffice .trade-icon i {
  color: #2196F3;
}

/* line 111, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--mobility {
  --trade-color: #FF6B35;
}

/* line 114, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--mobility .trade-icon {
  background: rgba(255, 107, 53, 0.15);
}

/* line 116, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--mobility .trade-icon i {
  color: #FF6B35;
}

/* line 120, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--management {
  --trade-color: #9C27B0;
}

/* line 123, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--management .trade-icon {
  background: rgba(156, 39, 176, 0.15);
}

/* line 125, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-card--management .trade-icon i {
  color: #9C27B0;
}

/* Header avec icon + title inline */
/* line 131, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

/* line 138, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  background: rgba(246, 229, 179, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

/* line 149, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-icon i {
  font-size: 1.25rem;
  color: #F6E5B3;
}

/* line 155, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-title {
  font-size: 1.35rem;
  font-weight: 700;
  color: #F6E5B3;
  margin: 0;
}

/* line 162, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-description {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.5;
  margin: 0 0 1rem 0;
}

/* Features tags */
/* line 170, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-features {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

/* line 176, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-feature {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.2s ease;
}

/* line 188, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-feature i {
  font-size: 0.65rem;
  opacity: 0.7;
}

/* line 193, app/assets/stylesheets/website/components/_key_trades.scss */
.trade-feature:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}

/* Hub central positionné au milieu */
/* line 200, app/assets/stylesheets/website/components/_key_trades.scss */
.connector-hub {
  position: absolute;
  top: calc(50% + 1.5rem);
  left: 50%;
  transform: translate(-50%, -60%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  z-index: 10;
}

@media (max-width: 768px) {
  /* line 200, app/assets/stylesheets/website/components/_key_trades.scss */
  .connector-hub {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-top: 1.5rem;
  }
}

/* line 220, app/assets/stylesheets/website/components/_key_trades.scss */
.hub-icon {
  width: 130px;
  height: 130px;
  background: radial-gradient(circle, rgba(139, 69, 89, 0.85) 0%, rgba(100, 40, 60, 0.9) 100%);
  border: 2px solid rgba(246, 229, 179, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 20px rgba(255, 107, 53, 0.15), 0 0 40px rgba(139, 69, 89, 0.2);
}

/* line 233, app/assets/stylesheets/website/components/_key_trades.scss */
.hub-icon i {
  font-size: 2.5rem;
  color: #F6E5B3;
}

/* line 238, app/assets/stylesheets/website/components/_key_trades.scss */
.hub-icon .hub-orizen-logo {
  width: 60%;
  height: auto;
  object-fit: contain;
  animation: hub-rotate 8s linear infinite;
  filter: brightness(1.2) saturate(0.6) hue-rotate(10deg);
}

/* line 248, app/assets/stylesheets/website/components/_key_trades.scss */
.hub-label {
  font-size: 0.85rem;
  font-weight: 700;
  color: #F6E5B3;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

/* Animation du hub */
/* line 257, app/assets/stylesheets/website/components/_key_trades.scss */
.connector-hub {
  opacity: 0;
  transform: translate(-50%, -60%) scale(0.5);
  transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* line 262, app/assets/stylesheets/website/components/_key_trades.scss */
.connector-hub.is-visible {
  opacity: 1;
  transform: translate(-50%, -60%) scale(1);
}

@media (max-width: 768px) {
  /* line 257, app/assets/stylesheets/website/components/_key_trades.scss */
  .connector-hub {
    transform: scale(0.5);
  }
  /* line 270, app/assets/stylesheets/website/components/_key_trades.scss */
  .connector-hub.is-visible {
    transform: scale(1);
  }
}

/* Animation pulse permanente sur le hub - subtile */
/* line 277, app/assets/stylesheets/website/components/_key_trades.scss */
.hub-icon {
  animation: hub-pulse 4s ease-in-out infinite;
}

@keyframes hub-pulse {
  0%, 100% {
    box-shadow: 0 0 20px rgba(255, 107, 53, 0.15), 0 0 40px rgba(139, 69, 89, 0.2);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 30px rgba(255, 107, 53, 0.25), 0 0 50px rgba(139, 69, 89, 0.3);
    transform: scale(1.02);
  }
}

/* Animation de rotation douce sur l'icône infinity */
/* line 297, app/assets/stylesheets/website/components/_key_trades.scss */
.hub-icon i {
  animation: hub-rotate 8s linear infinite;
  margin-top: 4px;
  /* Ajustement vertical pour centrage optique */
}

@keyframes hub-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Responsive */
@media (max-width: 768px) {
  /* line 313, app/assets/stylesheets/website/components/_key_trades.scss */
  .key-trades-section {
    padding: 3rem 0;
    min-height: auto;
  }
  /* line 318, app/assets/stylesheets/website/components/_key_trades.scss */
  .key-trades-title {
    font-size: 1.75rem;
  }
  /* line 322, app/assets/stylesheets/website/components/_key_trades.scss */
  .key-trades-subtitle {
    font-size: 0.95rem;
  }
  /* line 326, app/assets/stylesheets/website/components/_key_trades.scss */
  .trade-card {
    padding: 1.25rem;
  }
  /* line 330, app/assets/stylesheets/website/components/_key_trades.scss */
  .trade-card--top-left, .trade-card--top-right, .trade-card--bottom-left, .trade-card--bottom-right {
    border-radius: 16px;
  }
  /* line 338, app/assets/stylesheets/website/components/_key_trades.scss */
  .trade-icon {
    width: 45px;
    height: 45px;
    min-width: 45px;
  }
  /* line 343, app/assets/stylesheets/website/components/_key_trades.scss */
  .trade-icon i {
    font-size: 1.1rem;
  }
  /* line 348, app/assets/stylesheets/website/components/_key_trades.scss */
  .trade-title {
    font-size: 1.15rem;
  }
  /* line 352, app/assets/stylesheets/website/components/_key_trades.scss */
  .trade-description {
    font-size: 0.85rem;
  }
  /* line 356, app/assets/stylesheets/website/components/_key_trades.scss */
  .hub-icon {
    width: 90px;
    height: 90px;
  }
  /* line 360, app/assets/stylesheets/website/components/_key_trades.scss */
  .hub-icon i {
    font-size: 2rem;
  }
  /* line 365, app/assets/stylesheets/website/components/_key_trades.scss */
  .hub-label {
    font-size: 0.75rem;
  }
}

/* line 378, app/assets/stylesheets/website/components/_key_trades.scss */
.key-trades-mobile-tabs {
  display: none;
}

@media (max-width: 768px) {
  /* line 381, app/assets/stylesheets/website/components/_key_trades.scss */
  .key-trades-mobile-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    margin: 24px 0 16px;
    padding: 4px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    overflow: hidden;
  }
  /* line 393, app/assets/stylesheets/website/components/_key_trades.scss */
  .key-trades-tab {
    background: transparent;
    color: rgba(255, 255, 255, 0.55);
    border: none;
    padding: 10px 4px;
    font-size: 0.78rem;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
    font-family: 'Poppins', sans-serif;
  }
  /* line 405, app/assets/stylesheets/website/components/_key_trades.scss */
  .key-trades-tab.is-active {
    color: #fff;
    background: linear-gradient(135deg, #A60240, #640127);
  }
  /* line 412, app/assets/stylesheets/website/components/_key_trades.scss */
  .key-trades-grid {
    display: flex !important;
    flex-direction: column;
    grid-template-areas: none !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  /* line 420, app/assets/stylesheets/website/components/_key_trades.scss */
  .trade-card {
    display: none !important;
    grid-area: unset !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  /* line 427, app/assets/stylesheets/website/components/_key_trades.scss */
  .trade-card.is-active {
    display: block !important;
  }
  /* line 433, app/assets/stylesheets/website/components/_key_trades.scss */
  .connector-hub {
    display: none !important;
  }
}

/* Section Pourquoi Orizen - Landing Page */
/* line 3, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-section {
  background: transparent;
  min-height: 100vh;
  height: auto;
  max-height: none;
  position: relative;
  overflow: visible;
}

/* line 13, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-section::before {
  display: none;
}

/* line 18, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-header-spacer {
  height: 40px;
}

/* line 22, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-container {
  position: relative;
  z-index: 1;
  padding: 1rem 1.5rem;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-height: calc(100vh - 40px);
  height: auto;
  max-height: none;
  justify-content: center;
  overflow: visible;
}

@media (max-width: 768px) {
  /* line 22, app/assets/stylesheets/website/components/_why_orizen.scss */
  .why-orizen-container {
    padding: 1.5rem 1rem;
    gap: 1.5rem;
  }
}

/* Header */
/* line 44, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-header {
  text-align: center;
  margin-bottom: 0;
}

/* line 49, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-title {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 900;
  color: #F6E5B3 !important;
  line-height: 1.1;
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.5px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  background: linear-gradient(135deg, #F6E5B3 0%, rgba(246, 229, 179, 0.9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@supports not (-webkit-background-clip: text) {
  /* line 49, app/assets/stylesheets/website/components/_why_orizen.scss */
  .why-orizen-title {
    color: #F6E5B3;
    background: none;
  }
}

/* line 70, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-subtitle {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 0.75rem 0;
  font-weight: 400;
  line-height: 1.4;
}

/* Grille des 4 atouts - Style aligné sur problem-item */
/* line 79, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

@media (max-width: 992px) {
  /* line 79, app/assets/stylesheets/website/components/_why_orizen.scss */
  .why-orizen-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* Cartes des atouts - Style glassmorphism compact aligné sur problem-item */
/* line 91, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-card {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 1rem 1.25rem;
  display: inline-flex;
  gap: 0.75rem;
  align-items: center;
  transition: all 0.3s ease;
  overflow: visible;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

/* line 111, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(246, 229, 179, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(246, 229, 179, 0.1) inset;
}

/* line 121, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-card::before {
  display: none;
}

/* line 125, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-card::after {
  display: none;
}

/* line 130, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-icon {
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
  opacity: 1;
  color: #F6E5B3;
  font-weight: 400;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 142, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-icon i {
  font-size: 1.5rem;
  color: #F6E5B3;
  transition: all 0.4s ease;
}

/* line 149, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-content {
  flex: 1;
  padding-top: 0.25rem;
}

/* line 154, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-item-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #F6E5B3;
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
  letter-spacing: -0.3px;
}

/* line 163, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-item-description {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  line-height: 1.5;
  font-weight: 400;
}

/* Features list */
/* line 172, app/assets/stylesheets/website/components/_why_orizen.scss */
.card-features {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 178, app/assets/stylesheets/website/components/_why_orizen.scss */
.feature-point {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

/* line 188, app/assets/stylesheets/website/components/_why_orizen.scss */
.feature-point:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(246, 229, 179, 0.3);
  transform: translateX(4px);
}

/* line 194, app/assets/stylesheets/website/components/_why_orizen.scss */
.feature-point i {
  flex-shrink: 0;
  color: #28a745;
  font-size: 1.1rem;
  margin-top: 0.1rem;
}

/* line 201, app/assets/stylesheets/website/components/_why_orizen.scss */
.feature-point span {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.5;
}

/* Modes (pour la carte Hybride) */
/* line 209, app/assets/stylesheets/website/components/_why_orizen.scss */
.card-modes {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 215, app/assets/stylesheets/website/components/_why_orizen.scss */
.mode-block {
  padding: 1.25rem;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: all 0.3s ease;
}

/* line 222, app/assets/stylesheets/website/components/_why_orizen.scss */
.mode-block:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(246, 229, 179, 0.4);
  transform: translateX(4px);
}

/* line 229, app/assets/stylesheets/website/components/_why_orizen.scss */
.mode-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

/* line 235, app/assets/stylesheets/website/components/_why_orizen.scss */
.mode-header i {
  font-size: 1.3rem;
  color: #F6E5B3;
}

/* line 240, app/assets/stylesheets/website/components/_why_orizen.scss */
.mode-header .mode-name {
  font-size: 1rem;
  font-weight: 700;
  color: #F6E5B3;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 249, app/assets/stylesheets/website/components/_why_orizen.scss */
.mode-text {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  line-height: 1.6;
  padding-left: 2rem;
}

/* ============================================
   NOUVEAUX 3 PILIERS - Layout moderne
   ============================================ */
/* line 261, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 992px) {
  /* line 261, app/assets/stylesheets/website/components/_why_orizen.scss */
  .why-orizen-pillars {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    max-width: 500px;
  }
}

/* line 275, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-pillar {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 2rem;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

/* line 289, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-pillar:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(246, 229, 179, 0.3);
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(246, 229, 179, 0.1) inset;
}

/* line 298, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-pillar.pillar--highlighted {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(246, 229, 179, 0.3);
  transform: scale(1.02);
}

/* line 303, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-pillar.pillar--highlighted:hover {
  transform: scale(1.02) translateY(-4px);
}

/* line 309, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-badge {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

/* line 325, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 1.5rem;
  background: linear-gradient(135deg, rgba(246, 229, 179, 0.15) 0%, rgba(246, 229, 179, 0.05) 100%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(246, 229, 179, 0.2);
}

/* line 336, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-icon i {
  font-size: 2rem;
  color: #F6E5B3;
}

/* line 341, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-icon.pillar-icon--360 i {
  color: #4FC3F7;
}

/* line 342, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-icon.pillar-icon--ia i {
  color: #FF6B35;
}

/* line 343, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-icon.pillar-icon--team i {
  color: #81C784;
}

/* line 346, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-title {
  font-size: 1.75rem;
  font-weight: 800;
  color: #F6E5B3;
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.5px;
}

/* line 354, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-tagline {
  font-size: 1.1rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 1rem 0;
}

/* line 361, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-description {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.6;
  margin: 0 0 1.5rem 0;
}

/* line 368, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-features {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

/* line 374, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-features li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* line 383, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-features li:last-child {
  border-bottom: none;
}

/* line 387, app/assets/stylesheets/website/components/_why_orizen.scss */
.pillar-features li i {
  color: #28a745;
  font-size: 0.85rem;
  flex-shrink: 0;
}

/* Responsive pillars */
@media (max-width: 768px) {
  /* line 397, app/assets/stylesheets/website/components/_why_orizen.scss */
  .why-orizen-pillar {
    padding: 1.5rem;
  }
  /* line 400, app/assets/stylesheets/website/components/_why_orizen.scss */
  .why-orizen-pillar.pillar--highlighted {
    transform: none;
    order: -1;
  }
  /* line 406, app/assets/stylesheets/website/components/_why_orizen.scss */
  .pillar-icon {
    width: 64px;
    height: 64px;
  }
  /* line 410, app/assets/stylesheets/website/components/_why_orizen.scss */
  .pillar-icon i {
    font-size: 1.5rem;
  }
  /* line 415, app/assets/stylesheets/website/components/_why_orizen.scss */
  .pillar-title {
    font-size: 1.5rem;
  }
}

/* Section Valeurs */
/* line 421, app/assets/stylesheets/website/components/_why_orizen.scss */
.why-orizen-values {
  margin-top: 2rem;
  padding-top: 3rem;
  border-top: 1px solid rgba(246, 229, 179, 0.2);
}

/* line 427, app/assets/stylesheets/website/components/_why_orizen.scss */
.values-title {
  font-size: 2rem;
  font-weight: 700;
  color: #F6E5B3;
  text-align: center;
  margin: 0 0 2rem 0;
}

/* line 435, app/assets/stylesheets/website/components/_why_orizen.scss */
.values-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

@media (max-width: 768px) {
  /* line 435, app/assets/stylesheets/website/components/_why_orizen.scss */
  .values-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

/* line 446, app/assets/stylesheets/website/components/_why_orizen.scss */
.value-item {
  text-align: center;
  padding: 2rem 1.5rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(246, 229, 179, 0.2);
  border-radius: 20px;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

/* line 455, app/assets/stylesheets/website/components/_why_orizen.scss */
.value-item:hover {
  transform: translateY(-4px);
  border-color: rgba(246, 229, 179, 0.4);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

/* line 462, app/assets/stylesheets/website/components/_why_orizen.scss */
.value-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, rgba(246, 229, 179, 0.2) 0%, rgba(246, 229, 179, 0.1) 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  border: 1px solid rgba(246, 229, 179, 0.2);
}

/* line 473, app/assets/stylesheets/website/components/_why_orizen.scss */
.value-icon i {
  font-size: 1.75rem;
  color: #F6E5B3;
}

/* line 479, app/assets/stylesheets/website/components/_why_orizen.scss */
.value-name {
  font-size: 1.3rem;
  font-weight: 700;
  color: #F6E5B3;
  margin: 0 0 0.75rem 0;
}

/* line 486, app/assets/stylesheets/website/components/_why_orizen.scss */
.value-description {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  /* line 495, app/assets/stylesheets/website/components/_why_orizen.scss */
  .why-orizen-card {
    padding: 2rem 1.5rem;
  }
  /* line 499, app/assets/stylesheets/website/components/_why_orizen.scss */
  .card-icon {
    width: 64px;
    height: 64px;
  }
  /* line 503, app/assets/stylesheets/website/components/_why_orizen.scss */
  .card-icon i {
    font-size: 1.75rem;
  }
  /* line 508, app/assets/stylesheets/website/components/_why_orizen.scss */
  .card-title {
    font-size: 1.5rem;
  }
  /* line 512, app/assets/stylesheets/website/components/_why_orizen.scss */
  .mode-text {
    padding-left: 0;
  }
}

/* Section Social Proof - Landing Page */
/* line 3, app/assets/stylesheets/website/components/_social_proof.scss */
.social-proof-section {
  background: transparent;
  height: auto;
  max-height: none;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
}

/* line 12, app/assets/stylesheets/website/components/_social_proof.scss */
.social-proof-section::before {
  display: none;
}

/* line 17, app/assets/stylesheets/website/components/_social_proof.scss */
.social-proof-header-spacer {
  height: 40px;
}

/* line 21, app/assets/stylesheets/website/components/_social_proof.scss */
.social-proof-container {
  position: relative;
  z-index: 1;
  padding: 2rem;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 21, app/assets/stylesheets/website/components/_social_proof.scss */
  .social-proof-container {
    padding: 1.5rem 1rem;
  }
}

/* Layout deux colonnes */
/* line 35, app/assets/stylesheets/website/components/_social_proof.scss */
.social-proof-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: start;
}

@media (max-width: 992px) {
  /* line 35, app/assets/stylesheets/website/components/_social_proof.scss */
  .social-proof-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* line 47, app/assets/stylesheets/website/components/_social_proof.scss */
.social-proof-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Titre commun pour les deux colonnes */
/* line 54, app/assets/stylesheets/website/components/_social_proof.scss */
.social-proof-title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  color: #F6E5B3;
  line-height: 1.2;
  margin: 0 0 1rem 0;
}

/* Partenaires - Colonne gauche */
/* line 64, app/assets/stylesheets/website/components/_social_proof.scss */
.social-proof-partners .partners-logos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  align-items: stretch;
}

@media (max-width: 768px) {
  /* line 64, app/assets/stylesheets/website/components/_social_proof.scss */
  .social-proof-partners .partners-logos {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  /* line 64, app/assets/stylesheets/website/components/_social_proof.scss */
  .social-proof-partners .partners-logos {
    grid-template-columns: 1fr;
  }
}

/* line 80, app/assets/stylesheets/website/components/_social_proof.scss */
.partner-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

/* line 91, app/assets/stylesheets/website/components/_social_proof.scss */
.partner-logo-item:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(246, 229, 179, 0.3);
}

/* line 97, app/assets/stylesheets/website/components/_social_proof.scss */
.partner-logo {
  max-width: 100%;
  max-height: 50px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1) opacity(0.8);
  transition: all 0.3s ease;
}

/* line 106, app/assets/stylesheets/website/components/_social_proof.scss */
.partner-logo-item:hover .partner-logo {
  filter: brightness(0) invert(1) opacity(1);
}

/* Témoignages - Colonne droite - Style aligné sur feature-item */
/* line 113, app/assets/stylesheets/website/components/_social_proof.scss */
.social-proof-testimonials .testimonials-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 120, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonial-item {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 132, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonial-item:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(246, 229, 179, 0.3);
}

/* line 137, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonial-item .testimonial-icon {
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  background: rgba(246, 229, 179, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 147, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonial-item .testimonial-icon i {
  font-size: 1.1rem;
  color: #F6E5B3;
}

/* line 153, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonial-item .testimonial-content {
  flex: 1;
}

/* line 156, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonial-item .testimonial-content .testimonial-text {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
  font-style: italic;
}

/* line 164, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonial-item .testimonial-content .testimonial-author {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 169, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonial-item .testimonial-content .testimonial-author .author-name {
  font-size: 0.85rem;
  font-weight: 700;
  color: #F6E5B3;
}

/* line 175, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonial-item .testimonial-content .testimonial-author .author-role {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
}

/* line 179, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonial-item .testimonial-content .testimonial-author .author-role::before {
  content: "•";
  margin-right: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
  /* line 190, app/assets/stylesheets/website/components/_social_proof.scss */
  .social-proof-title {
    text-align: center;
  }
  /* line 194, app/assets/stylesheets/website/components/_social_proof.scss */
  .testimonial-item {
    flex-direction: column;
    text-align: center;
    padding: 1.25rem;
  }
  /* line 199, app/assets/stylesheets/website/components/_social_proof.scss */
  .testimonial-item .testimonial-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  /* line 204, app/assets/stylesheets/website/components/_social_proof.scss */
  .testimonial-item .testimonial-icon i {
    font-size: 1rem;
  }
  /* line 210, app/assets/stylesheets/website/components/_social_proof.scss */
  .testimonial-item .testimonial-content .testimonial-author {
    justify-content: center;
    flex-wrap: wrap;
  }
}

/* line 227, app/assets/stylesheets/website/components/_social_proof.scss */
.testimonials-dots {
  display: none;
}

@media (max-width: 768px) {
  /* line 231, app/assets/stylesheets/website/components/_social_proof.scss */
  .partners-logos {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    margin-top: 24px !important;
  }
  /* line 238, app/assets/stylesheets/website/components/_social_proof.scss */
  .partner-logo-item {
    aspect-ratio: 1.6 / 1;
    padding: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    display: grid !important;
    place-items: center !important;
  }
  /* line 248, app/assets/stylesheets/website/components/_social_proof.scss */
  .partner-logo {
    max-width: 80%;
    max-height: 100%;
    object-fit: contain;
  }
  /* line 255, app/assets/stylesheets/website/components/_social_proof.scss */
  .testimonials-list {
    position: relative;
    min-height: 200px;
  }
  /* line 260, app/assets/stylesheets/website/components/_social_proof.scss */
  .testimonial-item {
    display: none !important;
    animation: fadeInTestimonial 0.4s ease;
  }
  /* line 265, app/assets/stylesheets/website/components/_social_proof.scss */
  .testimonial-item.is-active {
    display: flex !important;
  }
  /* line 269, app/assets/stylesheets/website/components/_social_proof.scss */
  .testimonials-dots {
    display: flex !important;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    padding: 0;
  }
  /* line 277, app/assets/stylesheets/website/components/_social_proof.scss */
  .testimonials-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background 0.2s, transform 0.2s;
  }
  /* line 287, app/assets/stylesheets/website/components/_social_proof.scss */
  .testimonials-dot.is-active {
    background: #e8b972;
    transform: scale(1.25);
  }
  @keyframes fadeInTestimonial {
    from {
      opacity: 0;
      transform: translateY(8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/* ===== SECTION ADAPTABILITÉ ===== */
/* line 3, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-section {
  position: relative;
  height: 100vh;
  max-height: 100vh;
  padding: 2rem 0;
  background: transparent;
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* line 15, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 50% 0%, rgba(106, 27, 154, 0.15), transparent 50%);
  pointer-events: none;
  z-index: 0;
}

@media (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/website/components/_adaptability.scss */
  .adaptability-section {
    height: auto;
    min-height: 100vh;
    max-height: none;
    padding: 3rem 0;
  }
}

/* line 35, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-header-spacer {
  height: 60px;
}

@media (max-width: 1024px) {
  /* line 35, app/assets/stylesheets/website/components/_adaptability.scss */
  .adaptability-header-spacer {
    height: 80px;
  }
}

/* line 43, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-container {
  position: relative;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* ===== HEADER DE LA SECTION ===== */
/* line 59, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-header {
  text-align: center !important;
  margin-bottom: 2.5rem;
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* line 69, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-header * {
  text-align: center !important;
}

/* line 73, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-header .section-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #F6E5B3;
  margin-bottom: 0.1rem;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.15;
  text-align: center !important;
  align-self: center !important;
  width: 100%;
  max-width: 100%;
  display: block;
}

@media (max-width: 768px) {
  /* line 73, app/assets/stylesheets/website/components/_adaptability.scss */
  .adaptability-header .section-title {
    font-size: clamp(1.4rem, 6vw, 1.8rem);
  }
}

/* line 92, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-header .section-subtitle-text {
  font-size: clamp(1rem, 4vw, 1.2rem);
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  font-style: italic;
  max-width: 700px;
  margin: 0.1rem auto 0.3rem;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 92, app/assets/stylesheets/website/components/_adaptability.scss */
  .adaptability-header .section-subtitle-text {
    font-size: clamp(0.9rem, 3.5vw, 1.1rem);
  }
}

/* ===== GRILLE DES CARTES ===== */
/* line 109, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  /* line 109, app/assets/stylesheets/website/components/_adaptability.scss */
  .adaptability-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    max-width: 600px;
    margin: 0 auto 0;
  }
}

/* ===== CARTES ===== */
/* line 125, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-card {
  position: relative;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: 1.5rem;
  transition: all 0.3s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* line 145, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 150, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-card:hover .card-hover-effect {
  opacity: 1;
}

/* line 154, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-card:hover .icon-wrapper {
  transform: scale(1.1) rotate(5deg);
}

@media (max-width: 1024px) {
  /* line 125, app/assets/stylesheets/website/components/_adaptability.scss */
  .adaptability-card {
    padding: 1.25rem;
  }
}

/* ===== EFFET HOVER BACKGROUND ===== */
/* line 166, app/assets/stylesheets/website/components/_adaptability.scss */
.card-hover-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 0;
}

/* line 178, app/assets/stylesheets/website/components/_adaptability.scss */
.ai-card .card-hover-effect {
  background: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.1), transparent);
}

/* line 182, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .card-hover-effect {
  background: radial-gradient(circle at 50% 0%, rgba(245, 158, 11, 0.1), transparent);
}

/* line 186, app/assets/stylesheets/website/components/_adaptability.scss */
.interconnection-card .card-hover-effect {
  background: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.1), transparent);
}

/* ===== ICÔNE EN HAUT À DROITE ===== */
/* line 192, app/assets/stylesheets/website/components/_adaptability.scss */
.card-icon-top-right {
  flex-shrink: 0;
  align-self: center;
}

/* line 197, app/assets/stylesheets/website/components/_adaptability.scss */
.card-icon-top-right .icon-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  transition: transform 0.3s ease;
  position: relative;
}

@media (max-width: 1024px) {
  /* line 197, app/assets/stylesheets/website/components/_adaptability.scss */
  .card-icon-top-right .icon-wrapper {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
  }
}

/* line 214, app/assets/stylesheets/website/components/_adaptability.scss */
.card-icon-top-right .icon-wrapper i {
  z-index: 2;
}

/* line 219, app/assets/stylesheets/website/components/_adaptability.scss */
.card-icon-top-right .icon-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  opacity: 0.3;
  filter: blur(15px);
  z-index: 1;
}

/* ===== ILLUSTRATION PRINCIPALE ===== */
/* line 235, app/assets/stylesheets/website/components/_adaptability.scss */
.card-illustration {
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  flex-shrink: 0;
  position: relative;
  text-align: center;
  background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.02), transparent 70%);
}

/* line 250, app/assets/stylesheets/website/components/_adaptability.scss */
.card-illustration::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, rgba(100, 1, 39, 0.1) 0%, rgba(20, 13, 35, 0.1) 100%);
  border-radius: 8px;
  z-index: -1;
}

@media (max-width: 1024px) {
  /* line 235, app/assets/stylesheets/website/components/_adaptability.scss */
  .card-illustration {
    min-height: 100px;
  }
}

/* line 270, app/assets/stylesheets/website/components/_adaptability.scss */
.main-illustration {
  max-width: 100%;
  max-height: 120px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  image-rendering: auto;
  image-rendering: smooth;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3)) blur(0.3px) contrast(1.08) brightness(0.99) saturate(1.02);
}

/* line 297, app/assets/stylesheets/website/components/_adaptability.scss */
.main-illustration::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  filter: contrast(1.15) brightness(1.03) saturate(1.08);
  opacity: 0.2;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

/* line 316, app/assets/stylesheets/website/components/_adaptability.scss */
.main-illustration::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(100, 1, 39, 0.03) 0%, transparent 50%, rgba(20, 13, 35, 0.03) 100%);
  pointer-events: none;
  z-index: 2;
}

@media (max-width: 1024px) {
  /* line 270, app/assets/stylesheets/website/components/_adaptability.scss */
  .main-illustration {
    max-height: 100px;
  }
}

/* ===== MOCKUP SÉPARÉ ===== */
/* line 339, app/assets/stylesheets/website/components/_adaptability.scss */
.card-mockup {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  flex-shrink: 0;
}

@media (max-width: 1024px) {
  /* line 339, app/assets/stylesheets/website/components/_adaptability.scss */
  .card-mockup {
    min-height: 90px;
  }
}

/* line 352, app/assets/stylesheets/website/components/_adaptability.scss */
.icon-wrapper {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  transition: transform 0.3s ease;
  position: relative;
}

@media (max-width: 1024px) {
  /* line 352, app/assets/stylesheets/website/components/_adaptability.scss */
  .icon-wrapper {
    width: 80px;
    height: 80px;
    font-size: 2.5rem;
  }
}

/* line 369, app/assets/stylesheets/website/components/_adaptability.scss */
.icon-wrapper i {
  z-index: 2;
}

/* line 374, app/assets/stylesheets/website/components/_adaptability.scss */
.icon-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  opacity: 0.3;
  filter: blur(20px);
  z-index: 1;
}

/* line 389, app/assets/stylesheets/website/components/_adaptability.scss */
.ai-card .card-icon-top-right .icon-wrapper {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(99, 102, 241, 0.4));
}

/* line 392, app/assets/stylesheets/website/components/_adaptability.scss */
.ai-card .card-icon-top-right .icon-wrapper i {
  color: #6366f1;
}

/* line 396, app/assets/stylesheets/website/components/_adaptability.scss */
.ai-card .card-icon-top-right .icon-wrapper::before {
  background: #6366f1;
}

/* line 401, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .card-icon-top-right .icon-wrapper {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.4));
}

/* line 404, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .card-icon-top-right .icon-wrapper i {
  color: #f59e0b;
}

/* line 408, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .card-icon-top-right .icon-wrapper::before {
  background: #f59e0b;
}

/* line 413, app/assets/stylesheets/website/components/_adaptability.scss */
.interconnection-card .card-icon-top-right .icon-wrapper {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.4));
}

/* line 416, app/assets/stylesheets/website/components/_adaptability.scss */
.interconnection-card .card-icon-top-right .icon-wrapper i {
  color: #10b981;
}

/* line 420, app/assets/stylesheets/website/components/_adaptability.scss */
.interconnection-card .card-icon-top-right .icon-wrapper::before {
  background: #10b981;
}

/* ===== CONTENU DE LA CARTE ===== */
/* line 427, app/assets/stylesheets/website/components/_adaptability.scss */
.card-content {
  position: relative;
  z-index: 1;
}

/* line 432, app/assets/stylesheets/website/components/_adaptability.scss */
.card-header {
  margin-bottom: 1.25rem;
  border-radius: 15px !important;
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
}

/* line 467, app/assets/stylesheets/website/components/_adaptability.scss */
.card-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #f6f6f7;
  margin-bottom: 0;
  text-align: left;
  flex: 1;
  margin-right: 1rem;
  text-transform: lowercase !important;
  align-self: center;
}

/* line 479, app/assets/stylesheets/website/components/_adaptability.scss */
.card-title::first-letter {
  text-transform: lowercase !important;
}

@media (max-width: 1024px) {
  /* line 467, app/assets/stylesheets/website/components/_adaptability.scss */
  .card-title {
    font-size: 1.5rem;
  }
}

/* ===== BADGES (SUPPRIMÉS) ===== */
/* line 490, app/assets/stylesheets/website/components/_adaptability.scss */
.card-description {
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(246, 246, 247, 0.75);
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  /* line 490, app/assets/stylesheets/website/components/_adaptability.scss */
  .card-description {
    font-size: 0.95rem;
  }
}

/* ===== FEATURES DE LA CARTE (SUPPRIMÉES) ===== */
/* ===== CTA FINAL (SUPPRIMÉ) ===== */
/* ===== ANIMATIONS D'APPARITION ===== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 518, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-card {
  animation: fadeInUp 0.6s ease-out both;
}

/* line 521, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-card:nth-child(1) {
  animation-delay: 0.1s;
}

/* line 525, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-card:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 529, app/assets/stylesheets/website/components/_adaptability.scss */
.adaptability-card:nth-child(3) {
  animation-delay: 0.3s;
}

/* ===== MOCKUP OVERLAY - SUPPRIMÉ ===== */
/* ===== CARTE 1 : CONVERSATION IA ===== */
/* line 538, app/assets/stylesheets/website/components/_adaptability.scss */
.ai-conversation-demo {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(99, 102, 241, 0.2);
  width: 100%;
  max-width: 280px;
}

/* line 551, app/assets/stylesheets/website/components/_adaptability.scss */
.ai-bubble {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 8px;
  font-size: 0.75rem;
  transition: transform 0.3s ease;
}

/* line 560, app/assets/stylesheets/website/components/_adaptability.scss */
.ai-bubble i {
  font-size: 0.85rem;
  flex-shrink: 0;
}

/* line 565, app/assets/stylesheets/website/components/_adaptability.scss */
.ai-bubble span {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 500;
}

/* line 571, app/assets/stylesheets/website/components/_adaptability.scss */
.user-bubble {
  background: rgba(99, 102, 241, 0.25);
  border: 1px solid rgba(99, 102, 241, 0.4);
  animation: conversationSequence 10s ease-in-out infinite;
  animation-delay: 0s;
}

/* line 577, app/assets/stylesheets/website/components/_adaptability.scss */
.user-bubble i {
  color: #818cf8;
}

/* line 582, app/assets/stylesheets/website/components/_adaptability.scss */
.assistant-bubble {
  background: rgba(16, 185, 129, 0.25);
  border: 1px solid rgba(16, 185, 129, 0.4);
  animation: conversationSequence 10s ease-in-out infinite;
  animation-delay: 3s;
}

/* line 588, app/assets/stylesheets/website/components/_adaptability.scss */
.assistant-bubble i {
  color: #34d399;
}

/* line 593, app/assets/stylesheets/website/components/_adaptability.scss */
.suggestion-bubble {
  background: rgba(245, 158, 11, 0.25);
  border: 1px solid rgba(245, 158, 11, 0.4);
  animation: conversationSequence 10s ease-in-out infinite;
  animation-delay: 6s;
}

/* line 599, app/assets/stylesheets/website/components/_adaptability.scss */
.suggestion-bubble i {
  color: #fbbf24;
}

@keyframes conversationSequence {
  0%, 85%, 100% {
    transform: scale(1);
    opacity: 0.6;
  }
  92% {
    transform: scale(1.05);
    opacity: 1;
  }
}

/* ===== CARTE 2 : TIMELINE DE CROISSANCE ===== */
/* line 617, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .growth-timeline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(245, 158, 11, 0.2);
  gap: 0.5rem;
  width: 100%;
  max-width: 280px;
}

/* line 631, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  flex: 1;
  position: relative;
}

/* line 639, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item > i {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.4);
}

/* line 644, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item span {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
  text-transform: uppercase;
}

/* line 652, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.item-module-1 > i {
  animation: iconColorChange1 10s ease-in-out infinite;
}

/* line 656, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.item-module-2 > i {
  animation: iconColorChange2 10s ease-in-out infinite;
}

/* line 660, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.item-module-3 > i {
  animation: iconColorChange3 10s ease-in-out infinite;
}

/* line 664, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.item-module-4 > i {
  animation: iconColorChange4 10s ease-in-out infinite;
}

/* line 668, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge {
  font-size: 0.6rem;
  padding: 0.15rem 0.4rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.2rem;
  min-height: 1.2rem;
}

/* line 680, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge i {
  font-size: 0.5rem;
}

/* line 685, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-1 {
  animation: moduleProgression1 10s ease-in-out infinite;
  background: rgba(245, 158, 11, 0.3);
  color: #f59e0b;
  position: relative;
}

/* line 691, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-1::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  font-weight: bold;
  animation: checkmarkShow1 10s ease-in-out infinite;
}

/* line 702, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-1 i {
  animation: iconHide1 10s ease-in-out infinite;
}

/* line 707, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-2 {
  animation: moduleProgression2 10s ease-in-out infinite;
  background: rgba(245, 158, 11, 0.3);
  color: #f59e0b;
  position: relative;
}

/* line 713, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-2::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  font-weight: bold;
  animation: checkmarkShow2 10s ease-in-out infinite;
}

/* line 724, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-2 i {
  animation: iconHide2 10s ease-in-out infinite;
}

/* line 729, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-3 {
  animation: moduleProgression3 10s ease-in-out infinite;
  background: rgba(245, 158, 11, 0.3);
  color: #f59e0b;
  position: relative;
}

/* line 735, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-3::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  font-weight: bold;
  animation: checkmarkShow3 10s ease-in-out infinite;
}

/* line 746, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-3 i {
  animation: iconHide3 10s ease-in-out infinite;
}

/* line 751, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-4 {
  animation: moduleProgression4 10s ease-in-out infinite;
  background: rgba(245, 158, 11, 0.3);
  color: #f59e0b;
  position: relative;
}

/* line 757, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-4::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  font-weight: bold;
  animation: checkmarkShow4 10s ease-in-out infinite;
}

/* line 768, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item .timeline-badge.module-4 i {
  animation: iconHide4 10s ease-in-out infinite;
}

/* line 775, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.active i {
  color: #34d399;
}

/* line 779, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.active span {
  color: rgba(255, 255, 255, 0.95);
}

/* line 783, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.active .timeline-badge.success {
  background: rgba(16, 185, 129, 0.3);
  color: #34d399;
}

/* line 790, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.pending i {
  color: #fbbf24;
}

/* line 794, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.pending .timeline-badge.pending {
  background: rgba(245, 158, 11, 0.3);
  color: #fbbf24;
  font-size: 0.8rem;
  font-weight: bold;
  border: 1px solid rgba(245, 158, 11, 0.4);
}

/* line 804, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.future i {
  color: rgba(255, 255, 255, 0.4);
}

/* line 808, app/assets/stylesheets/website/components/_adaptability.scss */
.modularity-card .timeline-item.future .timeline-badge.future {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.5rem;
  padding: 0.1rem 0.3rem;
  font-style: italic;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

@keyframes moduleProgression1 {
  0%, 15% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
  20% {
    background: rgba(16, 185, 129, 0.4);
    color: #34d399;
    transform: scale(1.1);
  }
  25%, 95% {
    background: rgba(16, 185, 129, 0.3);
    color: #34d399;
    transform: scale(1);
  }
  96%, 100% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
}

@keyframes moduleProgression2 {
  0%, 35% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
  40% {
    background: rgba(16, 185, 129, 0.4);
    color: #34d399;
    transform: scale(1.1);
  }
  45%, 95% {
    background: rgba(16, 185, 129, 0.3);
    color: #34d399;
    transform: scale(1);
  }
  96%, 100% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
}

@keyframes moduleProgression3 {
  0%, 55% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
  60% {
    background: rgba(16, 185, 129, 0.4);
    color: #34d399;
    transform: scale(1.1);
  }
  65%, 95% {
    background: rgba(16, 185, 129, 0.3);
    color: #34d399;
    transform: scale(1);
  }
  96%, 100% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
}

@keyframes moduleProgression4 {
  0%, 75% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
  80% {
    background: rgba(16, 185, 129, 0.4);
    color: #34d399;
    transform: scale(1.1);
  }
  85%, 95% {
    background: rgba(16, 185, 129, 0.3);
    color: #34d399;
    transform: scale(1);
  }
  96%, 100% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
}

@keyframes iconHide1 {
  0%, 15% {
    opacity: 1;
  }
  20%, 95% {
    opacity: 0;
  }
  96%, 100% {
    opacity: 1;
  }
}

@keyframes checkmarkShow1 {
  0%, 15% {
    opacity: 0;
  }
  20%, 95% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}

@keyframes iconHide2 {
  0%, 35% {
    opacity: 1;
  }
  40%, 95% {
    opacity: 0;
  }
  96%, 100% {
    opacity: 1;
  }
}

@keyframes checkmarkShow2 {
  0%, 35% {
    opacity: 0;
  }
  40%, 95% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}

@keyframes iconHide3 {
  0%, 55% {
    opacity: 1;
  }
  60%, 95% {
    opacity: 0;
  }
  96%, 100% {
    opacity: 1;
  }
}

@keyframes checkmarkShow3 {
  0%, 55% {
    opacity: 0;
  }
  60%, 95% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}

@keyframes iconHide4 {
  0%, 75% {
    opacity: 1;
  }
  80%, 95% {
    opacity: 0;
  }
  96%, 100% {
    opacity: 1;
  }
}

@keyframes checkmarkShow4 {
  0%, 75% {
    opacity: 0;
  }
  80%, 95% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}

@keyframes iconColorChange1 {
  0%, 15% {
    color: rgba(255, 255, 255, 0.4);
  }
  20%, 95% {
    color: #34d399;
  }
  96%, 100% {
    color: rgba(255, 255, 255, 0.4);
  }
}

@keyframes iconColorChange2 {
  0%, 35% {
    color: rgba(255, 255, 255, 0.4);
  }
  40%, 95% {
    color: #34d399;
  }
  96%, 100% {
    color: rgba(255, 255, 255, 0.4);
  }
}

@keyframes iconColorChange3 {
  0%, 55% {
    color: rgba(255, 255, 255, 0.4);
  }
  60%, 95% {
    color: #34d399;
  }
  96%, 100% {
    color: rgba(255, 255, 255, 0.4);
  }
}

@keyframes iconColorChange4 {
  0%, 75% {
    color: rgba(255, 255, 255, 0.4);
  }
  80%, 95% {
    color: #34d399;
  }
  96%, 100% {
    color: rgba(255, 255, 255, 0.4);
  }
}

/* ===== CARTE 3 : RÉSEAU WI-FI ===== */
/* line 1017, app/assets/stylesheets/website/components/_adaptability.scss */
.wifi-network {
  position: relative;
  padding: 1rem 0.75rem;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(16, 185, 129, 0.2);
  min-height: 140px;
  width: 100%;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  animation: fadeInUp 0.6s ease-out 0.2s both;
}

/* ===== ROUTEUR WI-FI ===== */
/* line 1036, app/assets/stylesheets/website/components/_adaptability.scss */
.wifi-router {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

/* line 1043, app/assets/stylesheets/website/components/_adaptability.scss */
.router-device {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 1rem;
  background: rgba(16, 185, 129, 0.25);
  border: 2px solid rgba(16, 185, 129, 0.7);
  border-radius: 10px;
  backdrop-filter: blur(5px);
  position: relative;
  animation: fadeInUp 0.6s ease-out 0.4s both;
}

/* line 1057, app/assets/stylesheets/website/components/_adaptability.scss */
.router-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.3);
  border-radius: 50%;
}

/* line 1066, app/assets/stylesheets/website/components/_adaptability.scss */
.router-icon i {
  font-size: 1.2rem;
  color: #34d399;
}

/* line 1072, app/assets/stylesheets/website/components/_adaptability.scss */
.router-label {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 700;
  text-align: center;
}

/* line 1079, app/assets/stylesheets/website/components/_adaptability.scss */
.signal-indicator {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 12px;
  height: 12px;
  background: #34d399;
  border-radius: 50%;
  animation: signalPulse 2s ease-in-out infinite;
  z-index: 10;
}

/* ===== ONDES WI-FI ===== */
/* line 1093, app/assets/stylesheets/website/components/_adaptability.scss */
.wifi-waves {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}

/* line 1102, app/assets/stylesheets/website/components/_adaptability.scss */
.wave {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(16, 185, 129, 0.6);
  border-radius: 50%;
  animation: waveExpand 3s ease-in-out infinite;
  z-index: 1;
}

/* line 1112, app/assets/stylesheets/website/components/_adaptability.scss */
.wave.wave-1 {
  width: 40px;
  height: 40px;
  animation-delay: 0s;
  border-color: rgba(16, 185, 129, 0.8);
}

/* line 1119, app/assets/stylesheets/website/components/_adaptability.scss */
.wave.wave-2 {
  width: 60px;
  height: 60px;
  animation-delay: 0.5s;
  border-color: rgba(16, 185, 129, 0.6);
}

/* line 1126, app/assets/stylesheets/website/components/_adaptability.scss */
.wave.wave-3 {
  width: 80px;
  height: 80px;
  animation-delay: 1s;
  border-color: rgba(16, 185, 129, 0.4);
}

/* ===== APPAREILS CONNECTÉS ===== */
/* line 1136, app/assets/stylesheets/website/components/_adaptability.scss */
.connected-devices {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  max-width: 220px;
  z-index: 2;
  margin-top: 10px;
}

/* line 1146, app/assets/stylesheets/website/components/_adaptability.scss */
.device {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 8px;
  backdrop-filter: blur(5px);
  position: relative;
  min-width: 60px;
  animation: fadeInUp 0.6s ease-out both;
}

/* line 1161, app/assets/stylesheets/website/components/_adaptability.scss */
.device.device-1 {
  animation-delay: 0.8s;
}

/* line 1165, app/assets/stylesheets/website/components/_adaptability.scss */
.device.device-2 {
  animation-delay: 1s;
}

/* line 1169, app/assets/stylesheets/website/components/_adaptability.scss */
.device.device-3 {
  animation-delay: 1.2s;
}

/* line 1174, app/assets/stylesheets/website/components/_adaptability.scss */
.device-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.2);
  border-radius: 6px;
}

/* line 1183, app/assets/stylesheets/website/components/_adaptability.scss */
.device-icon i {
  font-size: 0.9rem;
  color: #34d399;
}

/* line 1189, app/assets/stylesheets/website/components/_adaptability.scss */
.device-label {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  text-align: center;
}

/* line 1196, app/assets/stylesheets/website/components/_adaptability.scss */
.connection-status {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  animation: connectionBlink 1.5s ease-in-out infinite;
  z-index: 5;
}

/* ===== CONNEXIONS PUZZLE INTÉGRÉES ===== */
/* ===== PIÈCES PÉRIPHÉRIQUES ===== */
/* line 1215, app/assets/stylesheets/website/components/_adaptability.scss */
.puzzle-periphery {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  max-width: 220px;
  z-index: 2;
}

/* line 1224, app/assets/stylesheets/website/components/_adaptability.scss */
.peripheral-piece {
  flex: 1;
  min-width: 65px;
}

/* line 1229, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-arrow {
  position: absolute;
  width: 3px;
  height: 40px;
  background: linear-gradient(to bottom, #34d399, #10b981, transparent);
  animation: flowPulse 2s ease-in-out infinite;
  border-radius: 2px;
}

/* line 1238, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-arrow::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #10b981;
}

/* line 1251, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-arrow.arrow-1 {
  top: 30%;
  left: 25%;
  transform: rotate(-30deg);
  animation-delay: 0s;
  background: linear-gradient(to bottom, #34d399, #059669, transparent);
}

/* line 1258, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-arrow.arrow-1::after {
  border-top-color: #059669;
}

/* line 1263, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-arrow.arrow-2 {
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  animation-delay: 0.3s;
  background: linear-gradient(to bottom, #34d399, #059669, transparent);
}

/* line 1270, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-arrow.arrow-2::after {
  border-top-color: #059669;
}

/* line 1275, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-arrow.arrow-3 {
  top: 30%;
  right: 25%;
  transform: rotate(30deg);
  animation-delay: 0.6s;
  background: linear-gradient(to bottom, #34d399, #059669, transparent);
}

/* line 1282, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-arrow.arrow-3::after {
  border-top-color: #059669;
}

/* line 1288, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-targets {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}

/* line 1294, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  flex: 1;
  padding: 0.5rem;
  background: rgba(16, 185, 129, 0.15);
  border-radius: 8px;
  border: 1px solid rgba(16, 185, 129, 0.3);
  animation: fadeInFlow 0.6s ease-out forwards;
  opacity: 0;
  transition: all 0.3s ease;
  position: relative;
}

/* line 1310, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target::before {
  content: '';
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  background: #34d399;
  border-radius: 50%;
  opacity: 0;
  animation: receiveData 2s ease-in-out infinite;
}

/* line 1324, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target:nth-child(1) {
  animation-delay: 0.3s;
}

/* line 1326, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target:nth-child(1)::before {
  animation-delay: 0.5s;
}

/* line 1328, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target:nth-child(2) {
  animation-delay: 0.4s;
}

/* line 1330, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target:nth-child(2)::before {
  animation-delay: 0.8s;
}

/* line 1332, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target:nth-child(3) {
  animation-delay: 0.5s;
}

/* line 1334, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target:nth-child(3)::before {
  animation-delay: 1.1s;
}

/* line 1337, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target i {
  font-size: 0.9rem;
  color: #34d399;
  transition: color 0.3s ease;
}

/* line 1343, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target span {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  text-align: center;
}

/* line 1351, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target:hover {
  background: rgba(16, 185, 129, 0.25);
  border-color: rgba(16, 185, 129, 0.5);
  transform: scale(1.05);
}

/* line 1356, app/assets/stylesheets/website/components/_adaptability.scss */
.flow-target:hover i {
  color: #10b981;
}

@keyframes pulseGlow {
  0%, 100% {
    filter: drop-shadow(0 0 5px rgba(16, 185, 129, 0.3));
  }
  50% {
    filter: drop-shadow(0 0 15px rgba(16, 185, 129, 0.6));
  }
}

@keyframes flowPulse {
  0% {
    opacity: 0.2;
    transform: scaleY(0.8);
  }
  25% {
    opacity: 0.8;
    transform: scaleY(1);
  }
  50% {
    opacity: 1;
    transform: scaleY(1.1);
  }
  75% {
    opacity: 0.6;
    transform: scaleY(1);
  }
  100% {
    opacity: 0.2;
    transform: scaleY(0.8);
  }
}

@keyframes fadeInFlow {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes receiveData {
  0%, 90% {
    opacity: 0;
    transform: translateX(-50%) scale(0);
  }
  10%, 80% {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
  85% {
    opacity: 0.5;
    transform: translateX(-50%) scale(1.2);
  }
}

/* ===== ANIMATIONS RÉSEAU WI-FI ===== */
@keyframes signalPulse {
  0%, 100% {
    opacity: 0.6;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

@keyframes waveExpand {
  0% {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(0.8);
  }
  50% {
    opacity: 0.4;
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5);
  }
}

@keyframes connectionBlink {
  0%, 50% {
    opacity: 1;
    transform: scale(1);
  }
  25%, 75% {
    opacity: 0.3;
    transform: scale(0.8);
  }
}

/* ===== PRÉPARATION POUR ILLUSTRATIONS FUTURES ===== */
/* line 1464, app/assets/stylesheets/website/components/_adaptability.scss */
.card-illustration {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* line 1472, app/assets/stylesheets/website/components/_adaptability.scss */
.card-illustration.svg-illustration {
  fill: currentColor;
}

/* line 1477, app/assets/stylesheets/website/components/_adaptability.scss */
.card-illustration.image-illustration {
  object-fit: contain;
}

/* ===== SECTION ASSISTANT IA CONVERSATIONNEL ===== */
/* line 3, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-section {
  position: relative;
  min-height: 100vh;
  padding: 2rem 0;
  background: transparent;
  overflow: visible;
  display: flex;
  align-items: center;
}

/* line 13, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-section::before {
  display: none;
}

@media (max-height: 800px) {
  /* line 3, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-section {
    min-height: auto;
    padding: 3rem 0;
  }
}

@media (max-width: 1024px) {
  /* line 3, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-section {
    min-height: auto;
    padding: 3rem 0;
  }
}

/* line 29, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-header-spacer {
  height: 40px;
}

@media (max-width: 1024px) {
  /* line 29, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-header-spacer {
    height: 60px;
  }
}

/* line 37, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-container {
  position: relative;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* Header */
/* line 51, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-header {
  text-align: center;
  margin-bottom: 2rem;
  width: 100%;
}

/* line 57, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #F6E5B3;
  line-height: 1.1;
  margin: 0 0 0.75rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 70, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-orizen-logo {
  height: 2.25rem;
  width: auto;
  display: inline-block;
  vertical-align: baseline;
}

/* line 77, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-subtitle {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin: 0;
}

/* Contenu principal */
/* line 85, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: center;
  width: 100%;
  max-width: 1200px;
}

@media (max-width: 992px) {
  /* line 85, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* Illustration - style aligné sur modularity-illustration */
/* line 100, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-highlight {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

/* line 107, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-illustration {
  position: relative;
}

/* line 110, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-illustration .main-illustration {
  max-width: 90px;
  height: auto;
  filter: drop-shadow(0 4px 20px rgba(246, 229, 179, 0.3));
}

/* line 116, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-illustration::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(246, 229, 179, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  z-index: -1;
  animation: aiAssistantGlow 3s ease-in-out infinite;
}

@keyframes aiAssistantGlow {
  0%, 100% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
  }
}

/* line 142, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-label {
  font-size: 1.1rem;
  font-weight: 700;
  color: #F6E5B3;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* Mockup conversation - Chat simulation */
/* line 151, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-mockup {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  max-height: 280px;
}

/* line 159, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-chat-demo {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  max-width: 380px;
  padding: 1rem;
}

/* line 168, app/assets/stylesheets/website/components/_ai_assistant.scss */
.chat-message {
  max-width: 85%;
  padding: 0.75rem 1rem;
  border-radius: 16px;
  font-size: 0.9rem;
  line-height: 1.4;
  opacity: 0;
  transform: translateY(10px);
  animation: chatAppear 8s ease-out infinite;
}

/* line 178, app/assets/stylesheets/website/components/_ai_assistant.scss */
.chat-message span {
  display: block;
  color: rgba(255, 255, 255, 0.95);
}

/* Messages utilisateur - alignés à droite, style orange/corail */
/* line 185, app/assets/stylesheets/website/components/_ai_assistant.scss */
.user-message {
  align-self: flex-end;
  background: linear-gradient(135deg, #F59E0B 0%, #F97316 100%);
  border-radius: 16px 16px 4px 16px;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

/* line 191, app/assets/stylesheets/website/components/_ai_assistant.scss */
.user-message span {
  color: #1a1a2e;
  font-weight: 500;
}

/* Messages assistant - alignés à gauche, style sombre avec bordure */
/* line 198, app/assets/stylesheets/website/components/_ai_assistant.scss */
.assistant-message {
  align-self: flex-start;
  background: rgba(30, 30, 50, 0.8);
  border: 1px solid rgba(246, 229, 179, 0.2);
  border-radius: 16px 16px 16px 4px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* line 206, app/assets/stylesheets/website/components/_ai_assistant.scss */
.assistant-message span {
  color: rgba(255, 255, 255, 0.9);
}

/* line 211, app/assets/stylesheets/website/components/_ai_assistant.scss */
.chat-link {
  display: inline-block;
  margin-top: 0.5rem;
  color: #F6E5B3;
  font-size: 0.85rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}

/* line 220, app/assets/stylesheets/website/components/_ai_assistant.scss */
.chat-link:hover {
  color: #F59E0B;
}

/* Animation séquentielle des messages */
/* line 226, app/assets/stylesheets/website/components/_ai_assistant.scss */
.chat-message:nth-child(1) {
  animation-delay: 0s;
}

/* line 230, app/assets/stylesheets/website/components/_ai_assistant.scss */
.chat-message:nth-child(2) {
  animation-delay: 1.5s;
}

/* line 234, app/assets/stylesheets/website/components/_ai_assistant.scss */
.chat-message:nth-child(3) {
  animation-delay: 4s;
}

/* line 238, app/assets/stylesheets/website/components/_ai_assistant.scss */
.chat-message:nth-child(4) {
  animation-delay: 5.5s;
}

@keyframes chatAppear {
  0%, 100% {
    opacity: 0;
    transform: translateY(10px);
  }
  5% {
    opacity: 1;
    transform: translateY(0);
  }
  85% {
    opacity: 1;
    transform: translateY(0);
  }
  95% {
    opacity: 0;
    transform: translateY(-5px);
  }
}

/* Features - style aligné sur modularity-examples */
/* line 262, app/assets/stylesheets/website/components/_ai_assistant.scss */
.ai-assistant-features {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 1rem;
}

@media (max-width: 768px) {
  /* line 262, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-features {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* line 275, app/assets/stylesheets/website/components/_ai_assistant.scss */
.feature-item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 287, app/assets/stylesheets/website/components/_ai_assistant.scss */
.feature-item:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(246, 229, 179, 0.3);
}

/* line 292, app/assets/stylesheets/website/components/_ai_assistant.scss */
.feature-item .feature-icon {
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  background: rgba(246, 229, 179, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 302, app/assets/stylesheets/website/components/_ai_assistant.scss */
.feature-item .feature-icon i {
  font-size: 1.35rem;
  color: #F6E5B3;
}

/* line 308, app/assets/stylesheets/website/components/_ai_assistant.scss */
.feature-item .feature-content {
  flex: 1;
}

/* line 311, app/assets/stylesheets/website/components/_ai_assistant.scss */
.feature-item .feature-content h3, .feature-item .feature-content .h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #F6E5B3;
  margin: 0 0 0.35rem 0;
}

/* line 318, app/assets/stylesheets/website/components/_ai_assistant.scss */
.feature-item .feature-content p {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.5;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  /* line 329, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-container {
    padding: 0 1rem;
  }
  /* line 333, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-title {
    font-size: 1.75rem;
  }
  /* line 337, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-orizen-logo {
    height: 1.5rem;
  }
  /* line 341, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-subtitle {
    font-size: 0.95rem;
  }
  /* line 345, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-illustration .main-illustration {
    max-width: 70px;
  }
  /* line 349, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-label {
    font-size: 0.9rem;
  }
  /* line 353, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-content {
    gap: 2rem;
  }
  /* line 357, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-mockup {
    min-height: 180px;
    max-height: 240px;
  }
  /* line 362, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-chat-demo {
    max-width: 100%;
    padding: 0.75rem;
  }
  /* line 367, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .chat-message {
    max-width: 90%;
    padding: 0.6rem 0.85rem;
    font-size: 0.85rem;
  }
  /* line 373, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .ai-assistant-features {
    gap: 1rem;
  }
  /* line 377, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .feature-item {
    flex-direction: column;
    text-align: center;
    padding: 1.25rem;
  }
  /* line 382, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .feature-item .feature-icon {
    width: 50px;
    height: 50px;
  }
  /* line 386, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .feature-item .feature-icon i {
    font-size: 1.1rem;
  }
  /* line 391, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .feature-item .feature-content h3, .feature-item .feature-content .h3 {
    font-size: 1rem;
  }
  /* line 395, app/assets/stylesheets/website/components/_ai_assistant.scss */
  .feature-item .feature-content p {
    font-size: 0.85rem;
  }
}

/* ===== SECTION MODULARITÉ ===== */
/* line 3, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-section {
  background: transparent;
  min-height: 100vh;
  padding: 4rem 0;
  position: relative;
  display: flex;
  align-items: center;
}

/* line 12, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 2rem;
  width: 100%;
}

/* Header pleine largeur */
/* line 20, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-header {
  text-align: center;
  margin-bottom: 2rem;
}

@media (max-width: 992px) {
  /* line 20, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-header {
    margin-bottom: 1.5rem;
  }
}

/* line 29, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #F6E5B3;
  line-height: 1.1;
  margin: 0 0 0.75rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 42, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-orizen-logo {
  height: 2.25rem;
  width: auto;
  display: inline-block;
  vertical-align: baseline;
}

/* line 49, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-subtitle {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin: 0;
}

/* Layout 2 colonnes */
/* line 57, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: end;
}

@media (max-width: 992px) {
  /* line 57, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: stretch;
  }
}

/* Colonne gauche */
/* line 71, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-end;
}

/* Modulaire - mise en valeur */
/* line 79, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-highlight {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

/* line 86, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-illustration {
  position: relative;
}

/* line 89, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-illustration .main-illustration {
  max-width: 90px;
  height: auto;
  filter: drop-shadow(0 4px 20px rgba(246, 229, 179, 0.3));
}

/* line 95, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-illustration::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(246, 229, 179, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  z-index: -1;
  animation: modularityGlow 3s ease-in-out infinite;
}

@keyframes modularityGlow {
  0%, 100% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
  }
}

/* line 121, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-label {
  font-size: 1.1rem;
  font-weight: 700;
  color: #F6E5B3;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* Growth board - style glassmorphism comme circuit-board */
/* line 130, app/assets/stylesheets/website/components/_modularity.scss */
.growth-board {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 1rem;
  display: flex;
  justify-content: center;
}

/* line 144, app/assets/stylesheets/website/components/_modularity.scss */
.growth-timeline {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  padding: 0;
  border-radius: 0;
}

/* line 157, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  flex: 0 0 auto;
  position: relative;
  /* Animations par module */
}

/* line 165, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item .timeline-icon {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/* line 176, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item .timeline-icon i {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.5);
}

/* line 182, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item .timeline-label {
  font-size: 0.65rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 190, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item .timeline-badge {
  font-size: 0.55rem;
  padding: 0.12rem 0.35rem;
  border-radius: 999px;
  background: rgba(245, 158, 11, 0.3);
  color: #f59e0b;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.1rem;
  min-height: 1.1rem;
  position: relative;
}

/* line 203, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item .timeline-badge i {
  font-size: 0.45rem;
}

/* line 207, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item .timeline-badge::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.65rem;
  font-weight: bold;
  opacity: 0;
}

/* line 221, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-1 .timeline-icon i {
  animation: iconColorChange1 12s ease-in-out infinite;
}

/* line 222, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-1 .timeline-badge {
  animation: moduleProgression1 12s ease-in-out infinite;
}

/* line 223, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-1 .timeline-badge i {
  animation: iconHide1 12s ease-in-out infinite;
}

/* line 224, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-1 .timeline-badge::after {
  animation: checkmarkShow1 12s ease-in-out infinite;
}

/* line 228, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-2 .timeline-icon i {
  animation: iconColorChange2 12s ease-in-out infinite;
}

/* line 229, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-2 .timeline-badge {
  animation: moduleProgression2 12s ease-in-out infinite;
}

/* line 230, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-2 .timeline-badge i {
  animation: iconHide2 12s ease-in-out infinite;
}

/* line 231, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-2 .timeline-badge::after {
  animation: checkmarkShow2 12s ease-in-out infinite;
}

/* line 235, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-3 .timeline-icon i {
  animation: iconColorChange3 12s ease-in-out infinite;
}

/* line 236, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-3 .timeline-badge {
  animation: moduleProgression3 12s ease-in-out infinite;
}

/* line 237, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-3 .timeline-badge i {
  animation: iconHide3 12s ease-in-out infinite;
}

/* line 238, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-3 .timeline-badge::after {
  animation: checkmarkShow3 12s ease-in-out infinite;
}

/* line 242, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-4 .timeline-icon i {
  animation: iconColorChange4 12s ease-in-out infinite;
}

/* line 243, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-4 .timeline-badge {
  animation: moduleProgression4 12s ease-in-out infinite;
}

/* line 244, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-4 .timeline-badge i {
  animation: iconHide4 12s ease-in-out infinite;
}

/* line 245, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-4 .timeline-badge::after {
  animation: checkmarkShow4 12s ease-in-out infinite;
}

/* line 249, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-5 .timeline-icon i {
  animation: iconColorChange5 12s ease-in-out infinite;
}

/* line 250, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-5 .timeline-badge {
  animation: moduleProgression5 12s ease-in-out infinite;
}

/* line 251, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-5 .timeline-badge i {
  animation: iconHide5 12s ease-in-out infinite;
}

/* line 252, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-5 .timeline-badge::after {
  animation: checkmarkShow5 12s ease-in-out infinite;
}

/* line 256, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-6 .timeline-icon i {
  animation: iconColorChange6 12s ease-in-out infinite;
}

/* line 257, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-6 .timeline-badge {
  animation: moduleProgression6 12s ease-in-out infinite;
}

/* line 258, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-6 .timeline-badge i {
  animation: iconHide6 12s ease-in-out infinite;
}

/* line 259, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item.item-module-6 .timeline-badge::after {
  animation: checkmarkShow6 12s ease-in-out infinite;
}

/* line 263, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item--more .timeline-icon {
  background: rgba(246, 229, 179, 0.08);
  border: 1px dashed rgba(246, 229, 179, 0.3);
}

/* line 267, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item--more .timeline-icon i {
  font-size: 0.8rem;
  color: rgba(246, 229, 179, 0.7);
}

/* line 273, app/assets/stylesheets/website/components/_modularity.scss */
.timeline-item--more .timeline-label {
  color: rgba(246, 229, 179, 0.7);
  font-weight: 700;
}

/* Colonne droite : Exemples - style aligné avec interconnection-examples */
/* line 281, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-right {
  display: flex;
  align-items: flex-end;
}

/* line 286, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-examples {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

/* line 293, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-examples .example-card {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 305, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-examples .example-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(246, 229, 179, 0.3);
}

/* line 310, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-examples .example-card .example-icon {
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  background: rgba(246, 229, 179, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 320, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-examples .example-card .example-icon i {
  font-size: 1.35rem;
  color: #F6E5B3;
}

/* line 326, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-examples .example-card .example-content {
  flex: 1;
}

/* line 329, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-examples .example-card .example-content h3, .modularity-examples .example-card .example-content .h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #F6E5B3;
  margin: 0 0 0.35rem 0;
}

/* line 336, app/assets/stylesheets/website/components/_modularity.scss */
.modularity-examples .example-card .example-content p {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.5;
  margin: 0;
}

/* Animations de progression des modules - 6 modules sur 12s */
@keyframes moduleProgression1 {
  0%, 8% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
  12% {
    background: rgba(16, 185, 129, 0.4);
    color: #34d399;
    transform: scale(1.1);
  }
  16%, 92% {
    background: rgba(16, 185, 129, 0.3);
    color: #34d399;
    transform: scale(1);
  }
  96%, 100% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
}

@keyframes moduleProgression2 {
  0%, 20% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
  24% {
    background: rgba(16, 185, 129, 0.4);
    color: #34d399;
    transform: scale(1.1);
  }
  28%, 92% {
    background: rgba(16, 185, 129, 0.3);
    color: #34d399;
    transform: scale(1);
  }
  96%, 100% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
}

@keyframes moduleProgression3 {
  0%, 32% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
  36% {
    background: rgba(16, 185, 129, 0.4);
    color: #34d399;
    transform: scale(1.1);
  }
  40%, 92% {
    background: rgba(16, 185, 129, 0.3);
    color: #34d399;
    transform: scale(1);
  }
  96%, 100% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
}

@keyframes moduleProgression4 {
  0%, 44% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
  48% {
    background: rgba(16, 185, 129, 0.4);
    color: #34d399;
    transform: scale(1.1);
  }
  52%, 92% {
    background: rgba(16, 185, 129, 0.3);
    color: #34d399;
    transform: scale(1);
  }
  96%, 100% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
}

@keyframes moduleProgression5 {
  0%, 56% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
  60% {
    background: rgba(16, 185, 129, 0.4);
    color: #34d399;
    transform: scale(1.1);
  }
  64%, 92% {
    background: rgba(16, 185, 129, 0.3);
    color: #34d399;
    transform: scale(1);
  }
  96%, 100% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
}

@keyframes moduleProgression6 {
  0%, 68% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
  72% {
    background: rgba(16, 185, 129, 0.4);
    color: #34d399;
    transform: scale(1.1);
  }
  76%, 92% {
    background: rgba(16, 185, 129, 0.3);
    color: #34d399;
    transform: scale(1);
  }
  96%, 100% {
    background: rgba(245, 158, 11, 0.3);
    color: #f59e0b;
  }
}

@keyframes iconHide1 {
  0%, 8% {
    opacity: 1;
  }
  12%, 92% {
    opacity: 0;
  }
  96%, 100% {
    opacity: 1;
  }
}

@keyframes checkmarkShow1 {
  0%, 8% {
    opacity: 0;
  }
  12%, 92% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}

@keyframes iconHide2 {
  0%, 20% {
    opacity: 1;
  }
  24%, 92% {
    opacity: 0;
  }
  96%, 100% {
    opacity: 1;
  }
}

@keyframes checkmarkShow2 {
  0%, 20% {
    opacity: 0;
  }
  24%, 92% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}

@keyframes iconHide3 {
  0%, 32% {
    opacity: 1;
  }
  36%, 92% {
    opacity: 0;
  }
  96%, 100% {
    opacity: 1;
  }
}

@keyframes checkmarkShow3 {
  0%, 32% {
    opacity: 0;
  }
  36%, 92% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}

@keyframes iconHide4 {
  0%, 44% {
    opacity: 1;
  }
  48%, 92% {
    opacity: 0;
  }
  96%, 100% {
    opacity: 1;
  }
}

@keyframes checkmarkShow4 {
  0%, 44% {
    opacity: 0;
  }
  48%, 92% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}

@keyframes iconHide5 {
  0%, 56% {
    opacity: 1;
  }
  60%, 92% {
    opacity: 0;
  }
  96%, 100% {
    opacity: 1;
  }
}

@keyframes checkmarkShow5 {
  0%, 56% {
    opacity: 0;
  }
  60%, 92% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}

@keyframes iconHide6 {
  0%, 68% {
    opacity: 1;
  }
  72%, 92% {
    opacity: 0;
  }
  96%, 100% {
    opacity: 1;
  }
}

@keyframes checkmarkShow6 {
  0%, 68% {
    opacity: 0;
  }
  72%, 92% {
    opacity: 1;
  }
  96%, 100% {
    opacity: 0;
  }
}

@keyframes iconColorChange1 {
  0%, 8% {
    color: rgba(255, 255, 255, 0.5);
  }
  12%, 92% {
    color: #34d399;
  }
  96%, 100% {
    color: rgba(255, 255, 255, 0.5);
  }
}

@keyframes iconColorChange2 {
  0%, 20% {
    color: rgba(255, 255, 255, 0.5);
  }
  24%, 92% {
    color: #34d399;
  }
  96%, 100% {
    color: rgba(255, 255, 255, 0.5);
  }
}

@keyframes iconColorChange3 {
  0%, 32% {
    color: rgba(255, 255, 255, 0.5);
  }
  36%, 92% {
    color: #34d399;
  }
  96%, 100% {
    color: rgba(255, 255, 255, 0.5);
  }
}

@keyframes iconColorChange4 {
  0%, 44% {
    color: rgba(255, 255, 255, 0.5);
  }
  48%, 92% {
    color: #34d399;
  }
  96%, 100% {
    color: rgba(255, 255, 255, 0.5);
  }
}

@keyframes iconColorChange5 {
  0%, 56% {
    color: rgba(255, 255, 255, 0.5);
  }
  60%, 92% {
    color: #34d399;
  }
  96%, 100% {
    color: rgba(255, 255, 255, 0.5);
  }
}

@keyframes iconColorChange6 {
  0%, 68% {
    color: rgba(255, 255, 255, 0.5);
  }
  72%, 92% {
    color: #34d399;
  }
  96%, 100% {
    color: rgba(255, 255, 255, 0.5);
  }
}

/* Responsive */
@media (max-width: 768px) {
  /* line 498, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-section {
    padding: 3rem 0;
    min-height: auto;
  }
  /* line 503, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-title {
    font-size: 1.75rem;
  }
  /* line 507, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-orizen-logo {
    height: 1.5rem;
  }
  /* line 511, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-subtitle {
    font-size: 0.95rem;
  }
  /* line 515, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-illustration .main-illustration {
    max-width: 70px;
  }
  /* line 519, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-label {
    font-size: 0.9rem;
  }
  /* line 523, app/assets/stylesheets/website/components/_modularity.scss */
  .growth-board {
    padding: 0.75rem;
  }
  /* line 527, app/assets/stylesheets/website/components/_modularity.scss */
  .growth-timeline {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
  }
  /* line 533, app/assets/stylesheets/website/components/_modularity.scss */
  .timeline-item {
    flex: 0 0 auto;
  }
  /* line 536, app/assets/stylesheets/website/components/_modularity.scss */
  .timeline-item .timeline-icon {
    width: 36px;
    height: 36px;
  }
  /* line 540, app/assets/stylesheets/website/components/_modularity.scss */
  .timeline-item .timeline-icon i {
    font-size: 0.8rem;
  }
  /* line 545, app/assets/stylesheets/website/components/_modularity.scss */
  .timeline-item .timeline-label {
    font-size: 0.6rem;
  }
  /* line 550, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-examples .example-card {
    flex-direction: column;
    text-align: center;
    padding: 1.25rem;
  }
  /* line 555, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-examples .example-card .example-icon {
    width: 50px;
    height: 50px;
  }
  /* line 559, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-examples .example-card .example-icon i {
    font-size: 1.1rem;
  }
  /* line 564, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-examples .example-card .example-content h3, .modularity-examples .example-card .example-content .h3 {
    font-size: 1rem;
  }
  /* line 568, app/assets/stylesheets/website/components/_modularity.scss */
  .modularity-examples .example-card .example-content p {
    font-size: 0.85rem;
  }
}

/* ===== SECTION INTERCONNEXION ===== */
/* line 3, app/assets/stylesheets/website/components/_interconnection.scss */
.interconnection-section {
  background: transparent;
  min-height: 100vh;
  padding: 4rem 0;
  position: relative;
  display: flex;
  align-items: center;
}

/* line 12, app/assets/stylesheets/website/components/_interconnection.scss */
.interconnection-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 2rem;
  width: 100%;
}

/* Header pleine largeur */
/* line 20, app/assets/stylesheets/website/components/_interconnection.scss */
.interconnection-header {
  text-align: center;
  margin-bottom: 2rem;
}

@media (max-width: 992px) {
  /* line 20, app/assets/stylesheets/website/components/_interconnection.scss */
  .interconnection-header {
    margin-bottom: 1.5rem;
  }
}

/* line 29, app/assets/stylesheets/website/components/_interconnection.scss */
.interconnection-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #F6E5B3;
  line-height: 1.1;
  margin: 0 0 0.75rem 0;
}

/* line 37, app/assets/stylesheets/website/components/_interconnection.scss */
.interconnection-subtitle {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin: 0;
}

/* Layout 2 colonnes */
/* line 45, app/assets/stylesheets/website/components/_interconnection.scss */
.interconnection-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: end;
}

@media (max-width: 992px) {
  /* line 45, app/assets/stylesheets/website/components/_interconnection.scss */
  .interconnection-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: stretch;
  }
}

/* Colonne gauche */
/* line 59, app/assets/stylesheets/website/components/_interconnection.scss */
.interconnection-left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-end;
}

/* Écosystème connecté - mise en valeur */
/* line 67, app/assets/stylesheets/website/components/_interconnection.scss */
.ecosystem-highlight {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

/* line 74, app/assets/stylesheets/website/components/_interconnection.scss */
.ecosystem-illustration {
  position: relative;
}

/* line 77, app/assets/stylesheets/website/components/_interconnection.scss */
.ecosystem-illustration .main-illustration {
  max-width: 90px;
  height: auto;
  filter: drop-shadow(0 4px 20px rgba(246, 229, 179, 0.3));
}

/* line 83, app/assets/stylesheets/website/components/_interconnection.scss */
.ecosystem-illustration::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(246, 229, 179, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  z-index: -1;
  animation: ecosystemGlow 3s ease-in-out infinite;
}

@keyframes ecosystemGlow {
  0%, 100% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
  }
}

/* line 109, app/assets/stylesheets/website/components/_interconnection.scss */
.ecosystem-label {
  font-size: 1.1rem;
  font-weight: 700;
  color: #F6E5B3;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* Circuit imprimé */
/* line 118, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-board {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Hub central */
/* line 132, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-hub {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  z-index: 2;
}

/* line 139, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-hub .hub-icon {
  width: 50px;
  height: 50px;
  background: rgba(246, 229, 179, 0.15);
  border: 2px solid rgba(246, 229, 179, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 149, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-hub .hub-icon i {
  font-size: 1.25rem;
  color: #F6E5B3;
}

/* line 155, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-hub .hub-label {
  font-size: 0.8rem;
  font-weight: 700;
  color: #F6E5B3;
}

/* SVG Circuit paths */
/* line 163, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-paths {
  width: 100%;
  max-width: 320px;
  height: 100px;
  margin: -10px 0;
}

/* line 170, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-line {
  fill: none;
  stroke: rgba(246, 229, 179, 0.2);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* line 178, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-current {
  fill: none;
  stroke: #F6E5B3;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 20 200;
  stroke-dashoffset: 0;
}

/* line 188, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-current-1 {
  animation: currentFlow1 2.5s ease-in-out infinite;
}

/* line 192, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-current-2 {
  animation: currentFlow2 2.5s ease-in-out infinite 0.3s;
}

/* line 196, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-current-3 {
  animation: currentFlow3 2.5s ease-in-out infinite 0.6s;
}

/* line 200, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-current-4 {
  animation: currentFlow4 2.5s ease-in-out infinite 0.9s;
}

@keyframes currentFlow1 {
  0% {
    stroke-dashoffset: 200;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -200;
    opacity: 0;
  }
}

@keyframes currentFlow2 {
  0% {
    stroke-dashoffset: 150;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -150;
    opacity: 0;
  }
}

@keyframes currentFlow3 {
  0% {
    stroke-dashoffset: 200;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -200;
    opacity: 0;
  }
}

@keyframes currentFlow4 {
  0% {
    stroke-dashoffset: 220;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -220;
    opacity: 0;
  }
}

/* line 272, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-node {
  fill: rgba(246, 229, 179, 0.6);
  animation: nodePulse 2s ease-in-out infinite;
}

@keyframes nodePulse {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}

/* Modules connectés */
/* line 287, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-modules {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 270px;
  z-index: 2;
}

/* line 295, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-module {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}

/* line 301, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-module .module-icon {
  width: 45px;
  height: 45px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

/* line 312, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-module .module-icon i {
  font-size: 1rem;
  color: #F6E5B3;
}

/* line 317, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-module .module-icon:hover {
  background: rgba(246, 229, 179, 0.1);
  border-color: rgba(246, 229, 179, 0.3);
}

/* line 323, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-module .module-label {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}

/* line 330, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-module--more .module-icon {
  background: rgba(246, 229, 179, 0.08);
  border: 1px dashed rgba(246, 229, 179, 0.3);
  border-radius: 12px;
}

/* line 335, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-module--more .module-icon i {
  font-size: 0.9rem;
  color: rgba(246, 229, 179, 0.7);
}

/* line 341, app/assets/stylesheets/website/components/_interconnection.scss */
.circuit-module--more .module-label {
  color: rgba(246, 229, 179, 0.7);
  font-weight: 700;
}

/* Colonne droite : Exemples */
/* line 349, app/assets/stylesheets/website/components/_interconnection.scss */
.interconnection-right {
  display: flex;
  align-items: flex-end;
}

/* line 354, app/assets/stylesheets/website/components/_interconnection.scss */
.interconnection-examples {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

/* line 361, app/assets/stylesheets/website/components/_interconnection.scss */
.example-card {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  transition: all 0.3s ease;
}

/* line 373, app/assets/stylesheets/website/components/_interconnection.scss */
.example-card:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(246, 229, 179, 0.3);
}

/* line 378, app/assets/stylesheets/website/components/_interconnection.scss */
.example-card .example-icon {
  flex-shrink: 0;
  width: 55px;
  height: 55px;
  background: rgba(246, 229, 179, 0.1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 388, app/assets/stylesheets/website/components/_interconnection.scss */
.example-card .example-icon i {
  font-size: 1.35rem;
  color: #F6E5B3;
}

/* line 394, app/assets/stylesheets/website/components/_interconnection.scss */
.example-card .example-content {
  flex: 1;
}

/* line 397, app/assets/stylesheets/website/components/_interconnection.scss */
.example-card .example-content h3, .example-card .example-content .h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #F6E5B3;
  margin: 0 0 0.35rem 0;
}

/* line 404, app/assets/stylesheets/website/components/_interconnection.scss */
.example-card .example-content p {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.5;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  /* line 415, app/assets/stylesheets/website/components/_interconnection.scss */
  .interconnection-section {
    padding: 3rem 0;
    min-height: auto;
  }
  /* line 420, app/assets/stylesheets/website/components/_interconnection.scss */
  .interconnection-title {
    font-size: 1.75rem;
  }
  /* line 424, app/assets/stylesheets/website/components/_interconnection.scss */
  .interconnection-subtitle {
    font-size: 0.95rem;
  }
  /* line 428, app/assets/stylesheets/website/components/_interconnection.scss */
  .ecosystem-illustration .main-illustration {
    max-width: 70px;
  }
  /* line 432, app/assets/stylesheets/website/components/_interconnection.scss */
  .ecosystem-label {
    font-size: 0.9rem;
  }
  /* line 436, app/assets/stylesheets/website/components/_interconnection.scss */
  .circuit-board {
    padding: 0.75rem;
  }
  /* line 440, app/assets/stylesheets/website/components/_interconnection.scss */
  .circuit-hub .hub-icon {
    width: 42px;
    height: 42px;
  }
  /* line 444, app/assets/stylesheets/website/components/_interconnection.scss */
  .circuit-hub .hub-icon i {
    font-size: 1rem;
  }
  /* line 449, app/assets/stylesheets/website/components/_interconnection.scss */
  .circuit-modules {
    max-width: 280px;
  }
  /* line 453, app/assets/stylesheets/website/components/_interconnection.scss */
  .circuit-module .module-icon {
    width: 40px;
    height: 40px;
  }
  /* line 458, app/assets/stylesheets/website/components/_interconnection.scss */
  .example-card {
    flex-direction: column;
    text-align: center;
    padding: 1.25rem;
  }
  /* line 463, app/assets/stylesheets/website/components/_interconnection.scss */
  .example-card .example-icon {
    width: 50px;
    height: 50px;
  }
  /* line 467, app/assets/stylesheets/website/components/_interconnection.scss */
  .example-card .example-icon i {
    font-size: 1.1rem;
  }
  /* line 472, app/assets/stylesheets/website/components/_interconnection.scss */
  .example-card .example-content h3, .example-card .example-content .h3 {
    font-size: 1rem;
  }
  /* line 476, app/assets/stylesheets/website/components/_interconnection.scss */
  .example-card .example-content p {
    font-size: 0.85rem;
  }
}

/* Section FAQ */
/* line 2, app/assets/stylesheets/website/components/_faq.scss */
.faq-section {
  min-height: auto;
  padding: 60px 0;
}

/* line 7, app/assets/stylesheets/website/components/_faq.scss */
.faq-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* line 13, app/assets/stylesheets/website/components/_faq.scss */
.faq-header {
  text-align: center;
  margin-bottom: 3rem;
}

/* line 18, app/assets/stylesheets/website/components/_faq.scss */
.faq-title {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 700;
  color: #F6E5B3;
  margin-bottom: 0.5rem;
}

/* line 26, app/assets/stylesheets/website/components/_faq.scss */
.faq-subtitle {
  font-family: 'Poppins', sans-serif;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

/* line 33, app/assets/stylesheets/website/components/_faq.scss */
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 39, app/assets/stylesheets/website/components/_faq.scss */
.faq-item {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  overflow: hidden;
  transition: background 0.3s ease, border-color 0.3s ease;
}

/* line 46, app/assets/stylesheets/website/components/_faq.scss */
.faq-item:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.18);
}

/* line 51, app/assets/stylesheets/website/components/_faq.scss */
.faq-item[open] {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 55, app/assets/stylesheets/website/components/_faq.scss */
.faq-item[open] .faq-chevron {
  transform: rotate(180deg);
}

/* line 61, app/assets/stylesheets/website/components/_faq.scss */
.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  cursor: pointer;
  list-style: none;
  font-family: 'Poppins', sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
}

/* line 73, app/assets/stylesheets/website/components/_faq.scss */
.faq-question::-webkit-details-marker {
  display: none;
}

/* line 77, app/assets/stylesheets/website/components/_faq.scss */
.faq-question::marker {
  display: none;
  content: '';
}

/* line 83, app/assets/stylesheets/website/components/_faq.scss */
.faq-chevron {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
  transition: transform 0.3s ease;
  flex-shrink: 0;
  margin-left: 1rem;
}

/* line 91, app/assets/stylesheets/website/components/_faq.scss */
.faq-answer {
  padding: 0 1.5rem 1.25rem;
}

/* line 94, app/assets/stylesheets/website/components/_faq.scss */
.faq-answer p {
  font-family: 'Poppins', sans-serif;
  font-size: 0.95rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
}

/* line 102, app/assets/stylesheets/website/components/_faq.scss */
.faq-answer strong {
  color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
  /* line 109, app/assets/stylesheets/website/components/_faq.scss */
  .faq-container {
    padding: 0 1.25rem;
  }
  /* line 113, app/assets/stylesheets/website/components/_faq.scss */
  .faq-question {
    padding: 1rem 1.25rem;
    font-size: 0.95rem;
  }
  /* line 118, app/assets/stylesheets/website/components/_faq.scss */
  .faq-answer {
    padding: 0 1.25rem 1rem;
  }
  /* line 121, app/assets/stylesheets/website/components/_faq.scss */
  .faq-answer p {
    font-size: 0.9rem;
  }
}

/* Section Aperçu de l'application */
/* line 2, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-section {
  min-height: auto;
  padding: 60px 0;
}

/* line 7, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 2rem;
}

/* line 13, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-header {
  text-align: center;
  margin-bottom: 3rem;
}

/* line 18, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-title {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 800;
  color: #F6E5B3;
  margin-bottom: 0.5rem;
}

/* line 26, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-subtitle {
  font-family: 'Poppins', sans-serif;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

/* line 33, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-content {
  display: flex;
  justify-content: center;
}

/* line 38, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-video-wrapper {
  position: relative;
  width: 100%;
  max-width: 960px;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.08);
  cursor: pointer;
}

/* line 50, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 57, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 107, 53, 0.9);
  color: white;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
  box-shadow: 0 8px 30px rgba(255, 107, 53, 0.4);
  z-index: 2;
}

/* line 77, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-play-btn i {
  margin-left: 4px;
}

/* line 81, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-play-btn:hover {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 12px 40px rgba(255, 107, 53, 0.6);
}

/* line 86, app/assets/stylesheets/website/components/_app_preview.scss */
.app-preview-play-btn.hidden {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.8);
}

/* Responsive */
@media (max-width: 768px) {
  /* line 95, app/assets/stylesheets/website/components/_app_preview.scss */
  .app-preview-container {
    padding: 0 1.25rem;
  }
  /* line 99, app/assets/stylesheets/website/components/_app_preview.scss */
  .app-preview-play-btn {
    width: 56px;
    height: 56px;
    font-size: 1.2rem;
  }
}

/* Modales plein écran sur mobile */
@media (max-width: 768px) {
  /* line 22, app/assets/stylesheets/website/components/_index.scss */
  .modal,
.modal-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
  }
  /* line 24, app/assets/stylesheets/website/components/_index.scss */
  .modal,
.modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
  }
  /* line 26, app/assets/stylesheets/website/components/_index.scss */
  .modal-content {
    height: 100vh !important;
    border-radius: 0 !important;
  }
  /* line 27, app/assets/stylesheets/website/components/_index.scss */
  .modal-body {
    overflow-y: auto;
    height: calc(100vh - 120px);
  }
}

/* Page de contact – cohérente avec la landing Orizen */
/* line 3, app/assets/stylesheets/website/pages/_contact.scss */
body:has(.contact-page) {
  min-height: 100vh;
  background: linear-gradient(151deg, #140D23 25%, #640127 100%);
  color: #FFFFFF;
  overflow-x: hidden;
}

/* line 10, app/assets/stylesheets/website/pages/_contact.scss */
.contact-header {
  max-width: 760px;
  margin: 24px auto 0 auto;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

/* line 20, app/assets/stylesheets/website/pages/_contact.scss */
.contact-actions {
  align-self: flex-start;
  margin-bottom: 8px;
}

/* line 25, app/assets/stylesheets/website/pages/_contact.scss */
.contact-title {
  text-align: center;
  color: #F6E5B3;
  font-weight: 700;
  font-size: 1.8rem;
  margin: 0;
}

/* line 33, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container-card {
  max-width: 760px;
  margin: 24px auto 56px auto;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 32px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px);
}

/* line 44, app/assets/stylesheets/website/pages/_contact.scss */
.contact-grid {
  display: grid;
  gap: 16px;
}

/* line 45, app/assets/stylesheets/website/pages/_contact.scss */
.contact-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 700px) {
  /* line 46, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-row {
    grid-template-columns: 1fr;
  }
}

/* line 48, app/assets/stylesheets/website/pages/_contact.scss */
.contact-input {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 1rem;
  transition: all .25s ease;
  min-height: 48px;
  box-sizing: border-box;
}

/* line 59, app/assets/stylesheets/website/pages/_contact.scss */
.contact-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 60, app/assets/stylesheets/website/pages/_contact.scss */
.contact-input:focus {
  outline: none;
  border-color: #F6E5B3;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(246, 229, 179, 0.18);
}

/* line 61, app/assets/stylesheets/website/pages/_contact.scss */
.contact-textarea {
  min-height: 120px;
  resize: vertical;
}

/* line 63, app/assets/stylesheets/website/pages/_contact.scss */
.contact-actions {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

/* line 64, app/assets/stylesheets/website/pages/_contact.scss */
.contact-submit {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: #fff;
  padding: 14px 22px;
  border-radius: 12px;
  border: none;
  font-weight: 600;
  font-size: 1.05rem;
  min-width: 220px;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
  transition: all .3s ease;
}

/* line 71, app/assets/stylesheets/website/pages/_contact.scss */
.contact-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}

/* Wrapper pour les highlights + photo fondateurs */
/* line 74, app/assets/stylesheets/website/pages/_contact.scss */
.contact-highlights-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  margin-bottom: 12px;
}

/* line 82, app/assets/stylesheets/website/pages/_contact.scss */
.contact-highlights {
  display: grid;
  gap: 12px;
  margin-bottom: 0;
}

/* line 83, app/assets/stylesheets/website/pages/_contact.scss */
.contact-highlights li {
  list-style: none;
  color: rgba(255, 255, 255, 0.9);
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 12px;
  align-items: center;
}

/* line 84, app/assets/stylesheets/website/pages/_contact.scss */
.contact-highlights img {
  width: 70px;
  height: 70px;
}

/* line 86, app/assets/stylesheets/website/pages/_contact.scss */
.contact-highlights .content h5, .contact-highlights .content .h5 {
  color: #F6E5B3;
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.35rem;
}

/* line 93, app/assets/stylesheets/website/pages/_contact.scss */
.contact-highlights .content p {
  font-size: 0.85rem;
  margin: 0;
}

/* Photo des fondateurs */
/* line 99, app/assets/stylesheets/website/pages/_contact.scss */
.contact-founders-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 105, app/assets/stylesheets/website/pages/_contact.scss */
.founders-photo {
  width: 260px;
  height: auto;
  border-radius: 16px;
  opacity: 0.85;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(246, 229, 179, 0.25);
  transition: all 0.3s ease;
}

/* line 114, app/assets/stylesheets/website/pages/_contact.scss */
.founders-photo:hover {
  opacity: 1;
  border-color: rgba(246, 229, 179, 0.5);
  transform: scale(1.02);
}

@media (max-width: 700px) {
  /* line 122, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-highlights-wrapper {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  /* line 127, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-founders-visual {
    order: -1;
    /* Photo en haut sur mobile */
  }
  /* line 131, app/assets/stylesheets/website/pages/_contact.scss */
  .founders-photo {
    width: 200px;
  }
}

/* line 136, app/assets/stylesheets/website/pages/_contact.scss */
.contact-consent {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 400 !important;
}

/* line 143, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container-card label.contact-consent {
  opacity: 1 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 0.95rem !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

/* line 150, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container-card label.contact-consent * {
  opacity: 1 !important;
}

/* line 151, app/assets/stylesheets/website/pages/_contact.scss */
.contact-row-consent {
  grid-template-columns: 1fr;
  align-items: center;
}

/* Conteneur pour les cases à cocher groupées */
/* line 154, app/assets/stylesheets/website/pages/_contact.scss */
.consent-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 160, app/assets/stylesheets/website/pages/_contact.scss */
.consent-checkboxes .contact-consent {
  margin-bottom: 0;
}

/* line 164, app/assets/stylesheets/website/pages/_contact.scss */
.consent-checkboxes .contact-consent:last-child {
  margin-top: 8px !important;
}

/* line 167, app/assets/stylesheets/website/pages/_contact.scss */
.contact-consent input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  border-radius: 3px !important;
  border: 2px solid #F6E5B3 !important;
  background: transparent !important;
  display: inline-block !important;
  position: relative !important;
  box-shadow: none !important;
}

/* line 181, app/assets/stylesheets/website/pages/_contact.scss */
.contact-consent input[type="checkbox"]:checked {
  background: #F6E5B3 !important;
  border-color: #F6E5B3 !important;
}

/* line 182, app/assets/stylesheets/website/pages/_contact.scss */
.contact-consent input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  width: 5px;
  height: 9px;
  border: solid #1a1a1a;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* line 187, app/assets/stylesheets/website/pages/_contact.scss */
.input-wrapper {
  position: relative;
}

/* line 192, app/assets/stylesheets/website/pages/_contact.scss */
.validation-message {
  font-size: 0.7rem;
  margin-top: 0.25rem;
  transition: all 0.3s ease;
  display: none;
}

/* line 199, app/assets/stylesheets/website/pages/_contact.scss */
.validation-message.error {
  color: #ff6b6b;
  display: block;
}

/* line 204, app/assets/stylesheets/website/pages/_contact.scss */
.validation-message.success {
  color: #51cf66;
  display: block;
}

/* line 210, app/assets/stylesheets/website/pages/_contact.scss */
.contact-input {
  position: relative;
  padding-right: 40px;
}

/* line 215, app/assets/stylesheets/website/pages/_contact.scss */
.contact-input::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* line 227, app/assets/stylesheets/website/pages/_contact.scss */
.contact-input.valid::after {
  content: '✓';
  background: #51cf66;
  color: white;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 237, app/assets/stylesheets/website/pages/_contact.scss */
.contact-input.invalid::after {
  content: '✗';
  background: #ff6b6b;
  color: white;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  /* line 249, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-header {
    padding: 0 16px;
  }
  /* line 253, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-container-card {
    margin: 16px auto 32px auto;
    padding: 24px;
  }
  /* line 258, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-title {
    font-size: 1.5rem;
  }
  /* line 262, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-highlights .content h5, .contact-highlights .content .h5 {
    font-size: 0.9rem;
  }
}

@media (max-width: 480px) {
  /* line 268, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-container-card {
    margin: 12px auto;
    padding: 20px;
  }
  /* line 273, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-title {
    font-size: 1.3rem;
  }
}

/* line 278, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container {
  display: grid;
  grid-template-columns: 40% 60%;
  width: 100%;
  height: 50vh;
  margin-top: 20vh;
}

@media screen and (max-width: 768px) {
  /* line 278, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-container {
    display: block;
    margin: 200px auto;
  }
}

/* line 291, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container h1, .contact-container .h1 {
  margin-bottom: 40px;
}

/* line 294, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .content-title {
  gap: 20px;
  justify-content: flex-end;
}

/* line 298, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .contact-content {
  padding: 10px 20px;
  border-radius: 4px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}

/* line 308, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .contact-content::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #ffffff57;
}

/* line 317, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .contact-content li {
  display: flex;
  align-items: start;
  justify-content: flex-end;
  gap: 20px;
}

/* line 323, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .contact-content li img {
  margin-bottom: 40px;
}

/* line 326, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .contact-content li .content {
  text-align: end;
  margin-bottom: 20px;
}

/* line 330, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .contact-content li .content p {
  color: #A60240;
  margin-top: 10px;
  max-width: 350px;
}

@media screen and (max-width: 768px) {
  /* line 298, app/assets/stylesheets/website/pages/_contact.scss */
  .contact-container .contact-content {
    display: none;
  }
}

/* line 344, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .form-container {
  padding: 10px 30px;
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-left: 10%;
  justify-content: start;
}

/* line 351, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .form-container .form-content-container {
  gap: 20px;
}

/* line 353, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .form-container .form-content-container input {
  background-color: #140D23;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #FFFFFF;
  transition: box-shadow 0.4s ease, border-bottom 0.4s ease;
}

/* line 358, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .form-container .form-content-container input::placeholder {
  color: rgba(255, 255, 255, 0.502);
  font-weight: lighter;
  font-style: italic;
}

/* line 364, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .form-container .form-content-container input:focus {
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  outline: none;
}

/* line 373, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .form-container textarea {
  background-color: #140D23;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.6);
  max-width: 480px;
  transition: box-shadow 0.4s ease, border-bottom 0.4s ease;
}

/* line 379, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .form-container textarea::placeholder {
  color: rgba(255, 255, 255, 0.502);
  font-weight: lighter;
  font-style: italic;
}

/* line 384, app/assets/stylesheets/website/pages/_contact.scss */
.contact-container .form-container textarea:focus {
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  outline: none;
}

/* Mentions légales – cohérence visuelle avec la landing */
/* line 2, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-page {
  width: 100%;
  margin-inline: auto;
  color: #FFFFFF;
  /* Fond landing-like + scroll doux */
  min-height: 100vh;
  padding: 24px;
  /* remonter l'ensemble */
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 14, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin-bottom: 0;
}

/* line 15, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-actions {
  position: static;
  transform: none;
  display: flex;
  justify-content: flex-start;
  margin: 0;
}

/* line 16, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-back {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.12);
  color: #F6E5B3;
  border: 1px solid rgba(255, 255, 255, 0.22);
  transition: all 0.25s ease;
}

/* line 28, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-back:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

/* line 29, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-back svg {
  margin-right: 4px;
}

/* Background plein écran fixé (cohérent hero) */
/* line 32, app/assets/stylesheets/website/pages/_static_pages.scss */
body:has(.legal-page) {
  background: linear-gradient(151deg, #140D23 25%, #640127 100%) !important;
  background-attachment: fixed !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* line 38, app/assets/stylesheets/website/pages/_static_pages.scss */
body:has(.legal-page)::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* line 40, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-title {
  position: static;
  text-align: center;
  margin: 0 0 1rem 0;
  font-size: 2.25rem;
  font-weight: 800;
  color: #F6E5B3;
  text-shadow: 0 0 20px rgba(246, 229, 179, 0.25);
  justify-self: center;
}

/* line 51, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-toc {
  position: static;
  /* plus de fixation */
  top: auto;
  left: auto;
  transform: none;
  z-index: auto;
  margin: 0 auto;
  max-width: 100%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  border-radius: 12px;
  padding: 0.65rem 1rem;
  /* élargi */
  width: 100%;
}

/* line 66, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-toc__title {
  font-size: .9rem;
  color: #F6E5B3;
  margin-right: .75rem;
}

/* line 69, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-toc__list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .5rem .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 70, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-toc__list a {
  display: inline-block;
  padding: .35rem .6rem;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.95);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

/* line 75, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-toc__list a:hover, .legal-toc__list a.is-active {
  color: #1a1a1a;
  background: rgba(246, 229, 179, 0.85);
  border-color: rgba(246, 229, 179, 0.9);
}

/* line 79, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-section {
  padding: .5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 80, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-section:last-of-type {
  border-bottom: none;
}

/* line 81, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-section__title {
  font-size: 1.25rem;
  margin: 1.25rem 0 .75rem 0;
  color: #F6E5B3;
}

/* line 83, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-page p {
  line-height: 1.6;
  font-size: 1rem;
  margin: 0 0 .75rem 0;
  color: rgba(255, 255, 255, 0.92);
}

/* line 84, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-page ul {
  list-style: none;
  padding-left: 0;
  margin: .25rem 0 1rem 0;
}

/* line 85, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-page li {
  position: relative;
  padding-left: 1.25rem;
  margin: .25rem 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 1rem;
  line-height: 1.6;
}

/* line 86, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-page li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #F6E5B3;
}

/* line 87, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-page a {
  color: #F6E5B3;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* line 88, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-page a:hover {
  color: #fff;
}

/* line 89, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-page a.external-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}

/* line 90, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-page a.external-link:hover {
  text-decoration: underline;
}

/* line 92, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-updated {
  text-align: right;
  font-size: .85rem;
  opacity: .8;
  margin-top: .5rem;
}

@media (max-width: 768px) {
  /* line 95, app/assets/stylesheets/website/pages/_static_pages.scss */
  .legal-title {
    position: static;
    top: auto;
    transform: none;
  }
  /* line 96, app/assets/stylesheets/website/pages/_static_pages.scss */
  .legal-toc {
    position: static;
    top: auto;
    width: 100%;
    transform: none;
  }
  /* line 97, app/assets/stylesheets/website/pages/_static_pages.scss */
  .legal-page {
    padding-top: 16px;
  }
}

/* Impression */
@media print {
  /* line 102, app/assets/stylesheets/website/pages/_static_pages.scss */
  .legal-toc {
    display: none;
  }
  /* line 103, app/assets/stylesheets/website/pages/_static_pages.scss */
  .legal-page {
    color: #000;
  }
  /* line 104, app/assets/stylesheets/website/pages/_static_pages.scss */
  .legal-page a::after {
    content: " (" attr(href) ")";
    font-size: .9em;
  }
}

/* ─────────────────────────────────────────────────────────────────
   Page /data-deletion : étend legal-page avec formulaire RGPD
   ───────────────────────────────────────────────────────────────── */
/* line 111, app/assets/stylesheets/website/pages/_static_pages.scss */
.legal-subtitle {
  text-align: center;
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 1.5rem 0;
  font-size: 1.05rem;
}

/* line 118, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-callout {
  background: rgba(246, 229, 179, 0.1);
  border: 1px solid rgba(246, 229, 179, 0.35);
  border-radius: 12px;
  padding: 1rem 1.2rem;
  margin: 1rem 0;
  display: flex;
  gap: .85rem;
  align-items: flex-start;
}

/* line 128, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-callout i {
  color: #F6E5B3;
  font-size: 1.2rem;
  margin-top: 2px;
}

/* line 129, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-callout strong {
  color: #F6E5B3;
}

/* line 131, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-callout--error {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.35);
}

/* line 134, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-callout--error i {
  color: #ef4444;
}

/* line 135, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-callout--error strong {
  color: #ef4444;
}

/* line 139, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin: 1.5rem 0;
}

/* line 146, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-step {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1rem;
}

/* line 152, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-step__num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #F6E5B3;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: .95rem;
  margin-bottom: .65rem;
}

/* line 158, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-step__title {
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: .25rem;
  font-size: .95rem;
}

/* line 159, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-step__desc {
  font-size: .82rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.45;
}

/* line 162, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  padding: 1.75rem;
  margin: 1rem 0 2rem 0;
  backdrop-filter: blur(8px);
}

/* line 170, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-card h2, .dd-form-card .h2 {
  margin: 0 0 .25rem 0;
  color: #F6E5B3;
  font-size: 1.3rem;
}

/* line 173, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-lead {
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 1.5rem 0;
  font-size: .95rem;
}

/* line 179, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 186, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-group {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin-bottom: 1rem;
}

/* line 192, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-group--full {
  grid-column: 1 / -1;
}

/* line 195, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-label {
  font-size: .9rem;
  color: #F6E5B3;
  font-weight: 600;
}

/* line 201, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-req {
  color: #ff8a8a;
}

/* line 203, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-input,
.dd-form-select,
.dd-form-textarea {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  padding: .7rem .85rem;
  color: #FFFFFF;
  font-size: .95rem;
  font-family: inherit;
  transition: all 0.2s ease;
}

/* line 215, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-input:focus,
.dd-form-select:focus,
.dd-form-textarea:focus {
  outline: none;
  border-color: #F6E5B3;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 3px rgba(246, 229, 179, 0.15);
}

/* line 222, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-input::placeholder,
.dd-form-select::placeholder,
.dd-form-textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

/* line 225, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-select option {
  background: #1B1F4E;
  color: #FFFFFF;
}

/* line 230, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-textarea {
  resize: vertical;
  min-height: 100px;
}

/* line 235, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-help {
  font-size: .82rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: .25rem;
}

/* line 241, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-checkbox {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  padding: .85rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: .75rem;
}

/* line 251, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-checkbox input[type="checkbox"] {
  margin-top: 3px;
  flex-shrink: 0;
  accent-color: #F6E5B3;
}

/* line 256, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-checkbox label {
  font-size: .9rem;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}

/* line 263, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-form-actions {
  display: flex;
  gap: .75rem;
  justify-content: flex-end;
  margin-top: 1.5rem;
}

/* line 270, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-btn-primary {
  background: #F6E5B3;
  color: #1a1a1a;
  border: 1px solid #F6E5B3;
  padding: .8rem 1.5rem;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  transition: all 0.2s ease;
}

/* line 284, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-btn-primary:hover {
  background: #FFFFFF;
  color: #1a1a1a;
  transform: translateY(-1px);
}

/* line 291, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-btn-ghost {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: .8rem 1.5rem;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  transition: all 0.2s ease;
}

/* line 304, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

@media (max-width: 768px) {
  /* line 311, app/assets/stylesheets/website/pages/_static_pages.scss */
  .dd-form-row {
    grid-template-columns: 1fr;
  }
  /* line 312, app/assets/stylesheets/website/pages/_static_pages.scss */
  .dd-steps {
    grid-template-columns: 1fr;
  }
}

/* ─────────────────────────────────────────────────────────────────
   Page /data-deletion/confirmation et /verify
   ───────────────────────────────────────────────────────────────── */
/* line 319, app/assets/stylesheets/website/pages/_static_pages.scss */
body:has(.dd-confirmation-wrap) {
  background: linear-gradient(151deg, #140D23 25%, #640127 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}

/* line 325, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-confirmation-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

/* line 333, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-confirmation-card {
  max-width: 640px;
  width: 100%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 20px;
  padding: 3rem 2.5rem;
  text-align: center;
  backdrop-filter: blur(12px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
}

/* line 345, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-confirmation-card h1, .dd-confirmation-card .h1 {
  color: #F6E5B3;
  font-size: 2rem;
  margin: 0 0 .5rem 0;
  text-shadow: 0 0 20px rgba(246, 229, 179, 0.25);
}

/* line 353, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-icon-wrap {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
}

/* line 360, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-icon-wrap i {
  color: #10b981;
  font-size: 2.8rem;
}

/* line 362, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-icon-wrap--info {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
}

/* line 365, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-icon-wrap--info i {
  color: #3b82f6;
}

/* line 367, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-icon-wrap--warning {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}

/* line 370, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-icon-wrap--warning i {
  color: #f59e0b;
}

/* line 372, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-icon-wrap--error {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
}

/* line 375, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-icon-wrap--error i {
  color: #ef4444;
}

/* line 379, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-lead {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.92);
  margin: 0 0 2rem 0;
}

/* line 385, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-reference {
  background: rgba(246, 229, 179, 0.1);
  border: 1px solid rgba(246, 229, 179, 0.3);
  border-radius: 12px;
  padding: 1rem 1.25rem;
  margin-bottom: 2rem;
}

/* line 392, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-reference__label {
  font-size: .82rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: .25rem;
  text-transform: uppercase;
  letter-spacing: .05em;
}

/* line 399, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-reference__value {
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-size: 1.1rem;
  color: #F6E5B3;
  font-weight: 600;
}

/* line 407, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-next-steps {
  text-align: left;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 2rem;
}

/* line 415, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-next-steps h3, .dd-next-steps .h3 {
  color: #F6E5B3;
  font-size: 1rem;
  margin: 0 0 .85rem 0;
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* line 423, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-next-steps ol, .dd-next-steps ul {
  margin: 0;
  padding-left: 1.5rem;
  color: rgba(255, 255, 255, 0.92);
}

/* line 428, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-next-steps li {
  margin-bottom: .5rem;
  line-height: 1.5;
}

/* line 432, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-next-steps strong {
  color: #F6E5B3;
}

/* line 435, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-alert-box {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 10px;
  padding: .85rem 1rem;
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  text-align: left;
  margin-bottom: 2rem;
}

/* line 446, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-alert-box i {
  color: #f59e0b;
  margin-top: 3px;
  flex-shrink: 0;
}

/* line 447, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-alert-box span {
  font-size: .9rem;
  color: rgba(255, 255, 255, 0.92);
}

/* line 453, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-actions {
  display: flex;
  gap: .75rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}

/* line 461, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-meta {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: .85rem;
  color: rgba(255, 255, 255, 0.65);
}

/* line 468, app/assets/stylesheets/website/pages/_static_pages.scss */
.dd-meta a {
  color: #F6E5B3;
  text-decoration: underline;
}

/* Page d'authentification – cohérente avec la landing Orizen */
/* Activer le décor global quand la page auth est présente */
/* line 4, app/assets/stylesheets/website/pages/_auth.scss */
body:has(.auth-page) {
  min-height: 100vh;
  background: linear-gradient(151deg, #140D23 25%, #640127 100%);
  color: #FFFFFF;
  overflow-x: hidden;
}

/* Variable partagée pour aligner header et carte */
/* line 12, app/assets/stylesheets/website/pages/_auth.scss */
.auth-page {
  --auth-card-max: 680px;
  --auth-card-min: 500px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 20, app/assets/stylesheets/website/pages/_auth.scss */
.auth-header {
  max-width: var(--auth-card-max);
  /* aligné sur la carte */
  margin: 0 auto;
  /* centré horizontalement */
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  padding: 24px 16px 0;
  width: 100%;
}

/* line 31, app/assets/stylesheets/website/pages/_auth.scss */
.auth-actions {
  order: 1;
}

/* line 35, app/assets/stylesheets/website/pages/_auth.scss */
.auth-title {
  order: 2;
  text-align: left;
  /* Aligné à gauche sous le bouton pour meilleure ergonomie (par défaut pour passwords/new) */
  color: #F6E5B3;
  font-weight: 800;
  font-size: 2.25rem;
  letter-spacing: 0.3px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 50, app/assets/stylesheets/website/pages/_auth.scss */
.auth-title-logo {
  height: 2rem;
  vertical-align: middle;
}

/* Sur la page de connexion, garder le titre centré pour cohérence */
/* line 56, app/assets/stylesheets/website/pages/_auth.scss */
.auth-page:has(form[action*="/session"]) .auth-title {
  text-align: center;
  width: 100%;
}

/* line 61, app/assets/stylesheets/website/pages/_auth.scss */
.auth-back, .legal-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.12);
  color: #F6E5B3;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.22);
  transition: all 0.25s ease;
}

/* line 73, app/assets/stylesheets/website/pages/_auth.scss */
.auth-back:hover, .legal-back:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

/* line 75, app/assets/stylesheets/website/pages/_auth.scss */
.auth-container {
  flex: 1;
  /* Prend l'espace disponible */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 16px 56px;
  max-width: var(--auth-card-max);
  margin: 0 auto;
  gap: 20px;
  /* Espace entre le titre et la card */
}

/* line 87, app/assets/stylesheets/website/pages/_auth.scss */
.auth-container .auth-title {
  text-align: left;
  width: 100%;
  margin: 0;
  order: 1;
}

/* line 94, app/assets/stylesheets/website/pages/_auth.scss */
.auth-container .auth-card {
  order: 2;
}

/* line 98, app/assets/stylesheets/website/pages/_auth.scss */
.auth-card {
  width: 100%;
  min-width: var(--auth-card-min);
  max-width: var(--auth-card-max);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 32px 32px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  /* Centrer verticalement les éléments internes et supprimer les décalages */
  display: grid;
  align-content: center;
}

/* line 115, app/assets/stylesheets/website/pages/_auth.scss */
.auth-card form {
  display: grid;
  gap: 16px;
  justify-items: center;
  /* centrer horizontalement tous les enfants */
}

/* line 121, app/assets/stylesheets/website/pages/_auth.scss */
.auth-flashes {
  margin-bottom: 8px;
}

/* line 122, app/assets/stylesheets/website/pages/_auth.scss */
.auth-flash {
  font-size: 0.95rem;
  padding: 8px 12px;
  border-radius: 10px;
  margin-bottom: 6px;
}

/* line 123, app/assets/stylesheets/website/pages/_auth.scss */
.auth-flash--alert {
  background: rgba(244, 67, 54, 0.12);
  color: #ffb4ab;
  border: 1px solid rgba(244, 67, 54, 0.35);
}

/* line 124, app/assets/stylesheets/website/pages/_auth.scss */
.auth-flash--notice {
  background: rgba(76, 175, 80, 0.12);
  color: #c8ffb4;
  border: 1px solid rgba(76, 175, 80, 0.35);
}

/* line 126, app/assets/stylesheets/website/pages/_auth.scss */
.form-group {
  width: 100%;
  margin-bottom: 0;
}

/* line 127, app/assets/stylesheets/website/pages/_auth.scss */
.form-group label {
  display: none;
}

/* line 129, app/assets/stylesheets/website/pages/_auth.scss */
.auth-input {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 1rem;
  transition: all 0.25s ease;
  min-height: 48px;
  box-sizing: border-box;
}

/* line 141, app/assets/stylesheets/website/pages/_auth.scss */
.auth-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 142, app/assets/stylesheets/website/pages/_auth.scss */
.auth-input:focus {
  outline: none;
  border-color: #F6E5B3;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(246, 229, 179, 0.18);
  transform: none;
}

/* Container pour les champs avec toggle password/email */
/* line 145, app/assets/stylesheets/website/pages/_auth.scss */
.password-input-container {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 12px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  transition: all 0.25s ease;
}

/* line 155, app/assets/stylesheets/website/pages/_auth.scss */
.password-input-container:focus-within {
  border-color: #F6E5B3;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(246, 229, 179, 0.18);
}

/* line 161, app/assets/stylesheets/website/pages/_auth.scss */
.password-input-container .auth-input {
  flex: 1;
  border: none;
  border-radius: 0;
  padding-right: 48px;
  background: transparent;
}

/* line 168, app/assets/stylesheets/website/pages/_auth.scss */
.password-input-container .auth-input:focus {
  box-shadow: none;
  border: none;
  background: transparent;
}

/* line 175, app/assets/stylesheets/website/pages/_auth.scss */
.password-input-container .toggle-password {
  position: absolute;
  right: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.2s ease;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

/* line 191, app/assets/stylesheets/website/pages/_auth.scss */
.password-input-container .toggle-password:hover, .password-input-container .toggle-password:focus {
  color: #F6E5B3;
  outline: none;
}

/* line 197, app/assets/stylesheets/website/pages/_auth.scss */
.password-input-container .toggle-password:focus-visible {
  outline: 2px solid #F6E5B3;
  outline-offset: -2px;
  border-radius: 4px;
}

/* line 203, app/assets/stylesheets/website/pages/_auth.scss */
.password-input-container .toggle-password i {
  font-size: 1.1rem;
  pointer-events: none;
}

/* line 210, app/assets/stylesheets/website/pages/_auth.scss */
.form-actions {
  width: 100%;
  margin-top: 6px;
  display: flex;
  justify-content: center !important;
  /* centrage strict */
}

/* line 216, app/assets/stylesheets/website/pages/_auth.scss */
.auth-card .form-actions .auth-submit {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* line 217, app/assets/stylesheets/website/pages/_auth.scss */
.auth-submit {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: #fff;
  padding: 14px 22px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.05rem;
  transition: all 0.3s ease;
  display: inline-block;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
  border: none;
  min-width: 220px;
}

/* line 231, app/assets/stylesheets/website/pages/_auth.scss */
.auth-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
}

/* line 233, app/assets/stylesheets/website/pages/_auth.scss */
.auth-submit.is-loading {
  position: relative;
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.85;
  padding-left: 44px;
}

/* line 241, app/assets/stylesheets/website/pages/_auth.scss */
.auth-submit.is-loading::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: auth-submit-spin 0.7s linear infinite;
}

@keyframes auth-submit-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 259, app/assets/stylesheets/website/pages/_auth.scss */
.auth-submit:disabled:hover {
  transform: none;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

/* line 264, app/assets/stylesheets/website/pages/_auth.scss */
.auth-links {
  margin-top: 14px;
  text-align: center;
}

/* line 265, app/assets/stylesheets/website/pages/_auth.scss */
.auth-link {
  color: #F6E5B3 !important;
  text-decoration: none !important;
  opacity: 0.9;
  transition: opacity 0.2s;
}

/* line 266, app/assets/stylesheets/website/pages/_auth.scss */
.auth-link:hover {
  opacity: 1 !important;
  text-decoration: none !important;
  color: #F6E5B3 !important;
}

/* Message informatif entre le champ et le bouton */
/* line 269, app/assets/stylesheets/website/pages/_auth.scss */
.auth-info-message {
  width: 100%;
  margin: 8px 0;
  text-align: center;
}

/* line 274, app/assets/stylesheets/website/pages/_auth.scss */
.auth-info-message p {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0;
  padding: 0 8px;
}

/* Règles de sécurité du mot de passe */
/* line 284, app/assets/stylesheets/website/pages/_auth.scss */
.auth-password-rules {
  width: 100%;
  margin: 12px 0;
  padding: 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

/* line 293, app/assets/stylesheets/website/pages/_auth.scss */
.auth-password-rules-title {
  margin: 0 0 12px 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

/* line 300, app/assets/stylesheets/website/pages/_auth.scss */
.auth-password-rules-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 309, app/assets/stylesheets/website/pages/_auth.scss */
.auth-password-rule {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.75);
  transition: color 0.2s ease;
}

/* line 317, app/assets/stylesheets/website/pages/_auth.scss */
.auth-password-rule i {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.4);
  transition: color 0.2s ease;
}

/* line 323, app/assets/stylesheets/website/pages/_auth.scss */
.auth-password-rule.valid {
  color: rgba(200, 255, 180, 0.9);
}

/* line 326, app/assets/stylesheets/website/pages/_auth.scss */
.auth-password-rule.valid i {
  color: #4caf50;
}

/* line 331, app/assets/stylesheets/website/pages/_auth.scss */
.auth-password-rule.invalid {
  color: rgba(255, 180, 171, 0.9);
}

/* line 334, app/assets/stylesheets/website/pages/_auth.scss */
.auth-password-rule.invalid i {
  color: #f44336;
}

/* Messages d'erreur inline sous les champs */
/* line 341, app/assets/stylesheets/website/pages/_auth.scss */
.auth-field-error {
  width: 100%;
  margin-top: 6px;
  padding: 8px 12px;
  font-size: 0.875rem;
  color: #ffb4ab;
  background: rgba(244, 67, 54, 0.12);
  border: 1px solid rgba(244, 67, 54, 0.35);
  border-radius: 8px;
  text-align: left;
}

/* État d'erreur pour les champs */
/* line 354, app/assets/stylesheets/website/pages/_auth.scss */
.auth-input.is-invalid {
  border-color: rgba(244, 67, 54, 0.6) !important;
  background: rgba(244, 67, 54, 0.08) !important;
}

/* line 358, app/assets/stylesheets/website/pages/_auth.scss */
.auth-input.is-invalid:focus {
  border-color: #f44336 !important;
  box-shadow: 0 0 0 4px rgba(244, 67, 54, 0.18) !important;
}

/* line 364, app/assets/stylesheets/website/pages/_auth.scss */
.password-input-container:has(.is-invalid) {
  border-color: rgba(244, 67, 54, 0.6) !important;
  background: rgba(244, 67, 54, 0.08) !important;
}

/* line 368, app/assets/stylesheets/website/pages/_auth.scss */
.password-input-container:has(.is-invalid):focus-within {
  border-color: #f44336 !important;
  box-shadow: 0 0 0 4px rgba(244, 67, 54, 0.18) !important;
}

@media (max-width: 600px) {
  /* line 375, app/assets/stylesheets/website/pages/_auth.scss */
  .auth-title {
    font-size: 1.8rem;
    flex-direction: column;
    gap: 0.25rem;
  }
  /* line 380, app/assets/stylesheets/website/pages/_auth.scss */
  .auth-title-logo {
    height: 1.5rem;
  }
  /* line 383, app/assets/stylesheets/website/pages/_auth.scss */
  .auth-card {
    padding: 18px 16px;
    min-width: 100%;
  }
}

/* Page de souscription Orizen */
/* line 5, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-page {
  height: 100vh;
  background: linear-gradient(151deg, #140D23 25%, #640127 100%);
  color: #fefefe;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 20px;
}

/* line 14, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-container-card {
  padding: 3rem 0 2rem;
}

/* line 18, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-grid {
  margin: 0 auto;
  padding: 0 1rem;
  margin: 0px 20px;
}

/* line 25, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-layout {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

/* line 30, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-layout > div:first-child {
  flex: 1;
  min-width: 0;
}

/* line 35, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-layout .cart-sidebar {
  flex: 0 0 400px;
  max-width: 400px;
}

/* line 41, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form {
  width: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px);
}

/* line 51, app/assets/stylesheets/website/pages/_subscription.scss */
.form-header {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 1rem;
}

/* line 57, app/assets/stylesheets/website/pages/_subscription.scss */
.form-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

/* line 64, app/assets/stylesheets/website/pages/_subscription.scss */
.form-header h1, .form-header .h1 {
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0;
  color: #1f2937;
}

/* line 71, app/assets/stylesheets/website/pages/_subscription.scss */
.form-header p {
  color: #6b7280;
  font-size: 1rem;
  margin: 0;
}

/* line 77, app/assets/stylesheets/website/pages/_subscription.scss */
.form-section {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 83, app/assets/stylesheets/website/pages/_subscription.scss */
.form-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/* Layout en deux colonnes pour engagement et utilisateurs */
/* line 89, app/assets/stylesheets/website/pages/_subscription.scss */
.form-row-two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: start;
}

/* line 96, app/assets/stylesheets/website/pages/_subscription.scss */
.form-column {
  display: flex;
  flex-direction: column;
}

/* line 101, app/assets/stylesheets/website/pages/_subscription.scss */
.form-column h2, .form-column .h2 {
  margin-bottom: 0.75rem;
  font-size: 1rem;
}

/* Styles pour le slider de nombre d'utilisateurs */
/* line 107, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-slider-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 113, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-input {
  width: 100%;
  max-width: 120px;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  color: #f8fafc;
  font-size: 0.9rem;
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
}

/* line 127, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-input:focus {
  outline: none;
  border-color: #7dd3fc;
  box-shadow: 0 0 0 3px rgba(125, 211, 252, 0.2);
}

/* line 133, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-slider {
  position: relative;
  margin-top: 0.5rem;
}

/* line 138, app/assets/stylesheets/website/pages/_subscription.scss */
.slider {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.15);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

/* line 149, app/assets/stylesheets/website/pages/_subscription.scss */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7dd3fc 0%, #3b82f6 100%);
  cursor: pointer;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);
  transition: all 0.2s ease;
}

/* line 162, app/assets/stylesheets/website/pages/_subscription.scss */
.slider::-webkit-slider-thumb:hover {
  background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
  transform: scale(1.1);
  box-shadow: 0 3px 12px rgba(59, 130, 246, 0.5);
}

/* line 168, app/assets/stylesheets/website/pages/_subscription.scss */
.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7dd3fc 0%, #3b82f6 100%);
  cursor: pointer;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);
}

/* line 178, app/assets/stylesheets/website/pages/_subscription.scss */
.slider-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}

/* line 186, app/assets/stylesheets/website/pages/_subscription.scss */
.user-discount-notice {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.2);
  border-radius: 6px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.9);
}

/* line 198, app/assets/stylesheets/website/pages/_subscription.scss */
.user-discount-notice i {
  color: #22c55e;
  font-size: 0.9rem;
}

/* line 203, app/assets/stylesheets/website/pages/_subscription.scss */
.user-discount-notice strong {
  color: #22c55e;
  font-weight: 600;
}

/* Styles pour le toggle button */
/* line 210, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-container {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}

/* line 216, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-switch {
  position: relative;
  display: flex;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 25px;
  padding: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 227, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-switch:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(125, 211, 252, 0.3);
}

/* line 232, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  border-radius: 20px;
  transition: all 0.3s ease;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  z-index: 2;
  position: relative;
  min-width: 120px;
  justify-content: center;
}

/* line 248, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-option i {
  font-size: 0.875rem;
}

/* line 252, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-option.active {
  color: #ffffff;
  font-weight: 600;
}

/* line 257, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-slider {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  background: linear-gradient(135deg, #7dd3fc 0%, #3b82f6 100%);
  border-radius: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
  z-index: 1;
}

/* line 270, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-switch[data-value="business"] .toggle-slider {
  transform: translateX(100%);
}

/* line 274, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-switch[data-value="business"] .toggle-option[data-value="business"] {
  color: #ffffff;
  font-weight: 600;
}

/* line 279, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-switch[data-value="individual"] .toggle-option[data-value="individual"] {
  color: #ffffff;
  font-weight: 600;
}

/* line 284, app/assets/stylesheets/website/pages/_subscription.scss */
.form-section h2, .form-section .h2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  color: #f5f7fb;
  font-size: 1.1rem;
  font-weight: 600;
}

/* line 294, app/assets/stylesheets/website/pages/_subscription.scss */
.form-section h2 i, .form-section .h2 i {
  color: #7dd3fc;
}

/* Navigation par chevrons pour les offres */
/* line 299, app/assets/stylesheets/website/pages/_subscription.scss */
.offers-navigation-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 306, app/assets/stylesheets/website/pages/_subscription.scss */
.nav-chevron {
  position: relative;
  z-index: 10;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.8) 0%, rgba(125, 211, 252, 0.6) 100%);
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

/* line 322, app/assets/stylesheets/website/pages/_subscription.scss */
.nav-chevron:hover {
  background: linear-gradient(135deg, #3b82f6 0%, rgba(125, 211, 252, 0.8) 100%);
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4);
}

/* line 328, app/assets/stylesheets/website/pages/_subscription.scss */
.nav-chevron:active {
  transform: scale(0.95);
}

/* line 332, app/assets/stylesheets/website/pages/_subscription.scss */
.nav-chevron:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

/* line 338, app/assets/stylesheets/website/pages/_subscription.scss */
.nav-chevron i {
  font-size: 1rem;
  font-weight: bold;
}

/* line 344, app/assets/stylesheets/website/pages/_subscription.scss */
.nav-chevron-left {
  margin-right: 0.5rem;
}

/* line 348, app/assets/stylesheets/website/pages/_subscription.scss */
.nav-chevron-right {
  margin-left: 0.5rem;
}

/* Masquer les chevrons quand les cartes sont en grid */
/* line 354, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offers-container.grid-mode .nav-chevron-left,
.subscription-offers-container.grid-mode .nav-chevron-right {
  display: none !important;
}

/* Masquer les chevrons du conteneur parent quand en mode grid */
/* line 362, app/assets/stylesheets/website/pages/_subscription.scss */
.offers-navigation-container.grid-mode .nav-chevron-left,
.offers-navigation-container.grid-mode .nav-chevron-right {
  display: none !important;
}

/* Styles pour les colonnes pleine largeur */
/* line 369, app/assets/stylesheets/website/pages/_subscription.scss */
.form-column-full {
  width: 100%;
  margin-bottom: 1.5rem;
}

/* Styles pour la section nombre d'utilisateurs - Layout en row */
/* line 375, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-layout {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

/* line 381, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-selection {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid rgba(125, 211, 252, 0.2);
  border-radius: 8px;
  backdrop-filter: blur(8px);
  min-height: 162px;
  justify-content: flex-end;
  align-self: flex-end;
}

/* line 396, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

/* line 403, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-display-compact {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

/* line 408, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-display-compact .user-count-value {
  font-size: 2rem;
  font-weight: 700;
  color: #22c55e;
  text-shadow: 0 1px 2px rgba(34, 197, 94, 0.3);
  line-height: 1;
}

/* line 416, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-display-compact .user-count-label {
  font-size: 0.9rem;
  color: rgba(248, 250, 252, 0.7);
  text-transform: lowercase;
}

/* line 423, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-buttons-compact {
  display: flex;
  gap: 0.5rem;
}

/* line 428, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-btn-compact {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(125, 211, 252, 0.4);
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  color: #f8fafc;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
}

/* line 442, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-btn-compact:hover {
  border-color: #22c55e;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.08) 100%);
  transform: scale(1.05);
}

/* line 448, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-btn-compact:active {
  transform: scale(0.95);
}

/* line 452, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-btn-compact:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
}

/* line 459, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-slider-compact {
  position: relative;
  padding: 0.5rem 0;
}

/* line 464, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-slider {
  width: 100%;
  height: 6px;
  background: rgba(125, 211, 252, 0.15);
  outline: none;
  cursor: pointer;
  border-radius: 3px;
  appearance: none;
  -webkit-appearance: none;
}

/* line 474, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-slider::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #22c55e;
  cursor: pointer;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
  transition: all 0.2s ease;
}

/* line 486, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-slider::-webkit-slider-thumb:hover {
  transform: scale(1.1);
  box-shadow: 0 3px 12px rgba(34, 197, 94, 0.5);
}

/* line 491, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #22c55e;
  cursor: pointer;
  border: 2px solid #ffffff;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
  border: none;
}

/* line 502, app/assets/stylesheets/website/pages/_subscription.scss */
.user-count-slider::-moz-range-track {
  height: 6px;
  background: rgba(125, 211, 252, 0.15);
  border-radius: 3px;
  border: none;
}

/* line 510, app/assets/stylesheets/website/pages/_subscription.scss */
.slider-labels-compact {
  display: flex;
  justify-content: space-between;
  margin-top: 0.3rem;
}

/* line 515, app/assets/stylesheets/website/pages/_subscription.scss */
.slider-labels-compact span {
  font-size: 0.7rem;
  color: rgba(248, 250, 252, 0.5);
  font-weight: 500;
}

/* Section des remises (droite) */
/* line 523, app/assets/stylesheets/website/pages/_subscription.scss */
.user-discounts-section {
  flex: 0 0 400px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  justify-content: flex-start;
}

/* line 532, app/assets/stylesheets/website/pages/_subscription.scss */
.discounts-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #22c55e;
}

/* line 540, app/assets/stylesheets/website/pages/_subscription.scss */
.discounts-title i {
  font-size: 0.8rem;
}

/* line 545, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-cards {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  width: 100%;
}

/* line 552, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-opportunity {
  flex: 1;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.08) 0%, rgba(34, 197, 94, 0.03) 100%);
  border: 1px solid rgba(34, 197, 94, 0.2);
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 566, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-opportunity:hover {
  border-color: rgba(34, 197, 94, 0.4);
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.12) 0%, rgba(34, 197, 94, 0.06) 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.15);
}

/* line 573, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-opportunity.active {
  border-color: #22c55e;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.08) 100%);
  box-shadow: 0 4px 15px rgba(34, 197, 94, 0.2);
}

/* line 578, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-opportunity.active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #22c55e 0%, #16a34a 100%);
}

/* line 590, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

/* line 596, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-header .discount-percentage {
  font-size: 1.4rem;
  font-weight: 700;
  color: #22c55e;
  text-shadow: 0 1px 2px rgba(34, 197, 94, 0.3);
}

/* line 603, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-header .discount-icon {
  width: 30px;
  height: 30px;
  background: rgba(34, 197, 94, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 612, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-header .discount-icon i {
  color: #22c55e;
  font-size: 0.75rem;
}

/* line 619, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-content {
  margin-bottom: 0.75rem;
}

/* line 622, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-content .discount-threshold {
  font-size: 0.85rem;
  font-weight: 600;
  color: #f8fafc;
  margin-bottom: 0.2rem;
}

/* line 629, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-card-content .discount-description {
  font-size: 0.75rem;
  color: rgba(248, 250, 252, 0.7);
}

/* line 635, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-status {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.7rem;
  padding: 0.3rem 0.5rem;
  background: rgba(125, 211, 252, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(125, 211, 252, 0.2);
}

/* line 645, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-status i {
  color: rgba(125, 211, 252, 0.7);
  font-size: 0.6rem;
}

/* line 650, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-status span {
  color: rgba(248, 250, 252, 0.7);
}

/* line 654, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-status.achieved {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.3);
}

/* line 658, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-status.achieved i {
  color: #22c55e;
}

/* line 662, app/assets/stylesheets/website/pages/_subscription.scss */
.discount-status.achieved span {
  color: #22c55e;
  font-weight: 600;
}

/* Styles pour la section informations client - Version compacte */
/* line 670, app/assets/stylesheets/website/pages/_subscription.scss */
.professional-toggle-row {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
}

/* line 676, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-switch-compact {
  position: relative;
  display: flex;
  background: rgba(125, 211, 252, 0.1);
  border-radius: 8px;
  padding: 2px;
  border: 1px solid rgba(125, 211, 252, 0.2);
  width: 280px;
  height: 44px;
}

/* line 687, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-option-compact {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.6rem;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgba(248, 250, 252, 0.7);
  position: relative;
  z-index: 2;
}

/* line 703, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-option-compact i {
  font-size: 0.9rem;
}

/* line 707, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-option-compact.active {
  color: #ffffff;
  font-weight: 600;
}

/* line 713, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-slider-compact {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(50% - 2px);
  height: calc(100% - 4px);
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  border-radius: 6px;
  transition: transform 0.3s ease;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
}

/* line 726, app/assets/stylesheets/website/pages/_subscription.scss */
.toggle-switch-compact[data-value="individual"] .toggle-slider-compact {
  transform: translateX(100%);
}

/* Grille de formulaire compacte */
/* line 731, app/assets/stylesheets/website/pages/_subscription.scss */
.form-grid-compact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-top: 1rem;
}

/* line 738, app/assets/stylesheets/website/pages/_subscription.scss */
.form-group-compact {
  display: flex;
  flex-direction: column;
}

/* line 743, app/assets/stylesheets/website/pages/_subscription.scss */
.form-input-compact {
  width: 100%;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(125, 211, 252, 0.2);
  border-radius: 6px;
  color: #f8fafc;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}

/* line 753, app/assets/stylesheets/website/pages/_subscription.scss */
.form-input-compact::placeholder {
  color: rgba(248, 250, 252, 0.5);
}

/* line 757, app/assets/stylesheets/website/pages/_subscription.scss */
.form-input-compact:focus {
  outline: none;
  border-color: #22c55e;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
}

/* line 764, app/assets/stylesheets/website/pages/_subscription.scss */
.form-input-compact:hover {
  border-color: rgba(125, 211, 252, 0.4);
  background: rgba(255, 255, 255, 0.07);
}

/* Styles pour le groupe SIRET avec bouton de vérification */
/* line 771, app/assets/stylesheets/website/pages/_subscription.scss */
.siret-input-group {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
  width: 100%;
}

/* line 777, app/assets/stylesheets/website/pages/_subscription.scss */
.siret-input-group .form-input-compact {
  flex: 1;
  margin: 0;
}

/* line 782, app/assets/stylesheets/website/pages/_subscription.scss */
.siret-input-group .btn-verify-siret {
  white-space: nowrap;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: auto;
  min-height: 44px;
}

/* line 801, app/assets/stylesheets/website/pages/_subscription.scss */
.siret-input-group .btn-verify-siret i {
  font-size: 0.85rem;
}

/* line 805, app/assets/stylesheets/website/pages/_subscription.scss */
.siret-input-group .btn-verify-siret:hover {
  background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
}

/* line 811, app/assets/stylesheets/website/pages/_subscription.scss */
.siret-input-group .btn-verify-siret:active {
  transform: translateY(0);
}

/* line 815, app/assets/stylesheets/website/pages/_subscription.scss */
.siret-input-group .btn-verify-siret:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* Résultat de vérification SIRET */
/* line 824, app/assets/stylesheets/website/pages/_subscription.scss */
#siret-verification-result {
  margin-top: 0.5rem;
  font-size: 0.85rem;
}

/* line 828, app/assets/stylesheets/website/pages/_subscription.scss */
#siret-verification-result .alert {
  padding: 0.75rem;
  border-radius: 6px;
  margin: 0;
}

/* line 833, app/assets/stylesheets/website/pages/_subscription.scss */
#siret-verification-result .alert.alert-success {
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
  color: #22c55e;
}

/* line 839, app/assets/stylesheets/website/pages/_subscription.scss */
#siret-verification-result .alert.alert-error {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  color: #ef4444;
}

/* line 845, app/assets/stylesheets/website/pages/_subscription.scss */
#siret-verification-result .alert.alert-info {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  color: #3b82f6;
}

/* Styles pour les cartes d'engagement */
/* line 854, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .commitment-options {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0.75rem !important;
  width: 100% !important;
}

/* line 861, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-options {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0.75rem !important;
  width: 100% !important;
}

/* line 868, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.5rem !important;
  padding: 0.75rem !important;
  border: 1px solid rgba(125, 211, 252, 0.3) !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
  color: #f8fafc !important;
  backdrop-filter: blur(12px) !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: auto !important;
  width: 100% !important;
}

/* line 885, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card:has(.commitment-radio:checked) {
  border-color: #22c55e;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.08) 100%);
  box-shadow: 0 4px 15px rgba(34, 197, 94, 0.2);
}

/* line 891, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card:hover {
  border-color: rgba(125, 211, 252, 0.5);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 100%);
}

/* line 897, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card[style*="pointer-events: none"], .commitment-option-card[style*="opacity: 0.5"], .commitment-option-card.is-disabled {
  opacity: 0.5 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  filter: grayscale(0.3);
}

/* line 905, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card[style*="pointer-events: none"]:hover, .commitment-option-card[style*="opacity: 0.5"]:hover, .commitment-option-card.is-disabled:hover {
  border-color: rgba(125, 211, 252, 0.3);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
}

/* line 910, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card[style*="pointer-events: none"] .commitment-radio, .commitment-option-card[style*="opacity: 0.5"] .commitment-radio, .commitment-option-card.is-disabled .commitment-radio {
  cursor: not-allowed !important;
  opacity: 0.5;
}

/* line 915, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card[style*="pointer-events: none"] label, .commitment-option-card[style*="opacity: 0.5"] label, .commitment-option-card.is-disabled label {
  cursor: not-allowed !important;
  opacity: 0.7;
}

/* line 921, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-radio {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(125, 211, 252, 0.5);
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 936, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-radio:checked {
  background: #22c55e;
  border-color: #22c55e;
}

/* line 940, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-radio:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* line 954, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-right: 1.5rem;
  /* Espace pour le radio button */
}

/* line 962, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

/* line 968, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-header h4, .commitment-option-card .commitment-header .h4 {
  margin: 0;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  flex: 1;
}

/* line 977, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-header .engagement-badge {
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 985, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-header .engagement-badge .badge-text {
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* line 990, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-header .engagement-badge.engagement-badge-yearly {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  box-shadow: 0 3px 6px rgba(59, 130, 246, 0.4);
}

/* line 995, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-header .engagement-badge.engagement-badge-yearly_2 {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  box-shadow: 0 3px 6px rgba(139, 92, 246, 0.4);
}

/* line 1000, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-header .engagement-badge.engagement-badge-yearly_3 {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  box-shadow: 0 3px 6px rgba(245, 158, 11, 0.4);
}

/* line 1007, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-benefits {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

/* line 1013, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-benefit {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  color: rgba(248, 250, 252, 0.8);
  text-transform: none;
  /* Pas de majuscules */
}

/* line 1021, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-benefit i {
  color: #22c55e;
  font-size: 0.65rem;
  flex-shrink: 0;
}

/* line 1027, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-benefit span {
  line-height: 1.2;
  text-transform: none;
  /* Pas de majuscules */
}

/* line 1032, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option-card .commitment-benefit .discount-highlight {
  color: #22c55e !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  text-shadow: 0 1px 2px rgba(34, 197, 94, 0.3);
}

/* line 1040, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offers-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-auto-rows: 1fr;
  /* Toutes les cartes ont la même hauteur */
  gap: 1rem;
  align-items: stretch;
  /* Étirer les cartes pour remplir la hauteur */
  overflow-x: auto;
  /* Réactivation du scroll pour la navigation par chevrons */
  overflow-y: hidden;
  padding-bottom: 10px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  flex: 1;
  /* Prendre l'espace disponible entre les chevrons */
  /* Masquer la barre de scroll */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}

/* line 1057, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offers-container::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}

/* line 1061, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offers-container .subscription-offer-card,
.subscription-offers-container .subscription-app-card {
  flex: 0 0 240px;
  /* Largeur réduite pour chaque carte */
  min-width: 240px;
  scroll-snap-align: start;
  height: auto;
  /* Hauteur automatique pour s'adapter au contenu */
}

/* line 1068, app/assets/stylesheets/website/pages/_subscription.scss */
o
.offer-card,
.commitment-option,
.toggle-option,
.form-label,
.commitment-label,
.toggle-switch label {
  opacity: 1 !important;
  /* Force l'opacité pour contrer la règle globale */
}

/* Correction spécifique pour les éléments de formulaire */
/* line 1081, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form label,
.subscription-form .offer-card,
.subscription-form .commitment-option,
.subscription-form .toggle-option {
  opacity: 1 !important;
}

/* Nouvelle classe spécifique pour les cartes d'offres de souscription */
/* line 1089, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card, .subscription-app-card {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border: 1px solid rgba(125, 211, 252, 0.3);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  color: #f8fafc;
  backdrop-filter: blur(12px);
  min-height: 140px;
  /* Hauteur minimale au lieu de hauteur fixe */
  height: auto;
  /* Hauteur automatique pour s'adapter au contenu */
  position: relative;
  overflow: hidden;
  /* Effet de sélection avec style vert */
  /* Contenu de la carte */
  /* Header de l'offre */
  /* Description de l'offre */
  /* Prix */
  /* Check picto stylisé */
}

/* line 1106, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card:has(.subscription-offer-radio:checked), .subscription-app-card:has(.subscription-offer-radio:checked) {
  border-color: #22c55e;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.08) 100%);
  box-shadow: 0 4px 15px rgba(34, 197, 94, 0.2);
  /* Suppression du transform pour éviter le débordement */
}

/* line 1114, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-content, .subscription-app-card .subscription-offer-content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* Aligner en haut au lieu de space-between */
  gap: 0.5rem;
  /* Espacement entre les éléments */
}

/* line 1125, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-header, .subscription-app-card .subscription-offer-header {
  margin-bottom: 0.5rem;
}

/* line 1128, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-header h4, .subscription-app-card .subscription-offer-header h4, .subscription-offer-card .subscription-offer-header .h4, .subscription-app-card .subscription-offer-header .h4 {
  margin: 0 0 0.2rem 0;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
}

/* line 1135, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-header .subscription-offer-badge, .subscription-app-card .subscription-offer-header .subscription-offer-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.7rem;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: #ffffff;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);
}

/* line 1148, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-header .subscription-offer-badge i, .subscription-app-card .subscription-offer-header .subscription-offer-badge i {
  font-size: 0.8rem;
}

/* line 1153, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-header .subscription-offer-badge.storage-badge, .subscription-app-card .subscription-offer-header .subscription-offer-badge.storage-badge {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

/* line 1159, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-description, .subscription-app-card .subscription-offer-description {
  margin: 0.5rem 0;
  padding: 0.5rem 0;
  border-top: 1px solid rgba(125, 211, 252, 0.2);
  border-bottom: 1px solid rgba(125, 211, 252, 0.2);
}

/* line 1165, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-description p, .subscription-app-card .subscription-offer-description p {
  margin: 0;
  font-size: 0.8rem;
  color: rgba(248, 250, 252, 0.8);
  line-height: 1.4;
  text-align: center;
  text-transform: none;
  /* Pas de majuscules */
}

/* line 1176, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-pricing, .subscription-app-card .subscription-offer-pricing {
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

/* line 1182, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-pricing .subscription-price-badge, .subscription-app-card .subscription-offer-pricing .subscription-price-badge {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.08) 100%);
  color: #22c55e;
  padding: 0.3rem 0.6rem;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  border: 1px solid rgba(34, 197, 94, 0.3);
  box-shadow: 0 2px 6px rgba(34, 197, 94, 0.1);
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  text-transform: uppercase;
  /* Majuscules pour le prix */
}

/* line 1200, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-radio, .subscription-app-card .subscription-offer-radio {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(125, 211, 252, 0.5);
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 1215, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-radio:checked, .subscription-app-card .subscription-offer-radio:checked {
  background: #22c55e;
  border-color: #22c55e;
}

/* line 1219, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-offer-card .subscription-offer-radio:checked::after, .subscription-app-card .subscription-offer-radio:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Classe pour les applications à la carte */
/* line 1238, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-app-card .subscription-app-checkbox {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(125, 211, 252, 0.5);
  border-radius: 3px;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 1250, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-app-card .subscription-app-checkbox:checked {
  background: #3b82f6;
  border-color: #3b82f6;
}

/* line 1254, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-app-card .subscription-app-checkbox:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 10px;
  font-weight: bold;
}

/* Header de la section applications */
/* line 1269, app/assets/stylesheets/website/pages/_subscription.scss */
.apps-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 1275, app/assets/stylesheets/website/pages/_subscription.scss */
.apps-section-header h2, .apps-section-header .h2 {
  margin: 0;
  flex: 1;
}

/* line 1280, app/assets/stylesheets/website/pages/_subscription.scss */
.apps-section-header .apps-price-info {
  display: flex;
  align-items: center;
}

/* line 1284, app/assets/stylesheets/website/pages/_subscription.scss */
.apps-section-header .apps-price-info .price-label {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.08) 100%);
  color: #22c55e;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 600;
  border: 1px solid rgba(34, 197, 94, 0.3);
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.1);
}

/* Nouvelle grille pour les applications - style ultra-compact */
/* line 1298, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .apps-grid-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 0.75rem !important;
  margin-bottom: 1rem !important;
}

/* line 1305, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #f8fafc !important;
  backdrop-filter: blur(10px) !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 60px !important;
  flex-direction: row !important;
}

/* line 1322, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid:has(.subscription-app-checkbox:checked) {
  border-color: #22c55e !important;
  background: rgba(34, 197, 94, 0.1) !important;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.2) !important;
}

/* line 1328, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid .app-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 2px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

/* line 1340, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid .app-icon i {
  font-size: 0.9rem !important;
  color: white !important;
}

/* line 1346, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid .app-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.2rem !important;
  min-width: 0 !important;
}

/* line 1353, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid .app-content h4, .subscription-form .subscription-app-card-grid .app-content .h4 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
  cursor: help !important;
  position: relative !important;
}

/* line 1366, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid .app-content h4:hover::after, .subscription-form .subscription-app-card-grid .app-content .h4:hover::after {
  content: attr(data-tooltip) !important;
  position: absolute !important;
  bottom: calc(100% + 8px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: rgba(0, 0, 0, 0.95) !important;
  color: white !important;
  padding: 0.75rem 1rem !important;
  border-radius: 8px !important;
  font-size: 0.8rem !important;
  white-space: normal !important;
  width: 280px !important;
  z-index: 1000 !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px) !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* line 1389, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid .app-content .app-description {
  font-size: 0.75rem !important;
  color: rgba(255, 255, 255, 0.6) !important;
  line-height: 1.3 !important;
  margin-top: 0.2rem !important;
  text-align: left !important;
  font-weight: 400 !important;
  letter-spacing: 0.1px !important;
  width: fit-content !important;
}

/* line 1401, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid .subscription-app-checkbox {
  width: 28px !important;
  height: 28px !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* line 1418, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid .subscription-app-checkbox:checked {
  background: #22c55e !important;
  border-color: #22c55e !important;
}

/* line 1422, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid .subscription-app-checkbox:checked::after {
  content: '+' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: white !important;
  font-size: 14px !important;
  font-weight: bold !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* line 1435, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .subscription-app-card-grid .subscription-app-checkbox:not(:checked)::after {
  content: '+' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

/* Effet hover supprimé selon les demandes */
/* line 1450, app/assets/stylesheets/website/pages/_subscription.scss */
.offer-card:has(.offer-radio:checked) {
  border-color: #3b82f6;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(125, 211, 252, 0.15) 100%);
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);
  transform: translateY(-1px);
}

/* line 1457, app/assets/stylesheets/website/pages/_subscription.scss */
.offer-content h4, .offer-content .h4 {
  margin: 0 0 0.75rem 0;
  color: #f8fafc;
  font-size: 1.1rem;
  font-weight: 600;
}

/* line 1464, app/assets/stylesheets/website/pages/_subscription.scss */
.offer-pricing {
  margin-bottom: 0.5rem;
}

/* line 1468, app/assets/stylesheets/website/pages/_subscription.scss */
.price {
  font-size: 1.2rem;
  font-weight: 700;
  color: #ffffff;
}

/* line 1474, app/assets/stylesheets/website/pages/_subscription.scss */
.period {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.875rem;
}

/* line 1479, app/assets/stylesheets/website/pages/_subscription.scss */
.yearly-price {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.875rem;
}

/* line 1484, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

/* line 1490, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  background: rgba(255, 255, 255, 0.06);
  color: #f8fafc;
}

/* line 1503, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option:hover {
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.1);
}

/* line 1508, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-option:has(.commitment-radio:checked) {
  border-color: rgba(125, 211, 252, 0.8);
  background: rgba(125, 211, 252, 0.15);
}

/* line 1513, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 1519, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-label strong {
  font-weight: 600;
  color: #ffffff;
}

/* line 1524, app/assets/stylesheets/website/pages/_subscription.scss */
.commitment-label small, .commitment-label .small {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.875rem;
}

/* line 1529, app/assets/stylesheets/website/pages/_subscription.scss */
.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

/* line 1535, app/assets/stylesheets/website/pages/_subscription.scss */
.form-group {
  margin-bottom: 1.5rem;
}

/* line 1539, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-input {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.08);
  color: #f8fafc;
  transition: all 0.2s;
}

/* line 1550, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* line 1554, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-input:focus {
  outline: none;
  border-color: rgba(125, 211, 252, 0.8);
  box-shadow: 0 0 0 3px rgba(125, 211, 252, 0.2);
}

/* line 1560, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.08);
  color: #f8fafc;
  resize: vertical;
  transition: all 0.2s;
}

/* line 1572, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* line 1576, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-textarea:focus {
  outline: none;
  border-color: rgba(125, 211, 252, 0.8);
  box-shadow: 0 0 0 3px rgba(125, 211, 252, 0.2);
}

/* line 1582, app/assets/stylesheets/website/pages/_subscription.scss */
.form-actions {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

/* line 1591, app/assets/stylesheets/website/pages/_subscription.scss */
.btn {
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s;
  border: none;
  cursor: pointer;
}

/* line 1604, app/assets/stylesheets/website/pages/_subscription.scss */
.btn-cancel {
  background-color: rgba(255, 255, 255, 0.08);
  color: #f8fafc;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

/* line 1610, app/assets/stylesheets/website/pages/_subscription.scss */
.btn-cancel:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

/* line 1614, app/assets/stylesheets/website/pages/_subscription.scss */
.btn-submit {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
  color: white !important;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3) !important;
  border: none !important;
  transition: all 0.3s ease;
}

/* line 1622, app/assets/stylesheets/website/pages/_subscription.scss */
.btn-submit:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4) !important;
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
}

/* line 1628, app/assets/stylesheets/website/pages/_subscription.scss */
.btn-submit:disabled {
  background-color: #9ca3af;
  cursor: not-allowed;
}

/* line 1633, app/assets/stylesheets/website/pages/_subscription.scss */
.btn-loading {
  display: none;
}

/* line 1637, app/assets/stylesheets/website/pages/_subscription.scss */
.btn-submit.loading .btn-text {
  display: none;
}

/* line 1641, app/assets/stylesheets/website/pages/_subscription.scss */
.btn-submit.loading .btn-loading {
  display: inline-flex;
}

/* line 1645, app/assets/stylesheets/website/pages/_subscription.scss */
.spinner {
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 1664, app/assets/stylesheets/website/pages/_subscription.scss */
.checkbox-group {
  margin-bottom: 1rem;
}

/* line 1668, app/assets/stylesheets/website/pages/_subscription.scss */
.checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
}

/* line 1675, app/assets/stylesheets/website/pages/_subscription.scss */
.checkbox-label input[type="checkbox"] {
  margin-top: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
  cursor: pointer;
  flex-shrink: 0;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 4px;
  position: relative;
  transition: all 0.2s ease;
}

/* line 1693, app/assets/stylesheets/website/pages/_subscription.scss */
.checkbox-label input[type="checkbox"]:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
}

/* line 1698, app/assets/stylesheets/website/pages/_subscription.scss */
.checkbox-label input[type="checkbox"]:checked {
  background-color: #F6E5B3 !important;
  border-color: #F6E5B3 !important;
}

/* Style checkbox pour la page de souscription - surcharge TOUS les autres styles */
/* line 1704, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-page .checkbox-label input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

/* Supprimer TOUS les ::before qui pourraient créer des ticks */
/* line 1711, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-page .checkbox-label input[type="checkbox"]:checked::before {
  display: none !important;
  content: '' !important;
  width: 0 !important;
  height: 0 !important;
  border: none !important;
  border-width: 0 !important;
  background: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

/* Style du tick centré et visible */
/* line 1726, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-page .checkbox-label input[type="checkbox"]:checked::after {
  content: '✓' !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #140D23 !important;
  font-size: 1.3rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  width: auto !important;
  height: auto !important;
  border: none !important;
  background: none !important;
  border-width: 0 !important;
  border-style: none !important;
}

/* line 1746, app/assets/stylesheets/website/pages/_subscription.scss */
.checkbox-text {
  font-size: 0.875rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
}

/* line 1752, app/assets/stylesheets/website/pages/_subscription.scss */
.checkbox-text a {
  color: #7dd3fc;
  text-decoration: underline;
  font-weight: 500;
  transition: all 0.2s ease;
}

/* line 1759, app/assets/stylesheets/website/pages/_subscription.scss */
.checkbox-text a:hover {
  color: #ffffff;
  text-decoration: underline;
  text-shadow: 0 0 4px rgba(125, 211, 252, 0.5);
}

/* line 1765, app/assets/stylesheets/website/pages/_subscription.scss */
.checkbox-text a:focus {
  outline: 2px solid #7dd3fc;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Options supplémentaires - Style aligné sur les engagements */
/* line 1772, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-options-section {
  margin-top: 1.5rem;
}

/* line 1776, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-options-section .commitment-options {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0.75rem !important;
  width: 100% !important;
}

/* line 1783, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-card {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  border: 1px solid rgba(125, 211, 252, 0.3);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  color: #f8fafc;
  backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
  min-height: auto;
  width: 100%;
}

/* line 1801, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-card:hover {
  border-color: rgba(125, 211, 252, 0.5);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 100%);
}

/* line 1806, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-card:has(.additional-option-checkbox:checked) {
  border-color: #22c55e;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(34, 197, 94, 0.08) 100%);
  box-shadow: 0 4px 15px rgba(34, 197, 94, 0.2);
}

/* line 1812, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-label {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  cursor: pointer;
  margin: 0;
  width: 100%;
}

/* line 1821, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-checkbox {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(125, 211, 252, 0.5);
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex-shrink: 0;
}

/* line 1838, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-checkbox:checked {
  background: #22c55e;
  border-color: #22c55e;
}

/* line 1843, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-checkbox:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* line 1855, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-right: 1.5rem;
  /* Espace pour le checkbox */
}

/* line 1863, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

/* line 1870, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-header h4, .additional-option-header .h4 {
  margin: 0;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-transform: none !important;
  /* Pas de majuscules forcées */
}

/* line 1883, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-price {
  font-size: 0.85rem;
  font-weight: 700;
  color: #F6E5B3;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  text-transform: none !important;
  /* Pas de majuscules forcées */
}

/* line 1891, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-description {
  font-size: 0.8rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  text-transform: none !important;
  /* Pas de majuscules forcées */
}

/* line 1899, app/assets/stylesheets/website/pages/_subscription.scss */
.additional-option-description strong {
  color: #F6E5B3;
  font-weight: 600;
}

/* line 1904, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-section {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  padding: 1.5rem;
  color: #e5e7eb;
}

/* Section dédiée aux liens juridiques - Haute visibilité */
/* line 1913, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-links-section {
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background: rgba(59, 130, 246, 0.12);
  border: 2px solid rgba(59, 130, 246, 0.3);
  border-radius: 10px;
  backdrop-filter: blur(8px);
}

/* line 1922, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-links-intro {
  margin: 0 0 1rem 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #f5f7fb;
  text-align: center;
  line-height: 1.5;
}

/* line 1931, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-links-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 1937, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(125, 211, 252, 0.3);
  border-radius: 8px;
  color: #7dd3fc;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* line 1952, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-link:hover {
  background: rgba(125, 211, 252, 0.15);
  border-color: rgba(125, 211, 252, 0.5);
  color: #ffffff;
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(125, 211, 252, 0.2);
}

/* line 1960, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-link:focus {
  outline: 2px solid #7dd3fc;
  outline-offset: 2px;
}

/* line 1965, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-link i:first-child {
  font-size: 1.1rem;
  color: #7dd3fc;
  flex-shrink: 0;
}

/* line 1971, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-link span {
  flex: 1;
  color: inherit;
}

/* line 1976, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-link i:last-child {
  font-size: 0.75rem;
  color: rgba(125, 211, 252, 0.7);
  flex-shrink: 0;
  transition: all 0.3s ease;
}

/* line 1983, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-link:hover i:last-child {
  color: #ffffff;
  transform: translate(2px, -2px);
}

/* line 1989, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-info {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

/* line 1995, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-info p {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}

/* line 2002, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-info p:last-child {
  margin-bottom: 0;
}

/* Section rappel des liens juridiques avant validation */
/* line 2007, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-reminder-section {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  padding: 1rem 1.25rem;
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 8px;
  border-left: 4px solid #22c55e;
}

/* line 2017, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-reminder-content {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

/* line 2022, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-reminder-content i {
  color: #22c55e;
  font-size: 1.1rem;
  flex-shrink: 0;
  margin-top: 0.15rem;
}

/* line 2029, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-reminder-content p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 400;
}

/* line 2036, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-reminder-content p a {
  color: #7dd3fc;
  text-decoration: underline;
  font-weight: 600;
  transition: all 0.2s ease;
}

/* line 2042, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-reminder-content p a:hover {
  color: #ffffff;
  text-shadow: 0 0 4px rgba(125, 211, 252, 0.5);
}

/* line 2047, app/assets/stylesheets/website/pages/_subscription.scss */
.legal-reminder-content p a:focus {
  outline: 2px solid #7dd3fc;
  outline-offset: 2px;
  border-radius: 2px;
}

/* line 2056, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px);
  position: sticky;
  top: 2rem;
}

/* line 2066, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-header {
  color: #f5f7fb;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 2077, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-header .cart-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 2082, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-header .cart-title i {
  color: #7dd3fc;
  font-size: 1.1rem;
}

/* line 2088, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-header .cart-frequency-info {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(125, 211, 252, 0.8);
  margin-top: 0.25rem;
  padding: 0.3rem 0.6rem;
  background: rgba(125, 211, 252, 0.1);
  border-radius: 6px;
  border: 1px solid rgba(125, 211, 252, 0.2);
  align-self: center;
}

/* line 2102, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-header .cart-frequency-info i {
  color: rgba(125, 211, 252, 0.9);
  font-size: 0.75rem;
}

/* line 2107, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-header .cart-frequency-info span {
  font-size: 0.8rem;
  letter-spacing: 0.3px;
}

/* line 2114, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines {
  margin-bottom: 1rem;
}

/* line 2117, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-collapsable-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
}

/* line 2124, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-collapsable-content.is-collapsed {
  max-height: 0;
  opacity: 0;
}

/* line 2130, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-collapsable-content.is-expanded {
  max-height: var(--dynamic-max-height, 5000px);
  opacity: 1;
}

/* line 2136, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line {
  padding: 0.5rem 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 2144, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.empty {
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  justify-content: center;
}

/* line 2150, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-subtotal {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

/* line 2157, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-subtotal.cart-subtotal-toggle {
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease;
}

/* line 2162, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-subtotal.cart-subtotal-toggle:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

/* line 2166, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-subtotal.cart-subtotal-toggle .cart-subtotal-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 2171, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-subtotal.cart-subtotal-toggle .cart-subtotal-label .cart-subtotal-chevron {
  font-size: 0.75rem;
  transition: transform 0.3s ease;
  color: rgba(255, 255, 255, 0.6);
}

/* line 2180, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-discount {
  color: #22c55e;
  font-weight: 500;
}

/* line 2185, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-subtotal-after-discounts {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

/* line 2193, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-tva {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.85rem;
}

/* line 2198, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line .cart-show-more-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0.5rem 0;
  transition: all 0.2s ease;
}

/* line 2214, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line .cart-show-more-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.95);
}

/* line 2220, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line .cart-show-more-btn i {
  font-size: 0.75rem;
  transition: transform 0.2s ease;
}

/* line 2226, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-included-apps-inline {
  flex-direction: column;
  padding: 0.75rem;
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.2);
  border-radius: 8px;
  margin-top: 0.5rem;
}

/* line 2234, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-included-apps-inline .apps-inline-title {
  color: #22c55e;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
}

/* line 2241, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-included-apps-inline .apps-inline-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

/* line 2246, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-included-apps-inline .apps-inline-list .cart-app-tag-inline {
  padding: 0.2rem 0.5rem;
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 500;
  border: 1px solid rgba(34, 197, 94, 0.25);
}

/* line 2255, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-lines .cart-line.cart-included-apps-inline .apps-inline-list .cart-app-tag-inline.cart-app-tag-additional {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

/* line 2266, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-included-apps {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.2);
  border-radius: 8px;
}

/* line 2273, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-included-apps .cart-included-apps-title {
  color: #22c55e;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* line 2280, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-included-apps .cart-included-apps-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

/* line 2285, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-included-apps .cart-included-apps-list .cart-app-tag {
  padding: 0.2rem 0.5rem;
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  border: 1px solid rgba(34, 197, 94, 0.25);
}

/* line 2294, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-included-apps .cart-included-apps-list .cart-app-tag.cart-app-tag-additional {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

/* line 2303, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-total-payment {
  margin-top: 1.5rem;
  padding: 0.75rem;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 8px;
  display: block !important;
  /* Forcer l'affichage */
}

/* line 2311, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-total-payment .total-payment-header {
  font-size: 0.75rem;
  font-weight: 600;
  color: #60a5fa;
  text-align: left;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid rgba(59, 130, 246, 0.15);
}

/* line 2320, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-total-payment .total-payment-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.85);
}

/* line 2327, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-total-payment .total-payment-line span {
  opacity: 0.8;
  text-align: left;
}

/* line 2332, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-total-payment .total-payment-line strong {
  font-weight: 600;
  font-size: 0.8rem;
  text-align: right;
}

/* line 2338, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-total-payment .total-payment-line .total-payment-highlight {
  color: #60a5fa;
  font-size: 0.85rem;
}

/* line 2343, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-total-payment .total-payment-line .promo-discount-amount {
  color: #22c55e;
}

/* line 2348, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-total-payment .total-payment-note {
  text-align: left;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  padding-top: 0.3rem;
  border-top: 1px solid rgba(59, 130, 246, 0.1);
  line-height: 1.3;
}

/* line 2359, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-sidebar .cart-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  font-weight: 600;
  color: #f5f7fb;
  font-size: 1.1rem;
}

@media (max-width: 768px) {
  /* line 2372, app/assets/stylesheets/website/pages/_subscription.scss */
  .subscription-layout {
    flex-direction: column;
  }
  /* line 2375, app/assets/stylesheets/website/pages/_subscription.scss */
  .subscription-layout .cart-sidebar {
    flex: none;
    max-width: none;
    position: static;
    order: -1;
  }
  /* line 2383, app/assets/stylesheets/website/pages/_subscription.scss */
  .form-row {
    grid-template-columns: 1fr;
  }
  /* line 2387, app/assets/stylesheets/website/pages/_subscription.scss */
  .offers-grid {
    grid-template-columns: 1fr;
  }
  /* line 2391, app/assets/stylesheets/website/pages/_subscription.scss */
  .commitment-options {
    grid-template-columns: 1fr;
  }
  /* line 2395, app/assets/stylesheets/website/pages/_subscription.scss */
  .form-actions {
    flex-direction: column;
  }
  /* line 2399, app/assets/stylesheets/website/pages/_subscription.scss */
  .form-row-two-columns {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  /* line 2404, app/assets/stylesheets/website/pages/_subscription.scss */
  .toggle-switch {
    width: 100%;
    max-width: 300px;
  }
  /* line 2409, app/assets/stylesheets/website/pages/_subscription.scss */
  .toggle-option {
    min-width: auto;
    flex: 1;
  }
  /* line 2414, app/assets/stylesheets/website/pages/_subscription.scss */
  .form-header-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  /* Responsive pour les liens juridiques */
  /* line 2421, app/assets/stylesheets/website/pages/_subscription.scss */
  .legal-links-section {
    padding: 1rem;
  }
  /* line 2425, app/assets/stylesheets/website/pages/_subscription.scss */
  .legal-links-intro {
    font-size: 0.875rem;
    text-align: left;
  }
  /* line 2430, app/assets/stylesheets/website/pages/_subscription.scss */
  .legal-links-list {
    gap: 0.5rem;
  }
  /* line 2434, app/assets/stylesheets/website/pages/_subscription.scss */
  .legal-link {
    padding: 0.75rem;
    font-size: 0.85rem;
  }
  /* line 2438, app/assets/stylesheets/website/pages/_subscription.scss */
  .legal-link i:first-child {
    font-size: 1rem;
  }
  /* line 2443, app/assets/stylesheets/website/pages/_subscription.scss */
  .legal-reminder-section {
    padding: 0.875rem 1rem;
  }
  /* line 2447, app/assets/stylesheets/website/pages/_subscription.scss */
  .legal-reminder-content {
    flex-direction: column;
    gap: 0.5rem;
  }
  /* line 2451, app/assets/stylesheets/website/pages/_subscription.scss */
  .legal-reminder-content i {
    align-self: flex-start;
  }
  /* line 2455, app/assets/stylesheets/website/pages/_subscription.scss */
  .legal-reminder-content p {
    font-size: 0.8rem;
    line-height: 1.5;
  }
}

/* Section Code Promo */
/* line 2464, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-input-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 2470, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-field {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 2476, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-input {
  flex: 1;
  padding: 0.6rem 0.9rem;
  font-size: 0.95rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  height: 42px;
}

/* line 2486, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-apply-btn {
  padding: 0.6rem 1.2rem;
  height: 42px;
  background: rgba(59, 130, 246, 0.2);
  color: #7dd3fc;
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}

/* line 2502, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-apply-btn:hover {
  background: rgba(59, 130, 246, 0.3);
  border-color: rgba(59, 130, 246, 0.6);
  color: #ffffff;
}

/* line 2508, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-apply-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 2513, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-apply-btn i {
  font-size: 0.85rem;
}

/* line 2518, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-feedback {
  display: none;
  padding: 0.75rem;
  border-radius: 8px;
  font-size: 0.9rem;
}

/* line 2525, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-success,
.promo-code-section .promo-code-error {
  display: none;
  padding: 0.75rem;
  border-radius: 8px;
  align-items: center;
  gap: 0.5rem;
}

/* line 2533, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-success i,
.promo-code-section .promo-code-error i {
  font-size: 1.2rem;
}

/* line 2538, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-success {
  background: rgba(76, 175, 80, 0.15);
  color: #4caf50;
  border: 1px solid rgba(76, 175, 80, 0.3);
}

/* line 2544, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-error {
  background: rgba(244, 67, 54, 0.15);
  color: #f44336;
  border: 1px solid rgba(244, 67, 54, 0.3);
}

/* line 2550, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-examples {
  padding: 0.5rem;
  font-size: 0.85rem;
}

/* line 2554, app/assets/stylesheets/website/pages/_subscription.scss */
.promo-code-section .promo-code-examples i {
  color: #F6E5B3;
  margin-right: 0.25rem;
}

/* Badge stockage inclus */
/* line 2562, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-storage-badge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: rgba(76, 175, 80, 0.15);
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 6px;
  font-size: 0.85rem;
  color: #4caf50;
  margin-top: 0.5rem;
}

/* line 2574, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-storage-badge i {
  font-size: 1rem;
}

/* Section Hébergement Supplémentaire */
/* line 2581, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-info-box {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  margin-bottom: 1.5rem;
}

/* line 2590, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-info-box .storage-current, .storage-section .storage-info-box .storage-price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}

/* line 2596, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-info-box .storage-current i, .storage-section .storage-info-box .storage-price i {
  color: #7dd3fc;
}

/* line 2602, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-slider-container {
  margin-bottom: 1.5rem;
}

/* line 2605, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-slider-container .storage-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 2611, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-slider-container .storage-header .storage-label {
  font-size: 1rem;
  color: #f5f7fb;
}

/* line 2615, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-slider-container .storage-header .storage-label strong {
  color: #7dd3fc;
}

/* line 2620, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-slider-container .storage-header .storage-cost {
  font-size: 1.1rem;
  font-weight: 600;
  color: #22c55e;
}

/* line 2627, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-slider-container .storage-slider {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
  outline: none;
  -webkit-appearance: none;
}

/* line 2635, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-slider-container .storage-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7dd3fc 0%, #3b82f6 100%);
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);
}

/* line 2646, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-slider-container .storage-slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7dd3fc 0%, #3b82f6 100%);
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);
}

/* line 2657, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-slider-container .storage-scale {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
}

/* line 2666, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-recommendations {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}

/* line 2671, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-recommendations .recommendation-card {
  padding: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  transition: all 0.3s ease;
}

/* line 2678, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-recommendations .recommendation-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(125, 211, 252, 0.3);
}

/* line 2683, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-recommendations .recommendation-card .recommendation-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

/* line 2689, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-recommendations .recommendation-card .recommendation-content strong {
  display: block;
  margin-bottom: 0.5rem;
  color: #f5f7fb;
  font-size: 0.9rem;
}

/* line 2696, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-recommendations .recommendation-card .recommendation-content p {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

/* line 2703, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-recommendations .recommendation-card .recommendation-content .recommendation-value {
  font-size: 0.85rem;
  color: #7dd3fc;
}

/* line 2707, app/assets/stylesheets/website/pages/_subscription.scss */
.storage-section .storage-recommendations .recommendation-card .recommendation-content .recommendation-value strong {
  display: inline;
  color: #7dd3fc;
}

/* Section Code Promo dans le Panier */
/* line 2718, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-promo {
  padding: 0.75rem;
  margin: 0.5rem 0;
  background: rgba(76, 175, 80, 0.1);
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 8px;
}

/* line 2725, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-promo .cart-promo-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 2730, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-promo .cart-promo-line .promo-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: #4caf50;
}

/* line 2737, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-promo .cart-promo-line .promo-label i {
  font-size: 1rem;
}

/* line 2741, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-promo .cart-promo-line .promo-label strong {
  color: #4caf50;
  font-weight: 600;
}

/* line 2747, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-promo .cart-promo-line .promo-discount {
  font-size: 1rem;
  font-weight: 700;
  color: #4caf50;
}

/* line 2748, app/assets/stylesheets/website/pages/_subscription.scss */
.cart-promo .cart-promo-line .promo-discount .promo-discount-subtitle {
  font-size: 0.7rem;
  opacity: 0.6;
}

/* ==========================================================================
   VALIDATION DES CHAMPS DE FORMULAIRE
   Styles pour la validation progressive des champs avec feedback visuel
   ========================================================================== */
/* line 2766, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .required-asterisk {
  color: #ef4444;
  font-weight: bold;
  margin-left: 3px;
}

/* line 2773, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .required-legend {
  font-size: 0.8rem;
  color: rgba(248, 250, 252, 0.7);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/* line 2781, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .required-legend .required-asterisk {
  margin-right: 3px;
  margin-left: 0;
}

/* line 2788, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-label-compact {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(248, 250, 252, 0.9);
}

/* line 2797, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-input-compact {
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

/* line 2801, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-input-compact.is-valid {
  border-color: #22c55e !important;
  background: rgba(34, 197, 94, 0.08) !important;
}

/* line 2805, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-input-compact.is-valid:focus {
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.15) !important;
}

/* line 2811, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-input-compact.is-invalid {
  border-color: #ef4444 !important;
  background: rgba(239, 68, 68, 0.08) !important;
}

/* line 2815, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-input-compact.is-invalid:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15) !important;
}

/* line 2822, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-group-compact {
  position: relative;
}

/* line 2828, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-group-compact.has-validation-icon > .form-input-compact {
  padding-right: 2.5rem;
}

/* line 2833, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-group-compact.has-validation-icon > .validation-icon {
  position: absolute;
  top: calc(22px + 20px);
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 1rem;
  transition: all 0.2s ease;
  opacity: 0;
  z-index: 10;
  right: 12px;
}

/* line 2846, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-group-compact.has-validation-icon > .validation-icon.icon-visible {
  opacity: 1;
}

/* line 2850, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-group-compact.has-validation-icon > .validation-icon.icon-valid {
  color: #22c55e;
}

/* line 2854, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-group-compact.has-validation-icon > .validation-icon.icon-invalid {
  color: #ef4444;
}

/* line 2860, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-group-compact.has-validation-icon .siret-input-group {
  position: relative;
}

/* line 2863, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-group-compact.has-validation-icon .siret-input-group .form-input-compact {
  padding-right: 2.5rem;
}

/* line 2870, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-group-compact.has-validation-icon .siret-input-group ~ .validation-icon {
  right: calc(93px + 12px);
}

/* line 2878, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .validation-message {
  min-height: 0;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  overflow: hidden;
  transition: all 0.2s ease;
}

/* line 2888, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .validation-message:empty {
  min-height: 0;
  margin-top: 0;
}

/* line 2893, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .validation-message.error-message {
  color: #ef4444;
}

/* line 2896, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .validation-message.error-message::before {
  content: "⚠️ ";
}

/* line 2901, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .validation-message.success-message {
  color: #22c55e;
}

/* line 2904, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .validation-message.success-message::before {
  content: "✓ ";
}

/* line 2911, app/assets/stylesheets/website/pages/_subscription.scss */
.subscription-form .form-input-compact:focus-visible {
  outline: 2px solid #7dd3fc;
  outline-offset: 2px;
}

@media (max-width: 768px) {
  /* line 2920, app/assets/stylesheets/website/pages/_subscription.scss */
  .subscription-form .validation-message {
    font-size: 0.7rem;
  }
  /* line 2924, app/assets/stylesheets/website/pages/_subscription.scss */
  .subscription-form .form-label-compact {
    font-size: 0.8rem;
  }
  /* line 2928, app/assets/stylesheets/website/pages/_subscription.scss */
  .subscription-form .required-legend {
    font-size: 0.75rem;
  }
  /* line 2934, app/assets/stylesheets/website/pages/_subscription.scss */
  .subscription-form .form-group-compact.has-validation-icon .siret-input-group ~ .validation-icon {
    right: calc(80px + 10px);
  }
}

/* Page de confirmation de souscription - Style Orizen */
/* line 5, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  position: relative;
  overflow: hidden;
  background: linear-gradient(151deg, #140D23 25%, #640127 100%);
}

/* line 16, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-container {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

/* line 22, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-content {
  text-align: center;
  color: #f6f6f7;
  position: relative;
  z-index: 2;
}

/* Icône de succès animée */
/* line 30, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-icon-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 3rem;
}

/* line 36, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-icon-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(246, 229, 179, 0.15);
  backdrop-filter: blur(10px);
  border: 2px solid rgba(246, 229, 179, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  animation: successIconPulse 2s ease-in-out infinite;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

/* line 51, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-icon-circle i {
  font-size: 3.5rem;
  color: #F6E5B3;
  animation: successCheck 0.6s ease-out 0.3s backwards;
}

/* line 58, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-icon-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 2px solid rgba(246, 229, 179, 0.4);
  animation: ripple 2s ease-out infinite;
}

@keyframes successIconPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 12px 40px rgba(246, 229, 179, 0.2);
  }
}

@keyframes successCheck {
  0% {
    transform: scale(0) rotate(-45deg);
    opacity: 0;
  }
  50% {
    transform: scale(1.2) rotate(5deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

@keyframes ripple {
  0% {
    width: 120px;
    height: 120px;
    opacity: 1;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 0;
  }
}

/* Titre principal */
/* line 109, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  margin: 0 0 1.5rem 0;
  color: #F6E5B3;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

/* Message de bienvenue */
/* line 119, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-welcome-message {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 400;
  margin: 0 0 3rem 0;
  color: rgba(246, 246, 247, 0.95);
  line-height: 1.5;
  font-style: italic;
}

/* Carte d'information */
/* line 129, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-info-card {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 2rem;
  margin-bottom: 3rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.26);
}

/* line 139, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-info-text {
  font-size: 1rem;
  line-height: 1.7;
  color: rgba(246, 246, 247, 0.75);
  margin: 0;
}

/* Prochaines étapes - Liste détaillée */
/* line 147, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-step-list {
  text-align: left;
}

/* line 150, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-step-list .success-step-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  color: #22c55e;
}

/* line 158, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-step-list .success-step-title i {
  font-size: 1.3rem;
}

/* line 164, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-steps {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}

/* line 169, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-steps .success-step {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

/* line 174, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-steps .success-step:last-child {
  margin-bottom: 0;
}

/* line 178, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-steps .success-step .step-number {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3);
}

/* line 193, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-steps .success-step .step-content {
  flex: 1;
}

/* line 196, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-steps .success-step .step-content strong {
  display: block;
  margin-bottom: 0.25rem;
  color: #f5f7fb;
  font-size: 0.95rem;
}

/* line 203, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-steps .success-step .step-content p {
  margin: 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}

/* line 209, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-steps .success-step .step-content p strong {
  display: inline;
  color: #F6E5B3;
  font-size: inherit;
}

/* line 219, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-timing-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  margin-bottom: 1rem;
}

/* line 229, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-timing-info i {
  color: #60a5fa;
  font-size: 1rem;
  flex-shrink: 0;
}

/* line 235, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-timing-info span {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.9);
}

/* line 239, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-timing-info span strong {
  color: #60a5fa;
}

/* line 245, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-spam-notice {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 8px;
}

/* line 253, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-spam-notice > i {
  color: #f59e0b;
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

/* line 260, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-spam-notice > div {
  flex: 1;
}

/* line 263, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-spam-notice > div strong {
  color: #fbbf24;
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}

/* line 270, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-spam-notice > div p {
  margin: 0;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
}

/* line 276, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-spam-notice > div p strong {
  display: inline;
  color: #fbbf24;
  font-size: inherit;
}

/* Actions */
/* line 286, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-actions {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}

/* Styles spécifiques pour les boutons de la page de confirmation - ne pas utiliser .btn pour éviter les conflits */
/* line 294, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn {
  padding: 1rem 2rem;
  border-radius: 12px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  transition: all 0.3s ease;
  font-size: 1rem;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}

/* line 308, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn i {
  font-size: 1.1rem;
  position: relative;
  z-index: 1;
}

/* line 314, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn .btn-orizen-logo {
  height: 1.2rem;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
  position: relative;
  z-index: 1;
}

/* line 323, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

/* line 336, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn:hover::before {
  width: 300px;
  height: 300px;
}

/* line 341, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn span {
  position: relative;
  z-index: 1;
}

/* line 347, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn-primary {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  border-color: transparent;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

/* line 353, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
}

/* line 360, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn-primary:active {
  transform: translateY(0);
}

/* line 365, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn-secondary {
  background: rgba(255, 255, 255, 0.08);
  color: #f6f6f7;
  border-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
}

/* line 371, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  color: #f6f6f7;
}

/* line 379, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-btn-secondary:active {
  transform: translateY(0);
}

/* Responsive */
@media (max-width: 768px) {
  /* line 386, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-page {
    padding: 1.5rem;
  }
  /* line 390, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-icon-circle {
    width: 100px;
    height: 100px;
  }
  /* line 394, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-icon-circle i {
    font-size: 2.5rem;
  }
  /* line 399, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-icon-ripple {
    width: 100px;
    height: 100px;
  }
  /* line 404, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-info-card {
    padding: 1.5rem;
  }
  /* line 408, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
  /* line 414, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-btn {
    width: 100%;
    justify-content: center;
    padding: 0.875rem 1.5rem;
  }
  /* Responsive pour les prochaines étapes */
  /* line 422, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-steps .success-step .step-number {
    width: 28px;
    height: 28px;
    font-size: 0.8rem;
  }
  /* line 429, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-steps .success-step .step-content strong {
    font-size: 0.9rem;
  }
  /* line 433, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-steps .success-step .step-content p {
    font-size: 0.85rem;
  }
  /* line 439, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-timing-info {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }
  /* line 444, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-timing-info span {
    font-size: 0.85rem;
  }
  /* line 449, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-spam-notice {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }
  /* line 454, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-spam-notice > i {
    margin-top: 0;
  }
  /* line 459, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-spam-notice > div strong {
    font-size: 0.85rem;
  }
  /* line 463, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-spam-notice > div p {
    font-size: 0.8rem;
  }
}

@media (max-width: 480px) {
  /* line 471, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-page {
    padding: 1rem;
  }
  /* line 475, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-icon-wrapper {
    margin-bottom: 2rem;
  }
  /* line 479, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-title {
    margin-bottom: 1rem;
  }
  /* line 483, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-welcome-message {
    margin-bottom: 2rem;
  }
  /* line 487, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-info-card {
    padding: 1.25rem;
    margin-bottom: 2rem;
  }
}

/* Section Facturation electronique (enrollment SuperPDP) */
/* line 494, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-section {
  margin-bottom: 2.5rem;
}

/* line 498, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-card {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 2rem;
  text-align: center;
}

/* line 507, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: #F6E5B3;
}

/* line 512, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-icon.success-enrollment-icon-active {
  color: #60a5fa;
}

/* line 517, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: #f5f7fb;
  margin-bottom: 0.5rem;
}

/* line 524, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-message {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 1.5rem;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

/* line 534, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-company {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1.5rem;
  display: inline-block;
  text-align: left;
}

/* line 542, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-company strong {
  display: block;
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
  color: #f5f7fb;
}

/* line 549, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-company span {
  display: block;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.6);
}

/* line 556, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-btn-gold {
  background: linear-gradient(135deg, #F6E5B3 0%, #D4A843 100%);
  color: #140D23;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}

/* line 571, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-btn-gold:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(246, 229, 179, 0.3);
  color: #140D23;
}

/* line 577, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-btn-gold:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 583, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-info-notice {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  margin-bottom: 1.5rem;
  text-align: left;
}

/* line 593, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-info-notice > i {
  color: #60a5fa;
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

/* line 600, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-info-notice > div {
  flex: 1;
}

/* line 603, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-info-notice > div strong {
  color: #60a5fa;
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}

/* line 610, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-info-notice > div p {
  margin: 0;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
}

/* line 619, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-alert {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.85rem;
  color: #fbbf24;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

/* line 632, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-later {
  margin-top: 1rem;
}

/* line 635, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-later .success-enrollment-skip-link {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.85rem;
  text-decoration: none;
  transition: color 0.2s;
}

/* line 641, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-later .success-enrollment-skip-link:hover {
  color: rgba(255, 255, 255, 0.8);
}

/* line 647, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-security {
  margin-top: 1.25rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
  padding: 0.6rem 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.45);
}

/* QR code state (after enrollment initiation) */
/* line 661, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-qrcode-state .success-enrollment-qrcode-container {
  margin: 0 auto 1.25rem;
  display: flex;
  justify-content: center;
}

/* line 667, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-qrcode-state .success-enrollment-qrcode-frame {
  width: 180px;
  height: 180px;
  background: white;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 677, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-qrcode-state .success-enrollment-qrcode-frame svg {
  width: 100%;
  height: 100%;
}

/* line 683, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-qrcode-state .success-enrollment-progress {
  position: relative;
}

/* line 687, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-qrcode-state .success-enrollment-copy-url {
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}

/* line 692, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-qrcode-state .success-enrollment-copy-link {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  transition: color 0.2s, background 0.2s;
}

/* line 703, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-qrcode-state .success-enrollment-copy-link:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.06);
}

/* line 709, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-qrcode-state .success-enrollment-note {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.45);
  margin-top: 1rem;
  margin-bottom: 0;
  font-style: italic;
}

/* Error state */
/* line 720, app/assets/stylesheets/website/pages/_subscription_success.scss */
.success-enrollment-error-state .success-enrollment-icon {
  color: #f59e0b;
}

/* Responsive enrollment section */
@media (max-width: 768px) {
  /* line 727, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-enrollment-card {
    padding: 1.5rem;
  }
  /* line 731, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-enrollment-info-notice {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }
}

@media (max-width: 480px) {
  /* line 739, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-enrollment-section {
    margin-bottom: 1.5rem;
  }
  /* line 743, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-enrollment-card {
    padding: 1.25rem;
  }
  /* line 748, app/assets/stylesheets/website/pages/_subscription_success.scss */
  .success-enrollment-qrcode-state .success-enrollment-qrcode-frame {
    width: 150px;
    height: 150px;
  }
}

/* ============================================================
   Orizen — Tunnel Essai Gratuit
   Scenes contextuelles gauche + formulaire 4 etapes + Stripe Elements
   ============================================================ */
/* line 27, app/assets/stylesheets/website/pages/_free_trial.scss */
.free-trial-page {
  min-height: 100vh;
  background: linear-gradient(151deg, #140D23 25%, #640127 100%);
  color: #f6f6f7;
  overflow-x: hidden;
  padding-bottom: 80px;
}

/* line 35, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-header {
  padding: 40px 32px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1240px;
  margin: 0 auto;
}

/* line 44, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(246, 246, 247, 0.75);
  text-decoration: none;
  font-size: 0.9rem;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 58, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-back:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f6f6f7;
}

/* line 64, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-logo-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 69, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-logo-wrapper img {
  height: 48px;
  width: auto;
}

/* line 75, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-hero-title {
  text-align: center;
  padding: 16px 24px 40px;
  max-width: 800px;
  margin: 0 auto;
}

/* line 81, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-hero-title h1, .ft-hero-title .h1 {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 10px;
}

/* line 87, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-hero-title h1 span, .ft-hero-title .h1 span {
  color: #E5A82E;
}

/* line 90, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-hero-title p {
  font-size: 1rem;
  color: rgba(246, 246, 247, 0.75);
}

/* ---- Main layout ---- */
/* line 97, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-main {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

/* ---- Colonne gauche : scenes contextuelles ---- */
/* line 108, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-left {
  position: sticky;
  top: 24px;
  min-height: 600px;
}

/* line 114, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-scene {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* line 124, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-scene.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  position: relative;
}

/* line 132, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-scene-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  font-size: 0.72rem;
  color: rgba(246, 246, 247, 0.75);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
  margin-bottom: 16px;
}

/* line 147, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-scene-label i {
  color: #E5A82E;
}

/* line 150, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-video-wrapper {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
  background: linear-gradient(135deg, #1a0f30 0%, #140D23 100%);
  aspect-ratio: 16/9;
  margin-bottom: 24px;
}

/* line 160, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 168, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-video-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: rgba(246, 246, 247, 0.75);
  padding: 20px;
}

/* line 179, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-video-placeholder .play-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(229, 168, 46, 0.2);
  border: 2px solid #E5A82E;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  color: #E5A82E;
  font-size: 1.8rem;
}

/* line 193, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-video-placeholder h4, .ft-video-placeholder .h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #f6f6f7;
  margin-bottom: 6px;
}

/* line 201, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-highlights {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 207, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-highlight {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  backdrop-filter: blur(12px);
}

/* line 217, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-highlight .ft-highlight-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(229, 168, 46, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #E5A82E;
  font-size: 1.1rem;
}

/* line 230, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-highlight h4, .ft-highlight .h4 {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 2px;
}

/* line 236, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-highlight p {
  font-size: 0.8rem;
  color: rgba(246, 246, 247, 0.75);
  margin: 0;
}

/* line 243, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-highlight.success .ft-highlight-icon {
  background: rgba(16, 185, 129, 0.15);
  color: #10b981;
}

/* line 250, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-scene-card {
  padding: 28px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  backdrop-filter: blur(12px);
  margin-bottom: 20px;
  text-align: center;
}

/* line 259, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-scene-card .scene-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  font-size: 2rem;
}

/* line 269, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-scene-card .scene-icon.gold {
  background: rgba(229, 168, 46, 0.12);
  border: 2px solid rgba(229, 168, 46, 0.3);
  color: #E5A82E;
}

/* line 275, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-scene-card .scene-icon.green {
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  color: #10b981;
}

/* line 282, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-scene-card h3, .ft-scene-card .h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 8px;
}

/* line 288, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-scene-card p {
  color: rgba(246, 246, 247, 0.75);
  font-size: 0.9rem;
  line-height: 1.5;
}

/* line 295, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-stripe-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
}

/* line 302, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-stripe-brand .stripe-square {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  background: #635bff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
}

/* line 314, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-stripe-brand .meta {
  text-align: left;
}

/* line 317, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-stripe-brand .meta small, .ft-stripe-brand .meta .small {
  font-size: 0.7rem;
  color: rgba(246, 246, 247, 0.75);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* line 324, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-stripe-brand .meta strong {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
}

/* ---- Colonne droite : formulaire ---- */
/* line 334, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-form-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  padding: 32px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px);
}

/* line 343, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
}

/* line 350, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-step {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: rgba(246, 246, 247, 0.75);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 358, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-step.active {
  color: #E5A82E;
}

/* line 359, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-step.completed {
  color: #10b981;
}

/* line 361, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-step .ft-step-number {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
}

/* line 373, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-step.completed .ft-step-number {
  background: #10b981;
  border-color: #10b981;
  color: #fff;
}

/* line 379, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-step.active .ft-step-number {
  background: rgba(229, 168, 46, 0.2);
  border-color: #E5A82E;
}

/* line 385, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-step-line {
  width: 40px;
  height: 2px;
  background: rgba(255, 255, 255, 0.12);
  margin: 0 10px;
}

/* line 391, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-step-line.active {
  background: #E5A82E;
}

/* line 392, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-step-line.completed {
  background: #10b981;
}

/* line 395, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-section-title {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #f6f6f7;
}

/* line 404, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-section-title i {
  color: #E5A82E;
}

/* Titre de succes/confirmation (step 4 + page success) */
/* line 408, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-confirmation-success h2, .ft-confirmation-success .h2 {
  color: #f6f6f7;
}

/* line 410, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-section-subtitle {
  color: rgba(246, 246, 247, 0.75);
  font-size: 0.85rem;
  margin-bottom: 20px;
}

/* line 415, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-section-subtitle strong {
  color: #E5A82E;
}

/* ---- Trial badge ---- */
/* line 419, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-trial-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 20px;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #10b981;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 20px;
}

/* ---- Modules grid ---- */
/* line 434, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-modules-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: rgba(229, 168, 46, 0.08);
  border: 1px solid rgba(229, 168, 46, 0.25);
  border-radius: 10px;
  margin-bottom: 16px;
  font-size: 0.85rem;
}

/* line 445, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-modules-counter .label {
  color: rgba(246, 246, 247, 0.75);
}

/* line 446, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-modules-counter .value {
  font-weight: 700;
  color: #E5A82E;
}

/* line 450, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-modules-counter .value .selected-count {
  font-size: 1.1rem;
}

/* line 454, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-modules-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 24px;
}

/* line 461, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-module-card {
  position: relative;
  padding: 12px 14px;
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
}

/* line 474, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-module-card:hover:not(.disabled) {
  border-color: rgba(229, 168, 46, 0.35);
  background: rgba(255, 255, 255, 0.08);
}

/* line 479, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-module-card.selected {
  border-color: #E5A82E;
  background: rgba(229, 168, 46, 0.1);
}

/* line 484, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-module-card.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* line 489, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-module-card .ft-module-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.85rem;
  flex-shrink: 0;
}

/* line 501, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-module-card .ft-module-body {
  flex: 1;
  min-width: 0;
}

/* line 503, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-module-card .ft-module-name {
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 511, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-module-card .ft-module-check {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 5px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: transparent;
}

/* line 524, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-module-card.selected .ft-module-check {
  border-color: #E5A82E;
  background: #E5A82E;
  color: #140D23;
}

/* ---- Price summary ---- */
/* line 532, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-price-summary {
  background: linear-gradient(135deg, rgba(229, 168, 46, 0.1) 0%, rgba(229, 168, 46, 0.04) 100%);
  border: 1px solid rgba(229, 168, 46, 0.3);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
}

/* line 539, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-price-summary .summary-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  color: #E5A82E;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 12px;
}

/* line 551, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-price-summary .price-line {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  font-size: 0.85rem;
  color: rgba(246, 246, 247, 0.75);
}

/* line 558, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-price-summary .price-line .amount {
  font-weight: 600;
}

/* line 560, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-price-summary .price-line.subtotal {
  border-top: 1px solid rgba(229, 168, 46, 0.2);
  margin-top: 6px;
  padding-top: 10px;
  font-weight: 700;
  color: #f6f6f7;
  font-size: 1rem;
}

/* line 569, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-price-summary .price-line.empty {
  color: rgba(246, 246, 247, 0.75);
  font-style: italic;
}

/* line 575, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-price-summary .ai-note {
  font-size: 0.72rem;
  color: rgba(229, 168, 46, 0.7);
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed rgba(229, 168, 46, 0.15);
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 587, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-trial-free-badge {
  display: inline-block;
  padding: 2px 8px;
  background: #10b981;
  color: #fff;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 700;
  margin-left: 6px;
}

/* ---- Form fields ---- */
/* line 599, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 20px;
}

/* line 606, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-form-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

/* line 612, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-form-group.full-width {
  grid-column: 1 / -1;
}

/* line 614, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-form-group label {
  font-size: 0.8rem;
  color: rgba(246, 246, 247, 0.75);
  font-weight: 500;
}

/* line 621, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-input {
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.07);
  color: #f6f6f7;
  font-size: 0.9rem;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  width: 100%;
  font-family: inherit;
}

/* line 633, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

/* line 635, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-input:focus {
  border-color: #E5A82E;
  box-shadow: 0 0 0 3px rgba(229, 168, 46, 0.15);
}

/* line 640, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-input[readonly] {
  background: rgba(255, 255, 255, 0.04);
  cursor: default;
}

/* line 646, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-search-wrapper {
  position: relative;
}

/* line 649, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-search-wrapper .search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(246, 246, 247, 0.75);
  pointer-events: none;
}

/* line 659, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: rgba(15, 10, 25, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(20px);
  max-height: 280px;
  overflow-y: auto;
  z-index: 100;
}

/* line 673, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown .ft-company-result {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 679, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown .ft-company-result:last-child {
  border-bottom: none;
}

/* line 680, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown .ft-company-result:hover {
  background: rgba(255, 255, 255, 0.04);
}

/* line 682, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown .ft-company-result .result-main {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}

/* line 688, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown .ft-company-result .result-main strong {
  font-size: 0.9rem;
  color: #f6f6f7;
}

/* line 694, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown .ft-company-result .company-status {
  font-size: 0.7rem;
  padding: 2px 8px;
  border-radius: 12px;
  background: rgba(16, 185, 129, 0.15);
  color: #10b981;
  font-weight: 600;
}

/* line 702, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown .ft-company-result .company-status.closed {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

/* line 708, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown .ft-company-result .result-details {
  display: flex;
  gap: 10px;
  font-size: 0.75rem;
  color: rgba(246, 246, 247, 0.75);
}

/* line 714, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown .ft-company-result .result-details .siret {
  font-family: 'SF Mono', Monaco, monospace;
  color: rgba(229, 168, 46, 0.7);
}

/* line 721, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-company-dropdown .no-results {
  padding: 14px;
  text-align: center;
  font-size: 0.85rem;
  color: rgba(246, 246, 247, 0.75);
}

/* ---- Terms info box ---- */
/* line 730, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-terms-info {
  background: rgba(16, 185, 129, 0.06);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 20px;
  font-size: 0.8rem;
  color: rgba(246, 246, 247, 0.75);
  line-height: 1.6;
}

/* line 740, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-terms-info strong {
  color: #10b981;
}

/* line 741, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-terms-info i {
  color: #10b981;
  margin-right: 6px;
}

/* ---- Stripe Elements container ---- */
/* line 745, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-stripe-wrapper {
  margin-bottom: 16px;
}

/* line 748, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-stripe-wrapper label {
  font-size: 0.8rem;
  color: rgba(246, 246, 247, 0.75);
  font-weight: 500;
  margin-bottom: 6px;
  display: block;
}

/* line 757, app/assets/stylesheets/website/pages/_free_trial.scss */
#stripe-payment-element {
  padding: 14px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  min-height: 50px;
}

/* line 765, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-stripe-errors {
  color: #ef4444;
  font-size: 0.85rem;
  margin-top: 8px;
  min-height: 20px;
}

/* line 772, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-stripe-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: rgba(99, 91, 255, 0.08);
  border: 1px solid rgba(99, 91, 255, 0.2);
  border-radius: 10px;
  margin-bottom: 20px;
  font-size: 0.75rem;
  color: rgba(246, 246, 247, 0.75);
}

/* line 784, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-stripe-footer .stripe-logo {
  font-weight: 700;
  color: #635bff;
  font-size: 0.85rem;
}

/* ---- Consent ---- */
/* line 792, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 24px;
  font-size: 0.8rem;
  color: rgba(246, 246, 247, 0.75);
  line-height: 1.5;
}

/* line 801, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-consent input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: #E5A82E;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 809, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-consent a {
  color: #E5A82E;
  text-decoration: underline;
}

/* ---- Actions ---- */
/* line 816, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-actions {
  display: flex;
  gap: 12px;
}

/* line 821, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-btn {
  flex: 1;
  padding: 14px 20px;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: center;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: inherit;
}

/* line 837, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 842, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-btn.ft-btn-secondary {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(246, 246, 247, 0.75);
}

/* line 847, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-btn.ft-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f6f6f7;
}

/* line 853, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-btn.ft-btn-primary {
  background: linear-gradient(135deg, #E5A82E 0%, #c38761 100%);
  color: #140D23;
  box-shadow: 0 4px 20px rgba(229, 168, 46, 0.3);
}

/* line 858, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-btn.ft-btn-primary:hover:not(:disabled) {
  box-shadow: 0 6px 30px rgba(229, 168, 46, 0.45);
  transform: translateY(-1px);
}

/* line 865, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-btn-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(20, 13, 35, 0.3);
  border-top-color: #140D23;
  border-radius: 50%;
  animation: ft-spin 0.8s linear infinite;
}

@keyframes ft-spin {
  to {
    transform: rotate(360deg);
  }
}

/* ---- Confirmation (step 4) ---- */
/* line 879, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-confirmation-success {
  text-align: center;
  padding: 20px 0 30px;
}

/* line 883, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-confirmation-success .check-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: #10b981;
  font-size: 2rem;
}

/* line 897, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-confirmation-success h2, .ft-confirmation-success .h2 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 8px;
}

/* line 903, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-confirmation-success p {
  color: rgba(246, 246, 247, 0.75);
  font-size: 0.9rem;
}

/* line 907, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-confirmation-success p strong {
  color: #E5A82E;
}

/* line 911, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-recap {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 20px;
}

/* line 918, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-recap .recap-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: #E5A82E;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* line 927, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-recap .recap-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  gap: 16px;
}

/* line 935, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-recap .recap-row:last-child {
  border-bottom: none;
}

/* line 937, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-recap .recap-row .recap-label {
  color: rgba(246, 246, 247, 0.75);
  flex-shrink: 0;
}

/* line 938, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-recap .recap-row .recap-value {
  font-weight: 600;
  text-align: right;
}

/* line 942, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-recap .recap-row .recap-value.success {
  color: #10b981;
}

/* line 946, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-recap .recap-modules {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-end;
}

/* line 953, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-recap .recap-module {
  font-size: 0.75rem;
  padding: 3px 8px;
  border-radius: 6px;
  background: rgba(229, 168, 46, 0.15);
  color: #E5A82E;
  font-weight: 500;
}

/* ---- Assistant Orizen Pro : meme style que ft-module-card, pleine largeur ---- */
/* line 964, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-ai-card {
  width: 100%;
  margin-bottom: 20px;
  min-height: 72px;
  padding: 14px 16px;
  position: relative;
  /* Cache le checkbox natif — le label joue le role de zone clic */
  /* Etat deselectionne (user a decoche) */
}

/* line 972, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-ai-card .ft-ai-hidden-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 978, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-ai-card .ft-module-name {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 4px;
  white-space: normal;
}

/* line 985, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-ai-card .ft-ai-card-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* line 992, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-ai-card .ft-ai-card-price {
  font-weight: 700;
  color: #E5A82E;
  font-size: 0.85rem;
}

/* line 998, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-ai-card .ft-ai-card-badge {
  display: inline-block;
  padding: 2px 8px;
  background: rgba(16, 185, 129, 0.15);
  color: #10b981;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 700;
}

/* line 1009, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-ai-card:not(.selected) {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}

/* line 1013, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-ai-card:not(.selected) .ft-module-icon {
  opacity: 0.4;
}

/* line 1014, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-ai-card:not(.selected) .ft-ai-card-price {
  color: rgba(246, 246, 247, 0.75);
}

/* line 1015, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-ai-card:not(.selected) .ft-ai-card-badge {
  display: none;
}

/* ---- Utilities ---- */
/* line 1020, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-hidden {
  display: none !important;
}

/* Spacer transparent pour equilibrer le header (centrer le logo) */
/* line 1023, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-header-spacer {
  width: 100px;
}

/* line 1024, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-header-spacer.large {
  width: 140px;
}

/* Container pour les messages flash */
/* line 1027, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-alert-container {
  max-width: 1200px;
  margin: 0 auto 20px;
  padding: 0 32px;
}

/* Classe utilitaire pour l'icone dynamique des modules (couleur depuis OrizenApplication.color) */
/* line 1034, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-module-icon.bg-color-dynamic {
  background: var(--dynamic-bg-color, rgba(255, 255, 255, 0.06));
}

/* Classes utilitaires text-align (utilisees dans la page de succes) */
/* line 1039, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-text-center {
  text-align: center;
}

/* line 1040, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-text-left {
  text-align: left;
}

/* line 1041, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-mb-md {
  margin-bottom: 24px;
}

/* Container centre pour la page de succes */
/* line 1044, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-success-container {
  max-width: 700px;
  margin: 0 auto;
  padding: 20px 24px 80px;
}

/* Helper : paragraphe success fort avec couleur verte */
/* line 1051, app/assets/stylesheets/website/pages/_free_trial.scss */
.ft-strong-success {
  color: #10b981;
}

/* Lien bouton (href + .ft-btn) — enlever le soulignement et garder le layout flex */
/* line 1054, app/assets/stylesheets/website/pages/_free_trial.scss */
a.ft-btn {
  text-decoration: none;
  display: inline-flex;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
  /* line 1061, app/assets/stylesheets/website/pages/_free_trial.scss */
  .ft-main {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 16px;
  }
  /* line 1066, app/assets/stylesheets/website/pages/_free_trial.scss */
  .ft-left {
    position: relative;
    top: auto;
    min-height: auto;
  }
  /* line 1071, app/assets/stylesheets/website/pages/_free_trial.scss */
  .ft-scene {
    position: relative;
  }
  /* line 1074, app/assets/stylesheets/website/pages/_free_trial.scss */
  .ft-scene:not(.active) {
    display: none;
  }
  /* line 1076, app/assets/stylesheets/website/pages/_free_trial.scss */
  .ft-form-grid,
.ft-modules-grid {
    grid-template-columns: 1fr;
  }
  /* line 1078, app/assets/stylesheets/website/pages/_free_trial.scss */
  .ft-header {
    padding: 20px 16px;
  }
  /* line 1079, app/assets/stylesheets/website/pages/_free_trial.scss */
  .ft-hero-title h1, .ft-hero-title .h1 {
    font-size: 1.5rem;
  }
}

/* Landing page RSVP – Soirée de lancement Orizen */
/* line 18, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: #f6f6f7;
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
}

/* line 30, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-hero {
  text-align: center;
  padding: 24px 20px 0px;
}

/* line 35, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-hero-inner {
  max-width: 840px;
  margin: 0 auto;
  padding: 0 20px;
}

/* line 41, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-logo {
  width: 250px;
  max-width: 55%;
  margin-bottom: 30px;
  margin-top: 20px;
  filter: none;
}

/* line 50, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-hero-split {
  display: flex;
  align-items: center;
  gap: 24px;
  text-align: left;
}

/* line 57, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-hero-text {
  flex: 1;
}

/* line 61, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-headline {
  font-size: 1.25rem;
  font-weight: 600;
  color: #F6E5B3;
  margin-bottom: 8px;
  line-height: 1.3;
}

/* line 69, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-programme {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 0;
}

/* line 75, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-programme span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: rgba(246, 246, 247, 0.75);
}

/* line 82, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-programme span i {
  color: #F6E5B3;
  font-size: 0.85rem;
}

/* line 89, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-hero-visual {
  flex-shrink: 0;
  width: 140px;
  height: 140px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

/* line 98, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 108, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-letter {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
  padding: 16px 20px 0;
}

/* line 115, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-letter-inner {
  background: rgba(250, 248, 244, 0.12);
  border-radius: 6px;
  padding: 20px 36px;
  color: rgba(255, 255, 255, 0.85);
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: 0.95rem;
  line-height: 1.75;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

/* line 125, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-letter-inner p {
  margin: 0 0 0.6em;
  font-family: 'Georgia', 'Times New Roman', serif;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
}

/* line 133, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-letter-signature {
  font-family: 'Dancing Script', cursive !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #F6E5B3 !important;
  margin-top: 1em !important;
  margin-bottom: 0 !important;
  line-height: 1.3;
}

/* line 143, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-letter-role {
  font-size: 0.8rem !important;
  color: rgba(246, 246, 247, 0.75) !important;
  margin-bottom: 0 !important;
  font-style: italic;
}

/* line 153, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 20px 24px;
  gap: 20px;
  max-width: 840px;
  margin: 0 auto;
  width: 100%;
}

/* line 168, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-form-inner {
  width: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 18px 24px;
  backdrop-filter: blur(12px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3);
}

/* line 178, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-form-title {
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 4px;
  color: #F6E5B3;
}

/* line 186, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-form-subtitle {
  text-align: center;
  color: rgba(246, 246, 247, 0.75);
  margin-bottom: 14px;
  font-size: 0.9rem;
}

/* line 194, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

/* line 200, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 14px;
  border-radius: 14px;
  border: 2px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  text-decoration: none;
  color: #f6f6f7;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* line 214, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

/* line 219, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-card h3, .event-rsvp-choice-card .h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 4px;
}

/* line 225, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-card p {
  font-size: 0.8rem;
  color: rgba(246, 246, 247, 0.75);
  margin: 0;
}

/* line 231, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-card--confirm {
  border-color: rgba(81, 207, 102, 0.3);
}

/* line 234, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-card--confirm:hover {
  background: rgba(81, 207, 102, 0.1);
  border-color: rgba(81, 207, 102, 0.6);
}

/* line 239, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-card--confirm .event-rsvp-choice-icon {
  color: #51cf66;
}

/* line 244, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-card--decline {
  border-color: rgba(255, 107, 107, 0.3);
}

/* line 247, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-card--decline:hover {
  background: rgba(255, 107, 107, 0.1);
  border-color: rgba(255, 107, 107, 0.6);
}

/* line 252, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-card--decline .event-rsvp-choice-icon {
  color: #ff6b6b;
}

/* line 258, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-choice-icon {
  font-size: 1.6rem;
  margin-bottom: 8px;
}

/* line 264, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-venue-compact {
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 14px 18px;
  backdrop-filter: blur(10px);
  width: 100%;
}

/* line 276, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-venue-thumb {
  width: 120px;
  min-width: 120px;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

/* line 284, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-venue-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 291, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-venue-info-compact {
  flex: 1;
}

/* line 294, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-venue-info-compact h2, .event-rsvp-venue-info-compact .h2 {
  font-size: 1rem;
  font-weight: 600;
  color: #F6E5B3;
  margin: 0 0 3px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 303, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-venue-info-compact h2 i, .event-rsvp-venue-info-compact .h2 i {
  font-size: 0.9rem;
}

/* line 308, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-venue-info-compact p {
  color: rgba(246, 246, 247, 0.75);
  font-size: 0.85rem;
  margin: 0;
  line-height: 1.4;
}

/* line 316, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-date-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  background: rgba(246, 229, 179, 0.15);
  border: 1px solid #F6E5B3;
  border-radius: 50px;
  color: #F6E5B3;
  font-weight: 600;
  font-size: 0.8rem;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 330, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-date-badge i {
  font-size: 0.85rem;
}

/* line 336, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 342, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* line 348, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-form-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 353, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-form-group label {
  font-weight: 500;
  color: #F6E5B3;
  font-size: 0.85rem;
}

/* line 358, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-form-group label.required::after {
  content: ' *';
  color: #ff6b6b;
}

/* line 365, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-input,
.event-rsvp-textarea {
  width: 100%;
  padding: 10px 14px;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  color: #f6f6f7;
  font-size: 0.9rem;
  font-family: 'Poppins', sans-serif;
  transition: all 0.25s ease;
  box-sizing: border-box;
}

/* line 378, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-input::placeholder,
.event-rsvp-textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

/* line 382, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-input:focus,
.event-rsvp-textarea:focus {
  outline: none;
  border-color: #F6E5B3;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 3px rgba(246, 229, 179, 0.15);
}

/* line 390, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-textarea {
  min-height: 60px;
  resize: vertical;
}

/* line 396, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-form-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 4px;
}

/* line 404, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 24px;
  border: none;
  border-radius: 10px;
  font-size: 0.95rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

/* line 419, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-btn--confirm {
  background: linear-gradient(135deg, #D4A843 0%, #F6E5B3 100%);
  color: #2D1040;
}

/* line 423, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-btn--confirm:hover {
  transform: translateY(-2px);
  color: #2D1040;
}

/* line 429, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-btn--decline {
  background: rgba(255, 107, 107, 0.15);
  color: #ff6b6b;
  border: 1px solid rgba(255, 107, 107, 0.3);
}

/* line 434, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-btn--decline:hover {
  background: rgba(255, 107, 107, 0.25);
  color: #ff6b6b;
}

/* line 440, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-btn--secondary {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(246, 246, 247, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

/* line 445, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-btn--secondary:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #f6f6f7;
}

/* line 451, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-btn--landing {
  background: linear-gradient(135deg, #D4A843 0%, #F6E5B3 100%);
  color: #2D1040;
  padding: 10px 28px;
  font-size: 0.9rem;
}

/* line 457, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-btn--landing:hover {
  transform: translateY(-2px);
  color: #2D1040;
}

/* line 465, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-already-responded {
  text-align: center;
  padding: 16px 0;
}

/* line 469, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-already-responded h2, .event-rsvp-already-responded .h2 {
  font-size: 1.2rem;
  color: #F6E5B3;
  margin-bottom: 8px;
}

/* line 475, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-already-responded p {
  color: rgba(246, 246, 247, 0.75);
  font-size: 0.9rem;
}

/* line 481, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-already-icon {
  font-size: 2.5rem;
  color: #51cf66;
  margin-bottom: 12px;
}

/* line 490, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you {
  padding: 40px 20px 80px;
}

/* line 494, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-inner {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 48px 40px;
  backdrop-filter: blur(12px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
}

/* line 506, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-icon {
  font-size: 4rem;
  margin-bottom: 24px;
}

/* line 510, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-icon--confirmed {
  color: #51cf66;
}

/* line 514, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-icon--declined {
  color: #F6E5B3;
}

/* line 519, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-title {
  font-size: 2rem;
  font-weight: 600;
  color: #F6E5B3;
  margin-bottom: 16px;
}

/* line 526, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-message {
  font-size: 1.05rem;
  color: rgba(246, 246, 247, 0.75);
  line-height: 1.6;
  margin-bottom: 28px;
}

/* line 532, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-message strong {
  color: #f6f6f7;
}

/* line 537, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-recap {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 20px 24px;
  margin-bottom: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 548, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-detail {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.95rem;
}

/* line 554, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-detail i {
  color: #F6E5B3;
  font-size: 1.1rem;
  width: 20px;
  text-align: center;
}

/* line 562, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-note {
  font-size: 0.95rem;
  color: rgba(246, 246, 247, 0.75);
  line-height: 1.6;
  margin-bottom: 28px;
}

/* line 569, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-thank-you-contact {
  margin-top: 8px;
}

/* line 576, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-invalid {
  padding: 40px 20px 80px;
}

/* line 580, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-invalid-inner {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 48px 40px;
  backdrop-filter: blur(12px);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
}

/* line 592, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-invalid-icon {
  font-size: 3.5rem;
  color: #ff6b6b;
  margin-bottom: 20px;
}

/* line 598, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-invalid-title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #f6f6f7;
  margin-bottom: 12px;
}

/* line 605, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-invalid-message {
  color: rgba(246, 246, 247, 0.75);
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 28px;
}

/* line 613, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-invalid-contact p {
  color: rgba(246, 246, 247, 0.75);
  font-size: 0.9rem;
  margin-bottom: 12px;
}

/* line 623, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding: 14px 20px 10px;
  margin-top: auto;
}

/* line 629, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-inner {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

/* line 639, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

/* line 645, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-brand .brand {
  font-size: 1.1rem;
  font-weight: 700;
  color: #f6f6f7;
}

/* line 651, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-brand .event-rsvp-btn--landing {
  font-size: 0.8rem;
  padding: 7px 18px;
}

/* line 657, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-ftw-link {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s ease;
}

/* line 662, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-ftw-link:hover {
  color: #F6E5B3;
}

/* line 665, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-ftw-link:hover .brand {
  color: #F6E5B3;
}

/* line 671, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-contact {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* line 676, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-contact a, .event-rsvp-footer-contact span {
  color: rgba(246, 246, 247, 0.75);
  text-decoration: none;
  font-size: 0.8rem;
}

/* line 681, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-contact a:hover, .event-rsvp-footer-contact span:hover {
  color: #F6E5B3;
}

/* line 687, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-social {
  display: flex;
  gap: 14px;
}

/* line 691, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-social a {
  color: rgba(246, 246, 247, 0.75);
  transition: color 0.2s ease;
}

/* line 695, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-social a:hover {
  color: #F6E5B3;
}

/* line 701, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-bottom {
  text-align: center;
  margin-top: 8px;
}

/* line 705, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.event-rsvp-footer-bottom p {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.75rem;
}

@media (max-width: 768px) {
  /* line 715, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-hero {
    padding: 20px 16px 10px;
  }
  /* line 719, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-hero-split {
    flex-direction: column;
    text-align: center;
    gap: 14px;
  }
  /* line 725, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-hero-visual {
    width: 100px;
    height: 100px;
  }
  /* line 730, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-headline {
    font-size: 1.1rem;
  }
  /* line 734, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-logo {
    width: 180px;
  }
  /* line 738, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-venue-compact {
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 12px;
  }
  /* line 744, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-venue-thumb {
    width: 60px;
    min-width: 60px;
    height: 44px;
  }
  /* line 750, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-date-badge {
    width: 100%;
    justify-content: center;
    margin-top: 4px;
  }
  /* line 756, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-letter {
    padding: 12px 16px 0;
  }
  /* line 760, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-letter-inner {
    padding: 24px 20px;
    font-size: 0.88rem;
  }
  /* line 765, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-form-inner {
    padding: 20px 16px;
  }
  /* line 769, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-choice-cards {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  /* line 774, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-choice-card {
    padding: 16px 14px;
  }
  /* line 778, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-form-row {
    grid-template-columns: 1fr;
  }
  /* line 782, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-form-actions {
    flex-direction: column;
  }
  /* line 785, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-form-actions .event-rsvp-btn {
    width: 100%;
  }
  /* line 790, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-footer-inner {
    flex-direction: column;
    text-align: center;
  }
  /* line 795, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-footer-brand {
    align-items: center;
  }
  /* line 799, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-footer-contact {
    flex-direction: column;
    gap: 6px;
  }
  /* line 804, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-thank-you-inner {
    padding: 32px 20px;
  }
}

@media (max-width: 480px) {
  /* line 810, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-hero {
    padding: 16px 12px 8px;
  }
  /* line 814, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-headline {
    font-size: 1rem;
  }
  /* line 818, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-programme {
    font-size: 0.78rem;
  }
  /* line 822, app/assets/stylesheets/website/pages/_event_rsvp.scss */
  .event-rsvp-main {
    padding: 12px 12px 16px;
    gap: 14px;
  }
}

/* line 829, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.campaign-rsvp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 26px;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  text-decoration: none;
  transition: all 0.25s ease;
  border: 1px solid transparent;
  cursor: pointer;
}

/* line 845, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.campaign-rsvp-btn--confirm {
  background: #E5A82E;
  color: #140D23;
}

/* line 849, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.campaign-rsvp-btn--confirm:hover {
  background: #e2a01c;
  color: #140D23;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(229, 168, 46, 0.15);
}

/* line 857, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.campaign-rsvp-btn--decline {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.75);
  border-color: rgba(255, 255, 255, 0.18);
}

/* line 862, app/assets/stylesheets/website/pages/_event_rsvp.scss */
.campaign-rsvp-btn--decline:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
}

/* Page RSVP calendrier – classes spécifiques non couvertes par _auth.scss */
/* Icône de statut animée */
/* line 6, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-status-icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  animation: rsvpIconPulse 2s ease-in-out infinite;
}

/* line 16, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-status-icon i {
  font-size: 2.5rem;
  color: #fff;
}

/* line 22, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-status-accepted {
  background: rgba(34, 197, 94, 0.2);
  border: 2px solid rgba(34, 197, 94, 0.4);
  box-shadow: 0 8px 32px rgba(34, 197, 94, 0.2);
}

/* line 27, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-status-accepted i {
  color: #22c55e;
}

/* line 30, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-status-declined {
  background: rgba(239, 68, 68, 0.2);
  border: 2px solid rgba(239, 68, 68, 0.4);
  box-shadow: 0 8px 32px rgba(239, 68, 68, 0.2);
}

/* line 35, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-status-declined i {
  color: #ef4444;
}

/* line 38, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-status-error {
  background: rgba(245, 158, 11, 0.2);
  border: 2px solid rgba(245, 158, 11, 0.4);
  box-shadow: 0 8px 32px rgba(245, 158, 11, 0.2);
}

/* line 43, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-status-error i {
  color: #f59e0b;
}

@keyframes rsvpIconPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

/* Animations d'apparition pour l'état succès */
/* line 57, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-success-container .rsvp-animate-icon {
  animation: rsvpScaleIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

/* line 61, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-success-container .rsvp-animate-fade {
  animation: rsvpFadeIn 0.5s ease both;
}

/* line 65, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-success-container .rsvp-animate-slide {
  animation: rsvpSlideUp 0.5s ease both;
}

@keyframes rsvpScaleIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rsvpFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes rsvpSlideUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Carte info événement */
/* line 102, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-event-info {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-left: 4px solid #F6E5B3;
  border-radius: 20px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
  text-align: left;
}

/* line 113, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-event-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: #f6f6f7;
  margin: 0 0 0.75rem;
}

/* line 120, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-event-detail {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.95rem;
  color: rgba(246, 246, 247, 0.75);
  margin: 0.375rem 0;
}

/* line 128, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-event-detail i {
  width: 1rem;
  text-align: center;
  color: #F6E5B3;
  font-size: 0.85rem;
}

/* Messages textuels */
/* line 137, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-message {
  text-align: center;
  font-size: 1.05rem;
  color: #f6f6f7;
  margin: 0 0 1.25rem;
  line-height: 1.6;
}

/* line 144, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-message strong {
  color: #F6E5B3;
}

/* line 149, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-message-dim {
  color: rgba(246, 246, 247, 0.75);
  font-size: 0.9rem;
  margin-bottom: 0;
}

/* Zone actions / boutons */
/* line 156, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-actions {
  text-align: center;
}

/* line 159, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-actions form {
  display: inline;
}

/* Bouton décliner */
/* line 165, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-btn-decline {
  background: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
  padding: 14px 22px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1.05rem;
  border: 2px solid rgba(239, 68, 68, 0.35);
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 220px;
  justify-content: center;
}

/* line 181, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-btn-decline:hover {
  background: rgba(239, 68, 68, 0.25);
  border-color: rgba(239, 68, 68, 0.55);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(239, 68, 68, 0.2);
}

/* Bouton ajouter au calendrier */
/* line 190, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-calendar-actions {
  text-align: center;
  margin-bottom: 1.25rem;
}

/* line 195, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-btn-calendar {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 0.95rem;
  background: rgba(255, 255, 255, 0.08);
  color: #F6E5B3;
  border: 1px solid rgba(246, 229, 179, 0.3);
  text-decoration: none;
  transition: all 0.3s ease;
}

/* line 209, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-btn-calendar:hover {
  background: rgba(246, 229, 179, 0.12);
  border-color: rgba(246, 229, 179, 0.5);
  transform: translateY(-1px);
  color: #F6E5B3;
}

/* Spinner pendant l'envoi */
/* line 218, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-spinner {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* Footer */
/* line 225, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-footer {
  margin-top: 2rem;
  text-align: center;
}

/* line 229, app/assets/stylesheets/website/pages/_rsvp.scss */
.rsvp-footer p {
  font-size: 0.85rem;
  color: rgba(246, 246, 247, 0.75);
  margin: 0;
}

/* Responsive */
@media (max-width: 600px) {
  /* line 238, app/assets/stylesheets/website/pages/_rsvp.scss */
  .rsvp-status-icon {
    width: 70px;
    height: 70px;
  }
  /* line 242, app/assets/stylesheets/website/pages/_rsvp.scss */
  .rsvp-status-icon i {
    font-size: 2rem;
  }
  /* line 245, app/assets/stylesheets/website/pages/_rsvp.scss */
  .rsvp-event-info {
    padding: 1rem 1.25rem;
  }
  /* line 249, app/assets/stylesheets/website/pages/_rsvp.scss */
  .rsvp-btn-decline {
    width: 100%;
    min-width: auto;
    padding: 12px 18px;
  }
  /* line 255, app/assets/stylesheets/website/pages/_rsvp.scss */
  .rsvp-btn-calendar {
    width: 100%;
    justify-content: center;
  }
}

/* ============================================================================
   Composants pour la page publique de booking
   ============================================================================ */
/* line 5, app/assets/stylesheets/website/pages/_booking.scss */
.booking-duration-chip {
  padding: 0.35rem 0.8rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: 'Poppins', sans-serif;
}

/* line 17, app/assets/stylesheets/website/pages/_booking.scss */
.booking-duration-chip:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 21, app/assets/stylesheets/website/pages/_booking.scss */
.booking-duration-chip.active {
  background: rgba(166, 2, 64, 0.25);
  border-color: #A60240;
  color: #FFFFFF;
}

/* line 28, app/assets/stylesheets/website/pages/_booking.scss */
.booking-nav-btn {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
  border-radius: 8px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 0.8rem;
}

/* line 42, app/assets/stylesheets/website/pages/_booking.scss */
.booking-nav-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* line 47, app/assets/stylesheets/website/pages/_booking.scss */
.booking-day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 400;
  cursor: default;
  color: rgba(255, 255, 255, 0.42);
  transition: all 0.15s ease;
}

/* line 59, app/assets/stylesheets/website/pages/_booking.scss */
.booking-day.available {
  color: #FFFFFF;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.06);
  font-weight: 500;
}

/* line 65, app/assets/stylesheets/website/pages/_booking.scss */
.booking-day.available:hover {
  background: rgba(166, 2, 64, 0.2);
  outline: 1px solid rgba(166, 2, 64, 0.4);
}

/* line 71, app/assets/stylesheets/website/pages/_booking.scss */
.booking-day.selected {
  background: linear-gradient(135deg, #A60240, #640127);
  color: #FFFFFF;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(166, 2, 64, 0.35);
}

/* line 78, app/assets/stylesheets/website/pages/_booking.scss */
.booking-day.today {
  border: 2px solid #E5A82E;
}

/* line 82, app/assets/stylesheets/website/pages/_booking.scss */
.booking-day.other {
  opacity: 0.25;
}

/* line 88, app/assets/stylesheets/website/pages/_booking.scss */
.auth-card[data-controller="booking-calendar"] {
  display: block !important;
  align-content: unset !important;
}

/* line 92, app/assets/stylesheets/website/pages/_booking.scss */
.auth-card[data-controller="booking-calendar"] form {
  display: grid !important;
  justify-items: stretch !important;
  width: 100% !important;
  gap: 16px;
}

/* line 99, app/assets/stylesheets/website/pages/_booking.scss */
.auth-card[data-controller="booking-calendar"] .auth-input,
.auth-card[data-controller="booking-calendar"] input.auth-input,
.auth-card[data-controller="booking-calendar"] textarea.auth-input,
.auth-card[data-controller="booking-calendar"] select.auth-input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* line 111, app/assets/stylesheets/website/pages/_booking.scss */
.auth-card[data-controller="booking-calendar"] form > div {
  width: 100% !important;
  max-width: 100% !important;
}

/* line 117, app/assets/stylesheets/website/pages/_booking.scss */
.booking-slot {
  padding: 0.5rem 0;
  text-align: center;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: 'Poppins', sans-serif;
}

/* line 130, app/assets/stylesheets/website/pages/_booking.scss */
.booking-slot:hover {
  background: rgba(166, 2, 64, 0.15);
  border-color: #A60240;
}

/* line 135, app/assets/stylesheets/website/pages/_booking.scss */
.booking-slot.selected {
  background: linear-gradient(135deg, #FF6B35, #F7931E);
  border-color: transparent;
  color: #FFFFFF;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

/* line 146, app/assets/stylesheets/website/pages/_booking.scss */
.booking-auth-container {
  max-width: 880px;
  width: 100%;
}

/* line 151, app/assets/stylesheets/website/pages/_booking.scss */
.booking-auth-card {
  padding: 0;
  overflow: hidden;
  max-width: 880px;
}

/* line 159, app/assets/stylesheets/website/pages/_booking.scss */
.booking-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 167, app/assets/stylesheets/website/pages/_booking.scss */
.booking-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, #A60240, #E5A82E);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  color: #FFFFFF;
  flex-shrink: 0;
}

/* line 181, app/assets/stylesheets/website/pages/_booking.scss */
.booking-host-info {
  flex: 1;
}

/* line 184, app/assets/stylesheets/website/pages/_booking.scss */
.booking-host-info__name {
  font-weight: 600;
  font-size: 1rem;
}

/* line 189, app/assets/stylesheets/website/pages/_booking.scss */
.booking-host-info__title {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.7);
}

/* line 195, app/assets/stylesheets/website/pages/_booking.scss */
.booking-kind-badge {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  padding: 0.35rem 0.85rem;
  background: rgba(166, 2, 64, 0.12);
  border: 1px solid rgba(166, 2, 64, 0.25);
  border-radius: 10px;
}

/* line 205, app/assets/stylesheets/website/pages/_booking.scss */
.booking-kind-badge i {
  color: #E5A82E;
}

/* line 208, app/assets/stylesheets/website/pages/_booking.scss */
.booking-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  min-height: 460px;
}

/* line 214, app/assets/stylesheets/website/pages/_booking.scss */
.booking-sidebar {
  padding: 1.5rem;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 219, app/assets/stylesheets/website/pages/_booking.scss */
.booking-description {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 1.25rem;
  line-height: 1.6;
}

/* line 226, app/assets/stylesheets/website/pages/_booking.scss */
.booking-section-label {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: rgba(255, 255, 255, 0.42);
  margin-bottom: 0.4rem;
}

/* line 234, app/assets/stylesheets/website/pages/_booking.scss */
.booking-durations {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 1.25rem;
}

/* line 241, app/assets/stylesheets/website/pages/_booking.scss */
.booking-timezone {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.7);
}

/* line 245, app/assets/stylesheets/website/pages/_booking.scss */
.booking-timezone i {
  font-size: 0.7rem;
  margin-right: 0.3rem;
  color: rgba(255, 255, 255, 0.42);
}

/* line 252, app/assets/stylesheets/website/pages/_booking.scss */
.booking-main {
  padding: 1.5rem;
}

/* line 256, app/assets/stylesheets/website/pages/_booking.scss */
.booking-form-container {
  display: none;
  margin-top: 1.5rem;
}

/* line 261, app/assets/stylesheets/website/pages/_booking.scss */
.booking-form-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

/* line 266, app/assets/stylesheets/website/pages/_booking.scss */
.booking-form-title i {
  color: #E5A82E;
  margin-right: 0.3rem;
}

/* line 269, app/assets/stylesheets/website/pages/_booking.scss */
.booking-slot-summary {
  background: rgba(166, 2, 64, 0.1);
  border: 1px solid rgba(166, 2, 64, 0.25);
  border-left: 3px solid #A60240;
  border-radius: 8px;
  padding: 0.85rem 1.1rem;
  margin-bottom: 1.25rem;
  font-size: 0.88rem;
}

/* line 279, app/assets/stylesheets/website/pages/_booking.scss */
.booking-errors {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 8px;
  padding: 0.75rem;
  margin-bottom: 1rem;
  font-size: 0.8rem;
  color: #f9b9b9;
}

/* line 289, app/assets/stylesheets/website/pages/_booking.scss */
.booking-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
  margin-bottom: 0.85rem;
}

/* line 296, app/assets/stylesheets/website/pages/_booking.scss */
.booking-form-label {
  display: block;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.3rem;
}

/* line 303, app/assets/stylesheets/website/pages/_booking.scss */
.booking-form-full {
  margin-bottom: 1rem;
}

/* line 307, app/assets/stylesheets/website/pages/_booking.scss */
.booking-form-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
}

/* line 313, app/assets/stylesheets/website/pages/_booking.scss */
.booking-form-legal {
  margin-top: 1rem;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.42);
  line-height: 1.5;
}

/* line 320, app/assets/stylesheets/website/pages/_booking.scss */
.booking-footer {
  text-align: center;
  padding: 0.75rem;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.42);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 327, app/assets/stylesheets/website/pages/_booking.scss */
.booking-footer a {
  color: #F6E5B3;
  text-decoration: none;
}

/* line 335, app/assets/stylesheets/website/pages/_booking.scss */
.booking-confirm-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  font-size: 2rem;
}

/* line 346, app/assets/stylesheets/website/pages/_booking.scss */
.booking-confirm-icon i {
  color: #58f1be;
}

/* line 349, app/assets/stylesheets/website/pages/_booking.scss */
.booking-confirm-details {
  background: rgba(166, 2, 64, 0.08);
  border: 1px solid rgba(166, 2, 64, 0.2);
  border-left: 3px solid #A60240;
  border-radius: 10px;
  padding: 1.25rem;
  text-align: left;
  margin-bottom: 1.5rem;
}

/* line 359, app/assets/stylesheets/website/pages/_booking.scss */
.booking-confirm-detail-row {
  margin-bottom: 0.3rem;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
}

/* line 364, app/assets/stylesheets/website/pages/_booking.scss */
.booking-confirm-detail-row i {
  width: 16px;
}

/* line 366, app/assets/stylesheets/website/pages/_booking.scss */
.booking-confirm-detail-row a {
  color: #F6E5B3;
}

/* line 369, app/assets/stylesheets/website/pages/_booking.scss */
.booking-confirm-date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

/* line 375, app/assets/stylesheets/website/pages/_booking.scss */
.booking-confirm-date i {
  color: #A60240;
}

@media (max-width: 600px) {
  /* line 381, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-layout {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  /* line 386, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-sidebar {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 1.1rem;
  }
  /* line 392, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-main {
    padding: 1rem 1.1rem;
  }
  /* line 397, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-header {
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.9rem 1.1rem;
  }
  /* line 403, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-host-info {
    flex: 1 1 calc(100% - 62px);
  }
  /* line 406, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-host-info__name {
    font-size: 0.95rem;
  }
  /* line 407, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-host-info__title {
    font-size: 0.78rem;
  }
  /* line 410, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-kind-badge {
    flex: 0 0 auto;
    font-size: 0.75rem;
    padding: 0.3rem 0.7rem;
  }
  /* line 417, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-description {
    margin-bottom: 0.85rem;
  }
  /* line 418, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-durations {
    margin-bottom: 0.85rem;
  }
  /* line 421, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-form-grid {
    grid-template-columns: 1fr;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
  }
  /* line 428, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-form-actions {
    flex-direction: column-reverse;
    gap: 0.5rem;
  }
  /* line 432, app/assets/stylesheets/website/pages/_booking.scss */
  .booking-form-actions .rsvp-btn-calendar,
.booking-form-actions .auth-submit {
    width: 100%;
    justify-content: center;
  }
  /* line 440, app/assets/stylesheets/website/pages/_booking.scss */
  .auth-card[data-controller="booking-calendar"] {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page {
  --wcrm-magenta:        #A60240;
  --wcrm-deepmagenta:    #640127;
  --wcrm-deepblue:       #140D23;
  --wcrm-gold:           #F6E5B3;
  --wcrm-accent:         #e8b972;
  --wcrm-orange-start:   #FF6B35;
  --wcrm-orange-end:     #F7931E;
  --wcrm-white:          #FFFFFF;
  --wcrm-glass-bg:       rgba(255, 255, 255, 0.07);
  --wcrm-glass-border:   rgba(255, 255, 255, 0.14);
  --wcrm-glass-hover:    rgba(255, 255, 255, 0.12);
  --wcrm-text-muted:     rgba(255, 255, 255, 0.55);
  --wcrm-text-body:      rgba(255, 255, 255, 0.85);
  --wcrm-success:        #10b981;
  --wcrm-ai-violet:      #a855f7;
  --wcrm-radius:         12px;
  --wcrm-radius-lg:      20px;
  --wcrm-radius-xl:      28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wcrm-text-body);
  background: linear-gradient(151deg, var(--wcrm-deepblue) 0%, #4a0118 65%, #7a0130 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 30, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page *, .wedge-crm-page *::before, .wedge-crm-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page a {
  text-decoration: none;
  color: inherit;
}

/* line 40, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page ul {
  list-style: none;
}

/* line 41, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page img {
  max-width: 100%;
}

/* line 46, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-display-1 {
  font-size: clamp(2.6rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

/* line 53, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-display-2 {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-section-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wcrm-accent);
}

/* line 68, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-text-gold {
  background: linear-gradient(135deg, var(--wcrm-gold) 0%, var(--wcrm-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 75, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-text-muted {
  color: var(--wcrm-text-muted);
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-text-success {
  color: var(--wcrm-success);
}

/* line 77, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-text-violet {
  color: var(--wcrm-ai-violet);
}

/* line 82, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%;
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-section {
  padding: 100px 0;
}

/* line 90, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-section-header {
  text-align: center;
  margin-bottom: 64px;
}

/* line 94, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-section-header .wcrm-section-label {
  display: inline-block;
  margin-bottom: 12px;
}

/* line 96, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-section-header p {
  margin-top: 16px;
  color: var(--wcrm-text-muted);
  font-size: 1.05rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* line 107, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-section-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--wcrm-glass-border), transparent);
  margin: 0 auto;
}

/* line 117, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-glass {
  background: var(--wcrm-glass-bg);
  border: 1px solid var(--wcrm-glass-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: var(--wcrm-radius-lg);
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-glass-sm {
  background: var(--wcrm-glass-bg);
  border: 1px solid var(--wcrm-glass-border);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: var(--wcrm-radius);
}

/* line 136, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  border: none;
  transition: all 0.25s ease;
  text-decoration: none;
}

/* line 151, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-btn-primary {
  background: linear-gradient(135deg, var(--wcrm-orange-start), var(--wcrm-orange-end));
  color: #fff;
  box-shadow: 0 4px 24px rgba(255, 107, 53, 0.35);
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 163, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-btn-ghost {
  background: transparent;
  color: var(--wcrm-white);
  border: 1px solid var(--wcrm-glass-border);
  backdrop-filter: blur(8px);
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-btn-ghost:hover {
  background: var(--wcrm-glass-hover);
  border-color: rgba(255, 255, 255, 0.28);
  color: var(--wcrm-white);
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-btn-lg {
  padding: 18px 40px;
  font-size: 1.05rem;
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wcrm-text-muted);
  transition: color 0.2s;
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-back-link i {
  font-size: 0.7rem;
}

/* line 200, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-back-link:hover {
  color: var(--wcrm-white);
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-breadcrumb-sep {
  color: var(--wcrm-text-muted);
  opacity: 0.4;
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-breadcrumb-current {
  font-weight: 600;
  color: var(--wcrm-accent);
}

/* line 213, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero {
  padding: 140px 0 80px;
  position: relative;
  overflow: hidden;
}

/* line 218, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero::before {
  content: '';
  position: absolute;
  top: -200px;
  left: -200px;
  width: 700px;
  height: 700px;
  background: radial-gradient(circle, rgba(166, 2, 64, 0.18) 0%, transparent 65%);
  pointer-events: none;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero::after {
  content: '';
  position: absolute;
  bottom: -100px;
  right: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.1) 0%, transparent 60%);
  pointer-events: none;
}

/* line 241, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-left {
  text-align: center;
  max-width: 720px;
}

/* line 252, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-left .wcrm-hero-subtitle {
  margin-left: auto;
  margin-right: auto;
}

/* line 253, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-left .wcrm-hero-ctas {
  justify-content: center;
}

/* line 254, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-left .wcrm-hero-trust {
  justify-content: center;
}

/* line 257, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(166, 2, 64, 0.2);
  border: 1px solid rgba(166, 2, 64, 0.4);
  border-radius: 50px;
  padding: 6px 16px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wcrm-gold);
  margin-bottom: 24px;
  letter-spacing: 0.04em;
}

/* line 271, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-badge i {
  color: var(--wcrm-accent);
  font-size: 0.7rem;
}

/* line 274, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-title {
  margin-bottom: 24px;
}

/* line 277, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-title .line-white {
  color: #fff;
  display: block;
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-title .line-gold {
  display: block;
}

/* line 281, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-subtitle {
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--wcrm-text-muted);
  margin-bottom: 40px;
  max-width: 500px;
}

/* line 289, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-ctas {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 297, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-trust {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* line 304, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wcrm-text-muted);
}

/* line 311, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-hero-trust-item i {
  color: var(--wcrm-success);
  font-size: 0.75rem;
}

/* line 317, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-mockup {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

/* line 325, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-window {
  background: rgba(20, 13, 35, 0.9);
  border: 1px solid var(--wcrm-glass-border);
  border-radius: var(--wcrm-radius-xl);
  overflow: hidden;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

/* line 333, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-titlebar {
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid var(--wcrm-glass-border);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 342, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* line 346, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-dot.red {
  background: #ff5f57;
}

/* line 347, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-dot.yellow {
  background: #ffbd2e;
}

/* line 348, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-dot.green {
  background: #28c840;
}

/* line 351, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-titlebar-label {
  margin-left: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--wcrm-text-muted);
  flex: 1;
}

/* line 359, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-titlebar-actions {
  display: flex;
  gap: 6px;
}

/* line 363, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-titlebar-actions span {
  font-size: 0.68rem;
  padding: 3px 10px;
  border-radius: 4px;
  background: var(--wcrm-glass-bg);
  border: 1px solid var(--wcrm-glass-border);
  color: var(--wcrm-text-muted);
}

/* line 373, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-body {
  padding: 16px;
  display: flex;
  gap: 12px;
  overflow-x: auto;
}

/* line 380, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-col {
  min-width: 160px;
  flex: 1;
}

/* line 385, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-col-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 2px;
}

/* line 393, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-col-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 398, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-col-title.prospection {
  color: var(--wcrm-text-muted);
}

/* line 399, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-col-title.qualification {
  color: #60a5fa;
}

/* line 400, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-col-title.proposition {
  color: var(--wcrm-accent);
}

/* line 401, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-col-title.negociation {
  color: var(--wcrm-orange-start);
}

/* line 404, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-col-count {
  font-size: 0.65rem;
  background: var(--wcrm-glass-bg);
  border: 1px solid var(--wcrm-glass-border);
  border-radius: 4px;
  padding: 1px 6px;
  color: var(--wcrm-text-muted);
}

/* line 413, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 8px;
  cursor: default;
  transition: transform 0.15s;
}

/* line 421, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card:hover {
  transform: translateY(-1px);
}

/* line 424, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-title {
  font-size: 0.78rem;
  font-weight: 600;
  margin-bottom: 5px;
  color: #fff;
}

/* line 431, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 437, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-amount {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--wcrm-accent);
}

/* line 443, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-label {
  font-size: 0.62rem;
  padding: 2px 7px;
  border-radius: 4px;
  font-weight: 600;
}

/* line 448, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-label.hot {
  background: rgba(255, 107, 53, 0.2);
  color: var(--wcrm-orange-start);
}

/* line 449, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-label.warm {
  background: rgba(246, 229, 179, 0.15);
  color: var(--wcrm-gold);
}

/* line 450, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-label.cold {
  background: rgba(96, 165, 250, 0.15);
  color: #93c5fd;
}

/* line 451, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-label.alert {
  background: rgba(166, 2, 64, 0.2);
  color: #f9a8c9;
}

/* line 454, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 0.58rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 466, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
}

/* line 473, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-card-date {
  font-size: 0.62rem;
  color: var(--wcrm-text-muted);
}

/* line 478, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-stagnation {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 0.6rem;
  color: #f87171;
}

/* line 486, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-kanban-add-card {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 6px;
  background: transparent;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  font-size: 0.7rem;
  color: var(--wcrm-text-muted);
  cursor: pointer;
  width: 100%;
  font-family: 'Poppins', sans-serif;
  transition: all 0.2s;
}

/* line 505, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-features-section {
  padding: 100px 0;
}

/* line 507, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  /* line 507, app/assets/stylesheets/website/pages/_wedge_crm.scss */
  .wedge-crm-page .wcrm-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 515, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card {
  background: var(--wcrm-glass-bg);
  border: 1px solid var(--wcrm-glass-border);
  border-radius: var(--wcrm-radius-lg);
  padding: 32px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 524, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: transparent;
  transition: background 0.3s;
}

/* line 533, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card:hover {
  background: var(--wcrm-glass-hover);
  border-color: rgba(255, 255, 255, 0.22);
  transform: translateY(-3px);
}

/* line 538, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card:hover::before {
  background: linear-gradient(90deg, var(--wcrm-magenta), var(--wcrm-accent));
}

/* line 541, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card.featured {
  grid-column: span 2;
  background: linear-gradient(135deg, rgba(166, 2, 64, 0.15), rgba(20, 13, 35, 0.8));
  border-color: rgba(166, 2, 64, 0.35);
}

/* line 546, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card.featured::before {
  background: linear-gradient(90deg, var(--wcrm-magenta), var(--wcrm-accent));
}

/* line 548, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card.featured .wcrm-feature-card-title {
  font-size: 1.25rem;
}

/* line 550, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card.featured .wcrm-feature-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}

@media (max-width: 768px) {
  /* line 541, app/assets/stylesheets/website/pages/_wedge_crm.scss */
  .wedge-crm-page .wcrm-feature-card.featured {
    grid-column: span 1;
  }
}

/* line 560, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card.ai-card {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.12), rgba(20, 13, 35, 0.8));
  border-color: rgba(168, 85, 247, 0.25);
}

/* line 564, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card.ai-card::before {
  background: linear-gradient(90deg, var(--wcrm-ai-violet), #60a5fa);
}

/* line 568, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  margin-bottom: 20px;
  flex-shrink: 0;
}

/* line 578, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-icon.magenta {
  background: rgba(166, 2, 64, 0.25);
  color: #f9a8c9;
}

/* line 579, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-icon.gold {
  background: rgba(246, 229, 179, 0.15);
  color: var(--wcrm-gold);
}

/* line 580, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-icon.orange {
  background: rgba(255, 107, 53, 0.2);
  color: var(--wcrm-orange-start);
}

/* line 581, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-icon.violet {
  background: rgba(168, 85, 247, 0.2);
  color: var(--wcrm-ai-violet);
}

/* line 582, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-icon.blue {
  background: rgba(96, 165, 250, 0.2);
  color: #60a5fa;
}

/* line 583, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-icon.green {
  background: rgba(16, 185, 129, 0.2);
  color: var(--wcrm-success);
}

/* line 584, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-icon.teal {
  background: rgba(20, 184, 166, 0.2);
  color: #2dd4bf;
}

/* line 585, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-icon.rose {
  background: rgba(244, 63, 94, 0.2);
  color: #fb7185;
}

/* line 588, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

/* line 595, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-card-desc {
  font-size: 0.85rem;
  line-height: 1.65;
  color: var(--wcrm-text-muted);
}

/* line 601, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 16px;
}

/* line 608, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-tag {
  font-size: 0.68rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid var(--wcrm-glass-border);
  color: var(--wcrm-text-muted);
}

/* line 617, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-feature-tag.highlight {
  background: rgba(246, 229, 179, 0.12);
  border-color: rgba(246, 229, 179, 0.25);
  color: var(--wcrm-gold);
}

/* line 625, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-stat-widget {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--wcrm-glass-border);
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 8px;
}

/* line 632, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-stat-widget-label {
  font-size: 0.68rem;
  color: var(--wcrm-text-muted);
  margin-bottom: 6px;
  font-weight: 600;
}

/* line 639, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-stat-widget-value {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--wcrm-accent);
}

/* line 645, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-stat-widget-sub {
  font-size: 0.65rem;
  color: var(--wcrm-success);
  margin-top: 2px;
}

/* line 652, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-stat-bar {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--wcrm-glass-border);
  border-radius: 8px;
  padding: 10px 14px;
  margin-bottom: 8px;
}

/* line 659, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-stat-bar-label {
  font-size: 0.65rem;
  color: var(--wcrm-text-muted);
  margin-bottom: 6px;
}

/* line 661, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-stat-bar-track {
  flex: 1;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  overflow: hidden;
}

/* line 669, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-stat-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--wcrm-orange-start), var(--wcrm-orange-end));
  border-radius: 3px;
}

/* line 675, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-stat-bar-pct {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--wcrm-orange-start);
}

/* line 685, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight {
  padding: 100px 0;
  overflow: hidden;
}

/* line 690, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* line 696, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-inner.reverse {
  direction: rtl;
}

/* line 696, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-inner.reverse > * {
  direction: ltr;
}

@media (max-width: 768px) {
  /* line 690, app/assets/stylesheets/website/pages/_wedge_crm.scss */
  .wedge-crm-page .wcrm-spotlight-inner {
    grid-template-columns: 1fr;
    direction: ltr !important;
  }
  /* line 701, app/assets/stylesheets/website/pages/_wedge_crm.scss */
  .wedge-crm-page .wcrm-spotlight-inner > * {
    direction: ltr !important;
  }
}

/* line 705, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wcrm-accent);
  margin-bottom: 16px;
}

/* line 717, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-title {
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.01em;
  margin-bottom: 20px;
}

/* line 725, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-subtitle {
  font-size: 1rem;
  line-height: 1.75;
  color: var(--wcrm-text-muted);
  margin-bottom: 28px;
}

/* line 732, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-points {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 36px;
}

/* line 739, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-point {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* line 745, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-point-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  color: var(--wcrm-success);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 760, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-point-text {
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--wcrm-text-body);
}

/* line 765, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-spotlight-point-text strong {
  color: #fff;
  font-weight: 600;
}

/* line 771, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit {
  background: rgba(20, 13, 35, 0.92);
  border: 1px solid var(--wcrm-glass-border);
  border-radius: var(--wcrm-radius-xl);
  overflow: hidden;
  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.04);
  font-size: 0.78rem;
}

/* line 780, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-header {
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid var(--wcrm-glass-border);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 789, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 795, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-avatar {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--wcrm-magenta), var(--wcrm-deepmagenta));
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.85rem;
  color: #fff;
}

/* line 808, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-company {
  font-weight: 700;
  font-size: 0.88rem;
  color: #fff;
}

/* line 809, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-sector {
  font-size: 0.68rem;
  color: var(--wcrm-text-muted);
  margin-top: 1px;
}

/* line 811, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-score-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 50px;
  padding: 5px 12px;
}

/* line 821, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-score-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--wcrm-success);
}

/* line 828, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-score-text {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--wcrm-success);
}

/* line 830, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-tabs {
  display: flex;
  border-bottom: 1px solid var(--wcrm-glass-border);
  padding: 0 18px;
}

/* line 836, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-tab {
  padding: 10px 14px;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--wcrm-text-muted);
  border-bottom: 2px solid transparent;
  cursor: default;
}

/* line 844, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-tab.active {
  color: var(--wcrm-accent);
  border-bottom-color: var(--wcrm-accent);
}

/* line 847, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-content {
  padding: 16px 18px;
}

/* line 849, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-ai-block {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.12), rgba(20, 13, 35, 0.5));
  border: 1px solid rgba(168, 85, 247, 0.25);
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 14px;
}

/* line 857, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-ai-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

/* line 864, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-ai-icon {
  width: 22px;
  height: 22px;
  background: rgba(168, 85, 247, 0.25);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: var(--wcrm-ai-violet);
}

/* line 876, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-ai-label {
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--wcrm-ai-violet);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* line 884, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-ai-text {
  font-size: 0.73rem;
  line-height: 1.5;
  color: var(--wcrm-text-body);
}

/* line 886, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-ai-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--wcrm-ai-violet);
  background: rgba(168, 85, 247, 0.12);
  border: 1px solid rgba(168, 85, 247, 0.2);
  border-radius: 4px;
  padding: 3px 8px;
}

/* line 900, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-cockpit-timeline-title {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wcrm-text-muted);
  margin-bottom: 10px;
}

/* line 909, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-item {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  align-items: flex-start;
}

/* line 916, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-icon {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  flex-shrink: 0;
}

/* line 925, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-icon.email {
  background: rgba(96, 165, 250, 0.18);
  color: #60a5fa;
}

/* line 926, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-icon.call {
  background: rgba(16, 185, 129, 0.18);
  color: var(--wcrm-success);
}

/* line 927, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-icon.rdv {
  background: rgba(246, 229, 179, 0.15);
  color: var(--wcrm-gold);
}

/* line 928, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-icon.devis {
  background: rgba(255, 107, 53, 0.18);
  color: var(--wcrm-orange-start);
}

/* line 929, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-icon.facture {
  background: rgba(168, 85, 247, 0.18);
  color: var(--wcrm-ai-violet);
}

/* line 932, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-content {
  flex: 1;
}

/* line 933, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-event {
  font-size: 0.72rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
}

/* line 934, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-meta {
  font-size: 0.62rem;
  color: var(--wcrm-text-muted);
  margin-top: 1px;
}

/* line 935, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-timeline-amount {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--wcrm-accent);
  margin-top: 1px;
}

/* line 940, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-mockup {
  background: rgba(20, 13, 35, 0.92);
  border: 1px solid var(--wcrm-glass-border);
  border-radius: var(--wcrm-radius-xl);
  overflow: hidden;
  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.04);
}

/* line 948, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-header {
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid var(--wcrm-glass-border);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 957, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-header-title {
  font-size: 0.82rem;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 964, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-header-title i {
  color: var(--wcrm-accent);
}

/* line 967, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-today-badge {
  font-size: 0.65rem;
  font-weight: 600;
  background: rgba(255, 107, 53, 0.18);
  border: 1px solid rgba(255, 107, 53, 0.3);
  color: var(--wcrm-orange-start);
  padding: 3px 10px;
  border-radius: 50px;
}

/* line 977, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-body {
  padding: 14px 18px;
}

/* line 979, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-section-title {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wcrm-text-muted);
  margin-bottom: 8px;
  margin-top: 4px;
}

/* line 989, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--wcrm-glass-border);
  margin-bottom: 6px;
  cursor: default;
  transition: background 0.2s;
}

/* line 1000, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* line 1003, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  flex-shrink: 0;
}

/* line 1012, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-icon.relance {
  background: rgba(255, 107, 53, 0.2);
  color: var(--wcrm-orange-start);
}

/* line 1013, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-icon.devis {
  background: rgba(246, 229, 179, 0.15);
  color: var(--wcrm-gold);
}

/* line 1014, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-icon.rdv {
  background: rgba(16, 185, 129, 0.15);
  color: var(--wcrm-success);
}

/* line 1015, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-icon.prospect {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
}

/* line 1016, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-icon.urgent {
  background: rgba(166, 2, 64, 0.2);
  color: #f9a8c9;
}

/* line 1019, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-body {
  flex: 1;
  min-width: 0;
}

/* line 1021, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-title {
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1030, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-sub {
  font-size: 0.65rem;
  color: var(--wcrm-text-muted);
  margin-top: 1px;
}

/* line 1032, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-right {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

/* line 1039, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-priority {
  font-size: 0.6rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 4px;
}

/* line 1044, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-priority.high {
  background: rgba(166, 2, 64, 0.2);
  color: #f9a8c9;
}

/* line 1045, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-priority.medium {
  background: rgba(246, 229, 179, 0.12);
  color: var(--wcrm-gold);
}

/* line 1046, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-priority.low {
  background: rgba(255, 255, 255, 0.06);
  color: var(--wcrm-text-muted);
}

/* line 1049, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-item-btn {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid var(--wcrm-glass-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  color: var(--wcrm-text-muted);
  cursor: pointer;
}

/* line 1063, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-ai-suggestion {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.1), rgba(20, 13, 35, 0.4));
  border: 1px solid rgba(168, 85, 247, 0.2);
  border-radius: 8px;
  padding: 10px 12px;
  margin-top: 10px;
}

/* line 1071, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-ai-suggestion-label {
  font-size: 0.6rem;
  font-weight: 700;
  color: var(--wcrm-ai-violet);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 1083, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-ai-suggestion-text {
  font-size: 0.7rem;
  color: var(--wcrm-text-body);
  line-height: 1.45;
}

/* line 1089, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-footer {
  border-top: 1px solid var(--wcrm-glass-border);
  padding: 10px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 1097, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-footer-stat {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.68rem;
  color: var(--wcrm-text-muted);
}

/* line 1103, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-action-footer-stat strong {
  color: var(--wcrm-accent);
}

/* line 1109, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-video-section {
  padding: 80px 0;
}

/* line 1111, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-video-container {
  position: relative;
  border-radius: var(--wcrm-radius-xl);
  overflow: hidden;
  background: rgba(20, 13, 35, 0.8);
  border: 1px solid var(--wcrm-glass-border);
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.4);
}

/* line 1124, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-video-bg-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 50%, rgba(166, 2, 64, 0.15) 0%, transparent 65%);
}

/* line 1130, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-video-placeholder-content {
  position: relative;
  z-index: 1;
  text-align: center;
}

/* line 1136, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-video-play-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--wcrm-orange-start), var(--wcrm-orange-end));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #fff;
  margin: 0 auto 20px;
  box-shadow: 0 8px 32px rgba(255, 107, 53, 0.4);
  cursor: pointer;
}

/* line 1151, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-video-placeholder-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}

/* line 1158, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-video-placeholder-sub {
  font-size: 0.85rem;
  color: var(--wcrm-text-muted);
}

/* line 1160, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-video-corner-badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: var(--wcrm-glass-bg);
  border: 1px solid var(--wcrm-glass-border);
  backdrop-filter: blur(12px);
  border-radius: 8px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 1174, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-video-corner-badge i {
  color: var(--wcrm-orange-start);
}

/* line 1180, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-section {
  padding: 100px 0;
}

/* line 1182, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

@media (max-width: 992px) {
  /* line 1182, app/assets/stylesheets/website/pages/_wedge_crm.scss */
  .wedge-crm-page .wcrm-ecosystem-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 1182, app/assets/stylesheets/website/pages/_wedge_crm.scss */
  .wedge-crm-page .wcrm-ecosystem-grid {
    grid-template-columns: 1fr;
  }
}

/* line 1191, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-tile {
  background: var(--wcrm-glass-bg);
  border: 1px solid var(--wcrm-glass-border);
  border-radius: var(--wcrm-radius-lg);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  transition: all 0.25s;
  position: relative;
  overflow: hidden;
}

/* line 1204, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-tile::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: transparent;
  transition: background 0.3s;
}

/* line 1213, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-tile:hover {
  background: var(--wcrm-glass-hover);
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 1217, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-tile:hover::after {
  background: linear-gradient(90deg, var(--wcrm-magenta), var(--wcrm-accent));
}

/* line 1221, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-tile-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

/* line 1231, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-tile-name {
  font-size: 0.88rem;
  font-weight: 700;
  color: #fff;
}

/* line 1232, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-tile-desc {
  font-size: 0.77rem;
  color: var(--wcrm-text-muted);
  line-height: 1.5;
}

/* line 1234, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-arrow {
  margin-top: auto;
  color: var(--wcrm-text-muted);
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s;
}

/* line 1244, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-ecosystem-tile:hover .wcrm-ecosystem-arrow {
  color: var(--wcrm-accent);
}

/* line 1249, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-testimonial-section {
  padding: 80px 0;
}

/* line 1251, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-testimonial-card {
  max-width: 820px;
  margin: 0 auto;
  background: linear-gradient(135deg, rgba(166, 2, 64, 0.12), rgba(20, 13, 35, 0.7));
  border: 1px solid rgba(166, 2, 64, 0.25);
  border-radius: var(--wcrm-radius-xl);
  padding: 56px 60px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* line 1262, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-testimonial-card::before {
  content: '"';
  position: absolute;
  top: -20px;
  left: 40px;
  font-size: 14rem;
  font-weight: 900;
  color: rgba(166, 2, 64, 0.12);
  line-height: 1;
  pointer-events: none;
  font-family: Georgia, serif;
}

@media (max-width: 576px) {
  /* line 1251, app/assets/stylesheets/website/pages/_wedge_crm.scss */
  .wedge-crm-page .wcrm-testimonial-card {
    padding: 36px 24px;
  }
}

/* line 1278, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-testimonial-stars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-bottom: 28px;
}

/* line 1284, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-testimonial-stars i {
  font-size: 0.95rem;
  color: var(--wcrm-accent);
}

/* line 1287, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-testimonial-quote {
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.75;
  color: var(--wcrm-text-body);
  margin-bottom: 36px;
  font-style: italic;
  position: relative;
  z-index: 1;
}

/* line 1298, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-testimonial-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

/* line 1305, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-testimonial-author-avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--wcrm-magenta), var(--wcrm-deepmagenta));
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1rem;
  color: #fff;
  flex-shrink: 0;
}

/* line 1319, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-testimonial-author-name {
  font-size: 0.88rem;
  font-weight: 700;
  color: #fff;
}

/* line 1320, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-testimonial-author-role {
  font-size: 0.78rem;
  color: var(--wcrm-text-muted);
  margin-top: 2px;
}

/* line 1325, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta {
  padding: 100px 0 80px;
}

/* line 1327, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta-card {
  background: linear-gradient(135deg, rgba(166, 2, 64, 0.25), rgba(100, 1, 39, 0.4));
  border: 1px solid rgba(166, 2, 64, 0.4);
  border-radius: var(--wcrm-radius-xl);
  padding: 80px 60px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* line 1336, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta-card::before {
  content: '';
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 400px;
  background: radial-gradient(circle, rgba(255, 107, 53, 0.12) 0%, transparent 65%);
  pointer-events: none;
}

/* line 1348, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta-card > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 576px) {
  /* line 1327, app/assets/stylesheets/website/pages/_wedge_crm.scss */
  .wedge-crm-page .wcrm-final-cta-card {
    padding: 48px 24px;
  }
}

/* line 1353, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta-label {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wcrm-accent);
  margin-bottom: 16px;
}

/* line 1363, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta-title {
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.12;
  margin-bottom: 20px;
}

/* line 1371, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta-sub {
  font-size: 1rem;
  color: var(--wcrm-text-muted);
  margin-bottom: 44px;
  line-height: 1.65;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

/* line 1381, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

/* line 1390, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta-reassurance {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

/* line 1398, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta-reassurance-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: var(--wcrm-text-muted);
}

/* line 1404, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-final-cta-reassurance-item i {
  color: var(--wcrm-success);
  font-size: 0.72rem;
}

@keyframes wcrm-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 1415, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-fade-up {
  animation: wcrm-fade-up 0.7s ease both;
}

/* line 1416, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-fade-up-1 {
  animation-delay: 0.1s;
}

/* line 1417, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-fade-up-2 {
  animation-delay: 0.2s;
}

/* line 1418, app/assets/stylesheets/website/pages/_wedge_crm.scss */
.wedge-crm-page .wcrm-fade-up-3 {
  animation-delay: 0.3s;
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page {
  --wfact-deepblue:       #140D23;
  --wfact-deepmagenta:    #640127;
  --wfact-accent:         #10b981;
  --wfact-accent-light:   #1beba6;
  --wfact-gold:           #F6E5B3;
  --wfact-orange-start:   #FF6B35;
  --wfact-orange-end:     #F7931E;
  --wfact-white:          #FFFFFF;
  --wfact-glass-bg:       rgba(255, 255, 255, 0.07);
  --wfact-glass-border:   rgba(255, 255, 255, 0.14);
  --wfact-glass-hover:    rgba(255, 255, 255, 0.12);
  --wfact-text-muted:     rgba(255, 255, 255, 0.55);
  --wfact-text-body:      rgba(255, 255, 255, 0.85);
  --wfact-radius:         12px;
  --wfact-radius-lg:      20px;
  --wfact-radius-xl:      28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wfact-text-body);
  background: linear-gradient(151deg, var(--wfact-deepblue) 0%, #011f18 60%, #023a2c 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 28, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page *, .wedge-facturation-page *::before, .wedge-facturation-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page a {
  text-decoration: none;
  color: inherit;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page ul {
  list-style: none;
}

/* line 43, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wfact-text-muted);
  transition: color 0.2s;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-back-link i {
  font-size: 0.7rem;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-back-link:hover {
  color: var(--wfact-white);
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-breadcrumb-sep {
  color: var(--wfact-text-muted);
  opacity: 0.4;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-breadcrumb-current {
  font-weight: 600;
  color: var(--wfact-accent);
}

/* line 67, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 60% at 50% 30%, rgba(16, 185, 129, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* line 87, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: var(--wfact-accent-light);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 110, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--wfact-white);
  margin-bottom: 24px;
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-hero-title .wfact-highlight {
  color: var(--wfact-accent);
}

/* line 123, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-hero-sub {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--wfact-text-body);
  max-width: 620px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 139, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wfact-orange-start), var(--wfact-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wfact-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wfact-glass-bg);
  border: 1px solid var(--wfact-glass-border);
  color: var(--wfact-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wfact-radius);
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 173, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-btn-secondary:hover {
  background: var(--wfact-glass-hover);
  transform: translateY(-2px);
  color: #fff;
}

/* line 180, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--wfact-text-muted);
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 194, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-trust-item i {
  color: var(--wfact-accent);
  font-size: 0.75rem;
}

/* line 200, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-invoice-section {
  padding: 80px 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 206, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-section-label {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wfact-accent);
  margin-bottom: 12px;
}

/* line 216, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wfact-white);
  margin-bottom: 16px;
}

/* line 224, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--wfact-text-muted);
  max-width: 560px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 233, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-invoice-preview {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--wfact-glass-border);
  border-radius: var(--wfact-radius-xl);
  backdrop-filter: blur(16px);
  padding: 32px;
  max-width: 680px;
  margin: 0 auto;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
}

/* line 244, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 12px;
}

/* line 253, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-brand {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--wfact-white);
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-brand .wfact-inv-brand-sub {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--wfact-text-muted);
  margin-top: 2px;
}

/* line 266, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-meta {
  text-align: right;
}

/* line 269, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-meta .wfact-inv-ref {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--wfact-accent);
  letter-spacing: 0.04em;
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-meta .wfact-inv-date {
  font-size: 0.75rem;
  color: var(--wfact-text-muted);
  margin-top: 2px;
}

/* line 283, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-client-block {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--wfact-radius);
  padding: 12px 16px;
  margin-bottom: 24px;
}

/* line 290, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-client-block .wfact-inv-client-label {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wfact-text-muted);
  margin-bottom: 4px;
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-client-block .wfact-inv-client-name {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--wfact-white);
}

/* line 305, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-client-block .wfact-inv-client-siren {
  font-size: 0.72rem;
  color: var(--wfact-text-muted);
  margin-top: 2px;
}

/* line 312, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-lines {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 16px;
}

/* line 317, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-line {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 0.85rem;
  color: var(--wfact-text-body);
  align-items: center;
}

/* line 327, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-line .wfact-inv-line-desc {
  font-weight: 500;
}

/* line 328, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-line .wfact-inv-line-qty {
  color: var(--wfact-text-muted);
  font-size: 0.78rem;
}

/* line 329, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-line .wfact-inv-line-amount {
  font-weight: 600;
  text-align: right;
}

/* line 332, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-totals {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
  padding-top: 12px;
  margin-bottom: 20px;
}

/* line 341, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-subtotal,
.wedge-facturation-page .wfact-inv-tva {
  display: flex;
  gap: 32px;
  font-size: 0.82rem;
  color: var(--wfact-text-muted);
  justify-content: flex-end;
}

/* line 350, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-total-row {
  display: flex;
  gap: 32px;
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  justify-content: flex-end;
}

/* line 358, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-total-row .wfact-inv-total-label {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wfact-white);
}

/* line 364, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-total-row .wfact-inv-total-amount {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--wfact-accent);
}

/* line 371, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 381, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 999px;
}

/* line 390, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-status.paid {
  background: rgba(16, 185, 129, 0.15);
  color: var(--wfact-accent-light);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* line 396, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-status.pending {
  background: rgba(246, 229, 179, 0.1);
  color: #F6E5B3;
  border: 1px solid rgba(246, 229, 179, 0.25);
}

/* line 403, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-inv-efact-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--wfact-text-muted);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 3px 10px;
  border-radius: 6px;
}

/* line 419, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-features-section {
  padding: 80px 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 425, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 992px) {
  /* line 425, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
  .wedge-facturation-page .wfact-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 425, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
  .wedge-facturation-page .wfact-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 434, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-feature-card {
  background: var(--wfact-glass-bg);
  border: 1px solid var(--wfact-glass-border);
  border-radius: var(--wfact-radius-lg);
  padding: 28px 24px;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  backdrop-filter: blur(8px);
}

/* line 442, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-feature-card:hover {
  background: var(--wfact-glass-hover);
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

/* line 448, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-feature-card.wfact-card-accent {
  border-color: rgba(16, 185, 129, 0.35);
  background: rgba(16, 185, 129, 0.07);
}

/* line 454, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(16, 185, 129, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

/* line 464, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-feature-icon i {
  font-size: 1.1rem;
  color: var(--wfact-accent);
}

/* line 470, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-feature-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wfact-white);
  margin-bottom: 8px;
}

/* line 477, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-feature-desc {
  font-size: 0.875rem;
  color: var(--wfact-text-muted);
  line-height: 1.65;
}

/* line 486, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-spotlight {
  padding: 80px 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 492, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-spotlight-card {
  background: rgba(16, 185, 129, 0.06);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: var(--wfact-radius-xl);
  padding: 56px 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  backdrop-filter: blur(12px);
}

@media (max-width: 768px) {
  /* line 492, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
  .wedge-facturation-page .wfact-spotlight-card {
    grid-template-columns: 1fr;
    padding: 40px 28px;
    gap: 32px;
  }
}

/* line 510, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-spotlight-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(246, 229, 179, 0.1);
  border: 1px solid rgba(246, 229, 179, 0.25);
  color: #F6E5B3;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 20px;
}

/* line 526, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-spotlight-title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  color: var(--wfact-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 533, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-spotlight-title span {
  color: var(--wfact-accent);
}

/* line 536, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-spotlight-text {
  font-size: 0.95rem;
  color: var(--wfact-text-body);
  line-height: 1.75;
  margin-bottom: 24px;
}

/* line 543, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-spotlight-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--wfact-accent);
  font-weight: 600;
  font-size: 0.9rem;
  transition: gap 0.2s;
}

/* line 552, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-spotlight-link:hover {
  gap: 12px;
  color: var(--wfact-accent-light);
}

/* line 555, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-spotlight-visual {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 561, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-timeline-step {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--wfact-radius);
  padding: 16px 20px;
}

/* line 570, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-timeline-step.wfact-step-active {
  border-color: rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.08);
}

/* line 576, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-step-dot {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 0.75rem;
  font-weight: 700;
}

/* line 589, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-step-dot.active {
  background: rgba(16, 185, 129, 0.2);
  border-color: var(--wfact-accent);
  color: var(--wfact-accent);
}

/* line 597, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-step-info .wfact-step-date {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--wfact-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 2px;
}

/* line 605, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-step-info .wfact-step-desc {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--wfact-white);
}

/* line 610, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-step-info .wfact-step-sub {
  font-size: 0.78rem;
  color: var(--wfact-text-muted);
  margin-top: 2px;
}

/* line 620, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-flow-section {
  padding: 80px 24px;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* line 627, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-flow-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin-top: 48px;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 576px) {
  /* line 627, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
  .wedge-facturation-page .wfact-flow-steps {
    flex-direction: column;
  }
}

/* line 641, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-flow-step {
  background: var(--wfact-glass-bg);
  border: 1px solid var(--wfact-glass-border);
  border-radius: var(--wfact-radius-lg);
  padding: 20px 24px;
  min-width: 140px;
  text-align: center;
  backdrop-filter: blur(8px);
}

/* line 650, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-flow-step.wfact-flow-active {
  border-color: rgba(16, 185, 129, 0.4);
  background: rgba(16, 185, 129, 0.08);
}

/* line 655, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-flow-step i {
  font-size: 1.4rem;
  margin-bottom: 8px;
  display: block;
  color: var(--wfact-text-muted);
}

/* line 656, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-flow-step.wfact-flow-active i {
  color: var(--wfact-accent);
}

/* line 658, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-flow-step .wfact-flow-label {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--wfact-white);
}

/* line 664, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-flow-step .wfact-flow-sub {
  font-size: 0.72rem;
  color: var(--wfact-text-muted);
  margin-top: 4px;
}

/* line 671, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-flow-arrow {
  font-size: 1.2rem;
  color: var(--wfact-text-muted);
  opacity: 0.4;
  padding: 0 4px;
  flex-shrink: 0;
}

/* line 682, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-testimonial {
  padding: 80px 24px;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

/* line 689, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-testimonial-card {
  background: var(--wfact-glass-bg);
  border: 1px solid var(--wfact-glass-border);
  border-radius: var(--wfact-radius-xl);
  padding: 48px 40px;
  backdrop-filter: blur(12px);
}

@media (max-width: 576px) {
  /* line 689, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
  .wedge-facturation-page .wfact-testimonial-card {
    padding: 32px 24px;
  }
}

/* line 699, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-quote-icon {
  font-size: 2rem;
  color: var(--wfact-accent);
  opacity: 0.4;
  margin-bottom: 20px;
}

/* line 706, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-quote-text {
  font-size: clamp(1rem, 2.2vw, 1.2rem);
  font-style: italic;
  color: var(--wfact-text-body);
  line-height: 1.75;
  margin-bottom: 28px;
}

/* line 714, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-quote-author {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

/* line 720, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-quote-author .wfact-author-name {
  font-weight: 700;
  color: var(--wfact-white);
}

/* line 721, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-quote-author .wfact-author-role {
  font-size: 0.82rem;
  color: var(--wfact-text-muted);
}

/* line 727, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 732, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--wfact-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 732, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
  .wedge-facturation-page .wfact-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 745, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-final-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--wfact-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 753, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-final-sub {
  font-size: 1rem;
  color: var(--wfact-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 760, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-final-cta-btns {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 768, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-final-trust {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 0.78rem;
  color: var(--wfact-text-muted);
}

/* line 777, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-final-trust-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 781, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-final-trust-item i {
  color: var(--wfact-accent);
  font-size: 0.7rem;
}

/* line 787, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-docs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  max-width: 860px;
  margin: 0 auto;
}

@media (max-width: 640px) {
  /* line 787, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
  .wedge-facturation-page .wfact-docs-grid {
    grid-template-columns: 1fr;
  }
}

/* line 797, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-card {
  background: var(--wfact-glass-bg);
  border: 1px solid var(--wfact-glass-border);
  border-radius: var(--wfact-radius-lg);
  padding: 20px 22px;
  backdrop-filter: blur(10px);
  transition: background 0.2s, transform 0.2s;
}

/* line 805, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-card:hover {
  background: var(--wfact-glass-hover);
  transform: translateY(-2px);
}

/* line 810, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-card.wfact-doc-card-accent {
  border-color: rgba(16, 185, 129, 0.35);
  background: rgba(16, 185, 129, 0.06);
}

/* line 816, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

/* line 823, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 834, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-icon i {
  font-size: 0.9rem;
  color: var(--wfact-text-muted);
}

/* line 836, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-icon.accent {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.3);
}

/* line 839, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-icon.accent i {
  color: var(--wfact-accent);
}

/* line 843, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-ref {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--wfact-white);
  letter-spacing: 0.02em;
}

/* line 850, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-type {
  font-size: 0.7rem;
  color: var(--wfact-text-muted);
  margin-top: 1px;
}

/* line 856, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 999px;
  margin-left: auto;
  white-space: nowrap;
}

/* line 867, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-badge.signed {
  background: rgba(16, 185, 129, 0.12);
  color: var(--wfact-accent-light);
  border: 1px solid rgba(16, 185, 129, 0.28);
}

/* line 873, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-badge.pending {
  background: rgba(246, 229, 179, 0.1);
  color: #F6E5B3;
  border: 1px solid rgba(246, 229, 179, 0.25);
}

/* line 879, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-badge.paid {
  background: rgba(99, 210, 160, 0.12);
  color: #63D2A0;
  border: 1px solid rgba(99, 210, 160, 0.3);
}

/* line 886, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-client {
  font-size: 0.82rem;
  color: var(--wfact-text-muted);
  margin-bottom: 6px;
}

/* line 892, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-amount {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wfact-white);
}

/* line 898, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-amount-accent {
  color: var(--wfact-accent);
}

/* line 900, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-efact {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--wfact-accent);
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  padding: 3px 10px;
  border-radius: 6px;
}

/* line 913, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-doc-efact i {
  font-size: 0.62rem;
}

/* line 919, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-pennylane-section {
  padding: 80px 24px;
  max-width: 860px;
  margin: 0 auto;
}

/* line 925, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-pennylane-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--wfact-radius-xl);
  padding: 56px 48px;
  backdrop-filter: blur(14px);
  text-align: center;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 925, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
  .wedge-facturation-page .wfact-pennylane-card {
    padding: 40px 24px;
  }
}

/* line 937, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-pennylane-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 8px 20px;
  margin-bottom: 28px;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wfact-white);
  letter-spacing: 0.02em;
}

/* line 951, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-pennylane-logo i {
  font-size: 1rem;
  color: var(--wfact-accent);
}

/* line 957, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-pennylane-flows {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 560px;
  margin: 0 auto;
}

/* line 965, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-pennylane-flow {
  display: flex;
  align-items: center;
  gap: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--wfact-radius);
  padding: 16px 20px;
  text-align: left;
}

/* line 976, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-pflow-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 987, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-pflow-icon i {
  font-size: 0.85rem;
  color: var(--wfact-accent);
}

/* line 990, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-pflow-label {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--wfact-white);
  margin-bottom: 2px;
}

/* line 997, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-pflow-desc {
  font-size: 0.78rem;
  color: var(--wfact-text-muted);
  line-height: 1.5;
}

@keyframes wfact-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 1011, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-hero-inner {
  animation: wfact-fade-up 0.7s ease both;
}

/* line 1012, app/assets/stylesheets/website/pages/_wedge_facturation.scss */
.wedge-facturation-page .wfact-invoice-preview {
  animation: wfact-fade-up 0.7s 0.2s ease both;
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page {
  --wgcom-deepblue:       #140D23;
  --wgcom-accent:         #6366f1;
  --wgcom-accent-light:   #a5a6f7;
  --wgcom-accent-soft:    #e6e7fd;
  --wgcom-orange-start:   #FF6B35;
  --wgcom-orange-end:     #F7931E;
  --wgcom-white:          #FFFFFF;
  --wgcom-glass-bg:       rgba(255, 255, 255, 0.07);
  --wgcom-glass-border:   rgba(255, 255, 255, 0.13);
  --wgcom-glass-hover:    rgba(255, 255, 255, 0.11);
  --wgcom-text-muted:     rgba(255, 255, 255, 0.52);
  --wgcom-text-body:      rgba(255, 255, 255, 0.84);
  --wgcom-radius:         12px;
  --wgcom-radius-lg:      20px;
  --wgcom-radius-xl:      28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wgcom-text-body);
  background: linear-gradient(151deg, #0d0f1e 0%, #090a18 55%, #100a28 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 27, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page *, .wedge-gcom-page *::before, .wedge-gcom-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page a {
  text-decoration: none;
  color: inherit;
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page ul {
  list-style: none;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wgcom-text-muted);
  transition: color 0.2s;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-back-link i {
  font-size: 0.7rem;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-back-link:hover {
  color: var(--wgcom-white);
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-breadcrumb-sep {
  color: var(--wgcom-text-muted);
  opacity: 0.4;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-breadcrumb-current {
  font-weight: 600;
  color: var(--wgcom-accent-light);
}

/* line 66, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 75, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(99, 102, 241, 0.1) 0%, transparent 70%);
  pointer-events: none;
}

/* line 86, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
}

/* line 94, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.32);
  color: var(--wgcom-accent-light);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 109, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--wgcom-white);
  margin-bottom: 24px;
}

/* line 117, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-hero-title .wgcom-highlight {
  color: var(--wgcom-accent-light);
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-hero-sub {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--wgcom-text-body);
  max-width: 620px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 128, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 136, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wgcom-orange-start), var(--wgcom-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wgcom-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 149, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wgcom-glass-bg);
  border: 1px solid var(--wgcom-glass-border);
  color: var(--wgcom-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wgcom-radius);
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 170, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-btn-secondary:hover {
  background: var(--wgcom-glass-hover);
  transform: translateY(-2px);
  color: #fff;
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--wgcom-text-muted);
}

/* line 186, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 190, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-trust-item i {
  color: var(--wgcom-accent-light);
  font-size: 0.75rem;
}

/* line 196, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-section-label {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wgcom-accent-light);
  margin-bottom: 12px;
}

/* line 206, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wgcom-white);
  margin-bottom: 16px;
}

/* line 214, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--wgcom-text-muted);
  max-width: 560px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 226, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-dashboard-section {
  padding: 80px 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 232, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  /* line 232, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
  .wedge-gcom-page .wgcom-kpi-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  /* line 232, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
  .wedge-gcom-page .wgcom-kpi-grid {
    grid-template-columns: 1fr;
  }
}

/* line 242, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-card {
  background: var(--wgcom-glass-bg);
  border: 1px solid var(--wgcom-glass-border);
  border-radius: var(--wgcom-radius-lg);
  padding: 20px 22px;
  backdrop-filter: blur(10px);
  transition: background 0.2s, transform 0.2s;
}

/* line 250, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-card:hover {
  background: var(--wgcom-glass-hover);
  transform: translateY(-2px);
}

/* line 255, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-card.accent {
  border-color: rgba(99, 102, 241, 0.35);
  background: rgba(99, 102, 241, 0.08);
}

/* line 261, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wgcom-text-muted);
  margin-bottom: 8px;
}

/* line 270, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-value {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--wgcom-white);
  line-height: 1;
  margin-bottom: 6px;
}

/* line 277, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-value.indigo {
  color: var(--wgcom-accent-light);
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-value.green {
  color: #34d399;
}

/* line 279, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-value.orange {
  color: #fb923c;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-trend {
  font-size: 0.72rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 289, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-trend.up {
  color: #34d399;
}

/* line 290, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-trend.down {
  color: #f87171;
}

/* line 291, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-kpi-trend.flat {
  color: var(--wgcom-text-muted);
}

/* line 295, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-pipeline-card {
  background: var(--wgcom-glass-bg);
  border: 1px solid var(--wgcom-glass-border);
  border-radius: var(--wgcom-radius-lg);
  padding: 24px 28px;
  backdrop-filter: blur(10px);
}

/* line 303, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-pipeline-title {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--wgcom-white);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 312, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-pipeline-title i {
  color: var(--wgcom-accent-light);
}

/* line 315, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-pipeline-stages {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-pipeline-stage {
  display: grid;
  grid-template-columns: 140px 1fr 60px;
  align-items: center;
  gap: 12px;
}

@media (max-width: 480px) {
  /* line 321, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
  .wedge-gcom-page .wgcom-pipeline-stage {
    grid-template-columns: 100px 1fr 48px;
  }
}

/* line 330, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-stage-name {
  font-size: 0.78rem;
  color: var(--wgcom-text-muted);
  font-weight: 500;
}

/* line 336, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-stage-bar-wrap {
  height: 8px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 999px;
  overflow: hidden;
}

/* line 343, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-stage-bar {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(99, 102, 241, 0.6), #6366f1);
  transition: width 0.6s ease;
}

/* line 350, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-stage-amount {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--wgcom-white);
  text-align: right;
}

/* line 360, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-flow-section {
  padding: 80px 24px;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

/* line 367, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-flow-steps {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 48px;
}

/* line 376, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-flow-step {
  background: var(--wgcom-glass-bg);
  border: 1px solid var(--wgcom-glass-border);
  border-radius: var(--wgcom-radius-lg);
  padding: 20px 18px;
  min-width: 120px;
  text-align: center;
  backdrop-filter: blur(8px);
}

/* line 385, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-flow-step.active {
  border-color: rgba(99, 102, 241, 0.4);
  background: rgba(99, 102, 241, 0.1);
}

/* line 390, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-flow-step i {
  font-size: 1.4rem;
  margin-bottom: 8px;
  display: block;
  color: var(--wgcom-text-muted);
}

/* line 397, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-flow-step.active i {
  color: var(--wgcom-accent-light);
}

/* line 399, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-flow-step .wgcom-flow-label {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--wgcom-white);
}

/* line 405, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-flow-step .wgcom-flow-sub {
  font-size: 0.7rem;
  color: var(--wgcom-text-muted);
  margin-top: 4px;
}

/* line 412, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-flow-arrow {
  font-size: 1rem;
  color: var(--wgcom-text-muted);
  opacity: 0.35;
  padding: 0 2px;
  align-self: center;
  flex-shrink: 0;
  margin-top: 0;
}

/* line 425, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-features-section {
  padding: 80px 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 431, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 992px) {
  /* line 431, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
  .wedge-gcom-page .wgcom-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 431, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
  .wedge-gcom-page .wgcom-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 440, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-feature-card {
  background: var(--wgcom-glass-bg);
  border: 1px solid var(--wgcom-glass-border);
  border-radius: var(--wgcom-radius-lg);
  padding: 28px 24px;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
}

/* line 448, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-feature-card:hover {
  background: var(--wgcom-glass-hover);
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

/* line 454, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-feature-card.wgcom-card-accent {
  border-color: rgba(99, 102, 241, 0.35);
  background: rgba(99, 102, 241, 0.07);
}

/* line 460, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(99, 102, 241, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

/* line 470, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-feature-icon i {
  font-size: 1.1rem;
  color: var(--wgcom-accent-light);
}

/* line 473, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-feature-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wgcom-white);
  margin-bottom: 8px;
}

/* line 480, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-feature-desc {
  font-size: 0.875rem;
  color: var(--wgcom-text-muted);
  line-height: 1.65;
}

/* line 489, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-spotlight {
  padding: 80px 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 495, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-spotlight-card {
  background: rgba(99, 102, 241, 0.06);
  border: 1px solid rgba(99, 102, 241, 0.2);
  border-radius: var(--wgcom-radius-xl);
  padding: 56px 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  backdrop-filter: blur(12px);
}

@media (max-width: 768px) {
  /* line 495, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
  .wedge-gcom-page .wgcom-spotlight-card {
    grid-template-columns: 1fr;
    padding: 40px 28px;
    gap: 32px;
  }
}

/* line 513, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-spotlight-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(99, 102, 241, 0.14);
  border: 1px solid rgba(99, 102, 241, 0.3);
  color: var(--wgcom-accent-light);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 20px;
}

/* line 529, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-spotlight-title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  color: var(--wgcom-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 536, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-spotlight-title span {
  color: var(--wgcom-accent-light);
}

/* line 539, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-spotlight-text {
  font-size: 0.95rem;
  color: var(--wgcom-text-body);
  line-height: 1.75;
  margin-bottom: 24px;
}

/* line 546, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-spotlight-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--wgcom-accent-light);
  font-weight: 600;
  font-size: 0.9rem;
  transition: gap 0.2s;
}

/* line 555, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-spotlight-link:hover {
  gap: 12px;
  color: var(--wgcom-accent-soft);
}

/* line 558, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-spotlight-visual {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 564, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-metric-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--wgcom-radius);
  padding: 14px 18px;
  gap: 12px;
}

/* line 574, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-metric-row.highlight {
  border-color: rgba(99, 102, 241, 0.35);
  background: rgba(99, 102, 241, 0.08);
}

/* line 580, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-metric-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 585, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-metric-left i {
  font-size: 0.9rem;
  color: var(--wgcom-accent-light);
  width: 16px;
  text-align: center;
}

/* line 593, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-metric-name {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--wgcom-white);
}

/* line 599, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-metric-sub {
  font-size: 0.7rem;
  color: var(--wgcom-text-muted);
  margin-top: 1px;
}

/* line 605, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-metric-value {
  font-size: 1rem;
  font-weight: 800;
  color: var(--wgcom-accent-light);
  white-space: nowrap;
}

/* line 615, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-testimonial {
  padding: 80px 24px;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

/* line 622, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-testimonial-card {
  background: var(--wgcom-glass-bg);
  border: 1px solid var(--wgcom-glass-border);
  border-radius: var(--wgcom-radius-xl);
  padding: 48px 40px;
  backdrop-filter: blur(12px);
}

@media (max-width: 576px) {
  /* line 622, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
  .wedge-gcom-page .wgcom-testimonial-card {
    padding: 32px 24px;
  }
}

/* line 632, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-quote-icon {
  font-size: 2rem;
  color: var(--wgcom-accent-light);
  opacity: 0.35;
  margin-bottom: 20px;
}

/* line 639, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-quote-text {
  font-size: clamp(1rem, 2.2vw, 1.15rem);
  font-style: italic;
  color: var(--wgcom-text-body);
  line-height: 1.75;
  margin-bottom: 28px;
}

/* line 647, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-quote-author {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

/* line 653, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-quote-author .wgcom-author-name {
  font-weight: 700;
  color: var(--wgcom-white);
}

/* line 654, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-quote-author .wgcom-author-role {
  font-size: 0.82rem;
  color: var(--wgcom-text-muted);
}

/* line 660, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 665, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--wgcom-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 665, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
  .wedge-gcom-page .wgcom-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 678, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-final-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--wgcom-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 686, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-final-sub {
  font-size: 1rem;
  color: var(--wgcom-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 693, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-final-cta-btns {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 701, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-final-trust {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 0.78rem;
  color: var(--wgcom-text-muted);
}

/* line 710, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-final-trust-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 714, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-final-trust-item i {
  color: var(--wgcom-accent-light);
  font-size: 0.7rem;
}

@keyframes wgcom-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 725, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-hero-inner {
  animation: wgcom-fade-up 0.7s ease both;
}

/* line 726, app/assets/stylesheets/website/pages/_wedge_gestion_commerciale.scss */
.wedge-gcom-page .wgcom-dashboard-section .wgcom-kpi-grid {
  animation: wgcom-fade-up 0.7s 0.15s ease both;
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page {
  --werp-deepblue:      #140D23;
  --werp-accent:        #14b8a6;
  --werp-accent-light:  #2be8d3;
  --werp-accent-soft:   #6cefe1;
  --werp-orange-start:  #FF6B35;
  --werp-orange-end:    #F7931E;
  --werp-white:         #FFFFFF;
  --werp-glass-bg:      rgba(255, 255, 255, 0.07);
  --werp-glass-border:  rgba(255, 255, 255, 0.13);
  --werp-glass-hover:   rgba(255, 255, 255, 0.11);
  --werp-text-muted:    rgba(255, 255, 255, 0.52);
  --werp-text-body:     rgba(255, 255, 255, 0.84);
  --werp-radius:        12px;
  --werp-radius-lg:     20px;
  --werp-radius-xl:     28px;
  font-family: 'Poppins', sans-serif;
  color: var(--werp-text-body);
  background: linear-gradient(151deg, #040e12 0%, #061318 55%, #041016 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 27, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page *, .wedge-erp-page *::before, .wedge-erp-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page a {
  text-decoration: none;
  color: inherit;
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page ul {
  list-style: none;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 46, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--werp-text-muted);
  transition: color 0.2s;
}

/* line 49, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-back-link i {
  font-size: 0.7rem;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-back-link:hover {
  color: var(--werp-white);
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-breadcrumb-sep {
  color: var(--werp-text-muted);
  opacity: 0.4;
}

/* line 53, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-breadcrumb-current {
  font-weight: 600;
  color: var(--werp-accent-light);
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(20, 184, 166, 0.09) 0%, transparent 70%);
  pointer-events: none;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  animation: werp-fade-up 0.7s ease both;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.3);
  color: var(--werp-accent-light);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--werp-white);
  margin-bottom: 24px;
}

/* line 92, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-hero-title .werp-highlight {
  color: var(--werp-accent-light);
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-hero-sub {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--werp-text-body);
  max-width: 640px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 101, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--werp-orange-start), var(--werp-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--werp-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--werp-glass-bg);
  border: 1px solid var(--werp-glass-border);
  color: var(--werp-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--werp-radius);
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-btn-secondary:hover {
  background: var(--werp-glass-hover);
  transform: translateY(-2px);
  color: #fff;
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--werp-text-muted);
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-trust-item i {
  color: var(--werp-accent-light);
  font-size: 0.75rem;
}

/* line 139, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-section-label {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--werp-accent-light);
  margin-bottom: 12px;
}

/* line 144, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--werp-white);
  margin-bottom: 16px;
}

/* line 149, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--werp-text-muted);
  max-width: 580px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 158, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-modules-section {
  padding: 80px 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 162, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-modules-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  /* line 162, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-modules-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  /* line 162, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-modules-grid {
    grid-template-columns: 1fr;
  }
}

/* line 171, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-card {
  background: var(--werp-glass-bg);
  border: 1px solid var(--werp-glass-border);
  border-radius: var(--werp-radius-lg);
  padding: 24px 22px;
  backdrop-filter: blur(10px);
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 180, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-card:hover {
  background: var(--werp-glass-hover);
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

/* line 186, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-card.accent {
  border-color: rgba(20, 184, 166, 0.35);
  background: rgba(20, 184, 166, 0.07);
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 196, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(20, 184, 166, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 200, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-icon i {
  font-size: 1rem;
  color: var(--werp-accent-light);
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-name {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--werp-white);
}

/* line 207, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-desc {
  font-size: 0.82rem;
  color: var(--werp-text-muted);
  line-height: 1.6;
}

/* line 211, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

/* line 215, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-pill {
  font-size: 0.65rem;
  font-weight: 600;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.2);
  color: var(--werp-accent-light);
  padding: 2px 8px;
  border-radius: 999px;
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight {
  padding: 80px 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-card {
  background: rgba(20, 184, 166, 0.05);
  border: 1px solid rgba(20, 184, 166, 0.2);
  border-radius: var(--werp-radius-xl);
  padding: 56px 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  backdrop-filter: blur(12px);
}

@media (max-width: 768px) {
  /* line 229, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-spotlight-card {
    grid-template-columns: 1fr;
    padding: 40px 28px;
    gap: 32px;
  }
}

/* line 244, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(20, 184, 166, 0.14);
  border: 1px solid rgba(20, 184, 166, 0.3);
  color: var(--werp-accent-light);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 20px;
}

/* line 253, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  color: var(--werp-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 257, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-title span {
  color: var(--werp-accent-light);
}

/* line 260, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-text {
  font-size: 0.95rem;
  color: var(--werp-text-body);
  line-height: 1.75;
  margin-bottom: 24px;
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--werp-accent-light);
  font-weight: 600;
  font-size: 0.9rem;
  transition: gap 0.2s;
}

/* line 269, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-link:hover {
  gap: 12px;
  color: var(--werp-accent-soft);
}

/* line 273, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-data-flow {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 277, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-flow-node {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--werp-radius);
  padding: 14px 18px;
}

/* line 284, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-flow-node.active {
  border-color: rgba(20, 184, 166, 0.35);
  background: rgba(20, 184, 166, 0.07);
}

/* line 290, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-flow-connector {
  width: 2px;
  height: 16px;
  margin-left: 19px;
  background: linear-gradient(to bottom, rgba(20, 184, 166, 0.4), rgba(20, 184, 166, 0.1));
}

/* line 295, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-node-icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  flex-shrink: 0;
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-node-icon i {
  font-size: 0.85rem;
  color: var(--werp-accent-light);
}

/* line 302, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-node-label {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--werp-white);
}

/* line 306, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-node-sub {
  font-size: 0.72rem;
  color: var(--werp-text-muted);
  margin-top: 1px;
}

/* line 310, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-node-badge {
  margin-left: auto;
  font-size: 0.65rem;
  font-weight: 700;
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.25);
  color: var(--werp-accent-light);
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
}

/* line 320, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-section {
  padding: 80px 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 324, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

@media (max-width: 768px) {
  /* line 324, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-vs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  /* line 324, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-vs-grid {
    grid-template-columns: 1fr;
  }
}

/* line 330, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-card {
  background: var(--werp-glass-bg);
  border: 1px solid var(--werp-glass-border);
  border-radius: var(--werp-radius-lg);
  padding: 20px 18px;
  backdrop-filter: blur(8px);
  text-align: center;
}

/* line 335, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-card.orizen {
  border-color: rgba(20, 184, 166, 0.4);
  background: rgba(20, 184, 166, 0.08);
}

/* line 340, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-logo {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--werp-text-muted);
  margin-bottom: 12px;
  letter-spacing: 0.04em;
}

/* line 344, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.werp-vs-card.orizen .wedge-erp-page .werp-vs-logo {
  color: var(--werp-accent-light);
}

/* line 347, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-features {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 351, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-feature {
  font-size: 0.72rem;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--werp-text-muted);
}

/* line 355, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-feature i {
  font-size: 0.65rem;
  width: 12px;
  text-align: center;
}

/* line 356, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-feature.yes {
  color: rgba(255, 255, 255, 0.8);
}

/* line 357, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-feature.yes i {
  color: var(--werp-accent-light);
}

/* line 358, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-feature.no i {
  color: rgba(255, 255, 255, 0.18);
}

/* line 364, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-testimonial {
  padding: 80px 24px;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

/* line 368, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-testimonial-card {
  background: var(--werp-glass-bg);
  border: 1px solid var(--werp-glass-border);
  border-radius: var(--werp-radius-xl);
  padding: 48px 40px;
  backdrop-filter: blur(12px);
}

@media (max-width: 576px) {
  /* line 368, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-testimonial-card {
    padding: 32px 24px;
  }
}

/* line 375, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-quote-icon {
  font-size: 2rem;
  color: var(--werp-accent-light);
  opacity: 0.35;
  margin-bottom: 20px;
}

/* line 380, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-quote-text {
  font-size: clamp(1rem, 2.2vw, 1.15rem);
  font-style: italic;
  color: var(--werp-text-body);
  line-height: 1.75;
  margin-bottom: 28px;
}

/* line 385, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-quote-author {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

/* line 387, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-quote-author .werp-author-name {
  font-weight: 700;
  color: var(--werp-white);
}

/* line 388, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-quote-author .werp-author-role {
  font-size: 0.82rem;
  color: var(--werp-text-muted);
}

/* line 394, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 398, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--werp-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 398, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 406, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-final-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--werp-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 411, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-final-sub {
  font-size: 1rem;
  color: var(--werp-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 416, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-final-cta-btns {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 421, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-final-trust {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 0.78rem;
  color: var(--werp-text-muted);
}

/* line 426, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-final-trust-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 428, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-final-trust-item i {
  color: var(--werp-accent-light);
  font-size: 0.7rem;
}

/* line 434, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-section-eyebrow {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--werp-accent-light);
  margin-bottom: 12px;
}

/* line 443, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-hero-console {
  margin-top: 48px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--werp-radius-lg);
  overflow: hidden;
  backdrop-filter: blur(12px);
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* line 453, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-console-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* line 460, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-console-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}

/* line 462, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-console-dot.red {
  background: #ff5f57;
}

/* line 463, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-console-dot.amber {
  background: #febc2e;
}

/* line 464, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-console-dot.teal {
  background: #14b8a6;
}

/* line 467, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-console-title {
  font-size: 0.72rem;
  color: var(--werp-text-muted);
  font-family: 'Courier New', monospace;
  margin-left: 8px;
}

/* line 472, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-console-body {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 477, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-console-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

@media (max-width: 576px) {
  /* line 477, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-console-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 482, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-ckpi {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--werp-radius);
  padding: 12px;
  text-align: center;
}

/* line 488, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-ckpi.teal {
  border-color: rgba(20, 184, 166, 0.35);
  background: rgba(20, 184, 166, 0.08);
}

/* line 489, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-ckpi.green {
  border-color: rgba(16, 185, 129, 0.3);
  background: rgba(16, 185, 129, 0.07);
}

/* line 490, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-ckpi.orange {
  border-color: rgba(255, 107, 53, 0.3);
  background: rgba(255, 107, 53, 0.07);
}

/* line 493, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-ckpi-val {
  display: block;
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--werp-white);
}

/* line 495, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.werp-ckpi.teal .wedge-erp-page .werp-ckpi-val {
  color: var(--werp-accent-light);
}

/* line 496, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.werp-ckpi.green .wedge-erp-page .werp-ckpi-val {
  color: #14e8a2;
}

/* line 497, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.werp-ckpi.orange .wedge-erp-page .werp-ckpi-val {
  color: #FF6B35;
}

/* line 500, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-ckpi-lbl {
  font-size: 0.65rem;
  color: var(--werp-text-muted);
  margin-top: 2px;
}

/* line 504, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-console-modules {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 508, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-cmod {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--werp-text-muted);
  padding: 5px 12px;
  border-radius: 999px;
  transition: background 0.2s, color 0.2s;
}

/* line 517, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-cmod.active {
  background: rgba(20, 184, 166, 0.12);
  border-color: rgba(20, 184, 166, 0.3);
  color: var(--werp-accent-light);
}

/* line 521, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-cmod.active i {
  color: var(--werp-accent-light);
}

/* line 524, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-cmod i {
  font-size: 0.65rem;
}

/* line 530, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-problem {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 537, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-problem-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

/* line 541, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-problem-eyebrow {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--werp-text-muted);
  margin-bottom: 12px;
}

/* line 547, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-problem-title {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--werp-white);
  margin-bottom: 40px;
  line-height: 1.2;
}

/* line 553, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-silos-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}

/* line 559, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-silo {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--werp-radius);
  padding: 16px 20px;
  text-align: center;
  min-width: 120px;
}

/* line 566, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-silo-icon {
  font-size: 1.4rem;
  color: var(--werp-text-muted);
  margin-bottom: 8px;
}

/* line 569, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-silo-icon i {
  font-size: 1.4rem;
}

/* line 572, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-silo-label {
  font-size: 0.75rem;
  color: var(--werp-text-muted);
  line-height: 1.4;
}

/* line 576, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-silo-arrow {
  font-size: 1rem;
  color: rgba(255, 80, 80, 0.6);
  display: flex;
  align-items: center;
}

/* line 579, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-silo-arrow i {
  font-size: 1rem;
}

/* line 582, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-problem-pain {
  font-size: 1rem;
  color: var(--werp-text-body);
  margin-bottom: 32px;
  line-height: 1.7;
}

/* line 585, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-problem-pain strong {
  color: var(--werp-white);
}

/* line 588, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-problem-solution {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* line 590, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-problem-solution p {
  font-size: 0.95rem;
  color: var(--werp-accent-light);
  font-weight: 600;
  max-width: 480px;
}

/* line 593, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-arrow-anim {
  color: var(--werp-accent-light);
  font-size: 1.4rem;
  animation: werp-bounce 1.5s ease-in-out infinite;
}

/* line 601, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-modules {
  padding: 80px 24px;
}

/* line 605, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-modules-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 609, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--werp-accent-light);
  transition: gap 0.2s;
  margin-top: 4px;
}

/* line 615, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-link:hover {
  gap: 10px;
}

/* line 618, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-module-soon {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--werp-text-muted);
  margin-top: 4px;
  cursor: default;
}

/* line 627, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-dataflow {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 634, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-dataflow-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* line 639, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-data-flow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  /* line 639, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-data-flow {
    flex-direction: column;
    gap: 4px;
  }
}

/* line 646, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-flow-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--werp-radius);
  padding: 16px 14px;
  min-width: 120px;
  text-align: center;
}

/* line 653, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-flow-node.active {
  border-color: rgba(20, 184, 166, 0.35);
  background: rgba(20, 184, 166, 0.07);
}

/* line 659, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-flow-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(20, 184, 166, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 663, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-flow-icon i {
  font-size: 0.9rem;
  color: var(--werp-accent-light);
}

/* line 666, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-flow-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--werp-white);
}

/* line 670, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-flow-connector {
  padding: 0 6px;
  color: rgba(20, 184, 166, 0.5);
  font-size: 0.8rem;
}

@media (max-width: 768px) {
  /* line 670, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-flow-connector {
    transform: rotate(90deg);
  }
}

/* line 673, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-flow-connector i {
  font-size: 0.8rem;
}

/* line 676, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-node-badge {
  font-size: 0.6rem;
  font-weight: 700;
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.25);
  color: var(--werp-accent-light);
  padding: 2px 6px;
  border-radius: 999px;
  white-space: nowrap;
}

/* line 683, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-dataflow-callout {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  background: rgba(20, 184, 166, 0.07);
  border: 1px solid rgba(20, 184, 166, 0.2);
  border-radius: var(--werp-radius);
  padding: 16px 24px;
  max-width: 600px;
  margin: 0 auto;
}

/* line 688, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-dataflow-callout i {
  color: var(--werp-accent-light);
  font-size: 1rem;
  flex-shrink: 0;
}

/* line 689, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-dataflow-callout p {
  font-size: 0.9rem;
  color: var(--werp-text-body);
  line-height: 1.6;
  margin: 0;
}

/* line 695, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs {
  padding: 80px 24px;
}

/* line 699, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 703, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

@media (max-width: 768px) {
  /* line 703, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-vs-split {
    grid-template-columns: 1fr;
  }
}

/* line 708, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-col {
  border-radius: var(--werp-radius-lg);
  overflow: hidden;
}

/* line 711, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-col.orizen-vs-col {
  background: rgba(20, 184, 166, 0.05);
  border: 1px solid rgba(20, 184, 166, 0.25);
}

/* line 716, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-col.legacy-vs-col {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 722, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-col-header {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 727, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.orizen-vs-col .wedge-erp-page .werp-vs-col-header {
  background: rgba(20, 184, 166, 0.07);
  border-bottom-color: rgba(20, 184, 166, 0.2);
}

/* line 728, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.legacy-vs-col .wedge-erp-page .werp-vs-col-header {
  background: rgba(255, 255, 255, 0.03);
}

/* line 731, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-col-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 999px;
  width: fit-content;
}

/* line 736, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-col-badge.teal {
  background: rgba(20, 184, 166, 0.15);
  border: 1px solid rgba(20, 184, 166, 0.35);
  color: var(--werp-accent-light);
}

/* line 740, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-col-badge.muted {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--werp-text-muted);
}

/* line 745, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-col-badge i {
  font-size: 0.7rem;
}

/* line 748, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-col-sub {
  font-size: 0.72rem;
  color: var(--werp-text-muted);
}

/* line 752, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-list {
  padding: 8px 0;
  display: flex;
  flex-direction: column;
}

/* line 756, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: background 0.15s;
}

/* line 762, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-item:last-child {
  border-bottom: none;
}

/* line 763, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-item:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* line 765, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-item > i {
  font-size: 0.95rem;
  margin-top: 3px;
  flex-shrink: 0;
}

/* line 769, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-item.yes > i {
  color: var(--werp-accent-light);
}

/* line 770, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-item.no > i {
  color: rgba(255, 80, 80, 0.55);
}

/* line 772, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-item > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

/* line 774, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-item strong {
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.3;
}

/* line 776, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.yes .wedge-erp-page .werp-vs-item strong {
  color: var(--werp-white);
}

/* line 777, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.no .wedge-erp-page .werp-vs-item strong {
  color: var(--werp-text-muted);
}

/* line 780, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-vs-item p {
  font-size: 0.75rem;
  line-height: 1.5;
}

/* line 782, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.yes .wedge-erp-page .werp-vs-item p {
  color: var(--werp-text-muted);
}

/* line 783, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.no .wedge-erp-page .werp-vs-item p {
  color: var(--werp-text-muted);
  opacity: 0.7;
}

/* line 790, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 797, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}

@media (max-width: 900px) {
  /* line 797, app/assets/stylesheets/website/pages/_wedge_erp.scss */
  .wedge-erp-page .werp-spotlight-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* line 805, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 809, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  color: var(--werp-white);
  margin-bottom: 12px;
  line-height: 1.25;
}

/* line 815, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-sub {
  font-size: 0.95rem;
  color: var(--werp-text-muted);
  line-height: 1.7;
  margin-bottom: 28px;
}

/* line 820, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-spotlight-queries {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 824, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-query-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 828, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-query-q {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.82rem;
  color: var(--werp-text-muted);
  font-style: italic;
}

/* line 831, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-query-q i {
  color: var(--werp-text-muted);
  font-size: 0.75rem;
  margin-top: 2px;
  flex-shrink: 0;
}

/* line 834, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-query-a {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--werp-text-body);
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  border-left: 3px solid rgba(255, 255, 255, 0.12);
}

/* line 841, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-query-a.teal {
  background: rgba(20, 184, 166, 0.08);
  border-left-color: rgba(20, 184, 166, 0.5);
  color: var(--werp-accent-light);
}

/* line 847, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-query-a i {
  font-size: 0.75rem;
  margin-top: 2px;
  flex-shrink: 0;
}

/* line 853, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--werp-radius-lg);
  overflow: hidden;
  backdrop-filter: blur(12px);
}

/* line 860, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: rgba(20, 184, 166, 0.08);
  border-bottom: 1px solid rgba(20, 184, 166, 0.2);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--werp-white);
}

/* line 868, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-icon {
  color: var(--werp-accent-light);
  font-size: 1rem;
}

/* line 872, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-live {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.68rem;
  color: var(--werp-accent-light);
}

/* line 877, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--werp-accent-light);
  animation: werp-pulse 2s ease-in-out infinite;
}

/* line 883, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-metrics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: rgba(255, 255, 255, 0.06);
  margin-bottom: 0;
}

/* line 889, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jmetric {
  background: rgba(255, 255, 255, 0.03);
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 894, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jmetric-val {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--werp-white);
}

/* line 896, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jmetric-val.teal {
  color: var(--werp-accent-light);
}

/* line 897, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jmetric-val.green {
  color: #1beba6;
}

/* line 898, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jmetric-val.amber {
  color: #f59e0b;
}

/* line 901, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jmetric-lbl {
  font-size: 0.65rem;
  color: var(--werp-text-muted);
}

/* line 905, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-bar-section {
  padding: 16px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 911, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-bar-label {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--werp-text-muted);
}

/* line 915, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-bar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
  overflow: hidden;
  height: 26px;
}

/* line 920, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-bar {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.7), rgba(20, 184, 166, 0.4));
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 0.62rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
  overflow: hidden;
  min-width: 60px;
}

/* line 928, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-bar.medium {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.5), rgba(20, 184, 166, 0.3));
}

/* line 929, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-jarvis-bar.small {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.35), rgba(20, 184, 166, 0.2));
}

/* line 935, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-testimonial-inner {
  max-width: 800px;
  margin: 0 auto;
}

/* line 939, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-testimonial-quote {
  margin-bottom: 24px;
}

/* line 943, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}

/* line 948, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(20, 184, 166, 0.15);
  border: 1px solid rgba(20, 184, 166, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 952, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-author-avatar i {
  color: var(--werp-accent-light);
  font-size: 0.9rem;
}

/* line 955, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-author-name {
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--werp-white);
}

/* line 959, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-author-role {
  font-size: 0.78rem;
  color: var(--werp-text-muted);
}

/* line 963, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-testimonial-results {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 970, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-result-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

/* line 974, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-result-val {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--werp-accent-light);
}

/* line 978, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-result-lbl {
  font-size: 0.7rem;
  color: var(--werp-text-muted);
}

/* line 985, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.3);
  color: var(--werp-accent-light);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 24px;
}

/* line 993, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-cta-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--werp-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 998, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-cta-sub {
  font-size: 1rem;
  color: var(--werp-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 1003, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 1008, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-cta-reassurance {
  font-size: 0.78rem;
  color: var(--werp-text-muted);
  line-height: 1.8;
}

/* line 1010, app/assets/stylesheets/website/pages/_wedge_erp.scss */
.wedge-erp-page .werp-cta-reassurance i {
  color: var(--werp-accent-light);
  font-size: 0.72rem;
}

@keyframes werp-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes werp-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(6px);
  }
}

@keyframes werp-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.8);
  }
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page {
  --wpenn-deepblue:      #140D23;
  --wpenn-accent:        #8b5cf6;
  --wpenn-accent-light:  #c2a9fa;
  --wpenn-accent-soft:   #ebe3fd;
  --wpenn-orange-start:  #FF6B35;
  --wpenn-orange-end:    #F7931E;
  --wpenn-white:         #FFFFFF;
  --wpenn-glass-bg:      rgba(255, 255, 255, 0.07);
  --wpenn-glass-border:  rgba(255, 255, 255, 0.13);
  --wpenn-glass-hover:   rgba(255, 255, 255, 0.11);
  --wpenn-text-muted:    rgba(255, 255, 255, 0.52);
  --wpenn-text-body:     rgba(255, 255, 255, 0.84);
  --wpenn-radius:        12px;
  --wpenn-radius-lg:     20px;
  --wpenn-radius-xl:     28px;
  --wpenn-pl-color:      #00c4a7;
  font-family: 'Poppins', sans-serif;
  color: var(--wpenn-text-body);
  background: linear-gradient(151deg, #0c0a1a 0%, #0a0816 55%, #080b18 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page *, .wedge-pennylane-page *::before, .wedge-pennylane-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page ul {
  list-style: none;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 48, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wpenn-text-muted);
  transition: color 0.2s;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-back-link i {
  font-size: 0.7rem;
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-back-link:hover {
  color: var(--wpenn-white);
}

/* line 54, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-breadcrumb-sep {
  color: var(--wpenn-text-muted);
  opacity: 0.4;
}

/* line 55, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-breadcrumb-current {
  font-weight: 600;
  color: var(--wpenn-accent-light);
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 67, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(139, 92, 246, 0.1) 0%, transparent 70%);
  pointer-events: none;
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  animation: wpenn-fade-up 0.7s ease both;
}

/* line 82, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.3);
  color: var(--wpenn-accent-light);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 90, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-hero-duo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-logo-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wpenn-glass-bg);
  border: 1px solid var(--wpenn-glass-border);
  border-radius: var(--wpenn-radius);
  padding: 10px 18px;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wpenn-white);
}

/* line 102, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-logo-badge.orizen {
  border-color: rgba(255, 107, 53, 0.4);
}

/* line 103, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-logo-badge.pennylane {
  border-color: rgba(0, 196, 167, 0.4);
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-logo-badge i {
  font-size: 0.9rem;
}

/* line 108, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-plus-sep {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--wpenn-accent-light);
  opacity: 0.8;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--wpenn-white);
  margin-bottom: 24px;
}

/* line 119, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-highlight {
  color: var(--wpenn-accent-light);
}

/* line 121, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-hero-sub {
  font-size: clamp(1rem, 2vw, 1.15rem);
  color: var(--wpenn-text-body);
  max-width: 640px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 132, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wpenn-orange-start), var(--wpenn-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wpenn-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 139, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 142, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wpenn-glass-bg);
  border: 1px solid var(--wpenn-glass-border);
  color: var(--wpenn-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wpenn-radius);
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-btn-secondary:hover {
  background: var(--wpenn-glass-hover);
  transform: translateY(-2px);
  color: #fff;
}

/* line 151, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--wpenn-text-muted);
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-trust-item i {
  color: var(--wpenn-accent-light);
  font-size: 0.75rem;
}

/* line 165, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-section-eyebrow {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wpenn-accent-light);
  margin-bottom: 12px;
}

/* line 171, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wpenn-white);
  margin-bottom: 16px;
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--wpenn-text-muted);
  max-width: 580px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 186, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-principle {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 193, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-principle-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* line 197, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layers {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 24px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 197, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
  .wedge-pennylane-page .wpenn-layers {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 202, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layer {
  border-radius: var(--wpenn-radius-lg);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 206, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layer.orizen-layer {
  background: rgba(255, 107, 53, 0.06);
  border: 1px solid rgba(255, 107, 53, 0.25);
}

/* line 211, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layer.pennylane-layer {
  background: rgba(0, 196, 167, 0.06);
  border: 1px solid rgba(0, 196, 167, 0.25);
}

/* line 217, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layer-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
}

/* line 222, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.orizen-layer .wedge-pennylane-page .wpenn-layer-tag {
  background: rgba(255, 107, 53, 0.15);
  color: #FF6B35;
}

/* line 226, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.pennylane-layer .wedge-pennylane-page .wpenn-layer-tag {
  background: rgba(0, 196, 167, 0.15);
  color: #00c4a7;
}

/* line 232, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layer-title {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--wpenn-white);
}

/* line 236, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layer-desc {
  font-size: 0.85rem;
  color: var(--wpenn-text-muted);
  line-height: 1.65;
}

/* line 240, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layer-items {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}

/* line 244, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layer-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  color: var(--wpenn-text-body);
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layer-item i {
  font-size: 0.72rem;
  width: 12px;
}

/* line 249, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.orizen-layer .wedge-pennylane-page .wpenn-layer-item i {
  color: #FF6B35;
}

/* line 250, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.pennylane-layer .wedge-pennylane-page .wpenn-layer-item i {
  color: #00c4a7;
}

/* line 253, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-layer-connector {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  color: var(--wpenn-accent-light);
}

@media (max-width: 768px) {
  /* line 253, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
  .wedge-pennylane-page .wpenn-layer-connector {
    flex-direction: row;
    justify-content: center;
  }
}

/* line 259, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-sync-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(139, 92, 246, 0.12);
  border: 2px solid rgba(139, 92, 246, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: wpenn-spin-slow 4s linear infinite;
}

/* line 264, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-sync-icon i {
  font-size: 1.1rem;
  color: var(--wpenn-accent-light);
}

/* line 267, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-sync-label {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wpenn-accent-light);
  text-align: center;
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flows {
  padding: 80px 24px;
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flows-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 284, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flows-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 288, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-row {
  display: grid;
  grid-template-columns: 260px 1fr auto;
  gap: 20px;
  align-items: center;
  background: var(--wpenn-glass-bg);
  border: 1px solid var(--wpenn-glass-border);
  border-radius: var(--wpenn-radius-lg);
  padding: 20px 24px;
  backdrop-filter: blur(8px);
  transition: background 0.2s;
}

/* line 297, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-row:hover {
  background: var(--wpenn-glass-hover);
}

/* line 298, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-row.coming {
  opacity: 0.75;
  border-style: dashed;
  border-color: rgba(139, 92, 246, 0.3);
  background: rgba(139, 92, 246, 0.04);
}

@media (max-width: 900px) {
  /* line 288, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
  .wedge-pennylane-page .wpenn-flow-row {
    grid-template-columns: 1fr;
  }
}

/* line 308, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-module {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 312, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-module-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  flex-shrink: 0;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 316, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-module-icon i {
  font-size: 0.9rem;
  color: var(--wpenn-accent-light);
}

/* line 318, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wpenn-flow-row.coming .wedge-pennylane-page .wpenn-flow-module-icon {
  background: rgba(139, 92, 246, 0.08);
  border-color: rgba(139, 92, 246, 0.2);
}

/* line 324, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-module-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wpenn-white);
}

/* line 328, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-module-sub {
  font-size: 0.72rem;
  color: var(--wpenn-text-muted);
  margin-top: 2px;
}

/* line 332, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-module-badge {
  display: inline-block;
  font-size: 0.58rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  color: var(--wpenn-accent-light);
  padding: 2px 7px;
  border-radius: 999px;
  margin-top: 4px;
}

/* line 339, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-data {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

/* line 343, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.7rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--wpenn-text-body);
  padding: 4px 10px;
  border-radius: 999px;
}

/* line 350, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-tag i {
  font-size: 0.6rem;
  color: var(--wpenn-accent-light);
}

/* line 353, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-dest {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 700;
  color: #00c4a7;
  background: rgba(0, 196, 167, 0.08);
  border: 1px solid rgba(0, 196, 167, 0.2);
  border-radius: var(--wpenn-radius);
  padding: 8px 14px;
  white-space: nowrap;
}

/* line 363, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-flow-dest i {
  font-size: 0.65rem;
}

/* line 369, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 376, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 380, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-flow {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 24px;
  justify-content: center;
}

/* line 385, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  min-width: 90px;
  text-align: center;
}

/* line 390, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-node {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
}

/* line 395, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-node.step-orizen {
  background: rgba(255, 107, 53, 0.1);
  border-color: rgba(255, 107, 53, 0.35);
}

/* line 398, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-node.step-orizen i {
  color: #FF6B35;
  font-size: 0.9rem;
}

/* line 400, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-node.step-pennylane {
  background: rgba(0, 196, 167, 0.1);
  border-color: rgba(0, 196, 167, 0.35);
}

/* line 403, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-node.step-pennylane i {
  color: #00c4a7;
  font-size: 0.9rem;
}

/* line 405, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-node.step-sync {
  background: rgba(139, 92, 246, 0.12);
  border-color: rgba(139, 92, 246, 0.35);
}

/* line 408, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-node.step-sync i {
  color: var(--wpenn-accent-light);
  font-size: 0.9rem;
}

/* line 412, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-label {
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--wpenn-text-body);
  line-height: 1.3;
}

/* line 417, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-owner {
  font-size: 0.55rem;
  color: var(--wpenn-text-muted);
}

/* line 421, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-arrow {
  color: rgba(255, 255, 255, 0.2);
  font-size: 0.7rem;
  padding-top: 12px;
}

@media (max-width: 576px) {
  /* line 421, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
  .wedge-pennylane-page .wpenn-chain-arrow {
    display: none;
  }
}

/* line 427, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-outcomes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

@media (max-width: 768px) {
  /* line 427, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
  .wedge-pennylane-page .wpenn-chain-outcomes {
    grid-template-columns: 1fr;
  }
}

/* line 432, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-outcome {
  background: rgba(0, 196, 167, 0.06);
  border: 1px solid rgba(0, 196, 167, 0.2);
  border-radius: var(--wpenn-radius);
  padding: 16px 18px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* line 438, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-chain-outcome i {
  color: #00c4a7;
  font-size: 0.85rem;
  margin-top: 2px;
  flex-shrink: 0;
}

/* line 441, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-outcome-text {
  font-size: 0.82rem;
  color: var(--wpenn-text-body);
  line-height: 1.5;
}

/* line 443, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-outcome-text strong {
  color: var(--wpenn-white);
}

/* line 449, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec {
  padding: 80px 24px;
}

/* line 453, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* line 457, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

@media (max-width: 768px) {
  /* line 457, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
  .wedge-pennylane-page .wpenn-ec-grid {
    grid-template-columns: 1fr;
  }
}

/* line 462, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-card {
  background: var(--wpenn-glass-bg);
  border: 1px solid var(--wpenn-glass-border);
  border-radius: var(--wpenn-radius-lg);
  padding: 28px 24px;
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 469, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 473, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 476, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-icon i {
  font-size: 1rem;
}

/* line 478, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-icon.ec-purple {
  background: rgba(139, 92, 246, 0.14);
  border: 1px solid rgba(139, 92, 246, 0.3);
}

/* line 481, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-icon.ec-purple i {
  color: var(--wpenn-accent-light);
}

/* line 483, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-icon.ec-pl {
  background: rgba(0, 196, 167, 0.12);
  border: 1px solid rgba(0, 196, 167, 0.3);
}

/* line 486, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-icon.ec-pl i {
  color: #00c4a7;
}

/* line 490, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-card-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wpenn-white);
}

/* line 494, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-card-sub {
  font-size: 0.75rem;
  color: var(--wpenn-text-muted);
  margin-top: 1px;
}

/* line 498, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-benefits {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 502, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-benefit {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.82rem;
  color: var(--wpenn-text-body);
  line-height: 1.5;
}

/* line 505, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-ec-benefit i {
  font-size: 0.7rem;
  margin-top: 3px;
  flex-shrink: 0;
  color: var(--wpenn-accent-light);
}

/* line 511, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-coming {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 518, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-coming-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* line 522, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-coming-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.3);
  color: var(--wpenn-accent-light);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 5px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
}

/* line 530, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-coming-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  /* line 530, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
  .wedge-pennylane-page .wpenn-coming-grid {
    grid-template-columns: 1fr;
  }
}

/* line 535, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-coming-card {
  background: rgba(139, 92, 246, 0.05);
  border: 1px dashed rgba(139, 92, 246, 0.3);
  border-radius: var(--wpenn-radius-lg);
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 542, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-coming-card-icon {
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 546, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-coming-card-icon i {
  font-size: 0.85rem;
  color: var(--wpenn-accent-light);
}

/* line 549, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-coming-card-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wpenn-white);
}

/* line 553, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-coming-card-desc {
  font-size: 0.78rem;
  color: var(--wpenn-text-muted);
  line-height: 1.6;
}

/* line 557, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-coming-pl-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  background: rgba(0, 196, 167, 0.1);
  border: 1px solid rgba(0, 196, 167, 0.25);
  color: #00c4a7;
  padding: 2px 8px;
  border-radius: 999px;
  margin-top: 4px;
}

/* line 568, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-testimonial {
  padding: 80px 24px;
}

/* line 572, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-testimonial-inner {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

/* line 576, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-testimonial-card {
  background: var(--wpenn-glass-bg);
  border: 1px solid var(--wpenn-glass-border);
  border-radius: var(--wpenn-radius-xl);
  padding: 48px 40px;
  backdrop-filter: blur(12px);
}

@media (max-width: 576px) {
  /* line 576, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
  .wedge-pennylane-page .wpenn-testimonial-card {
    padding: 32px 24px;
  }
}

/* line 583, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-quote-icon {
  font-size: 2rem;
  color: var(--wpenn-accent-light);
  opacity: 0.35;
  margin-bottom: 20px;
}

/* line 587, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-quote-text {
  font-size: clamp(1rem, 2.2vw, 1.12rem);
  font-style: italic;
  color: var(--wpenn-text-body);
  line-height: 1.75;
  margin-bottom: 28px;
}

/* line 592, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-testimonial-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 24px;
}

/* line 596, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 600, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-author-avatar i {
  color: var(--wpenn-accent-light);
  font-size: 0.9rem;
}

/* line 603, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-author-name {
  font-weight: 700;
  color: var(--wpenn-white);
  font-size: 0.9rem;
}

/* line 604, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-author-role {
  font-size: 0.78rem;
  color: var(--wpenn-text-muted);
}

/* line 606, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-testimonial-results {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 611, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-result-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

/* line 615, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-result-val {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--wpenn-accent-light);
}

/* line 619, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-result-lbl {
  font-size: 0.7rem;
  color: var(--wpenn-text-muted);
}

/* line 624, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 628, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--wpenn-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 628, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
  .wedge-pennylane-page .wpenn-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 636, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.3);
  color: var(--wpenn-accent-light);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 24px;
}

/* line 644, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-cta-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--wpenn-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 649, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-cta-sub {
  font-size: 1rem;
  color: var(--wpenn-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 653, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 657, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-cta-reassurance {
  font-size: 0.78rem;
  color: var(--wpenn-text-muted);
  line-height: 1.8;
}

/* line 659, app/assets/stylesheets/website/pages/_wedge_pennylane.scss */
.wedge-pennylane-page .wpenn-cta-reassurance i {
  color: var(--wpenn-accent-light);
  font-size: 0.72rem;
}

@keyframes wpenn-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes wpenn-spin-slow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 6, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page {
  --wmod-deepblue:     #140D23;
  --wmod-accent:       #0ea5e9;
  --wmod-accent-light: #4abff4;
  --wmod-accent-soft:  #84d4f8;
  --wmod-orange-start: #FF6B35;
  --wmod-orange-end:   #F7931E;
  --wmod-white:        #FFFFFF;
  --wmod-glass-bg:     rgba(255, 255, 255, 0.07);
  --wmod-glass-border: rgba(255, 255, 255, 0.13);
  --wmod-glass-hover:  rgba(255, 255, 255, 0.11);
  --wmod-text-muted:   rgba(255, 255, 255, 0.52);
  --wmod-text-body:    rgba(255, 255, 255, 0.84);
  --wmod-radius:       12px;
  --wmod-radius-lg:    20px;
  --wmod-radius-xl:    28px;
  --wmod-crm:          #E5A82E;
  --wmod-gcom:         #6366f1;
  --wmod-fact:         #10b981;
  --wmod-proj:         #14b8a6;
  --wmod-bo:           #8b5cf6;
  --wmod-ia:           #a855f7;
  font-family: 'Poppins', sans-serif;
  color: var(--wmod-text-body);
  background: linear-gradient(151deg, #050b12 0%, #070d18 55%, #050a14 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page *, .wedge-modulaire-page *::before, .wedge-modulaire-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 45, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page a {
  text-decoration: none;
  color: inherit;
}

/* line 46, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page ul {
  list-style: none;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 55, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wmod-text-muted);
  transition: color 0.2s;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-back-link i {
  font-size: 0.7rem;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-back-link:hover {
  color: var(--wmod-white);
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-breadcrumb-sep {
  color: var(--wmod-text-muted);
  opacity: 0.4;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-breadcrumb-current {
  font-weight: 600;
  color: var(--wmod-accent-light);
}

/* line 67, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(14, 165, 233, 0.09) 0%, transparent 70%);
  pointer-events: none;
}

/* line 83, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  animation: wmod-fade-up 0.7s ease both;
}

/* line 89, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(14, 165, 233, 0.12);
  border: 1px solid rgba(14, 165, 233, 0.3);
  color: var(--wmod-accent-light);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--wmod-white);
  margin-bottom: 24px;
}

/* line 103, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-highlight {
  color: var(--wmod-accent-light);
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-hero-sub {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--wmod-text-body);
  max-width: 640px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 111, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wmod-orange-start), var(--wmod-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wmod-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 123, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 126, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wmod-glass-bg);
  border: 1px solid var(--wmod-glass-border);
  color: var(--wmod-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wmod-radius);
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 132, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-btn-secondary:hover {
  background: var(--wmod-glass-hover);
  transform: translateY(-2px);
  color: #fff;
}

/* line 135, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--wmod-text-muted);
}

/* line 141, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 143, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-trust-item i {
  color: var(--wmod-accent-light);
  font-size: 0.75rem;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-hero-blocks {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block-row {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wmod-glass-bg);
  border: 1px solid var(--wmod-glass-border);
  border-radius: var(--wmod-radius);
  padding: 10px 16px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wmod-text-body);
  backdrop-filter: blur(8px);
  transition: transform 0.2s, background 0.2s;
}

/* line 164, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block i {
  font-size: 0.8rem;
}

/* line 166, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block:hover {
  background: var(--wmod-glass-hover);
  transform: translateY(-2px);
}

/* line 168, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.crm {
  border-color: rgba(229, 168, 46, 0.4);
}

/* line 168, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.crm i {
  color: #E5A82E;
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.gcom {
  border-color: rgba(99, 102, 241, 0.4);
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.gcom i {
  color: #c1c2f9;
}

/* line 170, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.fact {
  border-color: rgba(16, 185, 129, 0.4);
}

/* line 170, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.fact i {
  color: #14e8a2;
}

/* line 171, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.proj {
  border-color: rgba(20, 184, 166, 0.4);
}

/* line 171, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.proj i {
  color: #19e6d0;
}

/* line 172, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.bo {
  border-color: rgba(139, 92, 246, 0.4);
}

/* line 172, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.bo i {
  color: #b496f9;
}

/* line 173, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.ia {
  border-color: rgba(168, 85, 247, 0.4);
}

/* line 173, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.ia i {
  color: #c186f9;
}

/* line 174, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.sky {
  border-color: rgba(14, 165, 233, 0.5);
  background: rgba(14, 165, 233, 0.08);
  color: var(--wmod-white);
}

/* line 174, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-block.sky i {
  color: var(--wmod-accent-light);
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blocks-arrow {
  text-align: center;
  color: var(--wmod-accent-light);
  opacity: 0.5;
}

/* line 179, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blocks-arrow i {
  font-size: 0.9rem;
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-section-eyebrow {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wmod-accent-light);
  margin-bottom: 12px;
}

/* line 191, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wmod-white);
  margin-bottom: 16px;
}

/* line 197, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--wmod-text-muted);
  max-width: 580px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 206, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blockers {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 213, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blockers-inner {
  max-width: 960px;
  margin: 0 auto;
}

/* line 215, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blockers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 768px) {
  /* line 215, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
  .wedge-modulaire-page .wmod-blockers-grid {
    grid-template-columns: 1fr;
  }
}

/* line 220, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blocker-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--wmod-radius-lg);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 227, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blocker-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(255, 80, 80, 0.1);
  border: 1px solid rgba(255, 80, 80, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 231, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blocker-icon i {
  font-size: 1rem;
  color: rgba(255, 120, 120, 0.9);
}

/* line 234, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blocker-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wmod-white);
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blocker-desc {
  font-size: 0.82rem;
  color: var(--wmod-text-muted);
  line-height: 1.65;
}

/* line 242, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blocker-answer {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid rgba(14, 165, 233, 0.15);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wmod-accent-light);
  line-height: 1.5;
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-blocker-answer i {
  font-size: 0.7rem;
  margin-top: 3px;
  flex-shrink: 0;
}

/* line 254, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-starts {
  padding: 80px 24px;
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-starts-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* line 260, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-starts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 768px) {
  /* line 260, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
  .wedge-modulaire-page .wmod-starts-grid {
    grid-template-columns: 1fr;
  }
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-card {
  background: var(--wmod-glass-bg);
  border: 1px solid var(--wmod-glass-border);
  border-radius: var(--wmod-radius-xl);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
}

/* line 274, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-card.highlight {
  background: rgba(14, 165, 233, 0.07);
  border-color: rgba(14, 165, 233, 0.35);
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-num {
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
  color: rgba(255, 255, 255, 0.06);
  position: absolute;
  top: 16px;
  right: 20px;
  font-family: 'Poppins', sans-serif;
}

/* line 286, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 999px;
  width: fit-content;
}

/* line 291, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-badge.sky {
  background: rgba(14, 165, 233, 0.14);
  border: 1px solid rgba(14, 165, 233, 0.3);
  color: var(--wmod-accent-light);
}

/* line 292, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-badge.orange {
  background: rgba(255, 107, 53, 0.14);
  border: 1px solid rgba(255, 107, 53, 0.3);
  color: #FF6B35;
}

/* line 293, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-badge.gold {
  background: rgba(229, 168, 46, 0.14);
  border: 1px solid rgba(229, 168, 46, 0.3);
  color: #E5A82E;
}

/* line 296, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-title {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--wmod-white);
  line-height: 1.3;
}

/* line 300, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-desc {
  font-size: 0.83rem;
  color: var(--wmod-text-muted);
  line-height: 1.65;
}

/* line 304, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-modules {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

/* line 308, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-module {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.68rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--wmod-text-body);
  padding: 3px 9px;
  border-radius: 999px;
}

/* line 314, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-module i {
  font-size: 0.6rem;
  color: var(--wmod-accent-light);
}

/* line 317, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-note {
  font-size: 0.72rem;
  color: var(--wmod-accent-light);
  font-style: italic;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 320, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-start-note i {
  font-size: 0.65rem;
}

/* line 326, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-modules {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 333, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-modules-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 335, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-modules-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 900px) {
  /* line 335, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
  .wedge-modulaire-page .wmod-modules-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  /* line 335, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
  .wedge-modulaire-page .wmod-modules-grid {
    grid-template-columns: 1fr;
  }
}

/* line 341, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-card {
  background: var(--wmod-glass-bg);
  border: 1px solid var(--wmod-glass-border);
  border-radius: var(--wmod-radius-lg);
  padding: 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  backdrop-filter: blur(8px);
  transition: transform 0.2s, background 0.2s;
}

/* line 348, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-card:hover {
  background: var(--wmod-glass-hover);
  transform: translateY(-3px);
}

/* line 351, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 355, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon {
  width: 38px;
  height: 38px;
  border-radius: 9px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
}

/* line 359, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon i {
  font-size: 0.9rem;
}

/* line 361, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.crm {
  background: rgba(229, 168, 46, 0.12);
  border-color: rgba(229, 168, 46, 0.3);
}

/* line 361, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.crm i {
  color: #E5A82E;
}

/* line 362, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.gcom {
  background: rgba(99, 102, 241, 0.12);
  border-color: rgba(99, 102, 241, 0.3);
}

/* line 362, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.gcom i {
  color: #c1c2f9;
}

/* line 363, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.fact {
  background: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.3);
}

/* line 363, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.fact i {
  color: #14e8a2;
}

/* line 364, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.proj {
  background: rgba(20, 184, 166, 0.12);
  border-color: rgba(20, 184, 166, 0.3);
}

/* line 364, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.proj i {
  color: #19e6d0;
}

/* line 365, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.bo {
  background: rgba(139, 92, 246, 0.12);
  border-color: rgba(139, 92, 246, 0.3);
}

/* line 365, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.bo i {
  color: #b496f9;
}

/* line 366, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.ia {
  background: rgba(168, 85, 247, 0.12);
  border-color: rgba(168, 85, 247, 0.3);
}

/* line 366, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-icon.ia i {
  color: #c186f9;
}

/* line 369, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wmod-white);
}

/* line 373, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-desc {
  font-size: 0.78rem;
  color: var(--wmod-text-muted);
  line-height: 1.6;
}

/* line 377, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-features {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* line 381, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-feature {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.72rem;
  color: var(--wmod-text-body);
}

/* line 384, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-feature i {
  font-size: 0.6rem;
  color: var(--wmod-accent-light);
  flex-shrink: 0;
}

/* line 387, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--wmod-accent-light);
  margin-top: 4px;
  transition: gap 0.2s;
}

/* line 392, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-module-link:hover {
  gap: 10px;
}

/* line 398, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-packs {
  padding: 80px 24px;
}

/* line 402, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-packs-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 404, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-packs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

@media (max-width: 900px) {
  /* line 404, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
  .wedge-modulaire-page .wmod-packs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  /* line 404, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
  .wedge-modulaire-page .wmod-packs-grid {
    grid-template-columns: 1fr;
  }
}

/* line 410, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-card {
  background: var(--wmod-glass-bg);
  border: 1px solid var(--wmod-glass-border);
  border-radius: var(--wmod-radius-xl);
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  backdrop-filter: blur(10px);
  position: relative;
  transition: transform 0.2s;
}

/* line 418, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-card:hover {
  transform: translateY(-4px);
}

/* line 420, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-card.featured {
  background: rgba(14, 165, 233, 0.07);
  border-color: rgba(14, 165, 233, 0.35);
}

/* line 426, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-popular {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #FF6B35, #F7931E);
  color: #fff;
  font-size: 0.62rem;
  font-weight: 800;
  padding: 3px 12px;
  border-radius: 999px;
  white-space: nowrap;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 434, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-name {
  font-size: 1rem;
  font-weight: 800;
  color: var(--wmod-white);
}

/* line 438, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-tagline {
  font-size: 0.78rem;
  color: var(--wmod-text-muted);
  line-height: 1.5;
  margin-top: -6px;
}

/* line 442, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-modules {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 446, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-module {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  color: var(--wmod-text-body);
}

/* line 449, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-module i.check {
  font-size: 0.7rem;
  color: var(--wmod-accent-light);
  flex-shrink: 0;
}

/* line 450, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-module i.mod {
  font-size: 0.68rem;
  width: 12px;
}

/* line 453, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
  padding: 11px 18px;
  border-radius: var(--wmod-radius);
  font-size: 0.85rem;
  font-weight: 700;
  background: var(--wmod-glass-bg);
  border: 1px solid var(--wmod-glass-border);
  color: var(--wmod-white);
  transition: background 0.2s;
}

/* line 460, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.featured .wedge-modulaire-page .wmod-pack-cta {
  background: linear-gradient(135deg, #FF6B35, #F7931E);
  border: none;
  box-shadow: 0 4px 16px rgba(255, 107, 53, 0.35);
}

/* line 465, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-pack-cta:hover {
  background: var(--wmod-glass-hover);
  color: #fff;
}

/* line 466, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.featured .wedge-modulaire-page .wmod-pack-cta:hover {
  opacity: 0.9;
}

/* line 472, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-evolution {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 479, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-evolution-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* line 481, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

/* line 485, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-item {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 16px 0;
  position: relative;
}

/* line 489, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-item:last-child {
  padding-bottom: 0;
}

/* line 492, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-dot {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  border: 2px solid rgba(255, 255, 255, 0.1);
  background: #070d18;
}

/* line 499, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-dot.active {
  background: rgba(14, 165, 233, 0.15);
  border-color: rgba(14, 165, 233, 0.5);
}

/* line 502, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-dot.active i {
  color: var(--wmod-accent-light);
}

/* line 505, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-dot i {
  font-size: 0.85rem;
  color: var(--wmod-text-muted);
}

/* line 508, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-content {
  flex: 1;
  padding-top: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 513, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-text {
  flex: 1;
}

/* line 517, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wmod-white);
  margin-bottom: 3px;
}

/* line 521, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-desc {
  font-size: 0.78rem;
  color: var(--wmod-text-muted);
  line-height: 1.6;
}

/* line 525, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-tl-badge {
  font-size: 0.65rem;
  font-weight: 700;
  white-space: nowrap;
  padding: 3px 10px;
  border-radius: 999px;
  margin-top: 6px;
  background: rgba(14, 165, 233, 0.12);
  border: 1px solid rgba(14, 165, 233, 0.25);
  color: var(--wmod-accent-light);
}

/* line 535, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-guarantees {
  padding: 60px 24px 0;
}

/* line 539, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-guarantees-inner {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  /* line 539, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
  .wedge-modulaire-page .wmod-guarantees-inner {
    grid-template-columns: 1fr;
  }
}

/* line 545, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-guarantee {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: rgba(14, 165, 233, 0.05);
  border: 1px solid rgba(14, 165, 233, 0.15);
  border-radius: var(--wmod-radius);
  padding: 18px 16px;
}

/* line 549, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-guarantee i {
  font-size: 1rem;
  color: var(--wmod-accent-light);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 553, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-guarantee-text strong {
  font-size: 0.85rem;
  color: var(--wmod-white);
  display: block;
  margin-bottom: 3px;
}

/* line 554, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-guarantee-text p {
  font-size: 0.75rem;
  color: var(--wmod-text-muted);
  line-height: 1.5;
}

/* line 560, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-testimonial {
  padding: 80px 24px;
}

/* line 564, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-testimonial-inner {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

/* line 566, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-testimonial-card {
  background: var(--wmod-glass-bg);
  border: 1px solid var(--wmod-glass-border);
  border-radius: var(--wmod-radius-xl);
  padding: 48px 40px;
  backdrop-filter: blur(12px);
}

@media (max-width: 576px) {
  /* line 566, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
  .wedge-modulaire-page .wmod-testimonial-card {
    padding: 32px 24px;
  }
}

/* line 573, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-quote-icon {
  font-size: 2rem;
  color: var(--wmod-accent-light);
  opacity: 0.35;
  margin-bottom: 20px;
}

/* line 577, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-quote-text {
  font-size: clamp(1rem, 2.2vw, 1.12rem);
  font-style: italic;
  color: var(--wmod-text-body);
  line-height: 1.75;
  margin-bottom: 28px;
}

/* line 582, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-testimonial-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 24px;
}

/* line 586, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(14, 165, 233, 0.15);
  border: 1px solid rgba(14, 165, 233, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 590, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-author-avatar i {
  color: var(--wmod-accent-light);
  font-size: 0.9rem;
}

/* line 593, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-author-name {
  font-weight: 700;
  color: var(--wmod-white);
  font-size: 0.9rem;
}

/* line 594, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-author-role {
  font-size: 0.78rem;
  color: var(--wmod-text-muted);
}

/* line 596, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-testimonial-results {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 601, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-result-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

/* line 602, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-result-val {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--wmod-accent-light);
}

/* line 603, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-result-lbl {
  font-size: 0.7rem;
  color: var(--wmod-text-muted);
}

/* line 608, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 612, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--wmod-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 612, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
  .wedge-modulaire-page .wmod-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 620, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(14, 165, 233, 0.12);
  border: 1px solid rgba(14, 165, 233, 0.3);
  color: var(--wmod-accent-light);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 24px;
}

/* line 628, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-cta-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--wmod-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 633, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-cta-sub {
  font-size: 1rem;
  color: var(--wmod-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 637, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 641, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-cta-reassurance {
  font-size: 0.78rem;
  color: var(--wmod-text-muted);
  line-height: 1.8;
}

/* line 643, app/assets/stylesheets/website/pages/_wedge_modulaire.scss */
.wedge-modulaire-page .wmod-cta-reassurance i {
  color: var(--wmod-accent-light);
  font-size: 0.72rem;
}

@keyframes wmod-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 7, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page {
  --wacc-accent:        #f97316;
  --wacc-accent-light:  #fb9752;
  --wacc-accent-dark:   #d65b06;
  --wacc-accent-glow:   rgba(249, 115, 22, 0.18);
  --wacc-accent-soft:   rgba(249, 115, 22, 0.08);
  --wacc-bg:            #0b0d12;
  --wacc-bg-2:          #0f1117;
  --wacc-surface:       rgba(255, 255, 255, 0.04);
  --wacc-border:        rgba(255, 255, 255, 0.08);
  --wacc-white:         #ffffff;
  --wacc-text-muted:    rgba(255, 255, 255, 0.55);
  background: var(--wacc-bg);
  color: var(--wacc-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 27, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page *, .wedge-accompagnement-page *::before, .wedge-accompagnement-page *::after {
  box-sizing: border-box;
}

/* line 30, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 36, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
  .wedge-accompagnement-page .wacc-section {
    padding: 64px 0;
  }
}

/* line 41, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wacc-accent);
  margin-bottom: 12px;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wacc-white);
  margin-bottom: 16px;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-section-sub {
  font-size: 1.05rem;
  color: var(--wacc-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 66, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(249, 115, 22, 0.12) 0%, transparent 70%), linear-gradient(165deg, #0c0e15 0%, #0a0c14 60%, #0d0f18 100%);
}

/* line 75, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 50% 40% at 80% 40%, rgba(249, 115, 22, 0.07) 0%, transparent 65%);
  pointer-events: none;
}

/* line 84, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 84, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
  .wedge-accompagnement-page .wacc-hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 100px;
  background: rgba(249, 115, 22, 0.12);
  border: 1px solid rgba(249, 115, 22, 0.3);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wacc-accent-light);
  letter-spacing: 0.04em;
  margin-bottom: 20px;
}

/* line 111, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero-badge i {
  font-size: 0.7rem;
}

/* line 114, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero-title {
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--wacc-white);
  margin-bottom: 20px;
}

/* line 121, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero-title em {
  font-style: normal;
  color: var(--wacc-accent);
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero-desc {
  font-size: 1.1rem;
  color: var(--wacc-text-muted);
  line-height: 1.7;
  margin-bottom: 32px;
  max-width: 520px;
}

/* line 135, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero-ctas {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* line 141, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero-proof {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
  font-size: 0.85rem;
  color: var(--wacc-text-muted);
}

/* line 149, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero-proof i {
  color: var(--wacc-accent);
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-hero-visual {
  position: relative;
}

@media (max-width: 768px) {
  /* line 153, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
  .wedge-accompagnement-page .wacc-hero-visual {
    display: none;
  }
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-timeline-visual {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}

/* line 166, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-tv-step {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 12px;
  background: var(--wacc-surface);
  border: 1px solid var(--wacc-border);
  position: relative;
  transition: border-color 0.2s ease;
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-tv-step.active {
  background: rgba(249, 115, 22, 0.07);
  border-color: rgba(249, 115, 22, 0.3);
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-tv-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(249, 115, 22, 0.15);
  border: 2px solid rgba(249, 115, 22, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.active .wedge-accompagnement-page .wacc-tv-dot {
  background: var(--wacc-accent);
  border-color: var(--wacc-accent);
}

/* line 200, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-tv-dot i {
  font-size: 0.6rem;
  color: var(--wacc-white);
}

/* line 206, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-tv-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wacc-accent);
  margin-bottom: 2px;
}

/* line 215, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-tv-text {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--wacc-white);
  margin-bottom: 2px;
}

/* line 222, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-tv-sub {
  font-size: 0.78rem;
  color: var(--wacc-text-muted);
}

/* line 228, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-fears {
  background: var(--wacc-bg-2);
}

/* line 232, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-fears-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 232, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
  .wedge-accompagnement-page .wacc-fears-grid {
    grid-template-columns: 1fr;
  }
}

/* line 241, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-fear-card {
  padding: 28px;
  border-radius: 16px;
  background: var(--wacc-surface);
  border: 1px solid var(--wacc-border);
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-fear-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(255, 80, 80, 0.1);
  border: 1px solid rgba(255, 80, 80, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

/* line 259, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-fear-icon i {
  color: rgba(255, 100, 100, 0.8);
  font-size: 1rem;
}

/* line 262, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-fear-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wacc-white);
  margin-bottom: 8px;
}

/* line 269, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-fear-text {
  font-size: 0.88rem;
  color: var(--wacc-text-muted);
  line-height: 1.6;
  margin-bottom: 16px;
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-fear-answer {
  padding: 12px 16px;
  border-radius: 10px;
  background: rgba(249, 115, 22, 0.07);
  border: 1px solid rgba(249, 115, 22, 0.2);
  font-size: 0.85rem;
  color: var(--wacc-accent-light);
  font-weight: 500;
  line-height: 1.5;
}

/* line 286, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-fear-answer i {
  margin-right: 6px;
}

/* line 290, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-journey {
  position: relative;
}

/* line 294, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-journey-track {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-top: 56px;
}

@media (max-width: 768px) {
  /* line 294, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
  .wedge-accompagnement-page .wacc-journey-track {
    grid-template-columns: 1fr;
  }
}

/* line 305, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 16px;
  border-radius: 14px;
  background: var(--wacc-surface);
  border: 1px solid var(--wacc-border);
  position: relative;
  z-index: 1;
  transition: border-color 0.2s ease, background 0.2s ease;
}

/* line 318, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-step:hover {
  border-color: rgba(249, 115, 22, 0.35);
  background: rgba(249, 115, 22, 0.05);
}

/* line 324, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-step-num {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(249, 115, 22, 0.12);
  border: 2px solid rgba(249, 115, 22, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 800;
  color: var(--wacc-accent);
  margin-bottom: 12px;
}

/* line 339, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-step-when {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wacc-accent);
  margin-bottom: 6px;
}

/* line 348, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-step-name {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wacc-white);
  margin-bottom: 8px;
}

/* line 355, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-step-desc {
  font-size: 0.8rem;
  color: var(--wacc-text-muted);
  line-height: 1.55;
}

/* line 362, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support {
  background: var(--wacc-bg-2);
}

/* line 366, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 366, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
  .wedge-accompagnement-page .wacc-support-grid {
    grid-template-columns: 1fr;
  }
}

/* line 375, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support-card {
  padding: 32px 28px;
  border-radius: 16px;
  background: var(--wacc-surface);
  border: 1px solid var(--wacc-border);
  transition: border-color 0.2s ease;
}

/* line 382, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support-card.featured {
  background: rgba(249, 115, 22, 0.06);
  border-color: rgba(249, 115, 22, 0.3);
  position: relative;
}

/* line 389, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support-badge {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 14px;
  border-radius: 100px;
  background: linear-gradient(135deg, #FF6B35, #F7931E);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: white;
  white-space: nowrap;
}

/* line 405, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(249, 115, 22, 0.12);
  border: 1px solid rgba(249, 115, 22, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

/* line 416, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support-icon i {
  color: var(--wacc-accent);
  font-size: 1.1rem;
}

/* line 419, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wacc-white);
  margin-bottom: 10px;
}

/* line 426, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support-desc {
  font-size: 0.88rem;
  color: var(--wacc-text-muted);
  line-height: 1.6;
  margin-bottom: 20px;
}

/* line 433, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support-sla {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--wacc-accent);
}

/* line 441, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-support-sla i {
  font-size: 0.7rem;
}

/* line 445, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training {
  position: relative;
  overflow: hidden;
}

/* line 450, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 450, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
  .wedge-accompagnement-page .wacc-training-inner {
    grid-template-columns: 1fr;
  }
}

/* line 459, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training-list {
  list-style: none;
  padding: 0;
  margin: 24px 0 32px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 468, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.95rem;
  color: var(--wacc-text-muted);
  line-height: 1.55;
}

/* line 476, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training-item i {
  color: var(--wacc-accent);
  margin-top: 3px;
  flex-shrink: 0;
  font-size: 0.85rem;
}

/* line 483, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training-item strong {
  color: var(--wacc-white);
}

/* line 486, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training-card {
  padding: 32px;
  border-radius: 20px;
  background: rgba(249, 115, 22, 0.06);
  border: 1px solid rgba(249, 115, 22, 0.25);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 496, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training-kpi {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(249, 115, 22, 0.15);
}

/* line 504, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training-kpi span:first-child {
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--wacc-accent);
  line-height: 1;
}

/* line 511, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training-kpi span:last-child {
  font-size: 0.82rem;
  color: var(--wacc-text-muted);
  margin-top: 4px;
}

/* line 518, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-training-kpis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* line 525, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-team {
  background: var(--wacc-bg-2);
}

/* line 529, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-team-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 529, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
  .wedge-accompagnement-page .wacc-team-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 529, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
  .wedge-accompagnement-page .wacc-team-grid {
    grid-template-columns: 1fr;
  }
}

/* line 539, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-team-card {
  padding: 24px 20px;
  border-radius: 14px;
  background: var(--wacc-surface);
  border: 1px solid var(--wacc-border);
  text-align: center;
}

/* line 547, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-team-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(249, 115, 22, 0.12);
  border: 2px solid rgba(249, 115, 22, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

/* line 558, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-team-avatar i {
  color: var(--wacc-accent);
  font-size: 1.3rem;
}

/* line 561, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-team-role {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wacc-white);
  margin-bottom: 6px;
}

/* line 568, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-team-desc {
  font-size: 0.8rem;
  color: var(--wacc-text-muted);
  line-height: 1.55;
}

/* line 575, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-testimonial {
  position: relative;
  background: radial-gradient(ellipse 60% 50% at 50% 100%, rgba(249, 115, 22, 0.08) 0%, transparent 70%);
}

/* line 580, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-testimonial-card {
  max-width: 760px;
  margin: 48px auto 0;
  padding: 40px 48px;
  border-radius: 20px;
  background: rgba(249, 115, 22, 0.06);
  border: 1px solid rgba(249, 115, 22, 0.22);
  text-align: center;
  position: relative;
}

@media (max-width: 576px) {
  /* line 580, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
  .wedge-accompagnement-page .wacc-testimonial-card {
    padding: 28px 24px;
  }
}

/* line 593, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-quote-icon {
  font-size: 2.5rem;
  color: rgba(249, 115, 22, 0.25);
  line-height: 1;
  margin-bottom: 20px;
}

/* line 600, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-testimonial-text {
  font-size: 1.1rem;
  font-style: italic;
  color: var(--wacc-white);
  line-height: 1.7;
  margin-bottom: 28px;
}

/* line 607, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-testimonial-text strong {
  font-style: normal;
  color: var(--wacc-accent);
}

/* line 613, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-testimonial-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* line 620, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(249, 115, 22, 0.15);
  border: 2px solid rgba(249, 115, 22, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--wacc-accent);
}

/* line 634, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-author-info {
  text-align: left;
}

/* line 637, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-author-info strong {
  display: block;
  font-size: 0.9rem;
  color: var(--wacc-white);
}

/* line 643, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-author-info span {
  font-size: 0.78rem;
  color: var(--wacc-text-muted);
}

/* line 650, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-cta-section {
  padding: 100px 0;
  text-align: center;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(249, 115, 22, 0.1) 0%, transparent 70%);
}

/* line 656, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-cta-title {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 900;
  color: var(--wacc-white);
  margin-bottom: 16px;
}

/* line 663, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-cta-sub {
  font-size: 1.05rem;
  color: var(--wacc-text-muted);
  margin-bottom: 36px;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

/* line 672, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* line 680, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 10px;
  background: linear-gradient(135deg, #f97316, #d65b06);
  color: white;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* line 695, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-btn-primary:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  color: white;
}

/* line 702, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 10px;
  background: rgba(249, 115, 22, 0.08);
  border: 1px solid rgba(249, 115, 22, 0.3);
  color: var(--wacc-accent-light);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

/* line 717, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-btn-secondary:hover {
  background: rgba(249, 115, 22, 0.14);
  border-color: rgba(249, 115, 22, 0.5);
  color: var(--wacc-accent-light);
}

/* line 725, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 729, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wacc-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 733, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-back-link i {
  font-size: 0.7rem;
}

/* line 734, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-back-link:hover {
  color: var(--wacc-white);
}

/* line 736, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-breadcrumb-sep {
  color: var(--wacc-text-muted);
  opacity: 0.4;
}

/* line 737, app/assets/stylesheets/website/pages/_wedge_accompagnement.scss */
.wedge-accompagnement-page .wacc-breadcrumb-current {
  font-weight: 600;
  color: var(--wacc-accent);
}

/* line 7, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page {
  --wfr-accent:       #3b82f6;
  --wfr-accent-light: #76a7f9;
  --wfr-accent-dark:  #0b63f3;
  --wfr-accent-glow:  rgba(59, 130, 246, 0.2);
  --wfr-accent-soft:  rgba(59, 130, 246, 0.07);
  --wfr-red:          #ef4444;
  --wfr-white-pure:   #ffffff;
  --wfr-bg:           #09090f;
  --wfr-bg-2:         #0c0e16;
  --wfr-surface:      rgba(255, 255, 255, 0.04);
  --wfr-border:       rgba(255, 255, 255, 0.08);
  --wfr-white:        #f8fafc;
  --wfr-text-muted:   rgba(255, 255, 255, 0.55);
  background: var(--wfr-bg);
  color: var(--wfr-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 28, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page *, .wedge-francais-page *::before, .wedge-francais-page *::after {
  box-sizing: border-box;
}

/* line 31, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 37, app/assets/stylesheets/website/pages/_wedge_francais.scss */
  .wedge-francais-page .wfr-section {
    padding: 64px 0;
  }
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wfr-accent);
  margin-bottom: 12px;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wfr-white);
  margin-bottom: 16px;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-section-sub {
  font-size: 1.05rem;
  color: var(--wfr-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 67, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: radial-gradient(ellipse 75% 55% at 50% -5%, rgba(59, 130, 246, 0.12) 0%, transparent 65%), linear-gradient(165deg, #09090f 0%, #0a0b14 55%, #0c0d18 100%);
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 45% 40% at 75% 50%, rgba(59, 130, 246, 0.06) 0%, transparent 65%);
  pointer-events: none;
}

/* line 85, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 85, app/assets/stylesheets/website/pages/_wedge_francais.scss */
  .wedge-francais-page .wfr-hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* line 98, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-hero-flag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 14px;
  border-radius: 100px;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.28);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wfr-accent-light);
  letter-spacing: 0.04em;
  margin-bottom: 20px;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-flag-tricolor {
  display: flex;
  gap: 2px;
}

/* line 117, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-flag-tricolor span {
  display: block;
  width: 8px;
  height: 14px;
  border-radius: 1px;
}

/* line 123, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-flag-tricolor span.blue {
  background: #4169e1;
}

/* line 124, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-flag-tricolor span.white {
  background: #e8eaf0;
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-flag-tricolor span.red {
  background: #c53030;
}

/* line 129, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-hero-title {
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--wfr-white);
  margin-bottom: 20px;
}

/* line 136, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-hero-title em {
  font-style: normal;
  color: var(--wfr-accent);
}

/* line 142, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-hero-desc {
  font-size: 1.1rem;
  color: var(--wfr-text-muted);
  line-height: 1.7;
  margin-bottom: 32px;
  max-width: 520px;
}

/* line 150, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-hero-ctas {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-hero-certifs {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 163, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-certif-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--wfr-text-muted);
}

/* line 175, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-certif-badge i {
  color: var(--wfr-accent);
  font-size: 0.7rem;
}

@media (max-width: 768px) {
  /* line 179, app/assets/stylesheets/website/pages/_wedge_francais.scss */
  .wedge-francais-page .wfr-hero-visual {
    display: none;
  }
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-card {
  padding: 32px;
  border-radius: 20px;
  background: rgba(59, 130, 246, 0.05);
  border: 1px solid rgba(59, 130, 246, 0.22);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 193, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-header {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 198, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-header i {
  font-size: 1.8rem;
  color: var(--wfr-accent);
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wfr-accent);
  font-weight: 700;
  margin-bottom: 2px;
}

/* line 213, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-name {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wfr-white);
}

/* line 219, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 226, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-row:last-child {
  border-bottom: none;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-key {
  font-size: 0.82rem;
  color: var(--wfr-text-muted);
}

/* line 234, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-val {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--wfr-white);
}

/* line 239, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-val.green {
  color: #10b981;
}

/* line 240, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-server-val.blue {
  color: var(--wfr-accent-light);
}

/* line 244, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-pillars {
  background: var(--wfr-bg-2);
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 248, app/assets/stylesheets/website/pages/_wedge_francais.scss */
  .wedge-francais-page .wfr-pillars-grid {
    grid-template-columns: 1fr;
  }
}

/* line 257, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-pillar-card {
  padding: 32px 28px;
  border-radius: 16px;
  background: var(--wfr-surface);
  border: 1px solid var(--wfr-border);
  transition: border-color 0.2s ease;
}

/* line 264, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-pillar-card:hover {
  border-color: rgba(59, 130, 246, 0.3);
}

/* line 267, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-pillar-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-pillar-icon i {
  color: var(--wfr-accent);
  font-size: 1.1rem;
}

/* line 281, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-pillar-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wfr-white);
  margin-bottom: 10px;
}

/* line 288, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-pillar-desc {
  font-size: 0.88rem;
  color: var(--wfr-text-muted);
  line-height: 1.65;
}

/* line 295, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd {
  position: relative;
  overflow: hidden;
}

/* line 300, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

@media (max-width: 768px) {
  /* line 300, app/assets/stylesheets/website/pages/_wedge_francais.scss */
  .wedge-francais-page .wfr-rgpd-inner {
    grid-template-columns: 1fr;
  }
}

/* line 309, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd-list {
  list-style: none;
  padding: 0;
  margin: 28px 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 318, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd-item {
  display: flex;
  gap: 12px;
  font-size: 0.92rem;
  color: var(--wfr-text-muted);
  line-height: 1.6;
}

/* line 325, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd-item i {
  color: var(--wfr-accent);
  flex-shrink: 0;
  margin-top: 3px;
  font-size: 0.85rem;
}

/* line 332, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd-item strong {
  color: var(--wfr-white);
}

/* line 335, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd-panel {
  padding: 28px;
  border-radius: 16px;
  background: rgba(59, 130, 246, 0.05);
  border: 1px solid rgba(59, 130, 246, 0.2);
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}

/* line 346, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd-rule {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
}

/* line 354, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd-rule i {
  color: var(--wfr-accent);
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 0.85rem;
}

/* line 362, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd-rule-title {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--wfr-white);
  margin-bottom: 2px;
}

/* line 369, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-rgpd-rule-text {
  font-size: 0.8rem;
  color: var(--wfr-text-muted);
  line-height: 1.5;
}

/* line 376, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs {
  background: var(--wfr-bg-2);
}

/* line 380, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 380, app/assets/stylesheets/website/pages/_wedge_francais.scss */
  .wedge-francais-page .wfr-vs-split {
    grid-template-columns: 1fr;
  }
}

/* line 389, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-col {
  padding: 28px;
  border-radius: 16px;
}

/* line 393, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-col.orizen-col {
  background: rgba(59, 130, 246, 0.06);
  border: 1px solid rgba(59, 130, 246, 0.25);
}

/* line 398, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-col.us-col {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

/* line 404, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-col-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 412, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-col-header i {
  font-size: 1rem;
}

/* line 414, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.orizen-col .wedge-francais-page .wfr-vs-col-header i {
  color: var(--wfr-accent);
}

/* line 415, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.us-col .wedge-francais-page .wfr-vs-col-header i {
  color: rgba(255, 255, 255, 0.3);
}

/* line 419, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-col-label {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wfr-white);
}

/* line 425, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 434, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.88rem;
  line-height: 1.5;
}

/* line 442, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-item.yes i {
  color: var(--wfr-accent);
}

/* line 443, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-item.yes strong {
  color: var(--wfr-white);
}

/* line 444, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-item.yes span {
  color: var(--wfr-text-muted);
}

/* line 448, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-item.no i {
  color: rgba(255, 80, 80, 0.5);
}

/* line 449, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-item.no strong {
  color: var(--wfr-text-muted);
}

/* line 450, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-vs-item.no span {
  color: rgba(255, 255, 255, 0.3);
}

/* line 455, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-testimonial {
  position: relative;
  background: radial-gradient(ellipse 60% 50% at 50% 100%, rgba(59, 130, 246, 0.07) 0%, transparent 70%);
}

/* line 460, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-testimonial-card {
  max-width: 760px;
  margin: 48px auto 0;
  padding: 40px 48px;
  border-radius: 20px;
  background: rgba(59, 130, 246, 0.05);
  border: 1px solid rgba(59, 130, 246, 0.2);
  text-align: center;
}

@media (max-width: 576px) {
  /* line 460, app/assets/stylesheets/website/pages/_wedge_francais.scss */
  .wedge-francais-page .wfr-testimonial-card {
    padding: 28px 24px;
  }
}

/* line 472, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-quote-icon {
  font-size: 2.5rem;
  color: rgba(59, 130, 246, 0.25);
  line-height: 1;
  margin-bottom: 20px;
}

/* line 479, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-testimonial-text {
  font-size: 1.08rem;
  font-style: italic;
  color: var(--wfr-white);
  line-height: 1.7;
  margin-bottom: 28px;
}

/* line 486, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-testimonial-text strong {
  font-style: normal;
  color: var(--wfr-accent-light);
}

/* line 492, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-testimonial-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* line 499, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.15);
  border: 2px solid rgba(59, 130, 246, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--wfr-accent);
}

/* line 513, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-author-info {
  text-align: left;
}

/* line 516, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-author-info strong {
  display: block;
  font-size: 0.9rem;
  color: var(--wfr-white);
}

/* line 522, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-author-info span {
  font-size: 0.78rem;
  color: var(--wfr-text-muted);
}

/* line 529, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-cta-section {
  padding: 100px 0;
  text-align: center;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(59, 130, 246, 0.09) 0%, transparent 70%);
}

/* line 535, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-cta-title {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 900;
  color: var(--wfr-white);
  margin-bottom: 16px;
}

/* line 542, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-cta-sub {
  font-size: 1.05rem;
  color: var(--wfr-text-muted);
  margin-bottom: 36px;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

/* line 551, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* line 559, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 10px;
  background: linear-gradient(135deg, #3b82f6, #0b5fe9);
  color: white;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* line 572, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-btn-primary:hover {
  opacity: 0.88;
  transform: translateY(-1px);
  color: white;
}

/* line 579, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 10px;
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.28);
  color: var(--wfr-accent-light);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: background 0.2s ease;
}

/* line 593, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-btn-secondary:hover {
  background: rgba(59, 130, 246, 0.14);
  color: var(--wfr-accent-light);
}

/* line 600, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 604, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wfr-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 608, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-back-link i {
  font-size: 0.7rem;
}

/* line 609, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-back-link:hover {
  color: var(--wfr-white);
}

/* line 611, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-breadcrumb-sep {
  color: var(--wfr-text-muted);
  opacity: 0.4;
}

/* line 612, app/assets/stylesheets/website/pages/_wedge_francais.scss */
.wedge-francais-page .wfr-breadcrumb-current {
  font-weight: 600;
  color: var(--wfr-accent);
}

/* line 7, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page {
  --wsw-accent:       #f59e0b;
  --wsw-accent-light: #f8b950;
  --wsw-accent-dark:  #bb7808;
  --wsw-accent-glow:  rgba(245, 158, 11, 0.18);
  --wsw-accent-soft:  rgba(245, 158, 11, 0.07);
  --wsw-bg:           #0a0b0f;
  --wsw-bg-2:         #0d0f15;
  --wsw-surface:      rgba(255, 255, 255, 0.04);
  --wsw-border:       rgba(255, 255, 255, 0.08);
  --wsw-white:        #f8fafc;
  --wsw-text-muted:   rgba(255, 255, 255, 0.55);
  background: var(--wsw-bg);
  color: var(--wsw-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 26, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page *, .wedge-site-web-page *::before, .wedge-site-web-page *::after {
  box-sizing: border-box;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 35, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 35, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-section {
    padding: 64px 0;
  }
}

/* line 40, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wsw-accent);
  margin-bottom: 12px;
}

/* line 49, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wsw-white);
  margin-bottom: 16px;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-section-sub {
  font-size: 1.05rem;
  color: var(--wsw-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: radial-gradient(ellipse 80% 55% at 50% -5%, rgba(245, 158, 11, 0.11) 0%, transparent 65%), linear-gradient(165deg, #0a0b0f 0%, #0c0e16 55%, #0a0c14 100%);
}

/* line 75, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 75, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 100px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.28);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wsw-accent-light);
  letter-spacing: 0.04em;
  margin-bottom: 20px;
}

/* line 103, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-hero-title {
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--wsw-white);
  margin-bottom: 20px;
}

/* line 110, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-hero-title em {
  font-style: normal;
  color: var(--wsw-accent);
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-hero-desc {
  font-size: 1.1rem;
  color: var(--wsw-text-muted);
  line-height: 1.7;
  margin-bottom: 32px;
  max-width: 520px;
}

/* line 124, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-hero-ctas {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-hero-tags {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--wsw-text-muted);
}

/* line 149, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-tag i {
  color: var(--wsw-accent);
  font-size: 0.7rem;
}

@media (max-width: 768px) {
  /* line 153, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-hero-visual {
    display: none;
  }
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-diagram {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 163, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-row {
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
  align-items: center;
  gap: 8px;
}

/* line 170, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-source {
  padding: 14px 18px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--wsw-text-muted);
}

/* line 182, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-source i {
  color: var(--wsw-accent);
  font-size: 0.85rem;
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(245, 158, 11, 0.5);
  font-size: 0.75rem;
}

/* line 193, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-dest {
  padding: 14px 18px;
  border-radius: 10px;
  background: rgba(245, 158, 11, 0.06);
  border: 1px solid rgba(245, 158, 11, 0.2);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--wsw-white);
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-dest i {
  color: var(--wsw-accent);
  font-size: 0.85rem;
}

/* line 208, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-site-header {
  padding: 16px 20px;
  border-radius: 12px;
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.25);
  text-align: center;
  margin-bottom: 8px;
}

/* line 216, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-site-header span {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wsw-accent);
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-orizen-header {
  padding: 16px 20px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  margin-bottom: 8px;
}

/* line 233, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-flow-orizen-header span {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wsw-text-muted);
}

/* line 243, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-problem {
  background: var(--wsw-bg-2);
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-silos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 247, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-silos-grid {
    grid-template-columns: 1fr;
  }
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-silo-card {
  padding: 24px;
  border-radius: 14px;
  background: var(--wsw-surface);
  border: 1px solid var(--wsw-border);
  position: relative;
}

/* line 264, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-silo-icon {
  width: 40px;
  height: 40px;
  border-radius: 9px;
  background: rgba(255, 80, 80, 0.1);
  border: 1px solid rgba(255, 80, 80, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

/* line 275, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-silo-icon i {
  color: rgba(255, 100, 100, 0.7);
  font-size: 0.95rem;
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-silo-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wsw-white);
  margin-bottom: 8px;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-silo-desc {
  font-size: 0.83rem;
  color: var(--wsw-text-muted);
  line-height: 1.6;
}

/* line 292, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-site-types {
  position: relative;
}

/* line 296, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-types-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 296, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-types-grid {
    grid-template-columns: 1fr;
  }
}

/* line 305, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-card {
  padding: 32px 28px;
  border-radius: 16px;
  background: var(--wsw-surface);
  border: 1px solid var(--wsw-border);
  transition: border-color 0.2s ease;
}

/* line 312, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-card:hover {
  border-color: rgba(245, 158, 11, 0.3);
}

/* line 314, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-card.featured {
  background: rgba(245, 158, 11, 0.06);
  border-color: rgba(245, 158, 11, 0.28);
  position: relative;
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-badge {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 14px;
  border-radius: 100px;
  background: linear-gradient(135deg, #f59e0b, #bb7808);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0a0b0f;
  white-space: nowrap;
}

/* line 337, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

/* line 348, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-icon i {
  color: var(--wsw-accent);
  font-size: 1.1rem;
}

/* line 351, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wsw-white);
  margin-bottom: 8px;
}

/* line 358, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-desc {
  font-size: 0.85rem;
  color: var(--wsw-text-muted);
  line-height: 1.6;
  margin-bottom: 18px;
}

/* line 365, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-connects {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 374, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-connect-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: var(--wsw-text-muted);
}

/* line 381, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-type-connect-item i {
  color: var(--wsw-accent);
  font-size: 0.7rem;
  flex-shrink: 0;
}

/* line 385, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma {
  background: var(--wsw-bg-2);
  position: relative;
  overflow: hidden;
}

/* line 390, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma::before {
  content: '';
  position: absolute;
  top: -100px;
  right: -100px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245, 158, 11, 0.06) 0%, transparent 70%);
  pointer-events: none;
}

/* line 403, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

@media (max-width: 768px) {
  /* line 403, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-emma-inner {
    grid-template-columns: 1fr;
  }
}

/* line 412, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  border-radius: 8px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.25);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--wsw-accent);
  margin-bottom: 16px;
}

/* line 428, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-list {
  list-style: none;
  padding: 0;
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 437, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-item {
  display: flex;
  gap: 12px;
  font-size: 0.92rem;
  color: var(--wsw-text-muted);
  line-height: 1.6;
}

/* line 444, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-item i {
  color: var(--wsw-accent);
  flex-shrink: 0;
  margin-top: 3px;
  font-size: 0.85rem;
}

/* line 451, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-item strong {
  color: var(--wsw-white);
}

/* line 454, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 460, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-card {
  padding: 20px 22px;
  border-radius: 12px;
  background: rgba(245, 158, 11, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.18);
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

/* line 470, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-card-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(245, 158, 11, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 480, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-card-icon i {
  color: var(--wsw-accent);
  font-size: 0.85rem;
}

/* line 483, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-card-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wsw-accent);
  margin-bottom: 2px;
}

/* line 492, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-card-text {
  font-size: 0.88rem;
  color: var(--wsw-white);
  font-weight: 600;
}

/* line 498, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-emma-card-sub {
  font-size: 0.78rem;
  color: var(--wsw-text-muted);
  margin-top: 2px;
}

/* line 505, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-benefits {
  position: relative;
}

/* line 509, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 509, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-benefits-grid {
    grid-template-columns: 1fr;
  }
}

/* line 518, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-benefit-card {
  padding: 28px 24px;
  border-radius: 14px;
  background: var(--wsw-surface);
  border: 1px solid var(--wsw-border);
  transition: border-color 0.2s ease;
}

/* line 525, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-benefit-card:hover {
  border-color: rgba(245, 158, 11, 0.3);
}

/* line 527, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-benefit-card.wide {
  grid-column: span 1;
}

@media (min-width: 768px) {
  /* line 531, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-benefit-card.wide:nth-child(4) {
    grid-column: 1 / 3;
  }
  /* line 532, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-benefit-card.wide:nth-child(5) {
    grid-column: 3 / 4;
  }
}

/* line 537, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-benefit-num {
  font-size: 2rem;
  font-weight: 900;
  color: rgba(245, 158, 11, 0.2);
  line-height: 1;
  margin-bottom: 12px;
  font-variant-numeric: tabular-nums;
}

/* line 546, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-benefit-title {
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--wsw-white);
  margin-bottom: 8px;
}

/* line 553, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-benefit-desc {
  font-size: 0.83rem;
  color: var(--wsw-text-muted);
  line-height: 1.6;
}

/* line 560, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-testimonial {
  background: var(--wsw-bg-2);
  position: relative;
}

/* line 565, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-testimonial-card {
  max-width: 760px;
  margin: 48px auto 0;
  padding: 40px 48px;
  border-radius: 20px;
  background: rgba(245, 158, 11, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.2);
  text-align: center;
}

@media (max-width: 576px) {
  /* line 565, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-testimonial-card {
    padding: 28px 24px;
  }
}

/* line 577, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-quote-icon {
  font-size: 2.5rem;
  color: rgba(245, 158, 11, 0.22);
  line-height: 1;
  margin-bottom: 20px;
}

/* line 584, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-testimonial-text {
  font-size: 1.08rem;
  font-style: italic;
  color: var(--wsw-white);
  line-height: 1.7;
  margin-bottom: 28px;
}

/* line 591, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-testimonial-text strong {
  font-style: normal;
  color: var(--wsw-accent-light);
}

/* line 597, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-testimonial-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* line 604, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--wsw-accent);
}

/* line 618, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-author-info {
  text-align: left;
}

/* line 621, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-author-info strong {
  display: block;
  font-size: 0.9rem;
  color: var(--wsw-white);
}

/* line 627, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-author-info span {
  font-size: 0.78rem;
  color: var(--wsw-text-muted);
}

/* line 634, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-cta-section {
  padding: 100px 0;
  text-align: center;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(245, 158, 11, 0.09) 0%, transparent 70%);
}

/* line 640, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-cta-title {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 900;
  color: var(--wsw-white);
  margin-bottom: 16px;
}

/* line 647, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-cta-sub {
  font-size: 1.05rem;
  color: var(--wsw-text-muted);
  margin-bottom: 36px;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

/* line 656, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* line 664, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 10px;
  background: linear-gradient(135deg, #f59e0b, #bb7808);
  color: #0a0b0f;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* line 677, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-btn-primary:hover {
  opacity: 0.88;
  transform: translateY(-1px);
  color: #0a0b0f;
}

/* line 684, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 10px;
  background: rgba(245, 158, 11, 0.08);
  border: 1px solid rgba(245, 158, 11, 0.28);
  color: var(--wsw-accent-light);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: background 0.2s ease;
}

/* line 698, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-btn-secondary:hover {
  background: rgba(245, 158, 11, 0.14);
  color: var(--wsw-accent-light);
}

/* line 705, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-features-section {
  background: var(--wsw-bg-2);
}

/* line 709, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 709, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
  .wedge-site-web-page .wsw-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 718, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-feature-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 22px 24px;
  border-radius: 14px;
  background: var(--wsw-surface);
  border: 1px solid var(--wsw-border);
  transition: border-color 0.2s ease;
}

/* line 728, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-feature-item:hover {
  border-color: rgba(245, 158, 11, 0.28);
}

/* line 731, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-feature-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 742, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-feature-icon i {
  color: var(--wsw-accent);
  font-size: 0.95rem;
}

/* line 745, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-feature-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wsw-white);
  margin-bottom: 6px;
}

/* line 752, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-feature-desc {
  font-size: 0.82rem;
  color: var(--wsw-text-muted);
  line-height: 1.6;
  margin: 0;
}

/* line 760, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 764, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wsw-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 768, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-back-link i {
  font-size: 0.7rem;
}

/* line 769, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-back-link:hover {
  color: var(--wsw-white);
}

/* line 771, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-breadcrumb-sep {
  color: var(--wsw-text-muted);
  opacity: 0.4;
}

/* line 772, app/assets/stylesheets/website/pages/_wedge_site_web.scss */
.wedge-site-web-page .wsw-breadcrumb-current {
  font-weight: 600;
  color: var(--wsw-accent);
}

/* line 7, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page {
  --wsig-accent:       #ec4899;
  --wsig-accent-light: #f389bd;
  --wsig-accent-dark:  #e71a7f;
  --wsig-accent-glow:  rgba(236, 72, 153, 0.18);
  --wsig-accent-soft:  rgba(236, 72, 153, 0.07);
  --wsig-bg:           #0b090f;
  --wsig-bg-2:         #0e0c14;
  --wsig-surface:      rgba(255, 255, 255, 0.04);
  --wsig-border:       rgba(255, 255, 255, 0.08);
  --wsig-white:        #f8fafc;
  --wsig-text-muted:   rgba(255, 255, 255, 0.55);
  background: var(--wsig-bg);
  color: var(--wsig-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 25, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page *, .wedge-signature-page *::before, .wedge-signature-page *::after {
  box-sizing: border-box;
}

/* line 28, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 30, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 30, app/assets/stylesheets/website/pages/_wedge_signature.scss */
  .wedge-signature-page .wsig-section {
    padding: 64px 0;
  }
}

/* line 35, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wsig-accent);
  margin-bottom: 12px;
}

/* line 40, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wsig-white);
  margin-bottom: 16px;
}

/* line 45, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-section-sub {
  font-size: 1.05rem;
  color: var(--wsig-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wsig-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 55, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-back-link i {
  font-size: 0.7rem;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-back-link:hover {
  color: var(--wsig-white);
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-breadcrumb-sep {
  color: var(--wsig-text-muted);
  opacity: 0.4;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-breadcrumb-current {
  font-weight: 600;
  color: var(--wsig-accent);
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: radial-gradient(ellipse 75% 55% at 50% -5%, rgba(236, 72, 153, 0.1) 0%, transparent 65%), linear-gradient(165deg, #0b090f 0%, #0d0b15 55%, #0a0812 100%);
}

/* line 72, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 72, app/assets/stylesheets/website/pages/_wedge_signature.scss */
  .wedge-signature-page .wsig-hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* line 81, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 100px;
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.28);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wsig-accent-light);
  letter-spacing: 0.04em;
  margin-bottom: 20px;
}

/* line 89, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-hero-title {
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--wsig-white);
  margin-bottom: 20px;
}

/* line 92, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-hero-title em {
  font-style: normal;
  color: var(--wsig-accent);
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-hero-desc {
  font-size: 1.1rem;
  color: var(--wsig-text-muted);
  line-height: 1.7;
  margin-bottom: 32px;
  max-width: 520px;
}

/* line 100, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-hero-ctas {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 102, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-hero-legal {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.8rem;
  color: var(--wsig-text-muted);
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-hero-legal i {
  color: var(--wsig-accent);
}

@media (max-width: 768px) {
  /* line 109, app/assets/stylesheets/website/pages/_wedge_signature.scss */
  .wedge-signature-page .wsig-hero-visual {
    display: none;
  }
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-preview {
  padding: 28px;
  border-radius: 16px;
  background: rgba(236, 72, 153, 0.05);
  border: 1px solid rgba(236, 72, 153, 0.2);
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* line 126, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-title {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--wsig-white);
}

/* line 130, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 100px;
  font-size: 0.7rem;
  font-weight: 700;
}

/* line 135, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-status.pending {
  background: rgba(255, 160, 0, 0.12);
  color: #f59e0b;
  border: 1px solid rgba(255, 160, 0, 0.25);
}

/* line 141, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-status.signed {
  background: rgba(16, 185, 129, 0.12);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.25);
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-lines {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-line {
  height: 10px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.06);
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-line.short {
  width: 60%;
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-line.medium {
  width: 80%;
}

/* line 158, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-line.full {
  width: 100%;
}

/* line 161, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-signature-zone {
  padding: 16px;
  border-radius: 10px;
  border: 1px dashed rgba(236, 72, 153, 0.35);
  background: rgba(236, 72, 153, 0.04);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* line 172, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-sig-label {
  font-size: 0.75rem;
  color: var(--wsig-text-muted);
  font-weight: 600;
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-sig-name {
  font-size: 1.1rem;
  font-family: Georgia, serif;
  font-style: italic;
  color: var(--wsig-accent-light);
  letter-spacing: 0.03em;
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-sig-check {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-sig-check i {
  color: #10b981;
  font-size: 0.75rem;
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-doc-participants {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 197, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-participant {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-participant-name {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--wsig-white);
}

/* line 208, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-participant-status {
  font-size: 0.72rem;
  font-weight: 700;
}

/* line 210, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-participant-status.done {
  color: #10b981;
}

/* line 211, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-participant-status.wait {
  color: #f59e0b;
}

/* line 215, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-problem {
  background: var(--wsig-bg-2);
}

/* line 217, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-problem-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 217, app/assets/stylesheets/website/pages/_wedge_signature.scss */
  .wedge-signature-page .wsig-problem-grid {
    grid-template-columns: 1fr;
  }
}

/* line 222, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-problem-card {
  padding: 24px;
  border-radius: 14px;
  background: var(--wsig-surface);
  border: 1px solid var(--wsig-border);
}

/* line 227, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-problem-icon {
  width: 40px;
  height: 40px;
  border-radius: 9px;
  background: rgba(255, 80, 80, 0.1);
  border: 1px solid rgba(255, 80, 80, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

/* line 231, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-problem-icon i {
  color: rgba(255, 100, 100, 0.7);
  font-size: 0.95rem;
}

/* line 234, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-problem-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wsig-white);
  margin-bottom: 8px;
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-problem-desc {
  font-size: 0.83rem;
  color: var(--wsig-text-muted);
  line-height: 1.6;
}

/* line 243, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 243, app/assets/stylesheets/website/pages/_wedge_signature.scss */
  .wedge-signature-page .wsig-steps-grid {
    grid-template-columns: 1fr;
  }
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-step-card {
  padding: 28px 24px;
  border-radius: 16px;
  background: var(--wsig-surface);
  border: 1px solid var(--wsig-border);
  text-align: center;
  transition: border-color 0.2s ease;
}

/* line 252, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-step-card:hover {
  border-color: rgba(236, 72, 153, 0.3);
}

/* line 255, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-step-num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(236, 72, 153, 0.1);
  border: 2px solid rgba(236, 72, 153, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--wsig-accent);
  margin: 0 auto 16px;
}

/* line 263, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-step-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wsig-white);
  margin-bottom: 8px;
}

/* line 267, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-step-desc {
  font-size: 0.85rem;
  color: var(--wsig-text-muted);
  line-height: 1.6;
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-use-cases {
  background: var(--wsig-bg-2);
}

/* line 274, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-uc-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 274, app/assets/stylesheets/website/pages/_wedge_signature.scss */
  .wedge-signature-page .wsig-uc-grid {
    grid-template-columns: 1fr;
  }
}

/* line 279, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-uc-card {
  padding: 28px;
  border-radius: 16px;
  background: var(--wsig-surface);
  border: 1px solid var(--wsig-border);
  transition: border-color 0.2s ease;
}

/* line 283, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-uc-card:hover {
  border-color: rgba(236, 72, 153, 0.28);
}

/* line 286, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-uc-icon {
  width: 46px;
  height: 46px;
  border-radius: 11px;
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

/* line 290, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-uc-icon i {
  color: var(--wsig-accent);
  font-size: 1rem;
}

/* line 293, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-uc-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wsig-white);
  margin-bottom: 8px;
}

/* line 297, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-uc-desc {
  font-size: 0.85rem;
  color: var(--wsig-text-muted);
  line-height: 1.6;
  margin-bottom: 14px;
}

/* line 301, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-uc-orizen {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wsig-accent);
}

/* line 304, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-uc-orizen i {
  font-size: 0.7rem;
}

/* line 308, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-legal-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

@media (max-width: 768px) {
  /* line 308, app/assets/stylesheets/website/pages/_wedge_signature.scss */
  .wedge-signature-page .wsig-legal-inner {
    grid-template-columns: 1fr;
  }
}

/* line 313, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-legal-list {
  list-style: none;
  padding: 0;
  margin: 28px 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 318, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-legal-item {
  display: flex;
  gap: 12px;
  font-size: 0.92rem;
  color: var(--wsig-text-muted);
  line-height: 1.6;
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-legal-item i {
  color: var(--wsig-accent);
  flex-shrink: 0;
  margin-top: 3px;
  font-size: 0.85rem;
}

/* line 322, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-legal-item strong {
  color: var(--wsig-white);
}

/* line 325, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-legal-badges {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 329, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-legal-badge {
  padding: 18px 20px;
  border-radius: 12px;
  background: rgba(236, 72, 153, 0.05);
  border: 1px solid rgba(236, 72, 153, 0.18);
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 334, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-legal-badge i {
  color: var(--wsig-accent);
  font-size: 1.1rem;
  flex-shrink: 0;
}

/* line 337, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-badge-label {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wsig-accent);
  margin-bottom: 2px;
}

/* line 342, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-badge-text {
  font-size: 0.85rem;
  color: var(--wsig-text-muted);
  line-height: 1.5;
}

/* line 347, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-orizen {
  background: var(--wsig-bg-2);
}

/* line 349, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-orizen-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 349, app/assets/stylesheets/website/pages/_wedge_signature.scss */
  .wedge-signature-page .wsig-orizen-grid {
    grid-template-columns: 1fr;
  }
}

/* line 354, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-orizen-card {
  padding: 26px 22px;
  border-radius: 14px;
  background: rgba(236, 72, 153, 0.04);
  border: 1px solid rgba(236, 72, 153, 0.15);
}

/* line 359, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-orizen-from {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wsig-accent);
  margin-bottom: 6px;
}

/* line 364, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-orizen-action {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wsig-white);
  margin-bottom: 6px;
}

/* line 368, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-orizen-arrow {
  font-size: 0.75rem;
  color: rgba(236, 72, 153, 0.5);
  margin: 8px 0;
}

/* line 370, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-orizen-arrow i {
  font-size: 0.7rem;
}

/* line 373, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-orizen-to {
  font-size: 0.82rem;
  color: var(--wsig-text-muted);
  line-height: 1.5;
}

/* line 378, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-testimonial {
  background: radial-gradient(ellipse 60% 50% at 50% 100%, rgba(236, 72, 153, 0.07) 0%, transparent 70%);
}

/* line 382, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-testimonial-card {
  max-width: 760px;
  margin: 48px auto 0;
  padding: 40px 48px;
  border-radius: 20px;
  background: rgba(236, 72, 153, 0.05);
  border: 1px solid rgba(236, 72, 153, 0.2);
  text-align: center;
}

@media (max-width: 576px) {
  /* line 382, app/assets/stylesheets/website/pages/_wedge_signature.scss */
  .wedge-signature-page .wsig-testimonial-card {
    padding: 28px 24px;
  }
}

/* line 389, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-quote-icon {
  font-size: 2.5rem;
  color: rgba(236, 72, 153, 0.22);
  line-height: 1;
  margin-bottom: 20px;
}

/* line 391, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-testimonial-text {
  font-size: 1.08rem;
  font-style: italic;
  color: var(--wsig-white);
  line-height: 1.7;
  margin-bottom: 28px;
}

/* line 394, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-testimonial-text strong {
  font-style: normal;
  color: var(--wsig-accent-light);
}

/* line 397, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-testimonial-author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* line 399, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(236, 72, 153, 0.15);
  border: 2px solid rgba(236, 72, 153, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--wsig-accent);
}

/* line 406, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-author-info {
  text-align: left;
}

/* line 408, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-author-info strong {
  display: block;
  font-size: 0.9rem;
  color: var(--wsig-white);
}

/* line 409, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-author-info span {
  font-size: 0.78rem;
  color: var(--wsig-text-muted);
}

/* line 413, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-cta-section {
  padding: 100px 0;
  text-align: center;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(236, 72, 153, 0.08) 0%, transparent 70%);
}

/* line 418, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-cta-title {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 900;
  color: var(--wsig-white);
  margin-bottom: 16px;
}

/* line 423, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-cta-sub {
  font-size: 1.05rem;
  color: var(--wsig-text-muted);
  margin: 0 auto 36px;
  max-width: 560px;
}

/* line 428, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* line 431, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ec4899, #e0177a);
  color: white;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* line 437, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-btn-primary:hover {
  opacity: 0.88;
  transform: translateY(-1px);
  color: white;
}

/* line 440, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 10px;
  background: rgba(236, 72, 153, 0.08);
  border: 1px solid rgba(236, 72, 153, 0.28);
  color: var(--wsig-accent-light);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: background 0.2s ease;
}

/* line 446, app/assets/stylesheets/website/pages/_wedge_signature.scss */
.wedge-signature-page .wsig-btn-secondary:hover {
  background: rgba(236, 72, 153, 0.14);
  color: var(--wsig-accent-light);
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page {
  --wgp-accent:       #84cc16;
  --wgp-accent-light: #a7ea3f;
  --wgp-accent-dark:  #669e11;
  --wgp-accent-glow:  rgba(132, 204, 22, 0.18);
  --wgp-accent-soft:  rgba(132, 204, 22, 0.07);
  --wgp-bg:           #090b0a;
  --wgp-bg-2:         #0c0f0b;
  --wgp-surface:      rgba(255, 255, 255, 0.04);
  --wgp-border:       rgba(255, 255, 255, 0.08);
  --wgp-white:        #f8fafc;
  --wgp-text-muted:   rgba(255, 255, 255, 0.55);
  background: var(--wgp-bg);
  color: var(--wgp-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 27, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page *, .wedge-gestion-projet-page *::before, .wedge-gestion-projet-page *::after {
  box-sizing: border-box;
}

/* line 30, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 32, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 32, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
  .wedge-gestion-projet-page .wgp-section {
    padding: 64px 0;
  }
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wgp-accent);
  margin-bottom: 12px;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wgp-white);
  margin-bottom: 16px;
}

/* line 47, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-section-sub {
  font-size: 1.05rem;
  color: var(--wgp-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 53, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 54, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wgp-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-back-link i {
  font-size: 0.7rem;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-back-link:hover {
  color: var(--wgp-white);
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-breadcrumb-sep {
  color: var(--wgp-text-muted);
  opacity: 0.4;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-breadcrumb-current {
  font-weight: 600;
  color: var(--wgp-accent);
}

/* line 64, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wgp-accent);
  color: #000;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 69, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-btn-primary:hover {
  background: var(--wgp-accent-light);
  transform: translateY(-1px);
  color: #000;
}

/* line 72, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wgp-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 78, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-btn-secondary:hover {
  border-color: var(--wgp-accent);
  color: var(--wgp-accent);
}

/* line 82, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 80% 40%, rgba(132, 204, 22, 0.08) 0%, transparent 60%), linear-gradient(180deg, var(--wgp-bg) 0%, var(--wgp-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 82, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
  .wedge-gestion-projet-page .wgp-hero {
    padding: 48px 0 56px;
  }
}

/* line 91, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 91, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
  .wedge-gestion-projet-page .wgp-hero-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

/* line 96, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wgp-accent-soft);
  border: 1px solid rgba(132, 204, 22, 0.25);
  color: var(--wgp-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 104, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-hero-title {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wgp-white);
  margin-bottom: 20px;
}

/* line 107, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-hero-title em {
  color: var(--wgp-accent);
  font-style: normal;
}

/* line 110, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-hero-desc {
  font-size: 1.1rem;
  color: var(--wgp-text-muted);
  line-height: 1.65;
  max-width: 480px;
  margin-bottom: 32px;
}

/* line 115, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 117, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-hero-trust {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: var(--wgp-text-muted);
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-hero-trust i {
  color: var(--wgp-accent);
}

/* line 124, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-kanban {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

@media (max-width: 768px) {
  /* line 124, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
  .wedge-gestion-projet-page .wgp-kanban {
    display: none;
  }
}

/* line 129, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-kanban-col {
  background: var(--wgp-surface);
  border: 1px solid var(--wgp-border);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 134, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-kanban-col-title {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wgp-text-muted);
  margin-bottom: 4px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--wgp-border);
}

/* line 140, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-kanban-card {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 0.72rem;
  color: var(--wgp-white);
  line-height: 1.4;
  border-left: 3px solid transparent;
}

/* line 145, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-kanban-card.wgp-card-lime {
  border-left-color: var(--wgp-accent);
}

/* line 146, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-kanban-card.wgp-card-gray {
  border-left-color: rgba(255, 255, 255, 0.2);
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-kanban-card.wgp-card-done {
  border-left-color: var(--wgp-accent);
  opacity: 0.8;
}

/* line 150, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-kanban-tag {
  display: inline-block;
  font-size: 0.62rem;
  border-radius: 4px;
  padding: 1px 6px;
  margin-top: 4px;
  font-weight: 600;
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-kanban-tag.wgp-tag-lime {
  background: rgba(132, 204, 22, 0.15);
  color: var(--wgp-accent);
}

/* line 154, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-kanban-tag.wgp-tag-gray {
  background: rgba(255, 255, 255, 0.08);
  color: var(--wgp-text-muted);
}

/* line 158, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-problem {
  background: var(--wgp-bg-2);
  border-top: 1px solid var(--wgp-border);
  border-bottom: 1px solid var(--wgp-border);
}

/* line 164, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-problem-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 164, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
  .wedge-gestion-projet-page .wgp-problem-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-problem-card {
  background: var(--wgp-surface);
  border: 1px solid var(--wgp-border);
  border-radius: 16px;
  padding: 28px;
}

/* line 174, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-problem-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(239, 68, 68, 0.12);
  color: #ef4444;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  margin-bottom: 16px;
}

/* line 181, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-problem-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wgp-white);
  margin-bottom: 10px;
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-problem-desc {
  font-size: 0.88rem;
  color: var(--wgp-text-muted);
  line-height: 1.6;
}

/* line 190, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 190, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
  .wedge-gestion-projet-page .wgp-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-feature-card {
  background: var(--wgp-surface);
  border: 1px solid var(--wgp-border);
  border-radius: 16px;
  padding: 28px;
  transition: border-color 0.2s;
}

/* line 198, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-feature-card:hover {
  border-color: rgba(132, 204, 22, 0.3);
}

/* line 201, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--wgp-accent-soft);
  color: var(--wgp-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  margin-bottom: 16px;
}

/* line 208, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-feature-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wgp-white);
  margin-bottom: 8px;
}

/* line 212, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-feature-desc {
  font-size: 0.88rem;
  color: var(--wgp-text-muted);
  line-height: 1.6;
}

/* line 217, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-connexion-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 217, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
  .wedge-gestion-projet-page .wgp-connexion-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* line 223, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-connexion-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-connexion-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.92rem;
  color: var(--wgp-text-muted);
}

/* line 228, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-connexion-item i {
  color: var(--wgp-accent);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-connexion-item strong {
  color: var(--wgp-white);
}

/* line 233, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 235, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-timeline-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--wgp-border);
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-timeline-item:last-child {
  border-bottom: none;
}

/* line 241, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-timeline-dot {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--wgp-accent-soft);
  border: 2px solid var(--wgp-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wgp-accent);
  font-size: 0.75rem;
  font-weight: 700;
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-timeline-content {
  padding-top: 4px;
}

/* line 252, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-timeline-label {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--wgp-white);
  margin-bottom: 2px;
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-timeline-sub {
  font-size: 0.78rem;
  color: var(--wgp-text-muted);
}

/* line 261, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-testimonial-card {
  max-width: 720px;
  margin: 48px auto 0;
  background: var(--wgp-surface);
  border: 1px solid rgba(132, 204, 22, 0.2);
  border-radius: 20px;
  padding: 40px;
}

@media (max-width: 576px) {
  /* line 261, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
  .wedge-gestion-projet-page .wgp-testimonial-card {
    padding: 28px;
  }
}

/* line 268, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-quote-icon {
  font-size: 4rem;
  line-height: 1;
  color: var(--wgp-accent);
  opacity: 0.4;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 273, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-testimonial-text {
  font-size: 1.05rem;
  color: var(--wgp-white);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-testimonial-text strong {
  color: var(--wgp-accent);
}

/* line 279, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 281, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--wgp-accent-soft);
  border: 2px solid var(--wgp-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--wgp-accent);
  flex-shrink: 0;
}

/* line 288, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 290, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-author-info strong {
  font-size: 0.9rem;
  color: var(--wgp-white);
}

/* line 291, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-author-info span {
  font-size: 0.8rem;
  color: var(--wgp-text-muted);
}

/* line 295, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(132, 204, 22, 0.06) 0%, transparent 70%);
}

/* line 300, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wgp-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 305, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-cta-sub {
  font-size: 1.05rem;
  color: var(--wgp-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 310, app/assets/stylesheets/website/pages/_wedge_gestion_projet.scss */
.wedge-gestion-projet-page .wgp-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page {
  --walt-accent:       #ef4444;
  --walt-accent-light: #f58686;
  --walt-accent-dark:  #eb1515;
  --walt-accent-glow:  rgba(239, 68, 68, 0.18);
  --walt-accent-soft:  rgba(239, 68, 68, 0.08);
  --walt-bg:           #0b0909;
  --walt-bg-2:         #0f0c0c;
  --walt-surface:      rgba(255, 255, 255, 0.04);
  --walt-border:       rgba(255, 255, 255, 0.08);
  --walt-white:        #f8fafc;
  --walt-text-muted:   rgba(255, 255, 255, 0.55);
  --walt-green:        #22c55e;
  --walt-green-soft:   rgba(34, 197, 94, 0.08);
  --walt-orange:       #f97316;
  --walt-orange-soft:  rgba(249, 115, 22, 0.08);
  background: var(--walt-bg);
  color: var(--walt-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 31, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page *, .wedge-alt-sellsy-page *::before, .wedge-alt-sellsy-page *::after {
  box-sizing: border-box;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 36, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
  .wedge-alt-sellsy-page .walt-section {
    padding: 64px 0;
  }
}

/* line 41, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--walt-accent);
  margin-bottom: 12px;
}

/* line 46, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--walt-white);
  margin-bottom: 16px;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-section-sub {
  font-size: 1.05rem;
  color: var(--walt-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--walt-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-back-link i {
  font-size: 0.7rem;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-back-link:hover {
  color: var(--walt-white);
}

/* line 64, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-breadcrumb-sep {
  color: var(--walt-text-muted);
  opacity: 0.4;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-breadcrumb-current {
  font-weight: 600;
  color: var(--walt-accent);
}

/* line 68, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--walt-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 73, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-btn-primary:hover {
  background: var(--walt-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--walt-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 82, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-btn-secondary:hover {
  border-color: var(--walt-accent);
  color: var(--walt-accent);
}

/* line 86, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 20% 40%, rgba(239, 68, 68, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--walt-bg) 0%, var(--walt-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 86, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
  .wedge-alt-sellsy-page .walt-hero {
    padding: 48px 0 56px;
  }
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-hero-copy {
  max-width: 680px;
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--walt-accent-soft);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: var(--walt-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--walt-white);
  margin-bottom: 20px;
}

/* line 108, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-hero-title em {
  color: var(--walt-accent);
  font-style: normal;
}

/* line 111, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-hero-desc {
  font-size: 1.1rem;
  color: var(--walt-text-muted);
  line-height: 1.65;
  max-width: 560px;
  margin-bottom: 32px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--walt-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-badge i {
  color: var(--walt-green);
  font-size: 0.72rem;
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-honest-section {
  background: var(--walt-bg-2);
  border-top: 1px solid var(--walt-border);
  border-bottom: 1px solid var(--walt-border);
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-honest-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 137, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
  .wedge-alt-sellsy-page .walt-honest-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 142, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-honest-block {
  background: var(--walt-surface);
  border: 1px solid var(--walt-border);
  border-radius: 16px;
  padding: 28px;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-honest-block-title {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 151, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-honest-block-title.positive {
  color: var(--walt-green);
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-honest-block-title.friction {
  color: var(--walt-accent);
}

/* line 155, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-honest-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-honest-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.88rem;
  color: var(--walt-text-muted);
  line-height: 1.5;
}

/* line 163, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-honest-item.positive i {
  color: var(--walt-green);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 164, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-honest-item.friction i {
  color: var(--walt-accent);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 168, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 48px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--walt-border);
}

/* line 173, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table th, .wedge-alt-sellsy-page .walt-comparison-table td {
  padding: 14px 20px;
  text-align: left;
  font-size: 0.88rem;
  border-bottom: 1px solid var(--walt-border);
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table thead th {
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 182, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table thead th.col-orizen {
  color: var(--walt-accent);
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table thead th.col-competitor {
  color: var(--walt-text-muted);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table thead th.col-feature {
  color: var(--walt-text-muted);
  width: 35%;
}

/* line 188, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table .col-feature-cell {
  color: var(--walt-white);
  font-weight: 500;
}

/* line 194, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table .check-yes {
  color: var(--walt-green);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.85rem;
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table .check-partial {
  color: var(--walt-orange);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-comparison-table .check-no {
  color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 211, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-migration-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 211, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
  .wedge-alt-sellsy-page .walt-migration-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 216, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-migration-card {
  background: var(--walt-surface);
  border: 1px solid var(--walt-border);
  border-radius: 16px;
  padding: 28px;
  text-align: center;
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-migration-num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--walt-accent-soft);
  border: 2px solid var(--walt-accent);
  color: var(--walt-accent);
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-migration-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--walt-white);
  margin-bottom: 8px;
}

/* line 233, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-migration-desc {
  font-size: 0.85rem;
  color: var(--walt-text-muted);
  line-height: 1.6;
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-testimonial-card {
  max-width: 720px;
  margin: 48px auto 0;
  background: var(--walt-surface);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 20px;
  padding: 40px;
}

@media (max-width: 576px) {
  /* line 238, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
  .wedge-alt-sellsy-page .walt-testimonial-card {
    padding: 28px;
  }
}

/* line 245, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-quote-icon {
  font-size: 4rem;
  line-height: 1;
  color: var(--walt-accent);
  opacity: 0.4;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 250, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-testimonial-text {
  font-size: 1.05rem;
  color: var(--walt-white);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* line 253, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-testimonial-text strong {
  color: var(--walt-accent);
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--walt-accent-soft);
  border: 2px solid var(--walt-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--walt-accent);
  flex-shrink: 0;
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 267, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-author-info strong {
  font-size: 0.9rem;
  color: var(--walt-white);
}

/* line 268, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-author-info span {
  font-size: 0.8rem;
  color: var(--walt-text-muted);
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(239, 68, 68, 0.06) 0%, transparent 70%);
}

/* line 277, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--walt-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-cta-sub {
  font-size: 1.05rem;
  color: var(--walt-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 287, app/assets/stylesheets/website/pages/_wedge_alt_sellsy.scss */
.wedge-alt-sellsy-page .walt-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page {
  --wvh-accent:       #f97316;
  --wvh-accent-light: #fb9d5c;
  --wvh-accent-dark:  #d65b06;
  --wvh-accent-glow:  rgba(249, 115, 22, 0.18);
  --wvh-accent-soft:  rgba(249, 115, 22, 0.08);
  --wvh-bg:           #0b0a09;
  --wvh-bg-2:         #0f0d0b;
  --wvh-surface:      rgba(255, 255, 255, 0.04);
  --wvh-border:       rgba(255, 255, 255, 0.08);
  --wvh-white:        #f8fafc;
  --wvh-text-muted:   rgba(255, 255, 255, 0.55);
  --wvh-green:        #22c55e;
  --wvh-green-soft:   rgba(34, 197, 94, 0.08);
  --wvh-red-soft:     rgba(239, 68, 68, 0.08);
  --wvh-red:          #ef4444;
  background: var(--wvh-bg);
  color: var(--wvh-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 31, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page *, .wedge-vs-hubspot-page *::before, .wedge-vs-hubspot-page *::after {
  box-sizing: border-box;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 36, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
  .wedge-vs-hubspot-page .wvh-section {
    padding: 64px 0;
  }
}

/* line 41, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wvh-accent);
  margin-bottom: 12px;
}

/* line 46, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wvh-white);
  margin-bottom: 16px;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-section-sub {
  font-size: 1.05rem;
  color: var(--wvh-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wvh-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-back-link i {
  font-size: 0.7rem;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-back-link:hover {
  color: var(--wvh-white);
}

/* line 64, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-breadcrumb-sep {
  color: var(--wvh-text-muted);
  opacity: 0.4;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-breadcrumb-current {
  font-weight: 600;
  color: var(--wvh-accent);
}

/* line 68, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wvh-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 73, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-btn-primary:hover {
  background: var(--wvh-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wvh-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 82, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-btn-secondary:hover {
  border-color: var(--wvh-accent);
  color: var(--wvh-accent);
}

/* line 86, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 55% 50% at 15% 40%, rgba(249, 115, 22, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--wvh-bg) 0%, var(--wvh-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 86, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
  .wedge-vs-hubspot-page .wvh-hero {
    padding: 48px 0 56px;
  }
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-hero-copy {
  max-width: 720px;
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wvh-accent-soft);
  border: 1px solid rgba(249, 115, 22, 0.25);
  color: var(--wvh-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wvh-white);
  margin-bottom: 20px;
}

/* line 108, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-hero-title em {
  color: var(--wvh-accent);
  font-style: normal;
}

/* line 111, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-hero-desc {
  font-size: 1.1rem;
  color: var(--wvh-text-muted);
  line-height: 1.65;
  max-width: 600px;
  margin-bottom: 32px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-stats-row {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-stat-card {
  background: var(--wvh-surface);
  border: 1px solid var(--wvh-border);
  border-radius: 12px;
  padding: 16px 20px;
  min-width: 160px;
}

/* line 128, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-stat-value {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--wvh-accent);
  line-height: 1;
  margin-bottom: 4px;
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-stat-label {
  font-size: 0.75rem;
  color: var(--wvh-text-muted);
  line-height: 1.4;
}

/* line 138, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-honest-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 138, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
  .wedge-vs-hubspot-page .wvh-honest-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 143, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-honest-block {
  background: var(--wvh-surface);
  border: 1px solid var(--wvh-border);
  border-radius: 16px;
  padding: 28px;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-honest-block-title {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-honest-block-title.positive {
  color: var(--wvh-green);
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-honest-block-title.friction {
  color: var(--wvh-accent);
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-honest-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 160, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-honest-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.88rem;
  color: var(--wvh-text-muted);
  line-height: 1.55;
}

/* line 164, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-honest-item.positive i {
  color: var(--wvh-green);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 165, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-honest-item.friction i {
  color: var(--wvh-accent);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 48px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--wvh-border);
}

/* line 174, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table th, .wedge-vs-hubspot-page .wvh-comparison-table td {
  padding: 14px 20px;
  text-align: left;
  font-size: 0.88rem;
  border-bottom: 1px solid var(--wvh-border);
}

/* line 179, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table thead th {
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table thead th.col-orizen {
  color: var(--wvh-accent);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table thead th.col-competitor {
  color: var(--wvh-text-muted);
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table thead th.col-feature {
  color: var(--wvh-text-muted);
  width: 35%;
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 190, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

/* line 193, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table .col-feature-cell {
  color: var(--wvh-white);
  font-weight: 500;
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table .check-yes {
  color: var(--wvh-green);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.85rem;
}

/* line 200, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table .check-partial {
  color: var(--wvh-accent);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-comparison-table .check-no {
  color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 212, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 212, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
  .wedge-vs-hubspot-page .wvh-verdict-grid {
    grid-template-columns: 1fr;
  }
}

/* line 217, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-card {
  border-radius: 16px;
  padding: 28px;
}

/* line 220, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-card.stay {
  background: var(--wvh-surface);
  border: 1px solid var(--wvh-border);
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-card.switch {
  background: rgba(249, 115, 22, 0.06);
  border: 1px solid rgba(249, 115, 22, 0.25);
}

/* line 224, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-title {
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 16px;
}

/* line 228, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-title.stay-label {
  color: var(--wvh-text-muted);
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-title.switch-label {
  color: var(--wvh-accent);
}

/* line 232, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 236, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.88rem;
  color: var(--wvh-text-muted);
  line-height: 1.5;
}

/* line 240, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-item i {
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 241, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-item.stay i {
  color: var(--wvh-text-muted);
}

/* line 242, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-verdict-item.switch i {
  color: var(--wvh-accent);
}

/* line 246, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-testimonial-card {
  max-width: 720px;
  margin: 48px auto 0;
  background: var(--wvh-surface);
  border: 1px solid rgba(249, 115, 22, 0.2);
  border-radius: 20px;
  padding: 40px;
}

@media (max-width: 576px) {
  /* line 246, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
  .wedge-vs-hubspot-page .wvh-testimonial-card {
    padding: 28px;
  }
}

/* line 253, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-quote-icon {
  font-size: 4rem;
  line-height: 1;
  color: var(--wvh-accent);
  opacity: 0.4;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-testimonial-text {
  font-size: 1.05rem;
  color: var(--wvh-white);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* line 261, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-testimonial-text strong {
  color: var(--wvh-accent);
}

/* line 264, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 266, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--wvh-accent-soft);
  border: 2px solid var(--wvh-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--wvh-accent);
  flex-shrink: 0;
}

/* line 273, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 275, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-author-info strong {
  font-size: 0.9rem;
  color: var(--wvh-white);
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-author-info span {
  font-size: 0.8rem;
  color: var(--wvh-text-muted);
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(249, 115, 22, 0.06) 0%, transparent 70%);
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wvh-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 290, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-cta-sub {
  font-size: 1.05rem;
  color: var(--wvh-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 295, app/assets/stylesheets/website/pages/_wedge_vs_hubspot.scss */
.wedge-vs-hubspot-page .wvh-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page {
  --waxa-accent:       #10b981;
  --waxa-accent-light: #24ecaa;
  --waxa-accent-dark:  #0c8a60;
  --waxa-accent-glow:  rgba(16, 185, 129, 0.18);
  --waxa-accent-soft:  rgba(16, 185, 129, 0.08);
  --waxa-bg:           #090c0b;
  --waxa-bg-2:         #0c0f0e;
  --waxa-surface:      rgba(255, 255, 255, 0.04);
  --waxa-border:       rgba(255, 255, 255, 0.08);
  --waxa-white:        #f8fafc;
  --waxa-text-muted:   rgba(255, 255, 255, 0.55);
  --waxa-orange:       #f97316;
  --waxa-orange-soft:  rgba(249, 115, 22, 0.08);
  background: var(--waxa-bg);
  color: var(--waxa-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page *, .wedge-alt-axonaut-page *::before, .wedge-alt-axonaut-page *::after {
  box-sizing: border-box;
}

/* line 32, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 34, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
  .wedge-alt-axonaut-page .waxa-section {
    padding: 64px 0;
  }
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--waxa-accent);
  margin-bottom: 12px;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--waxa-white);
  margin-bottom: 16px;
}

/* line 49, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-section-sub {
  font-size: 1.05rem;
  color: var(--waxa-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 55, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--waxa-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-back-link i {
  font-size: 0.7rem;
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-back-link:hover {
  color: var(--waxa-white);
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-breadcrumb-sep {
  color: var(--waxa-text-muted);
  opacity: 0.4;
}

/* line 63, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-breadcrumb-current {
  font-weight: 600;
  color: var(--waxa-accent);
}

/* line 66, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--waxa-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 71, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-btn-primary:hover {
  background: var(--waxa-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--waxa-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-btn-secondary:hover {
  border-color: var(--waxa-accent);
  color: var(--waxa-accent);
}

/* line 84, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 20% 40%, rgba(16, 185, 129, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--waxa-bg) 0%, var(--waxa-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 84, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
  .wedge-alt-axonaut-page .waxa-hero {
    padding: 48px 0 56px;
  }
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-hero-copy {
  max-width: 680px;
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--waxa-accent-soft);
  border: 1px solid rgba(16, 185, 129, 0.25);
  color: var(--waxa-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 103, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--waxa-white);
  margin-bottom: 20px;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-hero-title em {
  color: var(--waxa-accent);
  font-style: normal;
}

/* line 109, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-hero-desc {
  font-size: 1.1rem;
  color: var(--waxa-text-muted);
  line-height: 1.65;
  max-width: 560px;
  margin-bottom: 32px;
}

/* line 114, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--waxa-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-badge i {
  color: var(--waxa-accent);
  font-size: 0.72rem;
}

/* line 129, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 48px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--waxa-border);
}

/* line 134, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table th, .wedge-alt-axonaut-page .waxa-comparison-table td {
  padding: 14px 20px;
  text-align: left;
  font-size: 0.88rem;
  border-bottom: 1px solid var(--waxa-border);
}

/* line 139, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table thead th {
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 143, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table thead th.col-orizen {
  color: var(--waxa-accent);
}

/* line 144, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table thead th.col-competitor {
  color: var(--waxa-text-muted);
}

/* line 145, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table thead th.col-feature {
  color: var(--waxa-text-muted);
  width: 30%;
}

/* line 149, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 150, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table .col-feature-cell {
  color: var(--waxa-white);
  font-weight: 500;
}

/* line 155, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table .check-yes {
  color: var(--waxa-accent);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.85rem;
}

/* line 160, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table .check-partial {
  color: var(--waxa-orange);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 165, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-comparison-table .check-no {
  color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 172, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 172, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
  .wedge-alt-axonaut-page .waxa-features-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-feature-card {
  background: var(--waxa-surface);
  border: 1px solid var(--waxa-border);
  border-radius: 16px;
  padding: 28px;
  transition: border-color 0.2s;
}

/* line 181, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-feature-card:hover {
  border-color: rgba(16, 185, 129, 0.3);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--waxa-accent-soft);
  border: 1px solid rgba(16, 185, 129, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--waxa-accent);
  font-size: 1rem;
  margin-bottom: 16px;
}

/* line 191, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-feature-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--waxa-white);
  margin-bottom: 8px;
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-feature-desc {
  font-size: 0.85rem;
  color: var(--waxa-text-muted);
  line-height: 1.6;
}

/* line 200, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-migration-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 200, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
  .wedge-alt-axonaut-page .waxa-migration-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-migration-card {
  background: var(--waxa-surface);
  border: 1px solid var(--waxa-border);
  border-radius: 16px;
  padding: 28px;
  text-align: center;
}

/* line 210, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-migration-num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--waxa-accent-soft);
  border: 2px solid var(--waxa-accent);
  color: var(--waxa-accent);
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

/* line 218, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-migration-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--waxa-white);
  margin-bottom: 8px;
}

/* line 222, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-migration-desc {
  font-size: 0.85rem;
  color: var(--waxa-text-muted);
  line-height: 1.6;
}

/* line 227, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-testimonial-card {
  max-width: 720px;
  margin: 48px auto 0;
  background: var(--waxa-surface);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 20px;
  padding: 40px;
}

@media (max-width: 576px) {
  /* line 227, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
  .wedge-alt-axonaut-page .waxa-testimonial-card {
    padding: 28px;
  }
}

/* line 234, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-quote-icon {
  font-size: 4rem;
  line-height: 1;
  color: var(--waxa-accent);
  opacity: 0.4;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 239, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-testimonial-text {
  font-size: 1.05rem;
  color: var(--waxa-white);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* line 242, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-testimonial-text strong {
  color: var(--waxa-accent);
}

/* line 245, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--waxa-accent-soft);
  border: 2px solid var(--waxa-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--waxa-accent);
  flex-shrink: 0;
}

/* line 254, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-author-info strong {
  font-size: 0.9rem;
  color: var(--waxa-white);
}

/* line 257, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-author-info span {
  font-size: 0.8rem;
  color: var(--waxa-text-muted);
}

/* line 261, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(16, 185, 129, 0.06) 0%, transparent 70%);
}

/* line 266, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--waxa-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 271, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-cta-sub {
  font-size: 1.05rem;
  color: var(--waxa-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_alt_axonaut.scss */
.wedge-alt-axonaut-page .waxa-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page {
  --wmcrm-accent:       #E5A82E;
  --wmcrm-accent-light: #edc26e;
  --wmcrm-accent-dark:  #c78d19;
  --wmcrm-accent-glow:  rgba(229, 168, 46, 0.18);
  --wmcrm-accent-soft:  rgba(229, 168, 46, 0.08);
  --wmcrm-bg:           #0c0b07;
  --wmcrm-bg-2:         #0f0e0a;
  --wmcrm-surface:      rgba(255, 255, 255, 0.04);
  --wmcrm-border:       rgba(255, 255, 255, 0.08);
  --wmcrm-white:        #f8fafc;
  --wmcrm-text-muted:   rgba(255, 255, 255, 0.55);
  --wmcrm-green:        #22c55e;
  --wmcrm-green-soft:   rgba(34, 197, 94, 0.08);
  --wmcrm-orange:       #f97316;
  background: var(--wmcrm-bg);
  color: var(--wmcrm-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 30, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page *, .wedge-meilleur-crm-page *::before, .wedge-meilleur-crm-page *::after {
  box-sizing: border-box;
}

/* line 33, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 35, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 35, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
  .wedge-meilleur-crm-page .wmcrm-section {
    padding: 64px 0;
  }
}

/* line 40, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wmcrm-accent);
  margin-bottom: 12px;
}

/* line 45, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wmcrm-white);
  margin-bottom: 16px;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-section-sub {
  font-size: 1.05rem;
  color: var(--wmcrm-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wmcrm-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-back-link i {
  font-size: 0.7rem;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-back-link:hover {
  color: var(--wmcrm-white);
}

/* line 63, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-breadcrumb-sep {
  color: var(--wmcrm-text-muted);
  opacity: 0.4;
}

/* line 64, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-breadcrumb-current {
  font-weight: 600;
  color: var(--wmcrm-accent);
}

/* line 67, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wmcrm-accent);
  color: #0c0b07;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 72, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-btn-primary:hover {
  background: var(--wmcrm-accent-light);
  transform: translateY(-1px);
  color: #0c0b07;
}

/* line 75, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wmcrm-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 81, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-btn-secondary:hover {
  border-color: var(--wmcrm-accent);
  color: var(--wmcrm-accent);
}

/* line 85, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 20% 40%, rgba(229, 168, 46, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--wmcrm-bg) 0%, var(--wmcrm-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 85, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
  .wedge-meilleur-crm-page .wmcrm-hero {
    padding: 48px 0 56px;
  }
}

/* line 94, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-hero-copy {
  max-width: 700px;
}

/* line 96, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wmcrm-accent-soft);
  border: 1px solid rgba(229, 168, 46, 0.25);
  color: var(--wmcrm-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 104, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wmcrm-white);
  margin-bottom: 20px;
}

/* line 107, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-hero-title em {
  color: var(--wmcrm-accent);
  font-style: normal;
}

/* line 110, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-hero-desc {
  font-size: 1.1rem;
  color: var(--wmcrm-text-muted);
  line-height: 1.65;
  max-width: 580px;
  margin-bottom: 32px;
}

/* line 115, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 117, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 121, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--wmcrm-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 126, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-badge i {
  color: var(--wmcrm-accent);
  font-size: 0.72rem;
}

/* line 130, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-criteria-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 130, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
  .wedge-meilleur-crm-page .wmcrm-criteria-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* line 135, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-criteria-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--wmcrm-surface);
  border: 1px solid var(--wmcrm-border);
  border-radius: 14px;
  padding: 20px 22px;
  transition: border-color 0.2s;
}

/* line 140, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-criteria-item:hover {
  border-color: rgba(229, 168, 46, 0.25);
}

/* line 143, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-criteria-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  flex-shrink: 0;
  background: var(--wmcrm-accent-soft);
  border: 1px solid rgba(229, 168, 46, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wmcrm-accent);
  font-size: 0.95rem;
}

/* line 150, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-criteria-text {
  flex: 1;
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-criteria-text strong {
  display: block;
  font-size: 0.9rem;
  color: var(--wmcrm-white);
  margin-bottom: 4px;
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-criteria-text span {
  font-size: 0.82rem;
  color: var(--wmcrm-text-muted);
  line-height: 1.5;
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-atouts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 157, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
  .wedge-meilleur-crm-page .wmcrm-atouts-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 162, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-atout-card {
  background: var(--wmcrm-surface);
  border: 1px solid var(--wmcrm-border);
  border-radius: 16px;
  padding: 28px;
  transition: border-color 0.2s;
}

/* line 166, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-atout-card:hover {
  border-color: rgba(229, 168, 46, 0.3);
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-atout-num {
  font-size: 2rem;
  font-weight: 900;
  color: var(--wmcrm-accent);
  opacity: 0.4;
  line-height: 1;
  margin-bottom: 12px;
}

/* line 174, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-atout-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wmcrm-white);
  margin-bottom: 8px;
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-atout-desc {
  font-size: 0.85rem;
  color: var(--wmcrm-text-muted);
  line-height: 1.6;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 992px) {
  /* line 183, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
  .wedge-meilleur-crm-page .wmcrm-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 183, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
  .wedge-meilleur-crm-page .wmcrm-cards-grid {
    grid-template-columns: 1fr;
  }
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-compare-card {
  background: var(--wmcrm-surface);
  border: 1px solid var(--wmcrm-border);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* line 194, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-compare-card.is-featured {
  border-color: rgba(229, 168, 46, 0.4);
  background: rgba(229, 168, 46, 0.04);
}

/* line 200, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-card-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-card-name {
  font-size: 1rem;
  font-weight: 800;
  color: var(--wmcrm-white);
}

/* line 208, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-card-badge {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--wmcrm-accent-soft);
  color: var(--wmcrm-accent);
  width: fit-content;
}

/* line 214, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-card-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 218, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-card-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-bottom: 1px solid var(--wmcrm-border);
  padding-bottom: 10px;
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-card-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 224, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-row-label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wmcrm-text-muted);
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-row-value {
  font-size: 0.84rem;
  color: var(--wmcrm-white);
  font-weight: 500;
}

/* line 232, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-row-value.is-positive {
  color: var(--wmcrm-green);
}

/* line 233, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-row-value.is-neutral {
  color: var(--wmcrm-orange);
}

/* line 234, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-row-value.is-muted {
  color: var(--wmcrm-text-muted);
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 238, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
  .wedge-meilleur-crm-page .wmcrm-testimonials-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* line 243, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-testimonial-card {
  background: var(--wmcrm-surface);
  border: 1px solid rgba(229, 168, 46, 0.2);
  border-radius: 20px;
  padding: 32px;
}

@media (max-width: 576px) {
  /* line 243, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
  .wedge-meilleur-crm-page .wmcrm-testimonial-card {
    padding: 24px;
  }
}

/* line 249, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-quote-icon {
  font-size: 3rem;
  line-height: 1;
  color: var(--wmcrm-accent);
  opacity: 0.35;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 254, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-testimonial-text {
  font-size: 0.95rem;
  color: var(--wmcrm-white);
  line-height: 1.7;
  margin-bottom: 20px;
}

/* line 257, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-testimonial-text strong {
  color: var(--wmcrm-accent);
}

/* line 260, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-testimonial-author {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 262, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--wmcrm-accent-soft);
  border: 2px solid var(--wmcrm-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--wmcrm-accent);
  flex-shrink: 0;
}

/* line 269, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 271, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-author-info strong {
  font-size: 0.88rem;
  color: var(--wmcrm-white);
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-author-info span {
  font-size: 0.78rem;
  color: var(--wmcrm-text-muted);
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 48px;
  max-width: 800px;
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-faq-item {
  background: var(--wmcrm-surface);
  border: 1px solid var(--wmcrm-border);
  border-radius: 14px;
  padding: 24px 28px;
  transition: border-color 0.2s;
}

/* line 284, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-faq-item:hover {
  border-color: rgba(229, 168, 46, 0.25);
}

/* line 287, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-faq-q {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wmcrm-white);
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* line 291, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-faq-q::before {
  content: 'Q';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  flex-shrink: 0;
  background: var(--wmcrm-accent-soft);
  color: var(--wmcrm-accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
}

/* line 300, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-faq-a {
  font-size: 0.88rem;
  color: var(--wmcrm-text-muted);
  line-height: 1.65;
  padding-left: 32px;
}

/* line 306, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(229, 168, 46, 0.06) 0%, transparent 70%);
}

/* line 311, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wmcrm-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 316, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-cta-sub {
  font-size: 1.05rem;
  color: var(--wmcrm-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_meilleur_crm.scss */
.wedge-meilleur-crm-page .wmcrm-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page {
  --wesn-deepblue:      #140D23;
  --wesn-accent:        #14b8a6;
  --wesn-accent-light:  #2be8d3;
  --wesn-accent-soft:   #6cefe1;
  --wesn-orange-start:  #FF6B35;
  --wesn-orange-end:    #F7931E;
  --wesn-white:         #FFFFFF;
  --wesn-glass-bg:      rgba(255, 255, 255, 0.07);
  --wesn-glass-border:  rgba(255, 255, 255, 0.13);
  --wesn-glass-hover:   rgba(255, 255, 255, 0.11);
  --wesn-text-muted:    rgba(255, 255, 255, 0.52);
  --wesn-text-body:     rgba(255, 255, 255, 0.84);
  --wesn-radius:        12px;
  --wesn-radius-lg:     20px;
  --wesn-radius-xl:     28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wesn-text-body);
  background: linear-gradient(151deg, #040e12 0%, #061318 55%, #041016 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page *, .wedge-esn-ssii-page *::before, .wedge-esn-ssii-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page ul {
  list-style: none;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 48, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-breadcrumb-link {
  color: var(--wesn-text-muted);
  transition: color 0.2s;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-breadcrumb-link:hover {
  color: var(--wesn-white);
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-breadcrumb-sep {
  color: var(--wesn-text-muted);
  opacity: 0.4;
}

/* line 53, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-breadcrumb-current {
  font-weight: 600;
  color: var(--wesn-accent-light);
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(20, 184, 166, 0.09) 0%, transparent 70%);
  pointer-events: none;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  animation: wesn-fade-up 0.7s ease both;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.3);
  color: var(--wesn-accent-light);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--wesn-white);
  margin-bottom: 24px;
}

/* line 92, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-hero-title .wesn-highlight {
  color: var(--wesn-accent-light);
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-hero-sub {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--wesn-text-body);
  max-width: 640px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 101, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wesn-orange-start), var(--wesn-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wesn-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wesn-glass-bg);
  border: 1px solid var(--wesn-glass-border);
  color: var(--wesn-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wesn-radius);
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-btn-secondary:hover {
  background: var(--wesn-glass-hover);
  transform: translateY(-2px);
  color: #fff;
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--wesn-text-muted);
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-trust-item i {
  color: var(--wesn-accent-light);
  font-size: 0.75rem;
}

/* line 139, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-hero-dashboard {
  margin-top: 56px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--wesn-radius-lg);
  overflow: hidden;
  backdrop-filter: blur(12px);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* line 155, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-dash-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-dash-dot.red {
  background: #ff5f57;
}

/* line 158, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-dash-dot.amber {
  background: #febc2e;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-dash-dot.teal {
  background: #14b8a6;
}

/* line 162, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-dash-title {
  font-size: 0.72rem;
  color: var(--wesn-text-muted);
  font-family: 'Courier New', monospace;
  margin-left: 8px;
}

/* line 167, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-dash-body {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 172, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-dash-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

@media (max-width: 576px) {
  /* line 172, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
  .wedge-esn-ssii-page .wesn-dash-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-kpi {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--wesn-radius);
  padding: 12px;
  text-align: center;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-kpi.teal {
  border-color: rgba(20, 184, 166, 0.35);
  background: rgba(20, 184, 166, 0.08);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-kpi.green {
  border-color: rgba(16, 185, 129, 0.3);
  background: rgba(16, 185, 129, 0.07);
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-kpi.orange {
  border-color: rgba(255, 107, 53, 0.3);
  background: rgba(255, 107, 53, 0.07);
}

/* line 188, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-kpi-val {
  display: block;
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--wesn-white);
}

/* line 190, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wesn-kpi.teal .wedge-esn-ssii-page .wesn-kpi-val {
  color: var(--wesn-accent-light);
}

/* line 191, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wesn-kpi.green .wedge-esn-ssii-page .wesn-kpi-val {
  color: #14e8a2;
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wesn-kpi.orange .wedge-esn-ssii-page .wesn-kpi-val {
  color: #FF6B35;
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-kpi-lbl {
  font-size: 0.65rem;
  color: var(--wesn-text-muted);
  margin-top: 2px;
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-dash-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--wesn-text-muted);
  padding: 5px 12px;
  border-radius: 999px;
}

/* line 209, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-tag.active {
  background: rgba(20, 184, 166, 0.12);
  border-color: rgba(20, 184, 166, 0.3);
  color: var(--wesn-accent-light);
}

/* line 213, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-tag i {
  font-size: 0.65rem;
}

/* line 219, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-section-eyebrow {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wesn-accent-light);
  margin-bottom: 12px;
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wesn-white);
  margin-bottom: 16px;
}

/* line 231, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--wesn-text-muted);
  max-width: 580px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 240, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-challenges {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-challenges-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 251, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-challenges-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  /* line 251, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
  .wedge-esn-ssii-page .wesn-challenges-grid {
    grid-template-columns: 1fr;
  }
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-challenge-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--wesn-glass-bg);
  border: 1px solid var(--wesn-glass-border);
  border-radius: var(--wesn-radius-lg);
  padding: 24px;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 263, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-challenge-card:hover {
  background: var(--wesn-glass-hover);
  transform: translateY(-2px);
}

/* line 266, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-challenge-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex-shrink: 0;
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 270, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-challenge-icon i {
  font-size: 1rem;
  color: var(--wesn-accent-light);
}

/* line 273, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-challenge-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wesn-white);
  margin-bottom: 6px;
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-challenge-desc {
  font-size: 0.82rem;
  color: var(--wesn-text-muted);
  line-height: 1.6;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-features {
  padding: 80px 24px;
}

/* line 289, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-features-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 293, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 900px) {
  /* line 293, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
  .wedge-esn-ssii-page .wesn-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 293, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
  .wedge-esn-ssii-page .wesn-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-feature-card {
  background: var(--wesn-glass-bg);
  border: 1px solid var(--wesn-glass-border);
  border-radius: var(--wesn-radius-lg);
  padding: 28px 24px;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 306, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-feature-card:hover {
  background: var(--wesn-glass-hover);
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

/* line 311, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-feature-card.accent {
  border-color: rgba(20, 184, 166, 0.35);
  background: rgba(20, 184, 166, 0.07);
}

/* line 317, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(20, 184, 166, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-feature-icon i {
  font-size: 1.1rem;
  color: var(--wesn-accent-light);
}

/* line 324, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-feature-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wesn-white);
}

/* line 328, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-feature-desc {
  font-size: 0.82rem;
  color: var(--wesn-text-muted);
  line-height: 1.6;
}

/* line 332, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-feature-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

/* line 336, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-feature-pill {
  font-size: 0.65rem;
  font-weight: 600;
  background: rgba(20, 184, 166, 0.1);
  border: 1px solid rgba(20, 184, 166, 0.2);
  color: var(--wesn-accent-light);
  padding: 2px 8px;
  border-radius: 999px;
}

/* line 345, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 352, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* line 356, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-card {
  background: rgba(20, 184, 166, 0.05);
  border: 1px solid rgba(20, 184, 166, 0.2);
  border-radius: var(--wesn-radius-xl);
  padding: 48px 40px;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 48px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 356, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
  .wedge-esn-ssii-page .wesn-usecase-card {
    grid-template-columns: 1fr;
    padding: 32px 24px;
    gap: 32px;
  }
}

/* line 365, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-profile {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  align-items: center;
}

/* line 370, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(20, 184, 166, 0.15);
  border: 2px solid rgba(20, 184, 166, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 374, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-avatar i {
  font-size: 1.8rem;
  color: var(--wesn-accent-light);
}

/* line 377, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-type {
  font-size: 1rem;
  font-weight: 800;
  color: var(--wesn-white);
}

/* line 381, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 385, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-meta-item {
  font-size: 0.78rem;
  color: var(--wesn-text-muted);
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}

/* line 388, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-meta-item i {
  color: var(--wesn-accent-light);
  font-size: 0.7rem;
}

/* line 391, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-details {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 395, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-title {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--wesn-white);
  line-height: 1.3;
}

/* line 399, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-desc {
  font-size: 0.9rem;
  color: var(--wesn-text-muted);
  line-height: 1.7;
}

/* line 403, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-gains {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 407, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-gain {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.82rem;
  color: var(--wesn-text-body);
}

/* line 410, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-usecase-gain i {
  color: var(--wesn-accent-light);
  font-size: 0.75rem;
  flex-shrink: 0;
}

/* line 416, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-timeline {
  padding: 80px 24px;
}

/* line 420, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-timeline-inner {
  max-width: 780px;
  margin: 0 auto;
}

/* line 424, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-timeline-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 428, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-step {
  display: flex;
  gap: 24px;
  padding-bottom: 40px;
  position: relative;
}

/* line 432, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-step-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

/* line 436, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-step-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(20, 184, 166, 0.14);
  border: 2px solid rgba(20, 184, 166, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* line 440, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-step-circle i {
  font-size: 0.9rem;
  color: var(--wesn-accent-light);
}

/* line 443, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-step-line {
  width: 2px;
  flex: 1;
  background: linear-gradient(to bottom, rgba(20, 184, 166, 0.35), rgba(20, 184, 166, 0.05));
  margin-top: 4px;
}

/* line 449, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-step:last-child .wesn-step-line {
  display: none;
}

/* line 451, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-step-content {
  padding-top: 8px;
  padding-bottom: 4px;
}

/* line 455, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-step-time {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wesn-accent-light);
  margin-bottom: 6px;
}

/* line 461, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-step-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wesn-white);
  margin-bottom: 6px;
}

/* line 466, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-step-desc {
  font-size: 0.85rem;
  color: var(--wesn-text-muted);
  line-height: 1.6;
}

/* line 473, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 477, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--wesn-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 477, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
  .wedge-esn-ssii-page .wesn-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 485, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.3);
  color: var(--wesn-accent-light);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 24px;
}

/* line 493, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-cta-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--wesn-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 498, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-cta-sub {
  font-size: 1rem;
  color: var(--wesn-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 503, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 508, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-cta-reassurance {
  font-size: 0.78rem;
  color: var(--wesn-text-muted);
  line-height: 1.8;
}

/* line 510, app/assets/stylesheets/website/pages/_wedge_esn_ssii.scss */
.wedge-esn-ssii-page .wesn-cta-reassurance i {
  color: var(--wesn-accent-light);
  font-size: 0.72rem;
}

@keyframes wesn-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes wesn-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.8);
  }
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page {
  --wcfl-deepblue:      #140D23;
  --wcfl-accent:        #6366f1;
  --wcfl-accent-light:  #a5a6f7;
  --wcfl-accent-soft:   #e6e7fd;
  --wcfl-orange-start:  #FF6B35;
  --wcfl-orange-end:    #F7931E;
  --wcfl-white:         #FFFFFF;
  --wcfl-glass-bg:      rgba(255, 255, 255, 0.07);
  --wcfl-glass-border:  rgba(255, 255, 255, 0.13);
  --wcfl-glass-hover:   rgba(255, 255, 255, 0.11);
  --wcfl-text-muted:    rgba(255, 255, 255, 0.52);
  --wcfl-text-body:     rgba(255, 255, 255, 0.84);
  --wcfl-radius:        12px;
  --wcfl-radius-lg:     20px;
  --wcfl-radius-xl:     28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wcfl-text-body);
  background: linear-gradient(151deg, #06040e 0%, #0a0618 55%, #080416 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page *, .wedge-consultant-freelance-page *::before, .wedge-consultant-freelance-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page ul {
  list-style: none;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 48, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-breadcrumb-link {
  color: var(--wcfl-text-muted);
  transition: color 0.2s;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-breadcrumb-link:hover {
  color: var(--wcfl-white);
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-breadcrumb-sep {
  color: var(--wcfl-text-muted);
  opacity: 0.4;
}

/* line 53, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-breadcrumb-current {
  font-weight: 600;
  color: var(--wcfl-accent-light);
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(99, 102, 241, 0.09) 0%, transparent 70%);
  pointer-events: none;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  animation: wcfl-fade-up 0.7s ease both;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.3);
  color: var(--wcfl-accent-light);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--wcfl-white);
  margin-bottom: 24px;
}

/* line 92, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-hero-title .wcfl-highlight {
  color: var(--wcfl-accent-light);
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-hero-sub {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--wcfl-text-body);
  max-width: 640px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 101, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wcfl-orange-start), var(--wcfl-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wcfl-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wcfl-glass-bg);
  border: 1px solid var(--wcfl-glass-border);
  color: var(--wcfl-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wcfl-radius);
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-btn-secondary:hover {
  background: var(--wcfl-glass-hover);
  transform: translateY(-2px);
  color: #fff;
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--wcfl-text-muted);
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-trust-item i {
  color: var(--wcfl-accent-light);
  font-size: 0.75rem;
}

/* line 139, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-hero-dashboard {
  margin-top: 56px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--wcfl-radius-lg);
  overflow: hidden;
  backdrop-filter: blur(12px);
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* line 155, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-dash-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-dash-dot.red {
  background: #ff5f57;
}

/* line 158, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-dash-dot.amber {
  background: #febc2e;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-dash-dot.indigo {
  background: #6366f1;
}

/* line 162, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-dash-title {
  font-size: 0.72rem;
  color: var(--wcfl-text-muted);
  font-family: 'Courier New', monospace;
  margin-left: 8px;
}

/* line 167, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-dash-body {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 172, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-dash-kpis {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media (max-width: 576px) {
  /* line 172, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
  .wedge-consultant-freelance-page .wcfl-dash-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-kpi {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--wcfl-radius);
  padding: 12px;
  text-align: center;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-kpi.indigo {
  border-color: rgba(99, 102, 241, 0.35);
  background: rgba(99, 102, 241, 0.08);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-kpi.green {
  border-color: rgba(16, 185, 129, 0.3);
  background: rgba(16, 185, 129, 0.07);
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-kpi.orange {
  border-color: rgba(255, 107, 53, 0.3);
  background: rgba(255, 107, 53, 0.07);
}

/* line 188, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-kpi-val {
  display: block;
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--wcfl-white);
}

/* line 190, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wcfl-kpi.indigo .wedge-consultant-freelance-page .wcfl-kpi-val {
  color: var(--wcfl-accent-light);
}

/* line 191, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wcfl-kpi.green .wedge-consultant-freelance-page .wcfl-kpi-val {
  color: #14e8a2;
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wcfl-kpi.orange .wedge-consultant-freelance-page .wcfl-kpi-val {
  color: #FF6B35;
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-kpi-lbl {
  font-size: 0.65rem;
  color: var(--wcfl-text-muted);
  margin-top: 2px;
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-dash-invoice-preview {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: var(--wcfl-radius);
  padding: 14px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-invoice-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  flex-shrink: 0;
  background: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 209, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-invoice-icon i {
  font-size: 0.9rem;
  color: var(--wcfl-accent-light);
}

/* line 212, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-invoice-info {
  flex: 1;
}

/* line 214, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-invoice-info .wcfl-invoice-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wcfl-white);
}

/* line 215, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-invoice-info .wcfl-invoice-sub {
  font-size: 0.68rem;
  color: var(--wcfl-text-muted);
  margin-top: 2px;
}

/* line 218, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-invoice-badge {
  font-size: 0.65rem;
  font-weight: 700;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #14e8a2;
  padding: 3px 8px;
  border-radius: 999px;
}

/* line 227, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-section-eyebrow {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wcfl-accent-light);
  margin-bottom: 12px;
}

/* line 233, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wcfl-white);
  margin-bottom: 16px;
}

/* line 239, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--wcfl-text-muted);
  max-width: 580px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-frustrations {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 255, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-frustrations-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* line 259, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-frustrations-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

@media (max-width: 640px) {
  /* line 259, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
  .wedge-consultant-freelance-page .wcfl-frustrations-grid {
    grid-template-columns: 1fr;
  }
}

/* line 264, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-frustration-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: rgba(255, 70, 70, 0.05);
  border: 1px solid rgba(255, 70, 70, 0.15);
  border-radius: var(--wcfl-radius-lg);
  padding: 20px 22px;
  transition: background 0.2s;
}

/* line 271, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-frustration-card:hover {
  background: rgba(255, 70, 70, 0.08);
}

/* line 274, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-frustration-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  flex-shrink: 0;
  background: rgba(255, 70, 70, 0.1);
  border: 1px solid rgba(255, 70, 70, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-frustration-icon i {
  font-size: 0.9rem;
  color: rgba(255, 130, 130, 0.9);
}

/* line 281, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-frustration-text {
  font-size: 0.88rem;
  color: var(--wcfl-text-body);
  line-height: 1.6;
}

/* line 283, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-frustration-text strong {
  color: var(--wcfl-white);
}

/* line 286, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-frustrations-cta {
  margin-top: 32px;
  text-align: center;
}

/* line 290, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-solution-callout {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(99, 102, 241, 0.08);
  border: 1px solid rgba(99, 102, 241, 0.25);
  border-radius: var(--wcfl-radius);
  padding: 14px 24px;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--wcfl-accent-light);
}

/* line 295, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-solution-callout i {
  font-size: 1rem;
}

/* line 301, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-features {
  padding: 80px 24px;
}

/* line 305, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-features-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* line 309, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 900px) {
  /* line 309, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
  .wedge-consultant-freelance-page .wcfl-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 309, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
  .wedge-consultant-freelance-page .wcfl-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 315, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-feature-card {
  background: var(--wcfl-glass-bg);
  border: 1px solid var(--wcfl-glass-border);
  border-radius: var(--wcfl-radius-lg);
  padding: 28px 22px;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 322, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-feature-card:hover {
  background: var(--wcfl-glass-hover);
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

/* line 327, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-feature-card.accent {
  border-color: rgba(99, 102, 241, 0.35);
  background: rgba(99, 102, 241, 0.07);
}

/* line 333, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(99, 102, 241, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 337, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-feature-icon i {
  font-size: 1.1rem;
  color: var(--wcfl-accent-light);
}

/* line 340, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-feature-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wcfl-white);
}

/* line 344, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-feature-desc {
  font-size: 0.82rem;
  color: var(--wcfl-text-muted);
  line-height: 1.6;
}

/* line 351, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-accountant {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 358, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-accountant-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* line 362, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-accountant-card {
  background: rgba(99, 102, 241, 0.05);
  border: 1px solid rgba(99, 102, 241, 0.2);
  border-radius: var(--wcfl-radius-xl);
  padding: 48px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 362, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
  .wedge-consultant-freelance-page .wcfl-accountant-card {
    grid-template-columns: 1fr;
    padding: 32px 24px;
    gap: 28px;
  }
}

/* line 373, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-accountant-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.3);
  color: var(--wcfl-accent-light);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 999px;
  margin-bottom: 20px;
}

/* line 381, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-accountant-title {
  font-size: clamp(1.3rem, 2.5vw, 1.7rem);
  font-weight: 800;
  color: var(--wcfl-white);
  line-height: 1.3;
  margin-bottom: 12px;
}

/* line 386, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-accountant-desc {
  font-size: 0.9rem;
  color: var(--wcfl-text-muted);
  line-height: 1.7;
  margin-bottom: 20px;
}

/* line 390, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-accountant-features {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 394, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-accountant-feature {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.85rem;
  color: var(--wcfl-text-body);
}

/* line 397, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-accountant-feature i {
  color: var(--wcfl-accent-light);
  font-size: 0.8rem;
  flex-shrink: 0;
}

/* line 400, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-accountant-visual {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 404, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-export-row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--wcfl-radius);
  padding: 12px 16px;
}

/* line 410, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-export-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  flex-shrink: 0;
  background: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 414, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-export-icon i {
  font-size: 0.85rem;
  color: var(--wcfl-accent-light);
}

/* line 417, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-export-label {
  flex: 1;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--wcfl-white);
}

/* line 421, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-export-sub {
  font-size: 0.7rem;
  color: var(--wcfl-text-muted);
}

/* line 425, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-export-badge {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
}

/* line 428, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-export-badge.ready {
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: #14e8a2;
}

/* line 432, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-export-badge.auto {
  background: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.3);
  color: var(--wcfl-accent-light);
}

/* line 441, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-testimonial {
  padding: 80px 24px;
  max-width: 800px;
  margin: 0 auto;
}

/* line 446, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-testimonial-card {
  background: var(--wcfl-glass-bg);
  border: 1px solid var(--wcfl-glass-border);
  border-radius: var(--wcfl-radius-xl);
  padding: 48px 40px;
  backdrop-filter: blur(12px);
  text-align: center;
}

@media (max-width: 576px) {
  /* line 446, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
  .wedge-consultant-freelance-page .wcfl-testimonial-card {
    padding: 32px 24px;
  }
}

/* line 453, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-quote-icon {
  font-size: 2rem;
  color: var(--wcfl-accent-light);
  opacity: 0.35;
  margin-bottom: 20px;
}

/* line 458, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-quote-text {
  font-size: clamp(0.95rem, 2.2vw, 1.1rem);
  font-style: italic;
  color: var(--wcfl-text-body);
  line-height: 1.75;
  margin-bottom: 28px;
}

/* line 463, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: center;
  margin-bottom: 24px;
}

/* line 468, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(99, 102, 241, 0.15);
  border: 1px solid rgba(99, 102, 241, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 472, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-author-avatar i {
  color: var(--wcfl-accent-light);
  font-size: 0.9rem;
}

/* line 475, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-author-name {
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--wcfl-white);
}

/* line 476, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-author-role {
  font-size: 0.78rem;
  color: var(--wcfl-text-muted);
}

/* line 478, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-testimonial-results {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 485, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-result-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

/* line 489, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-result-val {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--wcfl-accent-light);
}

/* line 490, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-result-lbl {
  font-size: 0.7rem;
  color: var(--wcfl-text-muted);
}

/* line 495, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-pricing {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 502, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-pricing-inner {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

/* line 506, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-pricing-card {
  background: rgba(99, 102, 241, 0.06);
  border: 1px solid rgba(99, 102, 241, 0.22);
  border-radius: var(--wcfl-radius-xl);
  padding: 48px 40px;
  backdrop-filter: blur(12px);
}

@media (max-width: 576px) {
  /* line 506, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
  .wedge-consultant-freelance-page .wcfl-pricing-card {
    padding: 32px 22px;
  }
}

/* line 514, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-pricing-label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wcfl-accent-light);
  margin-bottom: 12px;
}

/* line 519, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-pricing-headline {
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 800;
  color: var(--wcfl-white);
  margin-bottom: 8px;
  line-height: 1.2;
}

/* line 524, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-pricing-sub {
  font-size: 0.9rem;
  color: var(--wcfl-text-muted);
  line-height: 1.7;
  margin-bottom: 28px;
}

/* line 528, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-pricing-features {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: left;
  margin-bottom: 28px;
}

/* line 533, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-pricing-feature {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.85rem;
  color: var(--wcfl-text-body);
}

/* line 536, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-pricing-feature i {
  color: var(--wcfl-accent-light);
  font-size: 0.78rem;
  flex-shrink: 0;
}

/* line 542, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 546, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--wcfl-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 546, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
  .wedge-consultant-freelance-page .wcfl-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 554, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(99, 102, 241, 0.12);
  border: 1px solid rgba(99, 102, 241, 0.3);
  color: var(--wcfl-accent-light);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 24px;
}

/* line 562, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-cta-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--wcfl-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 567, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-cta-sub {
  font-size: 1rem;
  color: var(--wcfl-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 572, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 577, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-cta-reassurance {
  font-size: 0.78rem;
  color: var(--wcfl-text-muted);
  line-height: 1.8;
}

/* line 579, app/assets/stylesheets/website/pages/_wedge_consultant_freelance.scss */
.wedge-consultant-freelance-page .wcfl-cta-reassurance i {
  color: var(--wcfl-accent-light);
  font-size: 0.72rem;
}

@keyframes wcfl-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes wcfl-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.8);
  }
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page {
  --wcpenny-deepblue:      #140D23;
  --wcpenny-accent:        #8b5cf6;
  --wcpenny-accent-light:  #c2a9fa;
  --wcpenny-accent-soft:   #ebe3fd;
  --wcpenny-orange-start:  #FF6B35;
  --wcpenny-orange-end:    #F7931E;
  --wcpenny-white:         #FFFFFF;
  --wcpenny-glass-bg:      rgba(255, 255, 255, 0.07);
  --wcpenny-glass-border:  rgba(255, 255, 255, 0.13);
  --wcpenny-glass-hover:   rgba(255, 255, 255, 0.11);
  --wcpenny-text-muted:    rgba(255, 255, 255, 0.52);
  --wcpenny-text-body:     rgba(255, 255, 255, 0.84);
  --wcpenny-radius:        12px;
  --wcpenny-radius-lg:     20px;
  --wcpenny-radius-xl:     28px;
  --wcpenny-pl-color:      #00c4a7;
  font-family: 'Poppins', sans-serif;
  color: var(--wcpenny-text-body);
  background: linear-gradient(151deg, #0c0a1a 0%, #0a0816 55%, #080b18 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 28, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page *, .wedge-compatible-pennylane-page *::before, .wedge-compatible-pennylane-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page a {
  text-decoration: none;
  color: inherit;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page ul {
  list-style: none;
}

/* line 43, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 47, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-breadcrumb-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wcpenny-text-muted);
  transition: color 0.2s;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-breadcrumb-link:hover {
  color: var(--wcpenny-white);
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-breadcrumb-sep {
  color: var(--wcpenny-text-muted);
  opacity: 0.4;
}

/* line 53, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-breadcrumb-current {
  font-weight: 600;
  color: var(--wcpenny-accent-light);
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(139, 92, 246, 0.1) 0%, transparent 70%);
  pointer-events: none;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  animation: wcpenny-fade-up 0.7s ease both;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.3);
  color: var(--wcpenny-accent-light);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-hero-duo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-logo-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wcpenny-glass-bg);
  border: 1px solid var(--wcpenny-glass-border);
  border-radius: var(--wcpenny-radius);
  padding: 10px 18px;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wcpenny-white);
}

/* line 100, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-logo-badge.orizen {
  border-color: rgba(255, 107, 53, 0.4);
}

/* line 101, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-logo-badge.pennylane {
  border-color: rgba(0, 196, 167, 0.4);
}

/* line 103, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-logo-badge i {
  font-size: 0.9rem;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-plus-sep {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--wcpenny-accent-light);
  opacity: 0.8;
}

/* line 111, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--wcpenny-white);
  margin-bottom: 24px;
}

/* line 117, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-highlight {
  color: var(--wcpenny-accent-light);
}

/* line 119, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-hero-sub {
  font-size: clamp(1rem, 2vw, 1.15rem);
  color: var(--wcpenny-text-body);
  max-width: 640px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 130, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wcpenny-orange-start), var(--wcpenny-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wcpenny-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 140, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: var(--wcpenny-text);
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wcpenny-radius);
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.35);
  transform: translateY(-2px);
  color: var(--wcpenny-text);
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--wcpenny-text-muted);
}

/* line 162, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 164, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-trust-item i {
  color: var(--wcpenny-accent-light);
  font-size: 0.75rem;
}

/* line 170, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-section-eyebrow {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wcpenny-accent-light);
  margin-bottom: 12px;
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wcpenny-white);
  margin-bottom: 16px;
}

/* line 182, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--wcpenny-text-muted);
  max-width: 580px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 191, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 198, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* line 202, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-schema {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 24px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 202, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
  .wedge-compatible-pennylane-page .wcpenny-duo-schema {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 207, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-box {
  border-radius: var(--wcpenny-radius-lg);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 211, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-box.wcpenny-box-orizen {
  background: rgba(255, 107, 53, 0.06);
  border: 1px solid rgba(255, 107, 53, 0.25);
}

/* line 215, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-box.wcpenny-box-pennylane {
  background: rgba(0, 196, 167, 0.06);
  border: 1px solid rgba(0, 196, 167, 0.25);
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-box-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
}

/* line 226, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wcpenny-box-orizen .wedge-compatible-pennylane-page .wcpenny-duo-box-tag {
  background: rgba(255, 107, 53, 0.15);
  color: #FF6B35;
}

/* line 227, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wcpenny-box-pennylane .wedge-compatible-pennylane-page .wcpenny-duo-box-tag {
  background: rgba(0, 196, 167, 0.15);
  color: #00c4a7;
}

/* line 230, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-box-title {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--wcpenny-white);
}

/* line 234, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-box-desc {
  font-size: 0.82rem;
  color: var(--wcpenny-text-muted);
  line-height: 1.6;
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-box-items {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 4px;
}

/* line 242, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-box-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.76rem;
  color: var(--wcpenny-text-body);
}

/* line 245, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-box-item i {
  font-size: 0.68rem;
  width: 12px;
}

/* line 246, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wcpenny-box-orizen .wedge-compatible-pennylane-page .wcpenny-duo-box-item i {
  color: #FF6B35;
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wcpenny-box-pennylane .wedge-compatible-pennylane-page .wcpenny-duo-box-item i {
  color: #00c4a7;
}

/* line 250, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: var(--wcpenny-accent-light);
}

@media (max-width: 768px) {
  /* line 250, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
  .wedge-compatible-pennylane-page .wcpenny-duo-arrow {
    flex-direction: row;
    justify-content: center;
  }
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-arrow-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(139, 92, 246, 0.12);
  border: 2px solid rgba(139, 92, 246, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 260, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-arrow-icon i {
  font-size: 1.2rem;
  color: var(--wcpenny-accent-light);
}

/* line 263, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-duo-arrow-label {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--wcpenny-accent-light);
  text-align: center;
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-benefits {
  padding: 80px 24px;
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-benefits-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  /* line 280, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
  .wedge-compatible-pennylane-page .wcpenny-benefits-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
  /* line 280, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
  .wedge-compatible-pennylane-page .wcpenny-benefits-grid {
    grid-template-columns: 1fr;
  }
}

/* line 286, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-benefit-card {
  background: var(--wcpenny-glass-bg);
  border: 1px solid var(--wcpenny-glass-border);
  border-radius: var(--wcpenny-radius-lg);
  padding: 24px 20px;
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: background 0.2s, transform 0.2s;
}

/* line 292, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-benefit-card:hover {
  background: var(--wcpenny-glass-hover);
  transform: translateY(-2px);
}

/* line 295, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-benefit-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  flex-shrink: 0;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-benefit-icon i {
  font-size: 0.9rem;
  color: var(--wcpenny-accent-light);
}

/* line 302, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-benefit-title {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--wcpenny-white);
}

/* line 306, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-benefit-desc {
  font-size: 0.78rem;
  color: var(--wcpenny-text-muted);
  line-height: 1.6;
}

/* line 313, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-how {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 320, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-how-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* line 324, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 324, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
  .wedge-compatible-pennylane-page .wcpenny-steps {
    grid-template-columns: 1fr;
  }
}

/* line 329, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-step {
  background: var(--wcpenny-glass-bg);
  border: 1px solid var(--wcpenny-glass-border);
  border-radius: var(--wcpenny-radius-lg);
  padding: 28px 24px;
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

/* line 337, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-step-number {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid rgba(139, 92, 246, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--wcpenny-accent-light);
}

/* line 344, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-step-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 348, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-step-icon i {
  font-size: 1rem;
  color: var(--wcpenny-accent-light);
}

/* line 351, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-step-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wcpenny-white);
}

/* line 355, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-step-desc {
  font-size: 0.8rem;
  color: var(--wcpenny-text-muted);
  line-height: 1.6;
}

/* line 362, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-profiles {
  padding: 80px 24px;
}

/* line 366, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-profiles-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* line 370, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-profiles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 768px) {
  /* line 370, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
  .wedge-compatible-pennylane-page .wcpenny-profiles-grid {
    grid-template-columns: 1fr;
  }
}

/* line 375, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-profile-card {
  background: rgba(139, 92, 246, 0.05);
  border: 1px solid rgba(139, 92, 246, 0.2);
  border-radius: var(--wcpenny-radius-lg);
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: background 0.2s, transform 0.2s;
}

/* line 381, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-profile-card:hover {
  background: rgba(139, 92, 246, 0.09);
  transform: translateY(-2px);
}

/* line 384, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-profile-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(139, 92, 246, 0.14);
  border: 1px solid rgba(139, 92, 246, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 388, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-profile-icon i {
  font-size: 1rem;
  color: var(--wcpenny-accent-light);
}

/* line 391, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-profile-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wcpenny-white);
}

/* line 395, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-profile-desc {
  font-size: 0.8rem;
  color: var(--wcpenny-text-muted);
  line-height: 1.6;
}

/* line 399, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-profile-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.68rem;
  font-weight: 700;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.25);
  color: var(--wcpenny-accent-light);
  padding: 3px 10px;
  border-radius: 999px;
  margin-top: 4px;
}

/* line 410, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 414, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--wcpenny-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 414, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
  .wedge-compatible-pennylane-page .wcpenny-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 422, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.3);
  color: var(--wcpenny-accent-light);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 24px;
}

/* line 430, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-cta-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--wcpenny-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 435, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-cta-sub {
  font-size: 1rem;
  color: var(--wcpenny-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 439, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 443, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-cta-reassurance {
  font-size: 0.78rem;
  color: var(--wcpenny-text-muted);
  line-height: 1.8;
}

/* line 445, app/assets/stylesheets/website/pages/_wedge_compatible_pennylane.scss */
.wedge-compatible-pennylane-page .wcpenny-cta-reassurance i {
  color: var(--wcpenny-accent-light);
  font-size: 0.72rem;
}

@keyframes wcpenny-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page {
  --wece-accent:        #f59e0b;
  --wece-accent-light:  #fcd34d;
  --wece-accent-soft:   #fef3c7;
  --wece-deepblue:      #140D23;
  --wece-orange-start:  #FF6B35;
  --wece-orange-end:    #F7931E;
  --wece-white:         #FFFFFF;
  --wece-glass-bg:      rgba(255, 255, 255, 0.07);
  --wece-glass-border:  rgba(255, 255, 255, 0.13);
  --wece-glass-hover:   rgba(255, 255, 255, 0.11);
  --wece-text-muted:    rgba(255, 255, 255, 0.52);
  --wece-text-body:     rgba(255, 255, 255, 0.84);
  --wece-radius:        12px;
  --wece-radius-lg:     20px;
  --wece-radius-xl:     28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wece-text-body);
  background: linear-gradient(151deg, #0c0a1a 0%, #0a0816 55%, #080b18 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 27, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page *, .wedge-creation-ecommerce-page *::before, .wedge-creation-ecommerce-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page a {
  text-decoration: none;
  color: inherit;
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page ul {
  list-style: none;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 46, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-breadcrumb-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wece-text-muted);
  transition: color 0.2s;
}

/* line 49, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-breadcrumb-link:hover {
  color: var(--wece-white);
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-breadcrumb-sep {
  color: var(--wece-text-muted);
  opacity: 0.4;
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-breadcrumb-current {
  font-weight: 600;
  color: var(--wece-accent-light);
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 64, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(245, 158, 11, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* line 73, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  animation: wece-fade-up 0.7s ease both;
}

/* line 79, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-hero-badge-soon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.4);
  color: var(--wece-accent-light);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 6px 18px;
  border-radius: 999px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--wece-text-muted);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 96, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--wece-white);
  margin-bottom: 24px;
}

/* line 102, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-highlight {
  color: var(--wece-accent-light);
}

/* line 104, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-hero-sub {
  font-size: clamp(1rem, 2vw, 1.15rem);
  color: var(--wece-text-body);
  max-width: 640px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 110, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 115, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wece-orange-start), var(--wece-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wece-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wece-glass-bg);
  border: 1px solid var(--wece-glass-border);
  color: var(--wece-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wece-radius);
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-btn-secondary:hover {
  background: var(--wece-glass-hover);
  transform: translateY(-2px);
  color: #fff;
}

/* line 134, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--wece-text-muted);
}

/* line 140, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 142, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-trust-item i {
  color: var(--wece-accent-light);
  font-size: 0.75rem;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-section-eyebrow {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wece-accent-light);
  margin-bottom: 12px;
}

/* line 154, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wece-white);
  margin-bottom: 16px;
}

/* line 160, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--wece-text-muted);
  max-width: 580px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-connected {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-connected-inner {
  max-width: 960px;
  margin: 0 auto;
}

/* line 180, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-content: center;
  margin-bottom: 32px;
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 110px;
  text-align: center;
}

/* line 190, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-node {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
}

/* line 194, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-node i {
  font-size: 1rem;
}

/* line 196, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-node.node-site {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.35);
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-node.node-site i {
  color: var(--wece-accent-light);
}

/* line 201, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-node.node-orizen {
  background: rgba(255, 107, 53, 0.1);
  border-color: rgba(255, 107, 53, 0.35);
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-node.node-orizen i {
  color: #FF6B35;
}

/* line 206, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-node.node-crm {
  background: rgba(139, 92, 246, 0.1);
  border-color: rgba(139, 92, 246, 0.35);
}

/* line 209, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-node.node-crm i {
  color: #a78bfa;
}

/* line 213, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-label {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--wece-text-body);
  line-height: 1.3;
}

/* line 216, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-owner {
  font-size: 0.58rem;
  color: var(--wece-text-muted);
}

/* line 220, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-arrow {
  color: rgba(255, 255, 255, 0.2);
  font-size: 0.85rem;
  padding-top: 8px;
}

@media (max-width: 576px) {
  /* line 220, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
  .wedge-creation-ecommerce-page .wece-flow-arrow {
    display: none;
  }
}

/* line 226, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-outcomes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

@media (max-width: 768px) {
  /* line 226, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
  .wedge-creation-ecommerce-page .wece-flow-outcomes {
    grid-template-columns: 1fr;
  }
}

/* line 231, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-outcome {
  background: rgba(245, 158, 11, 0.06);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: var(--wece-radius);
  padding: 16px 18px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* line 237, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-flow-outcome i {
  color: var(--wece-accent-light);
  font-size: 0.85rem;
  margin-top: 2px;
  flex-shrink: 0;
}

/* line 240, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-outcome-text {
  font-size: 0.82rem;
  color: var(--wece-text-body);
  line-height: 1.5;
}

/* line 242, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-outcome-text strong {
  color: var(--wece-white);
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-features {
  padding: 80px 24px;
}

/* line 252, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-features-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

@media (max-width: 900px) {
  /* line 256, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
  .wedge-creation-ecommerce-page .wece-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  /* line 256, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
  .wedge-creation-ecommerce-page .wece-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 262, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-feature-card {
  background: var(--wece-glass-bg);
  border: 1px solid var(--wece-glass-border);
  border-radius: var(--wece-radius-lg);
  padding: 22px 18px;
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: background 0.2s, transform 0.2s;
}

/* line 268, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-feature-card:hover {
  background: var(--wece-glass-hover);
  transform: translateY(-2px);
}

/* line 271, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-feature-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 275, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-feature-icon i {
  font-size: 0.9rem;
  color: var(--wece-accent-light);
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-feature-title {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--wece-white);
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-feature-desc {
  font-size: 0.75rem;
  color: var(--wece-text-muted);
  line-height: 1.55;
}

/* line 289, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-waitlist {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 296, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-waitlist-inner {
  max-width: 680px;
  margin: 0 auto;
}

/* line 300, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-waitlist-card {
  background: rgba(245, 158, 11, 0.06);
  border: 1px solid rgba(245, 158, 11, 0.25);
  border-radius: var(--wece-radius-xl);
  padding: 52px 44px;
  text-align: center;
}

@media (max-width: 576px) {
  /* line 300, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
  .wedge-creation-ecommerce-page .wece-waitlist-card {
    padding: 36px 24px;
  }
}

/* line 308, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-waitlist-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(245, 158, 11, 0.12);
  border: 2px solid rgba(245, 158, 11, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

/* line 313, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-waitlist-icon i {
  font-size: 1.4rem;
  color: var(--wece-accent-light);
}

/* line 316, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-waitlist-title {
  font-size: clamp(1.4rem, 3vw, 1.9rem);
  font-weight: 800;
  color: var(--wece-white);
  margin-bottom: 12px;
  line-height: 1.2;
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-waitlist-sub {
  font-size: 0.92rem;
  color: var(--wece-text-muted);
  margin-bottom: 12px;
  line-height: 1.6;
}

/* line 325, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-waitlist-bonus {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: var(--wece-accent-light);
  font-size: 0.82rem;
  font-weight: 700;
  padding: 8px 20px;
  border-radius: 999px;
  margin-bottom: 28px;
}

/* line 333, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-waitlist-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wece-orange-start), var(--wece-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 32px;
  border-radius: var(--wece-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 340, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-waitlist-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 346, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative {
  padding: 60px 24px;
}

/* line 350, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative-inner {
  max-width: 680px;
  margin: 0 auto;
}

/* line 354, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative-card {
  background: var(--wece-glass-bg);
  border: 1px solid var(--wece-glass-border);
  border-radius: var(--wece-radius-lg);
  padding: 28px 32px;
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  gap: 20px;
  transition: background 0.2s;
}

/* line 360, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative-card:hover {
  background: var(--wece-glass-hover);
}

@media (max-width: 576px) {
  /* line 354, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
  .wedge-creation-ecommerce-page .wece-alternative-card {
    flex-direction: column;
    text-align: center;
  }
}

/* line 364, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  flex-shrink: 0;
  background: rgba(255, 107, 53, 0.1);
  border: 1px solid rgba(255, 107, 53, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 368, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative-icon i {
  font-size: 1.1rem;
  color: #FF6B35;
}

/* line 371, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative-body {
  flex: 1;
}

/* line 373, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wece-text-muted);
  margin-bottom: 4px;
}

/* line 378, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wece-white);
  margin-bottom: 4px;
}

/* line 382, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative-desc {
  font-size: 0.8rem;
  color: var(--wece-text-muted);
  line-height: 1.5;
}

/* line 386, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-alternative-arrow {
  color: var(--wece-accent-light);
  font-size: 1rem;
  flex-shrink: 0;
}

@media (max-width: 576px) {
  /* line 386, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
  .wedge-creation-ecommerce-page .wece-alternative-arrow {
    display: none;
  }
}

/* line 394, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 398, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--wece-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 398, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
  .wedge-creation-ecommerce-page .wece-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 406, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: var(--wece-accent-light);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 24px;
}

/* line 414, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-cta-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--wece-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 419, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-cta-sub {
  font-size: 1rem;
  color: var(--wece-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 423, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 427, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-cta-reassurance {
  font-size: 0.78rem;
  color: var(--wece-text-muted);
  line-height: 1.8;
}

/* line 429, app/assets/stylesheets/website/pages/_wedge_creation_ecommerce.scss */
.wedge-creation-ecommerce-page .wece-cta-reassurance i {
  color: var(--wece-accent-light);
  font-size: 0.72rem;
}

@keyframes wece-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page {
  --wahub-accent:       #ef4444;
  --wahub-accent-light: #f58686;
  --wahub-accent-dark:  #eb1515;
  --wahub-accent-glow:  rgba(239, 68, 68, 0.18);
  --wahub-accent-soft:  rgba(239, 68, 68, 0.08);
  --wahub-bg:           #0b0909;
  --wahub-bg-2:         #0f0c0c;
  --wahub-surface:      rgba(255, 255, 255, 0.04);
  --wahub-border:       rgba(255, 255, 255, 0.08);
  --wahub-white:        #f8fafc;
  --wahub-text-muted:   rgba(255, 255, 255, 0.55);
  --wahub-green:        #22c55e;
  --wahub-green-soft:   rgba(34, 197, 94, 0.08);
  --wahub-orange:       #f97316;
  --wahub-orange-soft:  rgba(249, 115, 22, 0.08);
  background: var(--wahub-bg);
  color: var(--wahub-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 31, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page *, .wedge-alt-hubspot-page *::before, .wedge-alt-hubspot-page *::after {
  box-sizing: border-box;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 36, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
  .wedge-alt-hubspot-page .wahub-section {
    padding: 64px 0;
  }
}

/* line 41, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wahub-accent);
  margin-bottom: 12px;
}

/* line 46, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wahub-white);
  margin-bottom: 16px;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-section-sub {
  font-size: 1.05rem;
  color: var(--wahub-text-muted);
  max-width: 640px;
  line-height: 1.65;
  margin-bottom: 48px;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wahub-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-back-link i {
  font-size: 0.7rem;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-back-link:hover {
  color: var(--wahub-white);
}

/* line 64, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-breadcrumb-sep {
  color: var(--wahub-text-muted);
  opacity: 0.4;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-breadcrumb-current {
  font-weight: 600;
  color: var(--wahub-accent);
}

/* line 68, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wahub-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 73, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-btn-primary:hover {
  background: var(--wahub-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wahub-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 82, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-btn-secondary:hover {
  border-color: var(--wahub-accent);
  color: var(--wahub-accent);
}

/* line 86, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 20% 40%, rgba(239, 68, 68, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--wahub-bg) 0%, var(--wahub-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 86, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
  .wedge-alt-hubspot-page .wahub-hero {
    padding: 48px 0 56px;
  }
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-hero-copy {
  max-width: 700px;
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wahub-accent-soft);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: var(--wahub-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wahub-white);
  margin-bottom: 20px;
}

/* line 108, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-hero-title em {
  color: var(--wahub-accent);
  font-style: normal;
}

/* line 111, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-hero-desc {
  font-size: 1.1rem;
  color: var(--wahub-text-muted);
  line-height: 1.65;
  max-width: 580px;
  margin-bottom: 32px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--wahub-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-badge i {
  color: var(--wahub-green);
  font-size: 0.72rem;
}

/* line 129, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-section {
  background: var(--wahub-bg-2);
  border-top: 1px solid var(--wahub-border);
  border-bottom: 1px solid var(--wahub-border);
}

/* line 135, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 135, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
  .wedge-alt-hubspot-page .wahub-forwhom-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* line 140, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-card {
  background: var(--wahub-surface);
  border: 1px solid var(--wahub-border);
  border-radius: 20px;
  padding: 32px;
  position: relative;
}

/* line 144, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-card--orizen {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.04);
}

/* line 150, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-tag {
  display: inline-block;
  background: var(--wahub-accent);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 100px;
  margin-bottom: 16px;
}

/* line 158, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

/* line 160, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-header i {
  font-size: 1.4rem;
  color: var(--wahub-accent);
}

/* line 161, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-header .wahub-forwhom-brand {
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--wahub-white);
}

/* line 166, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-pitch {
  font-size: 0.9rem;
  color: var(--wahub-text-muted);
  margin-bottom: 20px;
  line-height: 1.5;
}

/* line 171, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 174, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.85rem;
  color: var(--wahub-text-muted);
  line-height: 1.4;
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-list li i {
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 0.8rem;
  color: var(--wahub-text-muted);
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-list li .wahub-green {
  color: var(--wahub-green);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-forwhom-list li .wahub-neutral {
  color: var(--wahub-orange);
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 48px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--wahub-border);
}

/* line 194, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table th, .wedge-alt-hubspot-page .wahub-comparison-table td {
  padding: 14px 20px;
  text-align: left;
  font-size: 0.88rem;
  border-bottom: 1px solid var(--wahub-border);
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table thead th {
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table thead th.col-orizen {
  color: var(--wahub-accent);
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table thead th.col-competitor {
  color: var(--wahub-text-muted);
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table thead th.col-feature {
  color: var(--wahub-text-muted);
  width: 35%;
}

/* line 209, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 210, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

/* line 213, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table .col-feature-cell {
  color: var(--wahub-white);
  font-weight: 500;
}

/* line 215, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table .check-yes {
  color: var(--wahub-green);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.85rem;
}

/* line 220, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table .check-partial {
  color: var(--wahub-orange);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-comparison-table .check-no {
  color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 232, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-native-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 232, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
  .wedge-alt-hubspot-page .wahub-native-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 237, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-native-card {
  background: var(--wahub-surface);
  border: 1px solid var(--wahub-border);
  border-radius: 16px;
  padding: 28px;
  transition: border-color 0.2s;
}

/* line 240, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-native-card:hover {
  border-color: rgba(239, 68, 68, 0.3);
}

/* line 243, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-native-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--wahub-accent-soft);
  border: 1px solid rgba(239, 68, 68, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-native-icon i {
  color: var(--wahub-accent);
  font-size: 1.1rem;
}

/* line 251, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-native-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wahub-white);
  margin-bottom: 8px;
}

/* line 255, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-native-desc {
  font-size: 0.85rem;
  color: var(--wahub-text-muted);
  line-height: 1.6;
}

/* line 260, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-migration-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 260, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
  .wedge-alt-hubspot-page .wahub-migration-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-migration-card {
  background: var(--wahub-surface);
  border: 1px solid var(--wahub-border);
  border-radius: 16px;
  padding: 28px;
  text-align: center;
}

/* line 270, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-migration-num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--wahub-accent-soft);
  border: 2px solid var(--wahub-accent);
  color: var(--wahub-accent);
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-migration-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wahub-white);
  margin-bottom: 8px;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-migration-desc {
  font-size: 0.85rem;
  color: var(--wahub-text-muted);
  line-height: 1.6;
}

/* line 287, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-testimonials-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 287, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
  .wedge-alt-hubspot-page .wahub-testimonials-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* line 292, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-testimonial-card {
  background: var(--wahub-surface);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 20px;
  padding: 32px;
}

@media (max-width: 576px) {
  /* line 292, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
  .wedge-alt-hubspot-page .wahub-testimonial-card {
    padding: 24px;
  }
}

/* line 298, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-quote-icon {
  font-size: 3.5rem;
  line-height: 1;
  color: var(--wahub-accent);
  opacity: 0.4;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 303, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-testimonial-text {
  font-size: 0.95rem;
  color: var(--wahub-white);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* line 306, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-testimonial-text strong {
  color: var(--wahub-accent);
}

/* line 309, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 311, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--wahub-accent-soft);
  border: 2px solid var(--wahub-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--wahub-accent);
  flex-shrink: 0;
}

/* line 318, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 320, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-author-info strong {
  font-size: 0.9rem;
  color: var(--wahub-white);
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-author-info span {
  font-size: 0.8rem;
  color: var(--wahub-text-muted);
}

/* line 325, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-faq-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 48px;
}

/* line 329, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-faq-item {
  background: var(--wahub-surface);
  border: 1px solid var(--wahub-border);
  border-radius: 16px;
  padding: 28px;
}

/* line 334, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-faq-question {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wahub-white);
  margin-bottom: 10px;
}

/* line 338, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-faq-answer {
  font-size: 0.88rem;
  color: var(--wahub-text-muted);
  line-height: 1.65;
  margin: 0;
}

/* line 343, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(239, 68, 68, 0.06) 0%, transparent 70%);
}

/* line 348, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wahub-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 353, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-cta-sub {
  font-size: 1.05rem;
  color: var(--wahub-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 358, app/assets/stylesheets/website/pages/_wedge_alt_hubspot.scss */
.wedge-alt-hubspot-page .wahub-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page {
  --wsaas-accent:       #6366f1;
  --wsaas-accent-light: #9b9df6;
  --wsaas-accent-dark:  #3438ed;
  --wsaas-accent-glow:  rgba(99, 102, 241, 0.2);
  --wsaas-accent-soft:  rgba(99, 102, 241, 0.09);
  --wsaas-bg:           #08080f;
  --wsaas-bg-2:         #0c0c16;
  --wsaas-surface:      rgba(255, 255, 255, 0.04);
  --wsaas-border:       rgba(255, 255, 255, 0.08);
  --wsaas-white:        #f8fafc;
  --wsaas-text-muted:   rgba(255, 255, 255, 0.55);
  --wsaas-green:        #22c55e;
  --wsaas-green-soft:   rgba(34, 197, 94, 0.08);
  background: var(--wsaas-bg);
  color: var(--wsaas-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page *, .wedge-startup-saas-page *::before, .wedge-startup-saas-page *::after {
  box-sizing: border-box;
}

/* line 32, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 34, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
  .wedge-startup-saas-page .wsaas-section {
    padding: 64px 0;
  }
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wsaas-accent);
  margin-bottom: 12px;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wsaas-white);
  margin-bottom: 16px;
}

/* line 49, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-section-sub {
  font-size: 1.05rem;
  color: var(--wsaas-text-muted);
  max-width: 640px;
  line-height: 1.65;
  margin-bottom: 0;
}

/* line 55, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wsaas-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-back-link i {
  font-size: 0.7rem;
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-back-link:hover {
  color: var(--wsaas-white);
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-breadcrumb-sep {
  color: var(--wsaas-text-muted);
  opacity: 0.4;
}

/* line 63, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-breadcrumb-current {
  font-weight: 600;
  color: var(--wsaas-accent);
}

/* line 66, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wsaas-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 71, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-btn-primary:hover {
  background: var(--wsaas-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wsaas-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-btn-secondary:hover {
  border-color: var(--wsaas-accent);
  color: var(--wsaas-accent);
}

/* line 84, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 75% 30%, rgba(99, 102, 241, 0.1) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 15% 70%, rgba(99, 102, 241, 0.05) 0%, transparent 50%), linear-gradient(180deg, var(--wsaas-bg) 0%, var(--wsaas-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 84, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
  .wedge-startup-saas-page .wsaas-hero {
    padding: 48px 0 56px;
  }
}

/* line 94, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-hero-copy {
  max-width: 700px;
}

/* line 96, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wsaas-accent-soft);
  border: 1px solid rgba(99, 102, 241, 0.3);
  color: var(--wsaas-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 104, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wsaas-white);
  margin-bottom: 20px;
}

/* line 107, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-hero-title em {
  color: var(--wsaas-accent);
  font-style: normal;
}

/* line 110, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-hero-desc {
  font-size: 1.1rem;
  color: var(--wsaas-text-muted);
  line-height: 1.65;
  max-width: 580px;
  margin-bottom: 32px;
}

/* line 115, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 117, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 119, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--wsaas-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 124, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-badge i {
  color: var(--wsaas-green);
  font-size: 0.72rem;
}

/* line 128, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-problem-section {
  background: var(--wsaas-bg-2);
  border-top: 1px solid var(--wsaas-border);
  border-bottom: 1px solid var(--wsaas-border);
}

/* line 134, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-grid {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 768px) {
  /* line 134, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
  .wedge-startup-saas-page .wsaas-silo-grid {
    gap: 12px;
  }
}

/* line 140, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: var(--wsaas-surface);
  border: 1px solid var(--wsaas-border);
  border-radius: 16px;
  padding: 20px 24px;
  min-width: 110px;
}

/* line 146, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 149, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-icon i {
  font-size: 1.2rem;
}

/* line 151, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-icon--notion {
  background: rgba(255, 255, 255, 0.08);
}

/* line 151, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-icon--notion i {
  color: rgba(255, 255, 255, 0.6);
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-icon--stripe {
  background: rgba(99, 102, 241, 0.15);
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-icon--stripe i {
  color: #818cf8;
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-icon--jira {
  background: rgba(37, 99, 235, 0.15);
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-icon--jira i {
  color: #60a5fa;
}

/* line 154, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-icon--excel {
  background: rgba(34, 197, 94, 0.1);
}

/* line 154, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-icon--excel i {
  color: #4ade80;
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-tool {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--wsaas-white);
}

/* line 161, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-usage {
  font-size: 0.72rem;
  color: var(--wsaas-text-muted);
}

/* line 165, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-arrow {
  color: var(--wsaas-text-muted);
  font-size: 0.8rem;
}

@media (max-width: 576px) {
  /* line 165, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
  .wedge-startup-saas-page .wsaas-silo-arrow {
    display: none;
  }
}

/* line 170, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-silo-conclusion {
  text-align: center;
  margin-top: 28px;
  font-size: 1rem;
  color: var(--wsaas-text-muted);
  line-height: 1.6;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-unified-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 177, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
  .wedge-startup-saas-page .wsaas-unified-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 177, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
  .wedge-startup-saas-page .wsaas-unified-grid {
    grid-template-columns: 1fr;
  }
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-unified-card {
  background: var(--wsaas-surface);
  border: 1px solid var(--wsaas-border);
  border-radius: 16px;
  padding: 24px;
  transition: border-color 0.2s;
}

/* line 186, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-unified-card:hover {
  border-color: rgba(99, 102, 241, 0.35);
}

@media (min-width: 768px) {
  /* line 188, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
  .wedge-startup-saas-page .wsaas-unified-card:nth-child(5) {
    grid-column: span 3;
    max-width: 360px;
    margin: 0 auto;
  }
}

/* line 197, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-unified-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--wsaas-accent-soft);
  border: 1px solid rgba(99, 102, 241, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

/* line 202, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-unified-icon i {
  color: var(--wsaas-accent);
  font-size: 1rem;
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-unified-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wsaas-white);
  margin-bottom: 6px;
}

/* line 209, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-unified-desc {
  font-size: 0.82rem;
  color: var(--wsaas-text-muted);
  line-height: 1.55;
}

/* line 214, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-features-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 48px;
}

/* line 218, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-feature-item {
  display: flex;
  gap: 28px;
  padding: 24px 0;
  border-bottom: 1px solid var(--wsaas-border);
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-feature-item:last-child {
  border-bottom: none;
}

@media (max-width: 576px) {
  /* line 218, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
  .wedge-startup-saas-page .wsaas-feature-item {
    gap: 16px;
  }
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-feature-num {
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--wsaas-accent);
  opacity: 0.6;
  flex-shrink: 0;
  width: 48px;
  padding-top: 2px;
  font-variant-numeric: tabular-nums;
}

/* line 231, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-feature-content {
  flex: 1;
}

/* line 233, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-feature-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wsaas-white);
  margin-bottom: 6px;
}

/* line 237, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-feature-desc {
  font-size: 0.88rem;
  color: var(--wsaas-text-muted);
  line-height: 1.6;
  margin: 0;
}

/* line 242, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-scale-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 242, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
  .wedge-startup-saas-page .wsaas-scale-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-scale-card {
  background: var(--wsaas-surface);
  border: 1px solid var(--wsaas-border);
  border-radius: 20px;
  padding: 28px;
  position: relative;
}

/* line 251, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-scale-card--featured {
  border-color: rgba(99, 102, 241, 0.4);
  background: rgba(99, 102, 241, 0.06);
}

/* line 257, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-scale-badge {
  display: inline-block;
  background: var(--wsaas-accent);
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 100px;
  margin-bottom: 12px;
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-scale-stage {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--wsaas-white);
  margin-bottom: 4px;
}

/* line 269, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-scale-range {
  font-size: 0.8rem;
  color: var(--wsaas-accent);
  font-weight: 600;
  margin-bottom: 16px;
}

/* line 274, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-scale-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 277, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-scale-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  color: var(--wsaas-text-muted);
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-scale-list li i {
  color: var(--wsaas-green);
  font-size: 0.75rem;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-testimonial-card {
  max-width: 740px;
  margin: 48px auto 0;
  background: var(--wsaas-surface);
  border: 1px solid rgba(99, 102, 241, 0.2);
  border-radius: 20px;
  padding: 40px;
}

@media (max-width: 576px) {
  /* line 285, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
  .wedge-startup-saas-page .wsaas-testimonial-card {
    padding: 28px;
  }
}

/* line 292, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-quote-icon {
  font-size: 4rem;
  line-height: 1;
  color: var(--wsaas-accent);
  opacity: 0.4;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 297, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-testimonial-text {
  font-size: 1.05rem;
  color: var(--wsaas-white);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* line 300, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-testimonial-text strong {
  color: var(--wsaas-accent);
}

/* line 303, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 305, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--wsaas-accent-soft);
  border: 2px solid var(--wsaas-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--wsaas-accent);
  flex-shrink: 0;
}

/* line 312, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 314, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-author-info strong {
  font-size: 0.9rem;
  color: var(--wsaas-white);
}

/* line 315, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-author-info span {
  font-size: 0.8rem;
  color: var(--wsaas-text-muted);
}

/* line 319, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(99, 102, 241, 0.08) 0%, transparent 70%);
}

/* line 324, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wsaas-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 329, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-cta-sub {
  font-size: 1.05rem;
  color: var(--wsaas-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 334, app/assets/stylesheets/website/pages/_wedge_startup_saas.scss */
.wedge-startup-saas-page .wsaas-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page {
  --wagw-deepblue:      #140D23;
  --wagw-accent:        #ec4899;
  --wagw-accent-light:  #f389bd;
  --wagw-accent-soft:   #f9c9e1;
  --wagw-orange-start:  #FF6B35;
  --wagw-orange-end:    #F7931E;
  --wagw-white:         #FFFFFF;
  --wagw-glass-bg:      rgba(255, 255, 255, 0.07);
  --wagw-glass-border:  rgba(255, 255, 255, 0.13);
  --wagw-glass-hover:   rgba(255, 255, 255, 0.11);
  --wagw-text-muted:    rgba(255, 255, 255, 0.52);
  --wagw-text-body:     rgba(255, 255, 255, 0.84);
  --wagw-radius:        12px;
  --wagw-radius-lg:     20px;
  --wagw-radius-xl:     28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wagw-text-body);
  background: linear-gradient(151deg, #0e0412 0%, #130618 55%, #0e0416 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page *, .wedge-agence-web-page *::before, .wedge-agence-web-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page ul {
  list-style: none;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 48, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-breadcrumb-link {
  color: var(--wagw-text-muted);
  transition: color 0.2s;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-breadcrumb-link:hover {
  color: var(--wagw-white);
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-breadcrumb-sep {
  color: var(--wagw-text-muted);
  opacity: 0.4;
}

/* line 53, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-breadcrumb-current {
  font-weight: 600;
  color: var(--wagw-accent-light);
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(236, 72, 153, 0.09) 0%, transparent 70%);
  pointer-events: none;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  animation: wagw-fade-up 0.7s ease both;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(236, 72, 153, 0.12);
  border: 1px solid rgba(236, 72, 153, 0.3);
  color: var(--wagw-accent-light);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--wagw-white);
  margin-bottom: 24px;
}

/* line 92, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-hero-title .wagw-highlight {
  color: var(--wagw-accent-light);
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-hero-sub {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--wagw-text-body);
  max-width: 640px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 101, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wagw-orange-start), var(--wagw-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wagw-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wagw-glass-bg);
  border: 1px solid var(--wagw-glass-border);
  color: var(--wagw-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wagw-radius);
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-btn-secondary:hover {
  background: var(--wagw-glass-hover);
  transform: translateY(-2px);
  color: #fff;
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--wagw-text-muted);
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-trust-item i {
  color: var(--wagw-accent-light);
  font-size: 0.75rem;
}

/* line 139, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-hero-dashboard {
  margin-top: 56px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--wagw-radius-lg);
  overflow: hidden;
  backdrop-filter: blur(12px);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* line 155, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-dash-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-dash-dot.red {
  background: #ff5f57;
}

/* line 158, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-dash-dot.amber {
  background: #febc2e;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-dash-dot.pink {
  background: #ec4899;
}

/* line 162, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-dash-title {
  font-size: 0.72rem;
  color: var(--wagw-text-muted);
  font-family: 'Courier New', monospace;
  margin-left: 8px;
}

/* line 167, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-dash-body {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 172, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-dash-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

@media (max-width: 576px) {
  /* line 172, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
  .wedge-agence-web-page .wagw-dash-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-kpi {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--wagw-radius);
  padding: 12px;
  text-align: center;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-kpi.pink {
  border-color: rgba(236, 72, 153, 0.35);
  background: rgba(236, 72, 153, 0.08);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-kpi.green {
  border-color: rgba(16, 185, 129, 0.3);
  background: rgba(16, 185, 129, 0.07);
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-kpi.orange {
  border-color: rgba(255, 107, 53, 0.3);
  background: rgba(255, 107, 53, 0.07);
}

/* line 188, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-kpi-val {
  display: block;
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--wagw-white);
}

/* line 190, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wagw-kpi.pink .wedge-agence-web-page .wagw-kpi-val {
  color: var(--wagw-accent-light);
}

/* line 191, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wagw-kpi.green .wedge-agence-web-page .wagw-kpi-val {
  color: #14e8a2;
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wagw-kpi.orange .wedge-agence-web-page .wagw-kpi-val {
  color: #FF6B35;
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-kpi-lbl {
  font-size: 0.65rem;
  color: var(--wagw-text-muted);
  margin-top: 2px;
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-dash-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--wagw-text-muted);
  padding: 5px 12px;
  border-radius: 999px;
}

/* line 209, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-tag.active {
  background: rgba(236, 72, 153, 0.12);
  border-color: rgba(236, 72, 153, 0.3);
  color: var(--wagw-accent-light);
}

/* line 213, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-tag i {
  font-size: 0.65rem;
}

/* line 219, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-section-eyebrow {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wagw-accent-light);
  margin-bottom: 12px;
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wagw-white);
  margin-bottom: 16px;
}

/* line 231, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--wagw-text-muted);
  max-width: 580px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 240, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-challenges {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-challenges-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 251, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-challenges-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  /* line 251, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
  .wedge-agence-web-page .wagw-challenges-grid {
    grid-template-columns: 1fr;
  }
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-challenge-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--wagw-glass-bg);
  border: 1px solid var(--wagw-glass-border);
  border-radius: var(--wagw-radius-lg);
  padding: 24px;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 263, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-challenge-card:hover {
  background: var(--wagw-glass-hover);
  transform: translateY(-2px);
}

/* line 266, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-challenge-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex-shrink: 0;
  background: rgba(236, 72, 153, 0.12);
  border: 1px solid rgba(236, 72, 153, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 270, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-challenge-icon i {
  font-size: 1rem;
  color: var(--wagw-accent-light);
}

/* line 273, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-challenge-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wagw-white);
  margin-bottom: 6px;
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-challenge-desc {
  font-size: 0.82rem;
  color: var(--wagw-text-muted);
  line-height: 1.6;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-features {
  padding: 80px 24px;
}

/* line 289, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-features-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 293, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 900px) {
  /* line 293, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
  .wedge-agence-web-page .wagw-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 293, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
  .wedge-agence-web-page .wagw-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-feature-card {
  background: var(--wagw-glass-bg);
  border: 1px solid var(--wagw-glass-border);
  border-radius: var(--wagw-radius-lg);
  padding: 28px 24px;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 306, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-feature-card:hover {
  background: var(--wagw-glass-hover);
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

/* line 311, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-feature-card.accent {
  border-color: rgba(236, 72, 153, 0.35);
  background: rgba(236, 72, 153, 0.07);
}

/* line 317, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(236, 72, 153, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-feature-icon i {
  font-size: 1.1rem;
  color: var(--wagw-accent-light);
}

/* line 324, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-feature-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wagw-white);
}

/* line 328, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-feature-desc {
  font-size: 0.82rem;
  color: var(--wagw-text-muted);
  line-height: 1.6;
}

/* line 332, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-feature-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

/* line 336, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-feature-pill {
  font-size: 0.65rem;
  font-weight: 600;
  background: rgba(236, 72, 153, 0.1);
  border: 1px solid rgba(236, 72, 153, 0.2);
  color: var(--wagw-accent-light);
  padding: 2px 8px;
  border-radius: 999px;
}

/* line 345, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 352, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-inner {
  max-width: 900px;
  margin: 0 auto;
}

/* line 356, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-card {
  background: rgba(236, 72, 153, 0.05);
  border: 1px solid rgba(236, 72, 153, 0.2);
  border-radius: var(--wagw-radius-xl);
  padding: 48px 40px;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 48px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 356, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
  .wedge-agence-web-page .wagw-usecase-card {
    grid-template-columns: 1fr;
    padding: 32px 24px;
    gap: 32px;
  }
}

/* line 365, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-profile {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  align-items: center;
}

/* line 370, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(236, 72, 153, 0.15);
  border: 2px solid rgba(236, 72, 153, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 374, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-avatar i {
  font-size: 1.8rem;
  color: var(--wagw-accent-light);
}

/* line 377, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-type {
  font-size: 1rem;
  font-weight: 800;
  color: var(--wagw-white);
}

/* line 381, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 385, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-meta-item {
  font-size: 0.78rem;
  color: var(--wagw-text-muted);
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}

/* line 388, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-meta-item i {
  color: var(--wagw-accent-light);
  font-size: 0.7rem;
}

/* line 391, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-details {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 395, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-title {
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--wagw-white);
  line-height: 1.3;
}

/* line 399, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-desc {
  font-size: 0.9rem;
  color: var(--wagw-text-muted);
  line-height: 1.7;
}

/* line 403, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-gains {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 407, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-gain {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.82rem;
  color: var(--wagw-text-body);
}

/* line 410, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-usecase-gain i {
  color: var(--wagw-accent-light);
  font-size: 0.75rem;
  flex-shrink: 0;
}

/* line 416, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-timeline {
  padding: 80px 24px;
}

/* line 420, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-timeline-inner {
  max-width: 780px;
  margin: 0 auto;
}

/* line 424, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-timeline-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 428, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-step {
  display: flex;
  gap: 24px;
  padding-bottom: 40px;
  position: relative;
}

/* line 432, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-step-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

/* line 436, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-step-circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex-shrink: 0;
  background: rgba(236, 72, 153, 0.14);
  border: 2px solid rgba(236, 72, 153, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* line 440, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-step-circle i {
  font-size: 0.9rem;
  color: var(--wagw-accent-light);
}

/* line 443, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-step-line {
  width: 2px;
  flex: 1;
  background: linear-gradient(to bottom, rgba(236, 72, 153, 0.35), rgba(236, 72, 153, 0.05));
  margin-top: 4px;
}

/* line 449, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-step:last-child .wagw-step-line {
  display: none;
}

/* line 451, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-step-content {
  padding-top: 8px;
  padding-bottom: 4px;
}

/* line 455, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-step-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wagw-accent-light);
  margin-bottom: 6px;
}

/* line 461, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-step-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wagw-white);
  margin-bottom: 6px;
}

/* line 466, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-step-desc {
  font-size: 0.85rem;
  color: var(--wagw-text-muted);
  line-height: 1.6;
}

/* line 473, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-pennylane {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 480, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-pennylane-inner {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

/* line 485, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-pennylane-card {
  background: rgba(236, 72, 153, 0.05);
  border: 1px solid rgba(236, 72, 153, 0.18);
  border-radius: var(--wagw-radius-xl);
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

@media (max-width: 576px) {
  /* line 485, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
  .wedge-agence-web-page .wagw-pennylane-card {
    padding: 32px 20px;
  }
}

/* line 494, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-pennylane-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: rgba(236, 72, 153, 0.12);
  border: 1px solid rgba(236, 72, 153, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 498, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-pennylane-icon i {
  font-size: 1.6rem;
  color: var(--wagw-accent-light);
}

/* line 501, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-pennylane-title {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--wagw-white);
}

/* line 505, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-pennylane-desc {
  font-size: 0.95rem;
  color: var(--wagw-text-muted);
  max-width: 520px;
  line-height: 1.7;
}

/* line 509, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-pennylane-items {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

/* line 513, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-pennylane-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 0.82rem;
  color: var(--wagw-text-body);
}

/* line 518, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-pennylane-item i {
  color: var(--wagw-accent-light);
  font-size: 0.75rem;
}

/* line 524, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 528, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--wagw-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 528, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
  .wedge-agence-web-page .wagw-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 536, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(236, 72, 153, 0.12);
  border: 1px solid rgba(236, 72, 153, 0.3);
  color: var(--wagw-accent-light);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 24px;
}

/* line 544, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-cta-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--wagw-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 549, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-cta-sub {
  font-size: 1rem;
  color: var(--wagw-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 554, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 559, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-cta-reassurance {
  font-size: 0.78rem;
  color: var(--wagw-text-muted);
  line-height: 1.8;
}

/* line 561, app/assets/stylesheets/website/pages/_wedge_agence_web.scss */
.wedge-agence-web-page .wagw-cta-reassurance i {
  color: var(--wagw-accent-light);
  font-size: 0.72rem;
}

@keyframes wagw-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page {
  --wbtp-deepblue:      #140D23;
  --wbtp-accent:        #f59e0b;
  --wbtp-accent-light:  #f7b546;
  --wbtp-accent-soft:   #fbd594;
  --wbtp-orange-start:  #FF6B35;
  --wbtp-orange-end:    #F7931E;
  --wbtp-white:         #FFFFFF;
  --wbtp-glass-bg:      rgba(255, 255, 255, 0.07);
  --wbtp-glass-border:  rgba(255, 255, 255, 0.13);
  --wbtp-glass-hover:   rgba(255, 255, 255, 0.11);
  --wbtp-text-muted:    rgba(255, 255, 255, 0.52);
  --wbtp-text-body:     rgba(255, 255, 255, 0.84);
  --wbtp-radius:        12px;
  --wbtp-radius-lg:     20px;
  --wbtp-radius-xl:     28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wbtp-text-body);
  background: linear-gradient(151deg, #0d0a02 0%, #130e04 55%, #0d0a00 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page *, .wedge-btp-artisans-page *::before, .wedge-btp-artisans-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page ul {
  list-style: none;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 48, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-breadcrumb-link {
  color: var(--wbtp-text-muted);
  transition: color 0.2s;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-breadcrumb-link:hover {
  color: var(--wbtp-white);
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-breadcrumb-sep {
  color: var(--wbtp-text-muted);
  opacity: 0.4;
}

/* line 53, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-breadcrumb-current {
  font-weight: 600;
  color: var(--wbtp-accent-light);
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 24px 80px;
  overflow: hidden;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(245, 158, 11, 0.09) 0%, transparent 70%);
  pointer-events: none;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-hero-inner {
  position: relative;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  animation: wbtp-fade-up 0.7s ease both;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: var(--wbtp-accent-light);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 32px;
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-hero-title {
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--wbtp-white);
  margin-bottom: 24px;
}

/* line 92, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-hero-title .wbtp-highlight {
  color: var(--wbtp-accent-light);
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-hero-sub {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--wbtp-text-body);
  max-width: 640px;
  margin: 0 auto 40px;
  line-height: 1.7;
}

/* line 101, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-hero-cta {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--wbtp-orange-start), var(--wbtp-orange-end));
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wbtp-radius);
  box-shadow: 0 4px 20px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wbtp-glass-bg);
  border: 1px solid var(--wbtp-glass-border);
  color: var(--wbtp-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 28px;
  border-radius: var(--wbtp-radius);
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-btn-secondary:hover {
  background: var(--wbtp-glass-hover);
  transform: translateY(-2px);
  color: #fff;
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-hero-trust {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 0.82rem;
  color: var(--wbtp-text-muted);
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-trust-item i {
  color: var(--wbtp-accent-light);
  font-size: 0.75rem;
}

/* line 139, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-hero-dashboard {
  margin-top: 56px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--wbtp-radius-lg);
  overflow: hidden;
  backdrop-filter: blur(12px);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-dash-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* line 155, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-dash-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-dash-dot.red {
  background: #ff5f57;
}

/* line 158, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-dash-dot.amber {
  background: #f59e0b;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-dash-dot.green {
  background: #34d399;
}

/* line 162, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-dash-title {
  font-size: 0.72rem;
  color: var(--wbtp-text-muted);
  font-family: 'Courier New', monospace;
  margin-left: 8px;
}

/* line 167, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-dash-body {
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 172, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-dash-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

@media (max-width: 576px) {
  /* line 172, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
  .wedge-btp-artisans-page .wbtp-dash-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-kpi {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--wbtp-radius);
  padding: 12px;
  text-align: center;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-kpi.amber {
  border-color: rgba(245, 158, 11, 0.35);
  background: rgba(245, 158, 11, 0.08);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-kpi.green {
  border-color: rgba(16, 185, 129, 0.3);
  background: rgba(16, 185, 129, 0.07);
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-kpi.orange {
  border-color: rgba(255, 107, 53, 0.3);
  background: rgba(255, 107, 53, 0.07);
}

/* line 188, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-kpi-val {
  display: block;
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--wbtp-white);
}

/* line 190, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wbtp-kpi.amber .wedge-btp-artisans-page .wbtp-kpi-val {
  color: var(--wbtp-accent-light);
}

/* line 191, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wbtp-kpi.green .wedge-btp-artisans-page .wbtp-kpi-val {
  color: #14e8a2;
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wbtp-kpi.orange .wedge-btp-artisans-page .wbtp-kpi-val {
  color: #FF6B35;
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-kpi-lbl {
  font-size: 0.65rem;
  color: var(--wbtp-text-muted);
  margin-top: 2px;
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-dash-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.72rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--wbtp-text-muted);
  padding: 5px 12px;
  border-radius: 999px;
}

/* line 209, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-tag.active {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.3);
  color: var(--wbtp-accent-light);
}

/* line 213, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-tag i {
  font-size: 0.65rem;
}

/* line 219, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-section-eyebrow {
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wbtp-accent-light);
  margin-bottom: 12px;
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-section-title {
  text-align: center;
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wbtp-white);
  margin-bottom: 16px;
}

/* line 231, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-section-sub {
  text-align: center;
  font-size: 1rem;
  color: var(--wbtp-text-muted);
  max-width: 580px;
  margin: 0 auto 48px;
  line-height: 1.7;
}

/* line 240, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-challenges {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-challenges-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 251, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-challenges-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

@media (max-width: 768px) {
  /* line 251, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
  .wedge-btp-artisans-page .wbtp-challenges-grid {
    grid-template-columns: 1fr;
  }
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-challenge-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--wbtp-glass-bg);
  border: 1px solid var(--wbtp-glass-border);
  border-radius: var(--wbtp-radius-lg);
  padding: 24px;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 263, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-challenge-card:hover {
  background: var(--wbtp-glass-hover);
  transform: translateY(-2px);
}

/* line 266, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-challenge-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex-shrink: 0;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 270, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-challenge-icon i {
  font-size: 1rem;
  color: var(--wbtp-accent-light);
}

/* line 273, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-challenge-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wbtp-white);
  margin-bottom: 6px;
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-challenge-desc {
  font-size: 0.82rem;
  color: var(--wbtp-text-muted);
  line-height: 1.6;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solutions {
  padding: 80px 24px;
}

/* line 289, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solutions-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 293, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solutions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 900px) {
  /* line 293, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
  .wedge-btp-artisans-page .wbtp-solutions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 293, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
  .wedge-btp-artisans-page .wbtp-solutions-grid {
    grid-template-columns: 1fr;
  }
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solution-card {
  background: var(--wbtp-glass-bg);
  border: 1px solid var(--wbtp-glass-border);
  border-radius: var(--wbtp-radius-lg);
  padding: 28px 24px;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 306, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solution-card:hover {
  background: var(--wbtp-glass-hover);
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

/* line 311, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solution-card.accent {
  border-color: rgba(245, 158, 11, 0.35);
  background: rgba(245, 158, 11, 0.07);
}

/* line 317, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solution-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(245, 158, 11, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solution-icon i {
  font-size: 1.1rem;
  color: var(--wbtp-accent-light);
}

/* line 324, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solution-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wbtp-white);
}

/* line 328, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solution-desc {
  font-size: 0.82rem;
  color: var(--wbtp-text-muted);
  line-height: 1.6;
}

/* line 332, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solution-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}

/* line 336, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-solution-pill {
  font-size: 0.65rem;
  font-weight: 600;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  color: var(--wbtp-accent-light);
  padding: 2px 8px;
  border-radius: 999px;
}

/* line 345, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-features-btp {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 352, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-features-btp-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* line 356, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-features-btp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 900px) {
  /* line 356, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
  .wedge-btp-artisans-page .wbtp-features-btp-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 356, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
  .wedge-btp-artisans-page .wbtp-features-btp-grid {
    grid-template-columns: 1fr;
  }
}

/* line 362, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-feature-btp-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: var(--wbtp-glass-bg);
  border: 1px solid var(--wbtp-glass-border);
  border-radius: var(--wbtp-radius-lg);
  padding: 20px;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

/* line 369, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-feature-btp-item:hover {
  background: var(--wbtp-glass-hover);
  transform: translateY(-2px);
}

/* line 372, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-feature-btp-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  flex-shrink: 0;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 376, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-feature-btp-icon i {
  font-size: 0.9rem;
  color: var(--wbtp-accent-light);
}

/* line 379, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-feature-btp-label {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--wbtp-white);
  padding-top: 8px;
}

/* line 387, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-testimonial {
  padding: 80px 24px;
}

/* line 391, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-testimonial-inner {
  max-width: 780px;
  margin: 0 auto;
}

/* line 395, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-testimonial-card {
  background: rgba(245, 158, 11, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: var(--wbtp-radius-xl);
  padding: 48px 40px;
}

@media (max-width: 576px) {
  /* line 395, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
  .wedge-btp-artisans-page .wbtp-testimonial-card {
    padding: 32px 24px;
  }
}

/* line 403, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-testimonial-quote {
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  color: var(--wbtp-white);
  line-height: 1.7;
  font-style: italic;
  margin-bottom: 28px;
}

/* line 408, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-testimonial-quote i.fa-quote-left {
  color: var(--wbtp-accent-light);
  margin-right: 8px;
  font-size: 0.9rem;
}

/* line 413, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-testimonial-author {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* line 417, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-testimonial-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(245, 158, 11, 0.15);
  border: 2px solid rgba(245, 158, 11, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* line 421, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-testimonial-avatar i {
  font-size: 1.2rem;
  color: var(--wbtp-accent-light);
}

/* line 424, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-testimonial-name {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wbtp-white);
}

/* line 428, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-testimonial-role {
  font-size: 0.82rem;
  color: var(--wbtp-text-muted);
  margin-top: 2px;
}

/* line 435, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-pennylane {
  padding: 80px 24px;
  background: rgba(255, 255, 255, 0.02);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 442, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-pennylane-inner {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

/* line 447, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-pennylane-card {
  background: rgba(245, 158, 11, 0.05);
  border: 1px solid rgba(245, 158, 11, 0.18);
  border-radius: var(--wbtp-radius-xl);
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

@media (max-width: 576px) {
  /* line 447, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
  .wedge-btp-artisans-page .wbtp-pennylane-card {
    padding: 32px 20px;
  }
}

/* line 456, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-pennylane-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 460, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-pennylane-icon i {
  font-size: 1.6rem;
  color: var(--wbtp-accent-light);
}

/* line 463, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-pennylane-title {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--wbtp-white);
}

/* line 467, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-pennylane-desc {
  font-size: 0.95rem;
  color: var(--wbtp-text-muted);
  max-width: 520px;
  line-height: 1.7;
}

/* line 471, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-pennylane-items {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

/* line 475, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-pennylane-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 0.82rem;
  color: var(--wbtp-text-body);
}

/* line 480, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-pennylane-item i {
  color: var(--wbtp-accent-light);
  font-size: 0.75rem;
}

/* line 486, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-final-cta {
  padding: 80px 24px 120px;
  text-align: center;
}

/* line 490, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-final-cta-inner {
  max-width: 680px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: var(--wbtp-radius-xl);
  padding: 64px 48px;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
}

@media (max-width: 576px) {
  /* line 490, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
  .wedge-btp-artisans-page .wbtp-final-cta-inner {
    padding: 40px 24px;
  }
}

/* line 498, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-cta-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(245, 158, 11, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: var(--wbtp-accent-light);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 24px;
}

/* line 506, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-cta-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 800;
  color: var(--wbtp-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 511, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-cta-sub {
  font-size: 1rem;
  color: var(--wbtp-text-muted);
  margin-bottom: 36px;
  line-height: 1.7;
}

/* line 516, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* line 521, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-cta-reassurance {
  font-size: 0.78rem;
  color: var(--wbtp-text-muted);
  line-height: 1.8;
}

/* line 523, app/assets/stylesheets/website/pages/_wedge_btp_artisans.scss */
.wedge-btp-artisans-page .wbtp-cta-reassurance i {
  color: var(--wbtp-accent-light);
  font-size: 0.72rem;
}

@keyframes wbtp-fade-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page {
  --wrs-accent:       #8b5cf6;
  --wrs-accent-light: #bba0fa;
  --wrs-accent-dark:  #692cf3;
  --wrs-accent-glow:  rgba(139, 92, 246, 0.18);
  --wrs-accent-soft:  rgba(139, 92, 246, 0.07);
  --wrs-bg:           #09080d;
  --wrs-bg-2:         #0d0b12;
  --wrs-surface:      rgba(255, 255, 255, 0.04);
  --wrs-border:       rgba(255, 255, 255, 0.08);
  --wrs-white:        #f8fafc;
  --wrs-text-muted:   rgba(255, 255, 255, 0.55);
  background: var(--wrs-bg);
  color: var(--wrs-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 27, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page *, .wedge-reseaux-sociaux-page *::before, .wedge-reseaux-sociaux-page *::after {
  box-sizing: border-box;
}

/* line 30, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 32, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 32, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-section {
    padding: 64px 0;
  }
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wrs-accent);
  margin-bottom: 12px;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wrs-white);
  margin-bottom: 16px;
}

/* line 47, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-section-sub {
  font-size: 1.05rem;
  color: var(--wrs-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 53, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-breadcrumb-link {
  color: var(--wrs-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-breadcrumb-link:hover {
  color: var(--wrs-white);
}

/* line 63, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-breadcrumb-sep {
  color: var(--wrs-text-muted);
  opacity: 0.4;
}

/* line 64, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-breadcrumb-current {
  font-weight: 600;
  color: var(--wrs-accent);
}

/* line 67, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wrs-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 72, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-btn-primary:hover {
  background: var(--wrs-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 80% 40%, rgba(139, 92, 246, 0.1) 0%, transparent 60%), linear-gradient(180deg, var(--wrs-bg) 0%, var(--wrs-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 76, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-hero {
    padding: 48px 0 56px;
  }
}

/* line 85, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 85, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-hero-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

/* line 90, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wrs-accent-soft);
  border: 1px solid rgba(139, 92, 246, 0.25);
  color: var(--wrs-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 98, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-hero-title {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wrs-white);
  margin-bottom: 20px;
}

/* line 101, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-hero-title em {
  color: var(--wrs-accent);
  font-style: normal;
}

/* line 104, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-hero-desc {
  font-size: 1.1rem;
  color: var(--wrs-text-muted);
  line-height: 1.65;
  max-width: 480px;
  margin-bottom: 32px;
}

/* line 109, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-hero-cta {
  margin-bottom: 24px;
}

/* line 112, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-dashboard {
  background: var(--wrs-surface);
  border: 1px solid var(--wrs-border);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (max-width: 768px) {
  /* line 112, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-dashboard {
    display: none;
  }
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-dashboard-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--wrs-text-muted);
  padding-bottom: 12px;
  border-bottom: 1px solid var(--wrs-border);
}

/* line 125, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-dashboard-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wrs-accent);
  box-shadow: 0 0 6px rgba(139, 92, 246, 0.6);
}

/* line 130, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 10px;
  padding: 12px 14px;
  border: 1px solid var(--wrs-border);
}

/* line 136, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}

/* line 141, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-icon.wrs-icon-instagram {
  background: rgba(225, 48, 108, 0.15);
  color: #e1306c;
}

/* line 142, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-icon.wrs-icon-linkedin {
  background: rgba(10, 102, 194, 0.15);
  color: #0a66c2;
}

/* line 143, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-icon.wrs-icon-calendar {
  background: var(--wrs-accent-soft);
  color: var(--wrs-accent);
}

/* line 146, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-body {
  flex: 1;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-label {
  font-size: 0.7rem;
  color: var(--wrs-text-muted);
  margin-bottom: 2px;
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-value {
  font-size: 1rem;
  font-weight: 800;
  color: var(--wrs-white);
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-badge {
  font-size: 0.68rem;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 100px;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-badge.wrs-badge-green {
  background: rgba(34, 197, 94, 0.12);
  color: #22c55e;
}

/* line 160, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-metric-badge.wrs-badge-purple {
  background: var(--wrs-accent-soft);
  color: var(--wrs-accent);
}

/* line 164, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-crm-section {
  background: var(--wrs-bg-2);
  border-top: 1px solid var(--wrs-border);
  border-bottom: 1px solid var(--wrs-border);
}

/* line 170, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-crm-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 170, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-crm-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* line 175, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-schema {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

/* line 179, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-schema-networks {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-bottom: 8px;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-network-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 100px;
  font-size: 0.82rem;
  font-weight: 700;
  border: 1px solid;
}

/* line 187, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-network-pill.wrs-pill-facebook {
  background: rgba(24, 119, 242, 0.1);
  color: #1877f2;
  border-color: rgba(24, 119, 242, 0.3);
}

/* line 191, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-network-pill.wrs-pill-instagram {
  background: rgba(225, 48, 108, 0.1);
  color: #e1306c;
  border-color: rgba(225, 48, 108, 0.3);
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-network-pill.wrs-pill-linkedin {
  background: rgba(10, 102, 194, 0.1);
  color: #0a66c2;
  border-color: rgba(10, 102, 194, 0.3);
}

/* line 201, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-schema-arrow {
  font-size: 1.4rem;
  color: var(--wrs-accent);
  opacity: 0.7;
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-schema-orizen {
  background: var(--wrs-accent-soft);
  border: 1px solid rgba(139, 92, 246, 0.35);
  border-radius: 12px;
  padding: 12px 24px;
  font-size: 0.9rem;
  font-weight: 800;
  color: var(--wrs-accent);
  letter-spacing: 0.04em;
}

/* line 212, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-schema-client {
  background: var(--wrs-surface);
  border: 1px solid var(--wrs-border);
  border-radius: 12px;
  padding: 12px 24px;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--wrs-white);
  text-align: center;
}

/* line 218, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-schema-client span {
  font-size: 0.75rem;
  color: var(--wrs-text-muted);
  display: block;
  margin-top: 2px;
}

/* line 222, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 222, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 222, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 228, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-feature-card {
  background: var(--wrs-surface);
  border: 1px solid var(--wrs-border);
  border-radius: 16px;
  padding: 24px;
  transition: border-color 0.2s;
}

/* line 232, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-feature-card:hover {
  border-color: rgba(139, 92, 246, 0.3);
}

/* line 234, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-feature-card.wrs-card-soon {
  opacity: 0.6;
}

/* line 239, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--wrs-accent-soft);
  color: var(--wrs-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  margin-bottom: 14px;
}

/* line 246, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-feature-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wrs-white);
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 251, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-badge-soon {
  font-size: 0.62rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--wrs-text-muted);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: middle;
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-feature-desc {
  font-size: 0.85rem;
  color: var(--wrs-text-muted);
  line-height: 1.6;
}

/* line 263, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stats-section {
  background: var(--wrs-bg-2);
  border-top: 1px solid var(--wrs-border);
  border-bottom: 1px solid var(--wrs-border);
}

/* line 269, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 269, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-stats-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 274, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-card {
  border-radius: 16px;
  padding: 28px;
  border: 1px solid;
}

/* line 278, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-card.wrs-stat-facebook {
  background: rgba(24, 119, 242, 0.06);
  border-color: rgba(24, 119, 242, 0.2);
}

/* line 283, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-card.wrs-stat-instagram {
  background: rgba(225, 48, 108, 0.06);
  border-color: rgba(225, 48, 108, 0.2);
}

/* line 288, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-card.wrs-stat-linkedin {
  background: rgba(10, 102, 194, 0.06);
  border-color: rgba(10, 102, 194, 0.2);
}

/* line 294, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-network {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: 700;
  margin-bottom: 16px;
}

/* line 298, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-network i {
  font-size: 1rem;
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-network.wrs-net-facebook {
  color: #1877f2;
}

/* line 300, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-network.wrs-net-instagram {
  color: #e1306c;
}

/* line 301, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-network.wrs-net-linkedin {
  color: #0a66c2;
}

/* line 304, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-value {
  font-size: 2rem;
  font-weight: 900;
  color: var(--wrs-white);
  line-height: 1;
  margin-bottom: 4px;
}

/* line 309, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-label {
  font-size: 0.82rem;
  color: var(--wrs-text-muted);
  margin-bottom: 12px;
}

/* line 313, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-trend {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 100px;
  background: rgba(34, 197, 94, 0.12);
  color: #22c55e;
}

/* line 319, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-stat-extra {
  font-size: 0.78rem;
  color: var(--wrs-text-muted);
  margin-top: 6px;
}

/* line 324, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-pipeline-steps {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 324, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-pipeline-steps {
    flex-direction: column;
    gap: 0;
  }
}

/* line 331, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-pipeline-step {
  flex: 1;
  position: relative;
  background: var(--wrs-surface);
  border: 1px solid var(--wrs-border);
  padding: 28px 24px;
  text-align: center;
}

/* line 336, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-pipeline-step:first-child {
  border-radius: 16px 0 0 16px;
}

/* line 337, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-pipeline-step:last-child {
  border-radius: 0 16px 16px 0;
}

@media (max-width: 768px) {
  /* line 340, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-pipeline-step:first-child {
    border-radius: 16px 16px 0 0;
  }
  /* line 341, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-pipeline-step:last-child {
    border-radius: 0 0 16px 16px;
  }
}

/* line 345, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-step-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--wrs-accent-soft);
  border: 2px solid var(--wrs-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wrs-accent);
  font-weight: 800;
  font-size: 0.9rem;
  margin: 0 auto 16px;
}

/* line 353, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-step-icon {
  font-size: 1.8rem;
  margin-bottom: 12px;
  display: block;
}

/* line 357, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-step-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wrs-white);
  margin-bottom: 8px;
}

/* line 361, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-step-desc {
  font-size: 0.83rem;
  color: var(--wrs-text-muted);
  line-height: 1.55;
}

/* line 365, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-step-sep {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wrs-accent);
  font-size: 1.2rem;
  opacity: 0.6;
  padding: 0 4px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  /* line 365, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-step-sep {
    padding: 8px 0;
    transform: rotate(90deg);
  }
}

/* line 376, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-profiles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 376, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
  .wedge-reseaux-sociaux-page .wrs-profiles-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 381, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-profile-card {
  background: var(--wrs-surface);
  border: 1px solid var(--wrs-border);
  border-radius: 16px;
  padding: 28px;
  transition: border-color 0.2s;
}

/* line 384, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-profile-card:hover {
  border-color: rgba(139, 92, 246, 0.3);
}

/* line 387, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-profile-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: var(--wrs-accent-soft);
  color: var(--wrs-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 16px;
}

/* line 394, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-profile-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wrs-white);
  margin-bottom: 8px;
}

/* line 398, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-profile-desc {
  font-size: 0.88rem;
  color: var(--wrs-text-muted);
  line-height: 1.6;
}

/* line 403, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(139, 92, 246, 0.07) 0%, transparent 70%);
}

/* line 408, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wrs-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 413, app/assets/stylesheets/website/pages/_wedge_reseaux_sociaux.scss */
.wedge-reseaux-sociaux-page .wrs-cta-sub {
  font-size: 1.05rem;
  color: var(--wrs-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 6, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page {
  --wstock-deepblue:       #140D23;
  --wstock-accent:         #f97316;
  --wstock-accent-light:   #fb9d5c;
  --wstock-accent-soft:    #fdc7a1;
  --wstock-white:          #FFFFFF;
  --wstock-glass-bg:       rgba(255, 255, 255, 0.07);
  --wstock-glass-border:   rgba(255, 255, 255, 0.13);
  --wstock-glass-hover:    rgba(255, 255, 255, 0.11);
  --wstock-text-muted:     rgba(255, 255, 255, 0.52);
  --wstock-text-body:      rgba(255, 255, 255, 0.84);
  --wstock-radius:         12px;
  --wstock-radius-lg:      20px;
  --wstock-radius-xl:      28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wstock-text-body);
  background: linear-gradient(151deg, #0d0f1e 0%, #090a18 55%, #1a0a08 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 27, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page *, .wedge-gestion-stock-page *::before, .wedge-gestion-stock-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page a {
  text-decoration: none;
  color: inherit;
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page ul {
  list-style: none;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: var(--wstock-text-muted);
  margin-bottom: 32px;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-back-link {
  color: var(--wstock-accent);
  font-weight: 600;
  transition: opacity 0.2s;
}

/* line 54, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-back-link:hover {
  opacity: 0.8;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-breadcrumb-sep {
  color: var(--wstock-text-muted);
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-breadcrumb-current {
  color: var(--wstock-text-muted);
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 120px 24px 80px;
  position: relative;
}

/* line 69, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-hero::after {
  content: '';
  position: absolute;
  top: 10%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(249, 115, 22, 0.12) 0%, transparent 70%);
  pointer-events: none;
}

/* line 81, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-hero-inner {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

/* line 89, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(249, 115, 22, 0.12);
  border: 1px solid rgba(249, 115, 22, 0.3);
  color: var(--wstock-accent);
  border-radius: 50px;
  padding: 8px 20px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 28px;
}

/* line 104, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-hero-title {
  font-size: clamp(2rem, 5vw, 3.4rem);
  font-weight: 800;
  line-height: 1.18;
  color: var(--wstock-white);
  margin-bottom: 24px;
  letter-spacing: -0.02em;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-highlight {
  background: linear-gradient(135deg, #f97316 0%, #fba061 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-hero-sub {
  font-size: clamp(1rem, 2vw, 1.18rem);
  color: var(--wstock-text-body);
  line-height: 1.7;
  max-width: 680px;
  margin: 0 auto 40px;
}

/* line 128, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-hero-cta {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 136, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #f97316 0%, #fa9148 100%);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 32px;
  border-radius: 50px;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 8px 24px rgba(249, 115, 22, 0.35);
}

/* line 149, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(249, 115, 22, 0.45);
  color: #fff;
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wstock-glass-bg);
  border: 1px solid var(--wstock-glass-border);
  color: var(--wstock-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 32px;
  border-radius: 50px;
  transition: background 0.2s, border-color 0.2s;
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-btn-secondary:hover {
  background: var(--wstock-glass-hover);
  border-color: rgba(249, 115, 22, 0.4);
  color: #fff;
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-hero-trust {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wstock-text-muted);
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-trust-item i {
  color: var(--wstock-accent);
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-section-label {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wstock-accent);
  margin-bottom: 16px;
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-section-title {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wstock-white);
  margin-bottom: 16px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

/* line 214, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-section-sub {
  font-size: 1.05rem;
  color: var(--wstock-text-body);
  max-width: 620px;
  margin: 0 auto 56px;
  line-height: 1.65;
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-problems-section {
  padding: 96px 24px;
  text-align: center;
}

/* line 230, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-problems-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-problem-card {
  background: var(--wstock-glass-bg);
  border: 1px solid var(--wstock-glass-border);
  border-radius: var(--wstock-radius-lg);
  padding: 32px 24px;
  text-align: left;
  transition: background 0.2s, border-color 0.2s;
}

/* line 246, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-problem-card:hover {
  background: var(--wstock-glass-hover);
  border-color: rgba(249, 115, 22, 0.3);
}

/* line 252, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-problem-icon {
  font-size: 1.6rem;
  color: rgba(249, 115, 22, 0.7);
  margin-bottom: 16px;
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-problem-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wstock-white);
  margin-bottom: 10px;
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-problem-desc {
  font-size: 0.9rem;
  color: var(--wstock-text-muted);
  line-height: 1.6;
}

/* line 274, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-features-section {
  padding: 96px 24px;
  text-align: center;
  background: rgba(255, 255, 255, 0.02);
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 288, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-feature-card {
  background: var(--wstock-glass-bg);
  border: 1px solid var(--wstock-glass-border);
  border-radius: var(--wstock-radius-lg);
  padding: 32px 24px;
  text-align: left;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
}

/* line 296, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-feature-card:hover {
  background: var(--wstock-glass-hover);
  transform: translateY(-2px);
}

/* line 301, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-feature-card.wstock-card-accent {
  border-color: rgba(249, 115, 22, 0.4);
  background: rgba(249, 115, 22, 0.06);
}

/* line 307, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-feature-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--wstock-radius);
  background: rgba(249, 115, 22, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--wstock-accent);
  margin-bottom: 20px;
}

/* line 320, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-feature-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wstock-white);
  margin-bottom: 10px;
}

/* line 327, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-feature-card p {
  font-size: 0.9rem;
  color: var(--wstock-text-muted);
  line-height: 1.65;
}

/* line 336, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-flow-section {
  padding: 96px 24px;
  text-align: center;
}

/* line 341, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-flow-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 351, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-flow-arrow {
  color: var(--wstock-text-muted);
  font-size: 1rem;
  padding: 0 4px;
}

@media (max-width: 768px) {
  /* line 351, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
  .wedge-gestion-stock-page .wstock-flow-arrow {
    display: none;
  }
}

/* line 359, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-flow-step {
  background: var(--wstock-glass-bg);
  border: 1px solid var(--wstock-glass-border);
  border-radius: var(--wstock-radius-lg);
  padding: 28px 24px;
  text-align: center;
  min-width: 160px;
  flex: 1;
  max-width: 200px;
  position: relative;
}

/* line 370, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-flow-step.wstock-flow-active {
  border-color: rgba(249, 115, 22, 0.3);
  background: rgba(249, 115, 22, 0.05);
}

/* line 375, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-flow-step.wstock-flow-accent {
  border-color: rgba(249, 115, 22, 0.6);
  background: rgba(249, 115, 22, 0.12);
}

/* line 381, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-step-num {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f97316;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 398, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-step-icon {
  font-size: 1.6rem;
  color: var(--wstock-accent);
  margin-bottom: 12px;
}

/* line 404, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-step-label {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wstock-white);
  margin-bottom: 4px;
}

/* line 411, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-step-sub {
  font-size: 0.78rem;
  color: var(--wstock-text-muted);
}

/* line 419, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-audience-section {
  padding: 96px 24px;
  text-align: center;
  background: rgba(255, 255, 255, 0.02);
}

/* line 425, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-audience-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 433, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-audience-card {
  background: var(--wstock-glass-bg);
  border: 1px solid var(--wstock-glass-border);
  border-radius: var(--wstock-radius-lg);
  padding: 32px 24px;
  text-align: left;
  transition: background 0.2s, border-color 0.2s;
}

/* line 441, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-audience-card:hover {
  background: var(--wstock-glass-hover);
  border-color: rgba(249, 115, 22, 0.3);
}

/* line 447, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-audience-icon {
  font-size: 1.6rem;
  color: var(--wstock-accent);
  margin-bottom: 16px;
}

/* line 453, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-audience-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wstock-white);
  margin-bottom: 10px;
}

/* line 460, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-audience-card p {
  font-size: 0.9rem;
  color: var(--wstock-text-muted);
  line-height: 1.6;
}

/* line 469, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-final-cta {
  padding: 96px 24px;
  text-align: center;
  position: relative;
}

/* line 474, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-final-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(249, 115, 22, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* line 483, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-final-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 700px;
  margin: 0 auto;
}

/* line 490, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-final-title {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 800;
  color: var(--wstock-white);
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

/* line 498, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-final-sub {
  font-size: 1.05rem;
  color: var(--wstock-text-body);
  margin-bottom: 40px;
  line-height: 1.6;
}

/* line 505, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-final-cta-btns {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

/* line 513, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-final-trust {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 520, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-final-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wstock-text-muted);
}

/* line 526, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
.wedge-gestion-stock-page .wstock-final-trust-item i {
  color: var(--wstock-accent);
}

@media (max-width: 768px) {
  /* line 533, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
  .wedge-gestion-stock-page .wstock-hero {
    padding: 100px 20px 60px;
  }
  /* line 537, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
  .wedge-gestion-stock-page .wstock-flow-steps {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 542, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
  .wedge-gestion-stock-page .wstock-flow-step {
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  /* line 548, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
  .wedge-gestion-stock-page .wstock-hero-cta {
    flex-direction: column;
    align-items: center;
  }
  /* line 553, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
  .wedge-gestion-stock-page .wstock-btn-primary,
.wedge-gestion-stock-page .wstock-btn-secondary {
    width: 100%;
    justify-content: center;
  }
  /* line 559, app/assets/stylesheets/website/pages/_wedge_gestion_stock.scss */
  .wedge-gestion-stock-page .wstock-problems-grid,
.wedge-gestion-stock-page .wstock-features-grid,
.wedge-gestion-stock-page .wstock-audience-grid {
    grid-template-columns: 1fr;
  }
}

/* line 6, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page {
  --wcompta-deepblue:       #140D23;
  --wcompta-accent:         #8b5cf6;
  --wcompta-accent-light:   #bba0fa;
  --wcompta-accent-soft:    #ebe3fd;
  --wcompta-white:          #FFFFFF;
  --wcompta-glass-bg:       rgba(255, 255, 255, 0.07);
  --wcompta-glass-border:   rgba(255, 255, 255, 0.13);
  --wcompta-glass-hover:    rgba(255, 255, 255, 0.11);
  --wcompta-text-muted:     rgba(255, 255, 255, 0.52);
  --wcompta-text-body:      rgba(255, 255, 255, 0.84);
  --wcompta-radius:         12px;
  --wcompta-radius-lg:      20px;
  --wcompta-radius-xl:      28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wcompta-text-body);
  background: linear-gradient(151deg, #0d0f1e 0%, #090a18 55%, #110820 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 27, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page *, .wedge-comptabilite-page *::before, .wedge-comptabilite-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page a {
  text-decoration: none;
  color: inherit;
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page ul {
  list-style: none;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: var(--wcompta-text-muted);
  margin-bottom: 32px;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-back-link {
  color: var(--wcompta-accent);
  font-weight: 600;
  transition: opacity 0.2s;
}

/* line 54, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-back-link:hover {
  opacity: 0.8;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-breadcrumb-sep {
  color: var(--wcompta-text-muted);
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-breadcrumb-current {
  color: var(--wcompta-text-muted);
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 120px 24px 80px;
  position: relative;
}

/* line 69, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-hero::after {
  content: '';
  position: absolute;
  top: 10%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.12) 0%, transparent 70%);
  pointer-events: none;
}

/* line 81, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-hero-inner {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

/* line 89, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.3);
  color: var(--wcompta-accent);
  border-radius: 50px;
  padding: 8px 20px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 28px;
}

/* line 104, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-hero-title {
  font-size: clamp(2rem, 5vw, 3.4rem);
  font-weight: 800;
  line-height: 1.18;
  color: var(--wcompta-white);
  margin-bottom: 24px;
  letter-spacing: -0.02em;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-highlight {
  background: linear-gradient(135deg, #8b5cf6 0%, #bfa4fa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-hero-sub {
  font-size: clamp(1rem, 2vw, 1.18rem);
  color: var(--wcompta-text-body);
  line-height: 1.7;
  max-width: 680px;
  margin: 0 auto 40px;
}

/* line 128, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-hero-cta {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 136, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #8b5cf6 0%, #ad8cf9 100%);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 32px;
  border-radius: 50px;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 8px 24px rgba(139, 92, 246, 0.35);
}

/* line 149, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(139, 92, 246, 0.45);
  color: #fff;
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wcompta-glass-bg);
  border: 1px solid var(--wcompta-glass-border);
  color: var(--wcompta-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 32px;
  border-radius: 50px;
  transition: background 0.2s, border-color 0.2s;
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-btn-secondary:hover {
  background: var(--wcompta-glass-hover);
  border-color: rgba(139, 92, 246, 0.4);
  color: #fff;
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-hero-trust {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wcompta-text-muted);
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-trust-item i {
  color: var(--wcompta-accent);
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-section-label {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wcompta-accent);
  margin-bottom: 16px;
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-section-title {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wcompta-white);
  margin-bottom: 16px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

/* line 214, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-section-sub {
  font-size: 1.05rem;
  color: var(--wcompta-text-body);
  max-width: 620px;
  margin: 0 auto 56px;
  line-height: 1.65;
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-problems-section {
  padding: 96px 24px;
  text-align: center;
}

/* line 230, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-problems-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-problem-card {
  background: var(--wcompta-glass-bg);
  border: 1px solid var(--wcompta-glass-border);
  border-radius: var(--wcompta-radius-lg);
  padding: 32px 24px;
  text-align: left;
  transition: background 0.2s, border-color 0.2s;
}

/* line 246, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-problem-card:hover {
  background: var(--wcompta-glass-hover);
  border-color: rgba(139, 92, 246, 0.3);
}

/* line 252, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-problem-icon {
  font-size: 1.6rem;
  color: rgba(139, 92, 246, 0.7);
  margin-bottom: 16px;
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-problem-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wcompta-white);
  margin-bottom: 10px;
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-problem-desc {
  font-size: 0.9rem;
  color: var(--wcompta-text-muted);
  line-height: 1.6;
}

/* line 274, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-section {
  padding: 96px 24px;
  text-align: center;
  background: rgba(255, 255, 255, 0.02);
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  /* line 280, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
  .wedge-comptabilite-page .wcompta-duo-grid {
    grid-template-columns: 1fr;
  }
}

/* line 292, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-card {
  background: var(--wcompta-glass-bg);
  border: 1px solid var(--wcompta-glass-border);
  border-radius: var(--wcompta-radius-lg);
  padding: 36px 28px;
  text-align: left;
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-card.wcompta-duo-orizen {
  border-color: rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.06);
}

/* line 304, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-card.wcompta-duo-pennylane {
  border-color: rgba(34, 197, 94, 0.3);
  background: rgba(34, 197, 94, 0.04);
}

/* line 310, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--wcompta-white);
  margin-bottom: 24px;
}

/* line 319, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-logo i {
  font-size: 1.2rem;
  color: var(--wcompta-accent);
}

/* line 322, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

/* line 328, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  color: var(--wcompta-text-body);
}

/* line 335, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-list li i {
  color: var(--wcompta-accent);
  font-size: 0.85rem;
  margin-top: 2px;
  flex-shrink: 0;
}

/* line 344, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-arrow {
  font-size: 0.82rem;
  color: var(--wcompta-accent);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 353, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-duo-tagline {
  font-size: 0.85rem;
  color: rgba(34, 197, 94, 0.8);
  font-style: italic;
  line-height: 1.5;
}

/* line 363, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-features-section {
  padding: 96px 24px;
  text-align: center;
}

/* line 368, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 376, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-feature-card {
  background: var(--wcompta-glass-bg);
  border: 1px solid var(--wcompta-glass-border);
  border-radius: var(--wcompta-radius-lg);
  padding: 32px 24px;
  text-align: left;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
}

/* line 384, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-feature-card:hover {
  background: var(--wcompta-glass-hover);
  transform: translateY(-2px);
}

/* line 389, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-feature-card.wcompta-card-accent {
  border-color: rgba(139, 92, 246, 0.4);
  background: rgba(139, 92, 246, 0.06);
}

/* line 395, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-feature-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--wcompta-radius);
  background: rgba(139, 92, 246, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--wcompta-accent);
  margin-bottom: 20px;
}

/* line 408, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-feature-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wcompta-white);
  margin-bottom: 10px;
}

/* line 415, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-feature-card p {
  font-size: 0.9rem;
  color: var(--wcompta-text-muted);
  line-height: 1.65;
}

/* line 424, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-section {
  padding: 96px 24px;
  background: rgba(255, 255, 255, 0.02);
}

/* line 429, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-card {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}

@media (max-width: 768px) {
  /* line 429, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
  .wedge-comptabilite-page .wcompta-ec-card {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* line 443, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(139, 92, 246, 0.12);
  border: 1px solid rgba(139, 92, 246, 0.3);
  color: var(--wcompta-accent);
  border-radius: 50px;
  padding: 6px 16px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 24px;
}

/* line 457, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-title {
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  font-weight: 800;
  color: var(--wcompta-white);
  line-height: 1.25;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
}

/* line 466, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-text {
  font-size: 1rem;
  color: var(--wcompta-text-body);
  line-height: 1.7;
  margin-bottom: 28px;
}

/* line 473, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}

/* line 479, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
  color: var(--wcompta-text-body);
}

/* line 486, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-list li i {
  color: var(--wcompta-accent);
  font-size: 0.85rem;
  flex-shrink: 0;
}

/* line 490, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--wcompta-accent);
  font-weight: 600;
  font-size: 0.95rem;
  transition: gap 0.2s;
}

/* line 499, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-link:hover {
  gap: 12px;
}

/* line 502, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-ec-visual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* line 508, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-kpi-card {
  background: var(--wcompta-glass-bg);
  border: 1px solid var(--wcompta-glass-border);
  border-radius: var(--wcompta-radius);
  padding: 20px;
}

/* line 515, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-kpi-label {
  font-size: 0.75rem;
  color: var(--wcompta-text-muted);
  margin-bottom: 8px;
  font-weight: 500;
}

/* line 522, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-kpi-value {
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--wcompta-white);
  margin-bottom: 8px;
}

/* line 528, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-kpi-value.wcompta-kpi-alert {
  color: #f87171;
}

/* line 531, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-kpi-trend {
  font-size: 0.78rem;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 537, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-kpi-trend.up {
  color: #4ade80;
}

/* line 538, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-kpi-trend.warn {
  color: #fbbf24;
}

/* line 539, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-kpi-trend.neutral {
  color: var(--wcompta-text-muted);
}

/* line 545, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-final-cta {
  padding: 96px 24px;
  text-align: center;
  position: relative;
}

/* line 550, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-final-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* line 559, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-final-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 700px;
  margin: 0 auto;
}

/* line 566, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-final-title {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 800;
  color: var(--wcompta-white);
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

/* line 574, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-final-sub {
  font-size: 1.05rem;
  color: var(--wcompta-text-body);
  margin-bottom: 40px;
  line-height: 1.6;
}

/* line 581, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-final-cta-btns {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

/* line 589, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-final-trust {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 596, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-final-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wcompta-text-muted);
}

/* line 602, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
.wedge-comptabilite-page .wcompta-final-trust-item i {
  color: var(--wcompta-accent);
}

@media (max-width: 576px) {
  /* line 609, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
  .wedge-comptabilite-page .wcompta-hero {
    padding: 100px 20px 60px;
  }
  /* line 613, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
  .wedge-comptabilite-page .wcompta-hero-cta {
    flex-direction: column;
    align-items: center;
  }
  /* line 618, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
  .wedge-comptabilite-page .wcompta-btn-primary,
.wedge-comptabilite-page .wcompta-btn-secondary {
    width: 100%;
    justify-content: center;
  }
  /* line 624, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
  .wedge-comptabilite-page .wcompta-problems-grid,
.wedge-comptabilite-page .wcompta-features-grid {
    grid-template-columns: 1fr;
  }
  /* line 629, app/assets/stylesheets/website/pages/_wedge_comptabilite.scss */
  .wedge-comptabilite-page .wcompta-ec-visual {
    grid-template-columns: 1fr;
  }
}

/* line 6, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page {
  --wacha-deepblue:       #140D23;
  --wacha-accent:         #3b82f6;
  --wacha-accent-light:   #7faef9;
  --wacha-accent-soft:    #c4d9fc;
  --wacha-white:          #FFFFFF;
  --wacha-glass-bg:       rgba(255, 255, 255, 0.07);
  --wacha-glass-border:   rgba(255, 255, 255, 0.13);
  --wacha-glass-hover:    rgba(255, 255, 255, 0.11);
  --wacha-text-muted:     rgba(255, 255, 255, 0.52);
  --wacha-text-body:      rgba(255, 255, 255, 0.84);
  --wacha-radius:         12px;
  --wacha-radius-lg:      20px;
  --wacha-radius-xl:      28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wacha-text-body);
  background: linear-gradient(151deg, #0d0f1e 0%, #090a18 55%, #071528 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 27, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page *, .wedge-gestion-achat-page *::before, .wedge-gestion-achat-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page a {
  text-decoration: none;
  color: inherit;
}

/* line 37, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page ul {
  list-style: none;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: var(--wacha-text-muted);
  margin-bottom: 32px;
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-back-link {
  color: var(--wacha-accent);
  font-weight: 600;
  transition: opacity 0.2s;
}

/* line 54, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-back-link:hover {
  opacity: 0.8;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-breadcrumb-sep {
  color: var(--wacha-text-muted);
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-breadcrumb-current {
  color: var(--wacha-text-muted);
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 120px 24px 80px;
  position: relative;
}

/* line 69, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-hero::after {
  content: '';
  position: absolute;
  top: 10%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.12) 0%, transparent 70%);
  pointer-events: none;
}

/* line 81, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-hero-inner {
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

/* line 89, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-hero-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(59, 130, 246, 0.3);
  color: var(--wacha-accent);
  border-radius: 50px;
  padding: 8px 20px;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-bottom: 28px;
}

/* line 104, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-hero-title {
  font-size: clamp(2rem, 5vw, 3.4rem);
  font-weight: 800;
  line-height: 1.18;
  color: var(--wacha-white);
  margin-bottom: 24px;
  letter-spacing: -0.02em;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-highlight {
  background: linear-gradient(135deg, #3b82f6 0%, #84b1f9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-hero-sub {
  font-size: clamp(1rem, 2vw, 1.18rem);
  color: var(--wacha-text-body);
  line-height: 1.7;
  max-width: 680px;
  margin: 0 auto 40px;
}

/* line 128, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-hero-cta {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* line 136, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, #3b82f6 0%, #6ca1f8 100%);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 32px;
  border-radius: 50px;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.35);
}

/* line 149, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.45);
  color: #fff;
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--wacha-glass-bg);
  border: 1px solid var(--wacha-glass-border);
  color: var(--wacha-white);
  font-weight: 600;
  font-size: 1rem;
  padding: 14px 32px;
  border-radius: 50px;
  transition: background 0.2s, border-color 0.2s;
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-btn-secondary:hover {
  background: var(--wacha-glass-hover);
  border-color: rgba(59, 130, 246, 0.4);
  color: #fff;
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-hero-trust {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wacha-text-muted);
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-trust-item i {
  color: var(--wacha-accent);
}

/* line 195, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-section-label {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wacha-accent);
  margin-bottom: 16px;
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-section-title {
  font-size: clamp(1.6rem, 3.5vw, 2.4rem);
  font-weight: 800;
  color: var(--wacha-white);
  margin-bottom: 16px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

/* line 214, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-section-sub {
  font-size: 1.05rem;
  color: var(--wacha-text-body);
  max-width: 620px;
  margin: 0 auto 56px;
  line-height: 1.65;
}

/* line 225, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-problems-section {
  padding: 96px 24px;
  text-align: center;
}

/* line 230, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-problems-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-problem-card {
  background: var(--wacha-glass-bg);
  border: 1px solid var(--wacha-glass-border);
  border-radius: var(--wacha-radius-lg);
  padding: 32px 24px;
  text-align: left;
  transition: background 0.2s, border-color 0.2s;
}

/* line 246, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-problem-card:hover {
  background: var(--wacha-glass-hover);
  border-color: rgba(59, 130, 246, 0.3);
}

/* line 252, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-problem-icon {
  font-size: 1.6rem;
  color: rgba(59, 130, 246, 0.7);
  margin-bottom: 16px;
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-problem-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wacha-white);
  margin-bottom: 10px;
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-problem-desc {
  font-size: 0.9rem;
  color: var(--wacha-text-muted);
  line-height: 1.6;
}

/* line 274, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-features-section {
  padding: 96px 24px;
  text-align: center;
  background: rgba(255, 255, 255, 0.02);
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 288, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-feature-card {
  background: var(--wacha-glass-bg);
  border: 1px solid var(--wacha-glass-border);
  border-radius: var(--wacha-radius-lg);
  padding: 32px 24px;
  text-align: left;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
}

/* line 296, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-feature-card:hover {
  background: var(--wacha-glass-hover);
  transform: translateY(-2px);
}

/* line 301, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-feature-card.wacha-card-accent {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.06);
}

/* line 307, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-feature-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--wacha-radius);
  background: rgba(59, 130, 246, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--wacha-accent);
  margin-bottom: 20px;
}

/* line 320, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-feature-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wacha-white);
  margin-bottom: 10px;
}

/* line 327, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-feature-card p {
  font-size: 0.9rem;
  color: var(--wacha-text-muted);
  line-height: 1.65;
}

/* line 336, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-flow-section {
  padding: 96px 24px;
  text-align: center;
}

/* line 341, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-flow-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 351, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-flow-arrow {
  color: var(--wacha-text-muted);
  font-size: 1rem;
  padding: 0 4px;
}

@media (max-width: 768px) {
  /* line 351, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
  .wedge-gestion-achat-page .wacha-flow-arrow {
    display: none;
  }
}

/* line 359, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-flow-step {
  background: var(--wacha-glass-bg);
  border: 1px solid var(--wacha-glass-border);
  border-radius: var(--wacha-radius-lg);
  padding: 28px 24px;
  text-align: center;
  min-width: 160px;
  flex: 1;
  max-width: 220px;
  position: relative;
}

/* line 370, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-flow-step.wacha-flow-active {
  border-color: rgba(59, 130, 246, 0.3);
  background: rgba(59, 130, 246, 0.05);
}

/* line 375, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-flow-step.wacha-flow-accent {
  border-color: rgba(59, 130, 246, 0.6);
  background: rgba(59, 130, 246, 0.12);
}

/* line 381, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-step-num {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #3b82f6;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 398, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-step-icon {
  font-size: 1.6rem;
  color: var(--wacha-accent);
  margin-bottom: 12px;
}

/* line 404, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-step-label {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--wacha-white);
  margin-bottom: 4px;
}

/* line 411, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-step-sub {
  font-size: 0.78rem;
  color: var(--wacha-text-muted);
}

/* line 419, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-audience-section {
  padding: 96px 24px;
  text-align: center;
  background: rgba(255, 255, 255, 0.02);
}

/* line 425, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-audience-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

/* line 433, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-audience-card {
  background: var(--wacha-glass-bg);
  border: 1px solid var(--wacha-glass-border);
  border-radius: var(--wacha-radius-lg);
  padding: 32px 24px;
  text-align: left;
  transition: background 0.2s, border-color 0.2s;
}

/* line 441, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-audience-card:hover {
  background: var(--wacha-glass-hover);
  border-color: rgba(59, 130, 246, 0.3);
}

/* line 447, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-audience-icon {
  font-size: 1.6rem;
  color: var(--wacha-accent);
  margin-bottom: 16px;
}

/* line 453, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-audience-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wacha-white);
  margin-bottom: 10px;
}

/* line 460, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-audience-card p {
  font-size: 0.9rem;
  color: var(--wacha-text-muted);
  line-height: 1.6;
}

/* line 469, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-final-cta {
  padding: 96px 24px;
  text-align: center;
  position: relative;
}

/* line 474, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-final-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(59, 130, 246, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* line 483, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-final-cta-inner {
  position: relative;
  z-index: 1;
  max-width: 700px;
  margin: 0 auto;
}

/* line 490, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-final-title {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 800;
  color: var(--wacha-white);
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

/* line 498, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-final-sub {
  font-size: 1.05rem;
  color: var(--wacha-text-body);
  margin-bottom: 40px;
  line-height: 1.6;
}

/* line 505, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-final-cta-btns {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

/* line 513, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-final-trust {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 520, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-final-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wacha-text-muted);
}

/* line 526, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
.wedge-gestion-achat-page .wacha-final-trust-item i {
  color: var(--wacha-accent);
}

@media (max-width: 768px) {
  /* line 533, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
  .wedge-gestion-achat-page .wacha-hero {
    padding: 100px 20px 60px;
  }
  /* line 537, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
  .wedge-gestion-achat-page .wacha-flow-steps {
    flex-direction: column;
    align-items: stretch;
  }
  /* line 542, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
  .wedge-gestion-achat-page .wacha-flow-step {
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  /* line 548, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
  .wedge-gestion-achat-page .wacha-hero-cta {
    flex-direction: column;
    align-items: center;
  }
  /* line 553, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
  .wedge-gestion-achat-page .wacha-btn-primary,
.wedge-gestion-achat-page .wacha-btn-secondary {
    width: 100%;
    justify-content: center;
  }
  /* line 559, app/assets/stylesheets/website/pages/_wedge_gestion_achat.scss */
  .wedge-gestion-achat-page .wacha-problems-grid,
.wedge-gestion-achat-page .wacha-features-grid,
.wedge-gestion-achat-page .wacha-audience-grid {
    grid-template-columns: 1fr;
  }
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page {
  --wpros-accent:        #E5A82E;
  --wpros-deepblue:      #140D23;
  --wpros-deepmagenta:   #640127;
  --wpros-gold:          #F6E5B3;
  --wpros-success:       #10b981;
  --wpros-ai-violet:     #a855f7;
  --wpros-orange-start:  #FF6B35;
  --wpros-orange-end:    #F7931E;
  --wpros-white:         #FFFFFF;
  --wpros-glass-bg:      rgba(255, 255, 255, 0.07);
  --wpros-glass-border:  rgba(255, 255, 255, 0.14);
  --wpros-glass-hover:   rgba(255, 255, 255, 0.12);
  --wpros-text-muted:    rgba(255, 255, 255, 0.55);
  --wpros-text-body:     rgba(255, 255, 255, 0.85);
  --wpros-radius:        12px;
  --wpros-radius-lg:     20px;
  --wpros-radius-xl:     28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wpros-text-body);
  background: linear-gradient(151deg, var(--wpros-deepblue) 0%, #1a2a10 65%, #2d4a18 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page *, .wedge-prospection-page *::before, .wedge-prospection-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page ul {
  list-style: none;
}

/* line 40, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page img {
  max-width: 100%;
}

/* line 45, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-display-1 {
  font-size: clamp(2.4rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-display-2 {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-section-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wpros-accent);
}

/* line 67, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-text-accent {
  background: linear-gradient(135deg, var(--wpros-accent) 0%, #f5c842 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-line-white {
  display: block;
  color: #fff;
}

/* line 75, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-line-accent {
  display: block;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%;
}

/* line 86, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-section-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--wpros-glass-border), transparent);
  margin: 0 auto;
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-section-header {
  text-align: center;
  margin-bottom: 64px;
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-section-header .wpros-section-label {
  display: inline-block;
  margin-bottom: 12px;
}

/* line 99, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-section-header p {
  margin-top: 16px;
  color: var(--wpros-text-muted);
  font-size: 1.05rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  border: none;
  transition: all 0.25s ease;
  text-decoration: none;
}

/* line 128, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-btn-primary {
  background: linear-gradient(135deg, var(--wpros-orange-start), var(--wpros-orange-end));
  color: #fff;
  box-shadow: 0 4px 24px rgba(255, 107, 53, 0.35);
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 140, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-btn-ghost {
  background: transparent;
  color: var(--wpros-white);
  border: 1px solid var(--wpros-glass-border);
  backdrop-filter: blur(8px);
}

/* line 146, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-btn-ghost:hover {
  background: var(--wpros-glass-hover);
  border-color: rgba(255, 255, 255, 0.28);
  color: var(--wpros-white);
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-btn-lg {
  padding: 18px 40px;
  font-size: 1.05rem;
}

/* line 161, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-hero {
  padding: 120px 0 80px;
}

@media (max-width: 768px) {
  /* line 161, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
  .wedge-prospection-page .wpros-hero {
    padding: 100px 0 60px;
  }
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 40px;
  font-size: 0.85rem;
  color: var(--wpros-text-muted);
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-breadcrumb-link {
  color: var(--wpros-accent);
  text-decoration: none;
  font-weight: 500;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-breadcrumb-link:hover {
  text-decoration: underline;
}

/* line 186, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-breadcrumb-sep {
  opacity: 0.4;
}

/* line 187, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-breadcrumb-current {
  opacity: 0.7;
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

@media (max-width: 900px) {
  /* line 189, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
  .wedge-prospection-page .wpros-hero-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

/* line 201, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 50px;
  background: rgba(229, 168, 46, 0.12);
  border: 1px solid rgba(229, 168, 46, 0.3);
  color: var(--wpros-accent);
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 24px;
}

/* line 215, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-hero-subtitle {
  margin: 24px 0 36px;
  font-size: 1.1rem;
  color: var(--wpros-text-muted);
  line-height: 1.75;
  max-width: 520px;
}

/* line 223, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

/* line 230, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-hero-trust {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* line 236, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wpros-text-muted);
}

/* line 243, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-trust-item i {
  color: var(--wpros-success);
  font-size: 0.75rem;
}

/* line 249, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-mockup {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* line 255, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-window {
  background: rgba(10, 10, 20, 0.7);
  border: 1px solid var(--wpros-glass-border);
  border-radius: var(--wpros-radius-lg);
  overflow: hidden;
  width: 100%;
  max-width: 380px;
  backdrop-filter: blur(16px);
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5);
}

/* line 266, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-titlebar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid var(--wpros-glass-border);
}

/* line 275, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-dot.red {
  background: #ff5f56;
}

/* line 281, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-dot.yellow {
  background: #ffbd2e;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-dot.green {
  background: #27c93f;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-titlebar-label {
  margin-left: 8px;
  font-size: 0.72rem;
  color: var(--wpros-text-muted);
  font-weight: 500;
}

/* line 292, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-prospect {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: var(--wpros-glass-bg);
  border: 1px solid var(--wpros-glass-border);
  border-radius: var(--wpros-radius);
}

/* line 309, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-prospect-avatar {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 700;
  flex-shrink: 0;
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-prospect-info {
  flex: 1;
  min-width: 0;
}

/* line 326, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-prospect-name {
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 334, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-prospect-meta {
  font-size: 0.65rem;
  color: var(--wpros-text-muted);
  margin-top: 2px;
}

/* line 340, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-prospect-score {
  font-size: 0.68rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 50px;
  white-space: nowrap;
}

/* line 347, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-prospect-score.hot {
  background: rgba(229, 168, 46, 0.2);
  color: #E5A82E;
  border: 1px solid rgba(229, 168, 46, 0.4);
}

/* line 348, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-prospect-score.warm {
  background: rgba(16, 185, 129, 0.2);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.4);
}

/* line 349, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-prospect-score.cold {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.3);
}

/* line 352, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-ai-tip {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(229, 168, 46, 0.08);
  border: 1px solid rgba(229, 168, 46, 0.2);
  border-radius: var(--wpros-radius);
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}

/* line 364, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-pipeline-ai-tip i {
  color: var(--wpros-accent);
  margin-top: 2px;
  flex-shrink: 0;
}

/* line 370, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-fade-up {
  animation: wpros-fadeUp 0.7s ease both;
}

/* line 374, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-fade-up-2 {
  animation: wpros-fadeUp 0.7s 0.15s ease both;
}

@keyframes wpros-fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 386, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-problems-section {
  padding: 100px 0;
}

/* line 390, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-problems-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 390, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
  .wedge-prospection-page .wpros-problems-grid {
    grid-template-columns: 1fr;
  }
}

/* line 400, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-problem-card {
  padding: 32px;
  background: var(--wpros-glass-bg);
  border: 1px solid var(--wpros-glass-border);
  border-radius: var(--wpros-radius-lg);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

/* line 407, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-problem-card:hover {
  border-color: rgba(229, 168, 46, 0.3);
  transform: translateY(-2px);
}

/* line 413, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-problem-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--wpros-radius);
  background: rgba(229, 168, 46, 0.12);
  border: 1px solid rgba(229, 168, 46, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--wpros-accent);
  font-size: 1.2rem;
}

/* line 427, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-problem-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #fff;
}

/* line 434, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-problem-desc {
  font-size: 0.9rem;
  color: var(--wpros-text-muted);
  line-height: 1.7;
}

/* line 443, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-features-section {
  padding: 100px 0;
}

/* line 447, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 900px) {
  /* line 447, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
  .wedge-prospection-page .wpros-features-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  /* line 447, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
  .wedge-prospection-page .wpros-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 461, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-card {
  padding: 28px;
  background: var(--wpros-glass-bg);
  border: 1px solid var(--wpros-glass-border);
  border-radius: var(--wpros-radius-lg);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

/* line 468, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-card.featured {
  grid-column: span 2;
  background: rgba(229, 168, 46, 0.06);
  border-color: rgba(229, 168, 46, 0.2);
}

@media (max-width: 600px) {
  /* line 468, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
  .wedge-prospection-page .wpros-feature-card.featured {
    grid-column: span 1;
  }
}

/* line 478, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-card:hover {
  border-color: rgba(229, 168, 46, 0.3);
  transform: translateY(-2px);
}

/* line 484, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--wpros-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 1.1rem;
}

/* line 494, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-icon.accent {
  background: rgba(229, 168, 46, 0.15);
  color: var(--wpros-accent);
  border: 1px solid rgba(229, 168, 46, 0.3);
}

/* line 500, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-icon.gold {
  background: rgba(246, 229, 179, 0.12);
  color: var(--wpros-gold);
  border: 1px solid rgba(246, 229, 179, 0.2);
}

/* line 506, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-icon.blue {
  background: rgba(96, 165, 250, 0.12);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.25);
}

/* line 512, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-icon.green {
  background: rgba(16, 185, 129, 0.12);
  color: var(--wpros-success);
  border: 1px solid rgba(16, 185, 129, 0.25);
}

/* line 518, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-icon.violet {
  background: rgba(168, 85, 247, 0.12);
  color: var(--wpros-ai-violet);
  border: 1px solid rgba(168, 85, 247, 0.25);
}

/* line 525, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

/* line 532, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-desc {
  font-size: 0.88rem;
  color: var(--wpros-text-muted);
  line-height: 1.7;
  margin-bottom: 16px;
}

/* line 539, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-feature-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 545, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-tag {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 50px;
  background: var(--wpros-glass-bg);
  border: 1px solid var(--wpros-glass-border);
  color: var(--wpros-text-muted);
}

/* line 554, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-tag.highlight {
  background: rgba(229, 168, 46, 0.12);
  border-color: rgba(229, 168, 46, 0.3);
  color: var(--wpros-accent);
}

/* line 564, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-steps-section {
  padding: 100px 0;
}

/* line 568, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-steps-grid {
  display: flex;
  align-items: flex-start;
  gap: 0;
}

@media (max-width: 768px) {
  /* line 568, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
  .wedge-prospection-page .wpros-steps-grid {
    flex-direction: column;
    gap: 0;
  }
}

/* line 579, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 20px;
}

/* line 588, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-step-connector {
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, rgba(229, 168, 46, 0.5), rgba(229, 168, 46, 0.2));
  margin-top: 28px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  /* line 588, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
  .wedge-prospection-page .wpros-step-connector {
    width: 2px;
    height: 40px;
    background: linear-gradient(180deg, rgba(229, 168, 46, 0.5), rgba(229, 168, 46, 0.2));
    margin: 0 0 0 50%;
  }
}

/* line 603, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-step-number {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(229, 168, 46, 0.12);
  border: 2px solid rgba(229, 168, 46, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--wpros-accent);
  margin-bottom: 20px;
  flex-shrink: 0;
}

/* line 619, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-step-content {
  max-width: 200px;
}

/* line 623, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-step-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

/* line 630, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-step-desc {
  font-size: 0.82rem;
  color: var(--wpros-text-muted);
  line-height: 1.6;
}

/* line 639, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-for-who-section {
  padding: 100px 0;
}

/* line 643, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-for-who-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 643, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
  .wedge-prospection-page .wpros-for-who-grid {
    grid-template-columns: 1fr;
  }
}

/* line 653, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-for-who-card {
  padding: 32px;
  background: var(--wpros-glass-bg);
  border: 1px solid var(--wpros-glass-border);
  border-radius: var(--wpros-radius-lg);
  transition: border-color 0.25s ease, transform 0.25s ease;
  text-align: center;
}

/* line 661, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-for-who-card:hover {
  border-color: rgba(229, 168, 46, 0.3);
  transform: translateY(-3px);
}

/* line 667, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-for-who-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--wpros-radius);
  background: rgba(229, 168, 46, 0.12);
  border: 1px solid rgba(229, 168, 46, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: var(--wpros-accent);
  font-size: 1.3rem;
}

/* line 681, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-for-who-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #fff;
}

/* line 688, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-for-who-desc {
  font-size: 0.88rem;
  color: var(--wpros-text-muted);
  line-height: 1.7;
}

/* line 697, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-final-cta {
  padding: 100px 0;
}

/* line 701, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-final-cta-card {
  background: rgba(229, 168, 46, 0.05);
  border: 1px solid rgba(229, 168, 46, 0.2);
  border-radius: var(--wpros-radius-xl);
  padding: 80px 60px;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 701, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
  .wedge-prospection-page .wpros-final-cta-card {
    padding: 48px 24px;
  }
}

/* line 713, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-final-cta-label {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wpros-accent);
  margin-bottom: 20px;
}

/* line 723, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-final-cta-title {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  color: #fff;
}

/* line 732, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-final-cta-sub {
  font-size: 1.05rem;
  color: var(--wpros-text-muted);
  margin-bottom: 40px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* line 742, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-final-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

/* line 750, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-final-cta-reassurance {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 757, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-reassurance-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wpros-text-muted);
}

/* line 764, app/assets/stylesheets/website/pages/_wedge_prospection.scss */
.wedge-prospection-page .wpros-reassurance-item i {
  color: var(--wpros-success);
  font-size: 0.75rem;
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page {
  --wsav-accent:        #14b8a6;
  --wsav-deepblue:      #140D23;
  --wsav-deepmagenta:   #640127;
  --wsav-gold:          #F6E5B3;
  --wsav-success:       #10b981;
  --wsav-ai-violet:     #a855f7;
  --wsav-orange-start:  #FF6B35;
  --wsav-orange-end:    #F7931E;
  --wsav-white:         #FFFFFF;
  --wsav-glass-bg:      rgba(255, 255, 255, 0.07);
  --wsav-glass-border:  rgba(255, 255, 255, 0.14);
  --wsav-glass-hover:   rgba(255, 255, 255, 0.12);
  --wsav-text-muted:    rgba(255, 255, 255, 0.55);
  --wsav-text-body:     rgba(255, 255, 255, 0.85);
  --wsav-radius:        12px;
  --wsav-radius-lg:     20px;
  --wsav-radius-xl:     28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wsav-text-body);
  background: linear-gradient(151deg, var(--wsav-deepblue) 0%, #0a2a2a 65%, #0f3d3d 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page *, .wedge-sav-support-page *::before, .wedge-sav-support-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page ul {
  list-style: none;
}

/* line 40, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page img {
  max-width: 100%;
}

/* line 45, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-display-1 {
  font-size: clamp(2.4rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-display-2 {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-section-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wsav-accent);
}

/* line 67, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-text-accent {
  background: linear-gradient(135deg, var(--wsav-accent) 0%, #2dd4bf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-line-white {
  display: block;
  color: #fff;
}

/* line 75, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-line-accent {
  display: block;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%;
}

/* line 86, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-section-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--wsav-glass-border), transparent);
  margin: 0 auto;
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-section-header {
  text-align: center;
  margin-bottom: 64px;
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-section-header .wsav-section-label {
  display: inline-block;
  margin-bottom: 12px;
}

/* line 99, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-section-header p {
  margin-top: 16px;
  color: var(--wsav-text-muted);
  font-size: 1.05rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  border: none;
  transition: all 0.25s ease;
  text-decoration: none;
}

/* line 128, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-btn-primary {
  background: linear-gradient(135deg, var(--wsav-orange-start), var(--wsav-orange-end));
  color: #fff;
  box-shadow: 0 4px 24px rgba(255, 107, 53, 0.35);
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 140, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-btn-ghost {
  background: transparent;
  color: var(--wsav-white);
  border: 1px solid var(--wsav-glass-border);
  backdrop-filter: blur(8px);
}

/* line 146, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-btn-ghost:hover {
  background: var(--wsav-glass-hover);
  border-color: rgba(255, 255, 255, 0.28);
  color: var(--wsav-white);
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-btn-lg {
  padding: 18px 40px;
  font-size: 1.05rem;
}

/* line 161, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-hero {
  padding: 120px 0 80px;
}

@media (max-width: 768px) {
  /* line 161, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
  .wedge-sav-support-page .wsav-hero {
    padding: 100px 0 60px;
  }
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 40px;
  font-size: 0.85rem;
  color: var(--wsav-text-muted);
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-breadcrumb-link {
  color: var(--wsav-accent);
  text-decoration: none;
  font-weight: 500;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-breadcrumb-link:hover {
  text-decoration: underline;
}

/* line 186, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-breadcrumb-sep {
  opacity: 0.4;
}

/* line 187, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-breadcrumb-current {
  opacity: 0.7;
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

@media (max-width: 900px) {
  /* line 189, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
  .wedge-sav-support-page .wsav-hero-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

/* line 201, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 50px;
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.3);
  color: var(--wsav-accent);
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 24px;
}

/* line 215, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-hero-subtitle {
  margin: 24px 0 36px;
  font-size: 1.1rem;
  color: var(--wsav-text-muted);
  line-height: 1.75;
  max-width: 520px;
}

/* line 223, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

/* line 230, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-hero-trust {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* line 236, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wsav-text-muted);
}

/* line 243, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-trust-item i {
  color: var(--wsav-success);
  font-size: 0.75rem;
}

/* line 249, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-mockup {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* line 255, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-window {
  background: rgba(10, 10, 20, 0.7);
  border: 1px solid var(--wsav-glass-border);
  border-radius: var(--wsav-radius-lg);
  overflow: hidden;
  width: 100%;
  max-width: 380px;
  backdrop-filter: blur(16px);
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5);
}

/* line 266, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-titlebar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid var(--wsav-glass-border);
}

/* line 275, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-dot.red {
  background: #ff5f56;
}

/* line 281, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-dot.yellow {
  background: #ffbd2e;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-dot.green {
  background: #27c93f;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-titlebar-label {
  margin-left: 8px;
  font-size: 0.72rem;
  color: var(--wsav-text-muted);
  font-weight: 500;
}

/* line 292, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: var(--wsav-glass-bg);
  border: 1px solid var(--wsav-glass-border);
  border-radius: var(--wsav-radius);
}

/* line 308, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-item.urgent {
  border-color: rgba(251, 113, 133, 0.3);
}

/* line 309, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-item.resolved {
  opacity: 0.6;
}

/* line 312, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-priority {
  font-size: 0.62rem;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 50px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 320, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-priority.urgent-badge {
  background: rgba(251, 113, 133, 0.2);
  color: #fb7185;
  border: 1px solid rgba(251, 113, 133, 0.4);
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-priority.normal-badge {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.3);
}

/* line 322, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-priority.low-badge {
  background: rgba(255, 255, 255, 0.08);
  color: var(--wsav-text-muted);
  border: 1px solid var(--wsav-glass-border);
}

/* line 325, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-info {
  flex: 1;
  min-width: 0;
}

/* line 330, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-title {
  font-size: 0.76rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 338, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-meta {
  font-size: 0.63rem;
  color: var(--wsav-text-muted);
  margin-top: 2px;
}

/* line 344, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-status {
  font-size: 0.62rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 50px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 352, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-status.open {
  background: rgba(251, 113, 133, 0.15);
  color: #fb7185;
  border: 1px solid rgba(251, 113, 133, 0.3);
}

/* line 353, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-status.in-progress {
  background: rgba(20, 184, 166, 0.15);
  color: var(--wsav-accent);
  border: 1px solid rgba(20, 184, 166, 0.3);
}

/* line 354, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-ticket-status.resolved-badge {
  background: rgba(16, 185, 129, 0.15);
  color: var(--wsav-success);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* line 357, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-crm-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(20, 184, 166, 0.08);
  border: 1px solid rgba(20, 184, 166, 0.2);
  border-radius: var(--wsav-radius);
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.8);
}

/* line 368, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tickets-crm-link i {
  color: var(--wsav-accent);
  flex-shrink: 0;
}

/* line 374, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-fade-up {
  animation: wsav-fadeUp 0.7s ease both;
}

/* line 378, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-fade-up-2 {
  animation: wsav-fadeUp 0.7s 0.15s ease both;
}

@keyframes wsav-fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 390, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-problems-section {
  padding: 100px 0;
}

/* line 394, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-problems-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 394, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
  .wedge-sav-support-page .wsav-problems-grid {
    grid-template-columns: 1fr;
  }
}

/* line 404, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-problem-card {
  padding: 32px;
  background: var(--wsav-glass-bg);
  border: 1px solid var(--wsav-glass-border);
  border-radius: var(--wsav-radius-lg);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

/* line 411, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-problem-card:hover {
  border-color: rgba(20, 184, 166, 0.3);
  transform: translateY(-2px);
}

/* line 417, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-problem-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--wsav-radius);
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--wsav-accent);
  font-size: 1.2rem;
}

/* line 431, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-problem-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #fff;
}

/* line 438, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-problem-desc {
  font-size: 0.9rem;
  color: var(--wsav-text-muted);
  line-height: 1.7;
}

/* line 447, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-features-section {
  padding: 100px 0;
}

/* line 451, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 900px) {
  /* line 451, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
  .wedge-sav-support-page .wsav-features-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  /* line 451, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
  .wedge-sav-support-page .wsav-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 465, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-card {
  padding: 28px;
  background: var(--wsav-glass-bg);
  border: 1px solid var(--wsav-glass-border);
  border-radius: var(--wsav-radius-lg);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

/* line 472, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-card.featured {
  grid-column: span 2;
  background: rgba(20, 184, 166, 0.05);
  border-color: rgba(20, 184, 166, 0.2);
}

@media (max-width: 600px) {
  /* line 472, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
  .wedge-sav-support-page .wsav-feature-card.featured {
    grid-column: span 1;
  }
}

/* line 482, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-card:hover {
  border-color: rgba(20, 184, 166, 0.3);
  transform: translateY(-2px);
}

/* line 488, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--wsav-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 1.1rem;
}

/* line 498, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-icon.teal {
  background: rgba(20, 184, 166, 0.15);
  color: var(--wsav-accent);
  border: 1px solid rgba(20, 184, 166, 0.3);
}

/* line 504, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-icon.blue {
  background: rgba(96, 165, 250, 0.12);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.25);
}

/* line 510, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-icon.gold {
  background: rgba(246, 229, 179, 0.12);
  color: var(--wsav-gold);
  border: 1px solid rgba(246, 229, 179, 0.2);
}

/* line 516, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-icon.green {
  background: rgba(16, 185, 129, 0.12);
  color: var(--wsav-success);
  border: 1px solid rgba(16, 185, 129, 0.25);
}

/* line 522, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-icon.violet {
  background: rgba(168, 85, 247, 0.12);
  color: var(--wsav-ai-violet);
  border: 1px solid rgba(168, 85, 247, 0.25);
}

/* line 529, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

/* line 536, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-desc {
  font-size: 0.88rem;
  color: var(--wsav-text-muted);
  line-height: 1.7;
  margin-bottom: 16px;
}

/* line 543, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-feature-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 549, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tag {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 50px;
  background: var(--wsav-glass-bg);
  border: 1px solid var(--wsav-glass-border);
  color: var(--wsav-text-muted);
}

/* line 558, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-tag.highlight {
  background: rgba(20, 184, 166, 0.12);
  border-color: rgba(20, 184, 166, 0.3);
  color: var(--wsav-accent);
}

/* line 568, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-section {
  padding: 100px 0;
}

/* line 572, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-inner {
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}

/* line 579, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-visual {
  width: 100%;
}

/* line 583, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  padding: 40px;
  background: var(--wsav-glass-bg);
  border: 1px solid var(--wsav-glass-border);
  border-radius: var(--wsav-radius-xl);
}

/* line 595, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-flow-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

/* line 603, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-flow-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}

/* line 612, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-flow-icon.ticket-color {
  background: rgba(251, 113, 133, 0.15);
  color: #fb7185;
  border: 2px solid rgba(251, 113, 133, 0.3);
}

/* line 618, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-flow-icon.crm-color {
  background: rgba(20, 184, 166, 0.15);
  color: var(--wsav-accent);
  border: 2px solid rgba(20, 184, 166, 0.3);
}

/* line 624, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-flow-icon.score-color {
  background: rgba(246, 229, 179, 0.12);
  color: var(--wsav-gold);
  border: 2px solid rgba(246, 229, 179, 0.25);
}

/* line 630, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-flow-icon.alert-color {
  background: rgba(255, 107, 53, 0.15);
  color: var(--wsav-orange-start);
  border: 2px solid rgba(255, 107, 53, 0.3);
}

/* line 637, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-flow-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--wsav-text-muted);
  max-width: 100px;
  line-height: 1.4;
}

/* line 645, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-flow-arrow {
  color: rgba(20, 184, 166, 0.5);
  font-size: 1rem;
}

@media (max-width: 600px) {
  /* line 645, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
  .wedge-sav-support-page .wsav-crm-flow-arrow {
    display: none;
  }
}

/* line 654, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-crm-text {
  max-width: 680px;
  text-align: center;
}

/* line 659, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-spotlight-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wsav-accent);
  margin-bottom: 16px;
}

/* line 671, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-spotlight-title {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
  color: #fff;
}

/* line 680, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-spotlight-subtitle {
  font-size: 1rem;
  color: var(--wsav-text-muted);
  line-height: 1.7;
  margin-bottom: 32px;
}

/* line 687, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-spotlight-points {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: left;
  max-width: 560px;
  margin: 0 auto;
}

/* line 696, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-spotlight-point {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

/* line 702, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-spotlight-point-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(20, 184, 166, 0.15);
  border: 1px solid rgba(20, 184, 166, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wsav-accent);
  font-size: 0.65rem;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 717, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-spotlight-point-text {
  font-size: 0.9rem;
  color: var(--wsav-text-muted);
  line-height: 1.6;
}

/* line 722, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-spotlight-point-text strong {
  color: #fff;
}

/* line 728, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-for-who-section {
  padding: 100px 0;
}

/* line 732, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-for-who-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 732, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
  .wedge-sav-support-page .wsav-for-who-grid {
    grid-template-columns: 1fr;
  }
}

/* line 742, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-for-who-card {
  padding: 32px;
  background: var(--wsav-glass-bg);
  border: 1px solid var(--wsav-glass-border);
  border-radius: var(--wsav-radius-lg);
  transition: border-color 0.25s ease, transform 0.25s ease;
  text-align: center;
}

/* line 750, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-for-who-card:hover {
  border-color: rgba(20, 184, 166, 0.3);
  transform: translateY(-3px);
}

/* line 756, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-for-who-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--wsav-radius);
  background: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  color: var(--wsav-accent);
  font-size: 1.3rem;
}

/* line 770, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-for-who-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #fff;
}

/* line 777, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-for-who-desc {
  font-size: 0.88rem;
  color: var(--wsav-text-muted);
  line-height: 1.7;
}

/* line 786, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-final-cta {
  padding: 100px 0;
}

/* line 790, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-final-cta-card {
  background: rgba(20, 184, 166, 0.05);
  border: 1px solid rgba(20, 184, 166, 0.2);
  border-radius: var(--wsav-radius-xl);
  padding: 80px 60px;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 790, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
  .wedge-sav-support-page .wsav-final-cta-card {
    padding: 48px 24px;
  }
}

/* line 802, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-final-cta-label {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wsav-accent);
  margin-bottom: 20px;
}

/* line 812, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-final-cta-title {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  color: #fff;
}

/* line 821, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-final-cta-sub {
  font-size: 1.05rem;
  color: var(--wsav-text-muted);
  margin-bottom: 40px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* line 831, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-final-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

/* line 839, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-final-cta-reassurance {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 846, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-reassurance-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--wsav-text-muted);
}

/* line 853, app/assets/stylesheets/website/pages/_wedge_sav_support.scss */
.wedge-sav-support-page .wsav-reassurance-item i {
  color: var(--wsav-success);
  font-size: 0.75rem;
}

/* line 4, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page {
  --weml-accent:        #10b981;
  --weml-deepblue:      #140D23;
  --weml-deepmagenta:   #640127;
  --weml-gold:          #F6E5B3;
  --weml-teal:          #14b8a6;
  --weml-ai-violet:     #a855f7;
  --weml-orange-start:  #FF6B35;
  --weml-orange-end:    #F7931E;
  --weml-white:         #FFFFFF;
  --weml-glass-bg:      rgba(255, 255, 255, 0.07);
  --weml-glass-border:  rgba(255, 255, 255, 0.14);
  --weml-glass-hover:   rgba(255, 255, 255, 0.12);
  --weml-text-muted:    rgba(255, 255, 255, 0.55);
  --weml-text-body:     rgba(255, 255, 255, 0.85);
  --weml-radius:        12px;
  --weml-radius-lg:     20px;
  --weml-radius-xl:     28px;
  font-family: 'Poppins', sans-serif;
  color: var(--weml-text-body);
  background: linear-gradient(151deg, var(--weml-deepblue) 0%, #0a2815 65%, #0f3d20 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page *, .wedge-emailing-page *::before, .wedge-emailing-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page ul {
  list-style: none;
}

/* line 40, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page img {
  max-width: 100%;
}

/* line 45, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-display-1 {
  font-size: clamp(2.4rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

/* line 52, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-display-2 {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-section-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--weml-accent);
}

/* line 67, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-text-accent {
  background: linear-gradient(135deg, var(--weml-accent) 0%, #34d399 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-line-white {
  display: block;
  color: #fff;
}

/* line 75, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-line-accent {
  display: block;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%;
}

/* line 86, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-section-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--weml-glass-border), transparent);
  margin: 0 auto;
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-section-header {
  text-align: center;
  margin-bottom: 64px;
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-section-header .weml-section-label {
  display: inline-block;
  margin-bottom: 12px;
}

/* line 99, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-section-header p {
  margin-top: 16px;
  color: var(--weml-text-muted);
  font-size: 1.05rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* line 113, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  border: none;
  transition: all 0.25s ease;
  text-decoration: none;
}

/* line 128, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-btn-primary {
  background: linear-gradient(135deg, var(--weml-orange-start), var(--weml-orange-end));
  color: #fff;
  box-shadow: 0 4px 24px rgba(255, 107, 53, 0.35);
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 140, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-btn-ghost {
  background: transparent;
  color: var(--weml-white);
  border: 1px solid var(--weml-glass-border);
  backdrop-filter: blur(8px);
}

/* line 146, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-btn-ghost:hover {
  background: var(--weml-glass-hover);
  border-color: rgba(255, 255, 255, 0.28);
  color: var(--weml-white);
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-btn-lg {
  padding: 18px 40px;
  font-size: 1.05rem;
}

/* line 161, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-hero {
  padding: 120px 0 80px;
}

@media (max-width: 768px) {
  /* line 161, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
  .wedge-emailing-page .weml-hero {
    padding: 100px 0 60px;
  }
}

/* line 169, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 40px;
  font-size: 0.85rem;
  color: var(--weml-text-muted);
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-breadcrumb-link {
  color: var(--weml-accent);
  text-decoration: none;
  font-weight: 500;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-breadcrumb-link:hover {
  text-decoration: underline;
}

/* line 186, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-breadcrumb-sep {
  opacity: 0.4;
}

/* line 187, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-breadcrumb-current {
  opacity: 0.7;
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

@media (max-width: 900px) {
  /* line 189, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
  .wedge-emailing-page .weml-hero-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

/* line 201, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 50px;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.3);
  color: var(--weml-accent);
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 24px;
}

/* line 215, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-hero-subtitle {
  margin: 24px 0 36px;
  font-size: 1.1rem;
  color: var(--weml-text-muted);
  line-height: 1.75;
  max-width: 520px;
}

/* line 223, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

/* line 230, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-hero-trust {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

/* line 236, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--weml-text-muted);
}

/* line 243, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-trust-item i {
  color: var(--weml-accent);
  font-size: 0.75rem;
}

/* line 249, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-mockup {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

/* line 255, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-window {
  background: rgba(10, 10, 20, 0.7);
  border: 1px solid var(--weml-glass-border);
  border-radius: var(--weml-radius-lg);
  overflow: hidden;
  width: 100%;
  max-width: 380px;
  backdrop-filter: blur(16px);
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5);
}

/* line 266, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-titlebar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid var(--weml-glass-border);
}

/* line 275, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-dot.red {
  background: #ff5f56;
}

/* line 281, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-dot.yellow {
  background: #ffbd2e;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-dot.green {
  background: #27c93f;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-titlebar-label {
  margin-left: 8px;
  font-size: 0.72rem;
  color: var(--weml-text-muted);
  font-weight: 500;
}

/* line 292, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: var(--weml-glass-bg);
  border: 1px solid var(--weml-glass-border);
  border-radius: var(--weml-radius);
}

/* line 309, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  flex-shrink: 0;
}

/* line 319, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-icon.sent {
  background: rgba(16, 185, 129, 0.15);
  color: var(--weml-accent);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* line 320, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-icon.active {
  background: rgba(255, 107, 53, 0.15);
  color: var(--weml-orange-start);
  border: 1px solid rgba(255, 107, 53, 0.3);
}

/* line 321, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-icon.scheduled {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.3);
}

/* line 324, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-info {
  flex: 1;
  min-width: 0;
}

/* line 329, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-name {
  font-size: 0.76rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 337, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-meta {
  font-size: 0.63rem;
  color: var(--weml-text-muted);
  margin-top: 2px;
}

/* line 343, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-stat-badge {
  font-size: 0.62rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 50px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 351, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-stat-badge.open-rate {
  background: rgba(16, 185, 129, 0.15);
  color: var(--weml-accent);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* line 352, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-stat-badge.active-badge {
  background: rgba(255, 107, 53, 0.15);
  color: var(--weml-orange-start);
  border: 1px solid rgba(255, 107, 53, 0.3);
}

/* line 353, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-stat-badge.scheduled-badge {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.3);
}

/* line 356, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-segment-tip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: var(--weml-radius);
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.8);
}

/* line 367, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-campaign-segment-tip i {
  color: var(--weml-accent);
  flex-shrink: 0;
}

/* line 373, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-fade-up {
  animation: weml-fadeUp 0.7s ease both;
}

/* line 377, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-fade-up-2 {
  animation: weml-fadeUp 0.7s 0.15s ease both;
}

@keyframes weml-fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 389, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-problems-section {
  padding: 100px 0;
}

/* line 393, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-problems-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 393, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
  .wedge-emailing-page .weml-problems-grid {
    grid-template-columns: 1fr;
  }
}

/* line 403, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-problem-card {
  padding: 32px;
  background: var(--weml-glass-bg);
  border: 1px solid var(--weml-glass-border);
  border-radius: var(--weml-radius-lg);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

/* line 410, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-problem-card:hover {
  border-color: rgba(16, 185, 129, 0.3);
  transform: translateY(-2px);
}

/* line 416, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-problem-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--weml-radius);
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--weml-accent);
  font-size: 1.2rem;
}

/* line 430, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-problem-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #fff;
}

/* line 437, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-problem-desc {
  font-size: 0.9rem;
  color: var(--weml-text-muted);
  line-height: 1.7;
}

/* line 446, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-features-section {
  padding: 100px 0;
}

/* line 450, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 900px) {
  /* line 450, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
  .wedge-emailing-page .weml-features-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  /* line 450, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
  .wedge-emailing-page .weml-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 464, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-card {
  padding: 28px;
  background: var(--weml-glass-bg);
  border: 1px solid var(--weml-glass-border);
  border-radius: var(--weml-radius-lg);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

/* line 471, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-card.featured {
  grid-column: span 2;
  background: rgba(16, 185, 129, 0.05);
  border-color: rgba(16, 185, 129, 0.2);
}

@media (max-width: 600px) {
  /* line 471, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
  .wedge-emailing-page .weml-feature-card.featured {
    grid-column: span 1;
  }
}

/* line 481, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-card:hover {
  border-color: rgba(16, 185, 129, 0.3);
  transform: translateY(-2px);
}

/* line 487, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--weml-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 1.1rem;
}

/* line 497, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-icon.success {
  background: rgba(16, 185, 129, 0.15);
  color: var(--weml-accent);
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* line 503, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-icon.green {
  background: rgba(16, 185, 129, 0.12);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.25);
}

/* line 509, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-icon.blue {
  background: rgba(96, 165, 250, 0.12);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.25);
}

/* line 515, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-icon.gold {
  background: rgba(246, 229, 179, 0.12);
  color: var(--weml-gold);
  border: 1px solid rgba(246, 229, 179, 0.2);
}

/* line 522, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #fff;
}

/* line 529, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-desc {
  font-size: 0.88rem;
  color: var(--weml-text-muted);
  line-height: 1.7;
  margin-bottom: 16px;
}

/* line 536, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-feature-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 542, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-tag {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 50px;
  background: var(--weml-glass-bg);
  border: 1px solid var(--weml-glass-border);
  color: var(--weml-text-muted);
}

/* line 551, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-tag.highlight {
  background: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.3);
  color: var(--weml-accent);
}

/* line 561, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecases-section {
  padding: 100px 0;
}

/* line 565, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecases-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 565, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
  .wedge-emailing-page .weml-usecases-grid {
    grid-template-columns: 1fr;
  }
}

/* line 575, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecase-card {
  padding: 32px;
  background: var(--weml-glass-bg);
  border: 1px solid var(--weml-glass-border);
  border-radius: var(--weml-radius-lg);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

/* line 582, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecase-card.featured {
  background: rgba(16, 185, 129, 0.06);
  border-color: rgba(16, 185, 129, 0.25);
}

/* line 587, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecase-card:hover {
  border-color: rgba(16, 185, 129, 0.3);
  transform: translateY(-2px);
}

/* line 593, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecase-number {
  font-size: 2.5rem;
  font-weight: 900;
  color: rgba(16, 185, 129, 0.2);
  line-height: 1;
  margin-bottom: 16px;
  font-variant-numeric: tabular-nums;
}

/* line 602, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecase-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 12px;
  color: #fff;
}

/* line 609, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecase-desc {
  font-size: 0.88rem;
  color: var(--weml-text-muted);
  line-height: 1.7;
  margin-bottom: 20px;
}

/* line 616, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecase-stats {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 621, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecase-stats span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  color: var(--weml-accent);
  font-weight: 500;
}

/* line 629, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-usecase-stats span i {
  font-size: 0.7rem;
}

/* line 636, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-pennylane-section {
  padding: 60px 0;
}

/* line 640, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-pennylane-card {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 32px 40px;
  background: rgba(16, 185, 129, 0.06);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: var(--weml-radius-xl);
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  /* line 640, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
  .wedge-emailing-page .weml-pennylane-card {
    flex-direction: column;
    text-align: center;
    padding: 28px 24px;
  }
}

/* line 657, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-pennylane-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(16, 185, 129, 0.15);
  border: 2px solid rgba(16, 185, 129, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--weml-accent);
  font-size: 1.2rem;
  flex-shrink: 0;
}

/* line 671, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-pennylane-text {
  flex: 1;
  min-width: 200px;
}

/* line 676, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-pennylane-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: #fff;
}

/* line 683, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-pennylane-desc {
  font-size: 0.88rem;
  color: var(--weml-text-muted);
  line-height: 1.6;
}

/* line 689, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-pennylane-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 50px;
  color: var(--weml-accent);
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
  transition: all 0.25s ease;
  text-decoration: none;
}

/* line 704, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-pennylane-cta:hover {
  background: rgba(16, 185, 129, 0.25);
  border-color: rgba(16, 185, 129, 0.5);
  transform: translateY(-1px);
  color: var(--weml-accent);
}

/* line 715, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-final-cta {
  padding: 100px 0;
}

/* line 719, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-final-cta-card {
  background: rgba(16, 185, 129, 0.05);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: var(--weml-radius-xl);
  padding: 80px 60px;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 719, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
  .wedge-emailing-page .weml-final-cta-card {
    padding: 48px 24px;
  }
}

/* line 731, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-final-cta-label {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--weml-accent);
  margin-bottom: 20px;
}

/* line 741, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-final-cta-title {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  color: #fff;
}

/* line 750, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-final-cta-sub {
  font-size: 1.05rem;
  color: var(--weml-text-muted);
  margin-bottom: 40px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* line 760, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-final-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

/* line 768, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-final-cta-reassurance {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 775, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-reassurance-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.82rem;
  color: var(--weml-text-muted);
}

/* line 782, app/assets/stylesheets/website/pages/_wedge_emailing.scss */
.wedge-emailing-page .weml-reassurance-item i {
  color: var(--weml-accent);
  font-size: 0.75rem;
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page {
  --wamon-accent:       #ef4444;
  --wamon-accent-light: #f47c7c;
  --wamon-accent-dark:  #eb1515;
  --wamon-accent-glow:  rgba(239, 68, 68, 0.18);
  --wamon-accent-soft:  rgba(239, 68, 68, 0.08);
  --wamon-bg:           #0c090a;
  --wamon-bg-2:         #0f0b0c;
  --wamon-surface:      rgba(255, 255, 255, 0.04);
  --wamon-border:       rgba(255, 255, 255, 0.08);
  --wamon-white:        #f8fafc;
  --wamon-text-muted:   rgba(255, 255, 255, 0.55);
  --wamon-orange:       #f97316;
  --wamon-orange-soft:  rgba(249, 115, 22, 0.08);
  background: var(--wamon-bg);
  color: var(--wamon-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page *, .wedge-alt-monday-page *::before, .wedge-alt-monday-page *::after {
  box-sizing: border-box;
}

/* line 32, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 34, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
  .wedge-alt-monday-page .wamon-section {
    padding: 64px 0;
  }
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wamon-accent);
  margin-bottom: 12px;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wamon-white);
  margin-bottom: 16px;
}

/* line 49, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-section-sub {
  font-size: 1.05rem;
  color: var(--wamon-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 55, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wamon-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-back-link i {
  font-size: 0.7rem;
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-back-link:hover {
  color: var(--wamon-white);
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-breadcrumb-sep {
  color: var(--wamon-text-muted);
  opacity: 0.4;
}

/* line 63, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-breadcrumb-current {
  font-weight: 600;
  color: var(--wamon-accent);
}

/* line 66, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wamon-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 71, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-btn-primary:hover {
  background: var(--wamon-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wamon-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-btn-secondary:hover {
  border-color: var(--wamon-accent);
  color: var(--wamon-accent);
}

/* line 84, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 20% 40%, rgba(239, 68, 68, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--wamon-bg) 0%, var(--wamon-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 84, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
  .wedge-alt-monday-page .wamon-hero {
    padding: 48px 0 56px;
  }
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-hero-copy {
  max-width: 680px;
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wamon-accent-soft);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: var(--wamon-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 103, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wamon-white);
  margin-bottom: 20px;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-hero-title em {
  color: var(--wamon-accent);
  font-style: normal;
}

/* line 109, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-hero-desc {
  font-size: 1.1rem;
  color: var(--wamon-text-muted);
  line-height: 1.65;
  max-width: 560px;
  margin-bottom: 32px;
}

/* line 114, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--wamon-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 123, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-badge i {
  color: var(--wamon-accent);
  font-size: 0.72rem;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 127, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
  .wedge-alt-monday-page .wamon-versus-grid {
    grid-template-columns: 1fr;
  }
}

/* line 132, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-card {
  background: var(--wamon-surface);
  border: 1px solid var(--wamon-border);
  border-radius: 20px;
  padding: 32px;
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-orizen {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.04);
}

/* line 142, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

/* line 146, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-logo {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
  color: var(--wamon-white);
  flex-shrink: 0;
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-logo-orizen {
  background: var(--wamon-accent-soft);
  border-color: rgba(239, 68, 68, 0.3);
  color: var(--wamon-accent);
}

/* line 158, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-name {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--wamon-white);
  margin: 0;
}

/* line 162, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-tagline {
  font-size: 0.78rem;
  color: var(--wamon-text-muted);
  margin: 0;
}

/* line 166, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 170, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.88rem;
  color: var(--wamon-white);
  line-height: 1.4;
}

/* line 173, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-list li i {
  color: #10b981;
  font-size: 0.78rem;
  margin-top: 2px;
  flex-shrink: 0;
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-list .wamon-list-limit {
  color: var(--wamon-text-muted);
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-versus-list .wamon-list-limit i {
  color: var(--wamon-orange);
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 48px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--wamon-border);
}

/* line 188, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table th, .wedge-alt-monday-page .wamon-comparison-table td {
  padding: 14px 20px;
  text-align: left;
  font-size: 0.88rem;
  border-bottom: 1px solid var(--wamon-border);
}

/* line 193, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table thead th {
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 197, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table thead th.col-orizen {
  color: var(--wamon-accent);
}

/* line 198, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table thead th.col-competitor {
  color: var(--wamon-text-muted);
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table thead th.col-feature {
  color: var(--wamon-text-muted);
  width: 30%;
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

/* line 207, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table .col-feature-cell {
  color: var(--wamon-white);
  font-weight: 500;
}

/* line 209, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table .check-yes {
  color: var(--wamon-accent);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.85rem;
}

/* line 214, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table .check-partial {
  color: var(--wamon-orange);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 219, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-comparison-table .check-no {
  color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 226, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 226, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
  .wedge-alt-monday-page .wamon-features-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 231, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-feature-card {
  background: var(--wamon-surface);
  border: 1px solid var(--wamon-border);
  border-radius: 16px;
  padding: 28px;
  transition: border-color 0.2s;
}

/* line 235, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-feature-card:hover {
  border-color: rgba(239, 68, 68, 0.3);
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--wamon-accent-soft);
  border: 1px solid rgba(239, 68, 68, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wamon-accent);
  font-size: 1rem;
  margin-bottom: 16px;
}

/* line 245, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-feature-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wamon-white);
  margin-bottom: 8px;
}

/* line 249, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-feature-desc {
  font-size: 0.85rem;
  color: var(--wamon-text-muted);
  line-height: 1.6;
}

/* line 254, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-migration-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 254, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
  .wedge-alt-monday-page .wamon-migration-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 259, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-migration-card {
  background: var(--wamon-surface);
  border: 1px solid var(--wamon-border);
  border-radius: 16px;
  padding: 28px;
  text-align: center;
}

/* line 264, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-migration-num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--wamon-accent-soft);
  border: 2px solid var(--wamon-accent);
  color: var(--wamon-accent);
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-migration-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wamon-white);
  margin-bottom: 8px;
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-migration-desc {
  font-size: 0.85rem;
  color: var(--wamon-text-muted);
  line-height: 1.6;
}

/* line 281, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-testimonial-card {
  max-width: 720px;
  margin: 48px auto 0;
  background: var(--wamon-surface);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 20px;
  padding: 40px;
}

@media (max-width: 576px) {
  /* line 281, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
  .wedge-alt-monday-page .wamon-testimonial-card {
    padding: 28px;
  }
}

/* line 288, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-quote-icon {
  font-size: 4rem;
  line-height: 1;
  color: var(--wamon-accent);
  opacity: 0.4;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 293, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-testimonial-text {
  font-size: 1.05rem;
  color: var(--wamon-white);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* line 296, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-testimonial-text strong {
  color: var(--wamon-accent);
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 301, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--wamon-accent-soft);
  border: 2px solid var(--wamon-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--wamon-accent);
  flex-shrink: 0;
}

/* line 308, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 310, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-author-info strong {
  font-size: 0.9rem;
  color: var(--wamon-white);
}

/* line 311, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-author-info span {
  font-size: 0.8rem;
  color: var(--wamon-text-muted);
}

/* line 315, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(239, 68, 68, 0.06) 0%, transparent 70%);
}

/* line 320, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wamon-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 325, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-cta-sub {
  font-size: 1.05rem;
  color: var(--wamon-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 330, app/assets/stylesheets/website/pages/_wedge_alt_monday.scss */
.wedge-alt-monday-page .wamon-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page {
  --wcerp-accent:       #14b8a6;
  --wcerp-accent-light: #2be8d3;
  --wcerp-accent-dark:  #0f8a7d;
  --wcerp-accent-glow:  rgba(20, 184, 166, 0.18);
  --wcerp-accent-soft:  rgba(20, 184, 166, 0.08);
  --wcerp-bg:           #090c0c;
  --wcerp-bg-2:         #0b0f0f;
  --wcerp-surface:      rgba(255, 255, 255, 0.04);
  --wcerp-border:       rgba(255, 255, 255, 0.08);
  --wcerp-white:        #f8fafc;
  --wcerp-text-muted:   rgba(255, 255, 255, 0.55);
  --wcerp-orange:       #f97316;
  --wcerp-orange-soft:  rgba(249, 115, 22, 0.08);
  background: var(--wcerp-bg);
  color: var(--wcerp-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page *, .wedge-comparatif-erp-page *::before, .wedge-comparatif-erp-page *::after {
  box-sizing: border-box;
}

/* line 32, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 34, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
  .wedge-comparatif-erp-page .wcerp-section {
    padding: 64px 0;
  }
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wcerp-accent);
  margin-bottom: 12px;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wcerp-white);
  margin-bottom: 16px;
}

/* line 49, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-section-sub {
  font-size: 1.05rem;
  color: var(--wcerp-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 55, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wcerp-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-back-link i {
  font-size: 0.7rem;
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-back-link:hover {
  color: var(--wcerp-white);
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-breadcrumb-sep {
  color: var(--wcerp-text-muted);
  opacity: 0.4;
}

/* line 63, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-breadcrumb-current {
  font-weight: 600;
  color: var(--wcerp-accent);
}

/* line 66, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wcerp-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 71, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-btn-primary:hover {
  background: var(--wcerp-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wcerp-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-btn-secondary:hover {
  border-color: var(--wcerp-accent);
  color: var(--wcerp-accent);
}

/* line 84, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 20% 40%, rgba(20, 184, 166, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--wcerp-bg) 0%, var(--wcerp-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 84, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
  .wedge-comparatif-erp-page .wcerp-hero {
    padding: 48px 0 56px;
  }
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-hero-copy {
  max-width: 680px;
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wcerp-accent-soft);
  border: 1px solid rgba(20, 184, 166, 0.25);
  color: var(--wcerp-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 103, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wcerp-white);
  margin-bottom: 20px;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-hero-title em {
  color: var(--wcerp-accent);
  font-style: normal;
}

/* line 109, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-hero-desc {
  font-size: 1.1rem;
  color: var(--wcerp-text-muted);
  line-height: 1.65;
  max-width: 560px;
  margin-bottom: 32px;
}

/* line 114, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--wcerp-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 123, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-badge i {
  color: var(--wcerp-accent);
  font-size: 0.72rem;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-criteria-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 127, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
  .wedge-comparatif-erp-page .wcerp-criteria-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 127, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
  .wedge-comparatif-erp-page .wcerp-criteria-grid {
    grid-template-columns: 1fr;
  }
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-criteria-card {
  background: var(--wcerp-surface);
  border: 1px solid var(--wcerp-border);
  border-radius: 16px;
  padding: 28px;
  transition: border-color 0.2s;
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-criteria-card:hover {
  border-color: rgba(20, 184, 166, 0.3);
}

/* line 140, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-criteria-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--wcerp-accent-soft);
  border: 1px solid rgba(20, 184, 166, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wcerp-accent);
  font-size: 1rem;
  margin-bottom: 16px;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-criteria-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wcerp-white);
  margin-bottom: 8px;
}

/* line 151, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-criteria-desc {
  font-size: 0.85rem;
  color: var(--wcerp-text-muted);
  line-height: 1.6;
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-table-scroll {
  overflow-x: auto;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 156, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
  .wedge-comparatif-erp-page .wcerp-table-scroll {
    margin-left: -24px;
    margin-right: -24px;
    padding: 0 24px;
  }
}

/* line 161, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table {
  width: 100%;
  min-width: 700px;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--wcerp-border);
}

/* line 165, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table th, .wedge-comparatif-erp-page .wcerp-comparison-table td {
  padding: 14px 16px;
  text-align: left;
  font-size: 0.83rem;
  border-bottom: 1px solid var(--wcerp-border);
}

/* line 170, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table thead th {
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 175, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table thead th.col-orizen {
  color: var(--wcerp-accent);
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table thead th.col-criteria {
  color: var(--wcerp-text-muted);
  width: 22%;
}

/* line 180, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 181, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table .col-criteria-cell {
  color: var(--wcerp-white);
  font-weight: 500;
}

/* line 186, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table .col-orizen-cell {
  background: rgba(20, 184, 166, 0.04) !important;
}

/* line 188, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table .check-yes {
  color: var(--wcerp-accent);
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-weight: 600;
  font-size: 0.82rem;
}

/* line 191, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table .check-yes i {
  margin-top: 1px;
  flex-shrink: 0;
}

/* line 194, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table .check-partial {
  color: var(--wcerp-orange);
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 0.82rem;
}

/* line 197, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table .check-partial i {
  margin-top: 1px;
  flex-shrink: 0;
}

/* line 200, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table .check-no {
  color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: flex-start;
  gap: 6px;
  font-size: 0.82rem;
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-comparison-table .check-no i {
  margin-top: 1px;
  flex-shrink: 0;
}

/* line 208, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-reasons-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 208, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
  .wedge-comparatif-erp-page .wcerp-reasons-grid {
    grid-template-columns: 1fr;
  }
}

/* line 213, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-reason-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: var(--wcerp-surface);
  border: 1px solid var(--wcerp-border);
  border-radius: 16px;
  padding: 24px;
  transition: border-color 0.2s;
}

/* line 218, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-reason-item:hover {
  border-color: rgba(20, 184, 166, 0.3);
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-reason-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex-shrink: 0;
  background: var(--wcerp-accent-soft);
  border: 1px solid rgba(20, 184, 166, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wcerp-accent);
  font-size: 1rem;
}

/* line 228, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-reason-body {
  flex: 1;
}

/* line 230, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-reason-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wcerp-white);
  margin-bottom: 8px;
}

/* line 234, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-reason-desc {
  font-size: 0.85rem;
  color: var(--wcerp-text-muted);
  line-height: 1.6;
}

/* line 239, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 48px;
}

/* line 243, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-faq-item {
  background: var(--wcerp-surface);
  border: 1px solid var(--wcerp-border);
  border-radius: 16px;
  padding: 28px;
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-faq-question {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wcerp-white);
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* line 252, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-faq-question i {
  color: var(--wcerp-accent);
  font-size: 0.9rem;
  margin-top: 3px;
  flex-shrink: 0;
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-faq-answer p {
  font-size: 0.9rem;
  color: var(--wcerp-text-muted);
  line-height: 1.7;
  margin-bottom: 12px;
}

/* line 259, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-faq-answer p:last-child {
  margin-bottom: 0;
}

/* line 263, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-faq-list-inner {
  list-style: none;
  padding: 0;
  margin: 8px 0 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 267, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-faq-list-inner li {
  font-size: 0.88rem;
  color: var(--wcerp-text-muted);
  padding-left: 16px;
  position: relative;
}

/* line 270, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-faq-list-inner li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--wcerp-accent);
}

/* line 271, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-faq-list-inner li strong {
  color: var(--wcerp-white);
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(20, 184, 166, 0.06) 0%, transparent 70%);
}

/* line 281, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wcerp-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 286, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-cta-sub {
  font-size: 1.05rem;
  color: var(--wcerp-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 291, app/assets/stylesheets/website/pages/_wedge_comparatif_erp.scss */
.wedge-comparatif-erp-page .wcerp-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page {
  --wclp-accent:       #f59e0b;
  --wclp-accent-light: #f7b546;
  --wclp-accent-dark:  #c57f08;
  --wclp-accent-glow:  rgba(245, 158, 11, 0.18);
  --wclp-accent-soft:  rgba(245, 158, 11, 0.08);
  --wclp-bg:           #0c0b09;
  --wclp-bg-2:         #0f0d0b;
  --wclp-surface:      rgba(255, 255, 255, 0.04);
  --wclp-border:       rgba(255, 255, 255, 0.08);
  --wclp-white:        #f8fafc;
  --wclp-text-muted:   rgba(255, 255, 255, 0.55);
  --wclp-red:          #ef4444;
  --wclp-red-soft:     rgba(239, 68, 68, 0.08);
  background: var(--wclp-bg);
  color: var(--wclp-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 29, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page *, .wedge-creation-landing-page *::before, .wedge-creation-landing-page *::after {
  box-sizing: border-box;
}

/* line 32, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 34, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
  .wedge-creation-landing-page .wclp-section {
    padding: 64px 0;
  }
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wclp-accent);
  margin-bottom: 12px;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wclp-white);
  margin-bottom: 16px;
}

/* line 49, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-section-sub {
  font-size: 1.05rem;
  color: var(--wclp-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 55, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 56, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wclp-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-back-link i {
  font-size: 0.7rem;
}

/* line 60, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-back-link:hover {
  color: var(--wclp-white);
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-breadcrumb-sep {
  color: var(--wclp-text-muted);
  opacity: 0.4;
}

/* line 63, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-breadcrumb-current {
  font-weight: 600;
  color: var(--wclp-accent);
}

/* line 66, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wclp-accent);
  color: #000;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 71, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-btn-primary:hover {
  background: var(--wclp-accent-light);
  transform: translateY(-1px);
  color: #000;
}

/* line 74, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wclp-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 80, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-btn-secondary:hover {
  border-color: var(--wclp-accent);
  color: var(--wclp-accent);
}

/* line 84, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 20% 40%, rgba(245, 158, 11, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--wclp-bg) 0%, var(--wclp-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 84, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
  .wedge-creation-landing-page .wclp-hero {
    padding: 48px 0 56px;
  }
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-hero-copy {
  max-width: 680px;
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wclp-accent-soft);
  border: 1px solid rgba(245, 158, 11, 0.25);
  color: var(--wclp-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 103, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wclp-white);
  margin-bottom: 20px;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-hero-title em {
  color: var(--wclp-accent);
  font-style: normal;
}

/* line 109, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-hero-desc {
  font-size: 1.1rem;
  color: var(--wclp-text-muted);
  line-height: 1.65;
  max-width: 560px;
  margin-bottom: 32px;
}

/* line 114, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--wclp-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 123, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-badge i {
  color: var(--wclp-accent);
  font-size: 0.72rem;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-problem-flow {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 127, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
  .wedge-creation-landing-page .wclp-problem-flow {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-problem-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: var(--wclp-surface);
  border: 1px solid var(--wclp-border);
  border-radius: 12px;
  padding: 16px 20px;
  min-width: 110px;
  text-align: center;
}

/* line 139, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-problem-step--bad {
  border-color: rgba(239, 68, 68, 0.2);
}

/* line 141, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-problem-step--danger {
  border-color: rgba(239, 68, 68, 0.4);
  background: var(--wclp-red-soft);
}

/* line 144, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-problem-step--danger .wclp-problem-icon {
  color: var(--wclp-red);
}

/* line 145, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-problem-step--danger .wclp-problem-label {
  color: var(--wclp-red);
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-problem-icon {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.4);
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-problem-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--wclp-text-muted);
  white-space: nowrap;
}

/* line 157, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-flow-arrow {
  color: rgba(255, 255, 255, 0.25);
  font-size: 0.85rem;
}

@media (max-width: 768px) {
  /* line 157, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
  .wedge-creation-landing-page .wclp-flow-arrow {
    transform: rotate(90deg);
  }
}

/* line 162, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-problem-caption {
  margin-top: 24px;
  font-size: 0.85rem;
  color: var(--wclp-text-muted);
  padding: 12px 16px;
  border-radius: 8px;
  border-left: 3px solid var(--wclp-red);
  background: var(--wclp-red-soft);
}

/* line 166, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-problem-caption i {
  color: var(--wclp-red);
  margin-right: 6px;
}

/* line 170, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-solution-flow {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 170, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
  .wedge-creation-landing-page .wclp-solution-flow {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-solution-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background: var(--wclp-surface);
  border: 1px solid var(--wclp-border);
  border-radius: 12px;
  padding: 20px 16px;
  min-width: 130px;
  text-align: center;
  position: relative;
  flex: 1;
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-solution-step--accent {
  border-color: rgba(245, 158, 11, 0.4);
  background: var(--wclp-accent-soft);
}

/* line 186, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-solution-step--accent .wclp-solution-icon {
  color: var(--wclp-accent);
}

/* line 187, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-solution-step--accent .wclp-solution-num {
  background: var(--wclp-accent);
  color: #000;
}

/* line 190, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-solution-num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--wclp-white);
  flex-shrink: 0;
  margin-bottom: 4px;
}

/* line 198, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-solution-icon {
  font-size: 1.2rem;
  color: var(--wclp-text-muted);
}

/* line 200, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-solution-label {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--wclp-white);
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-solution-desc {
  font-size: 0.72rem;
  color: var(--wclp-text-muted);
  line-height: 1.4;
}

/* line 208, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-flow-connector {
  color: var(--wclp-accent);
  font-size: 0.85rem;
  padding-top: 32px;
}

@media (max-width: 768px) {
  /* line 208, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
  .wedge-creation-landing-page .wclp-flow-connector {
    transform: rotate(90deg);
    padding-top: 0;
    padding-left: 16px;
  }
}

/* line 214, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 214, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
  .wedge-creation-landing-page .wclp-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  /* line 214, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
  .wedge-creation-landing-page .wclp-benefits-grid {
    grid-template-columns: 1fr;
  }
}

/* line 220, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-benefit-card {
  background: var(--wclp-surface);
  border: 1px solid var(--wclp-border);
  border-radius: 16px;
  padding: 28px;
  transition: border-color 0.2s;
}

/* line 224, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-benefit-card:hover {
  border-color: rgba(245, 158, 11, 0.3);
}

/* line 227, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-benefit-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--wclp-accent-soft);
  border: 1px solid rgba(245, 158, 11, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wclp-accent);
  font-size: 1rem;
  margin-bottom: 16px;
}

/* line 234, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-benefit-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wclp-white);
  margin-bottom: 8px;
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-benefit-desc {
  font-size: 0.85rem;
  color: var(--wclp-text-muted);
  line-height: 1.6;
}

/* line 243, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecases-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 243, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
  .wedge-creation-landing-page .wclp-usecases-grid {
    grid-template-columns: 1fr;
  }
}

/* line 248, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecase-card {
  background: var(--wclp-surface);
  border: 1px solid var(--wclp-border);
  border-radius: 16px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: border-color 0.2s;
}

/* line 252, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecase-card:hover {
  border-color: rgba(245, 158, 11, 0.3);
}

/* line 255, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecase-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

/* line 259, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecase-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  flex-shrink: 0;
  background: var(--wclp-accent-soft);
  border: 1px solid rgba(245, 158, 11, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wclp-accent);
  font-size: 1rem;
}

/* line 266, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecase-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--wclp-white);
  margin: 0;
  line-height: 1.35;
}

/* line 271, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecase-desc {
  font-size: 0.85rem;
  color: var(--wclp-text-muted);
  line-height: 1.6;
  flex: 1;
}

/* line 276, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecase-flow {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-size: 0.75rem;
  font-weight: 600;
  padding-top: 12px;
  border-top: 1px solid var(--wclp-border);
}

/* line 281, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecase-flow span {
  color: var(--wclp-text-muted);
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecase-flow i {
  color: var(--wclp-accent);
  font-size: 0.65rem;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-usecase-flow-accent {
  color: var(--wclp-accent) !important;
}

/* line 288, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(245, 158, 11, 0.06) 0%, transparent 70%);
}

/* line 293, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wclp-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 298, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-cta-sub {
  font-size: 1.05rem;
  color: var(--wclp-text-muted);
  max-width: 540px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 303, app/assets/stylesheets/website/pages/_wedge_creation_landing.scss */
.wedge-creation-landing-page .wclp-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 8, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page {
  --wtreso-magenta:         #A60240;
  --wtreso-deepmagenta:     #640127;
  --wtreso-deepblue:        #140D23;
  --wtreso-gold:            #F6E5B3;
  --wtreso-accent:          #10b981;
  --wtreso-accent-light:    #1beba6;
  --wtreso-orange-start:    #FF6B35;
  --wtreso-orange-end:      #F7931E;
  --wtreso-white:           #FFFFFF;
  --wtreso-glass-bg:        rgba(255, 255, 255, 0.07);
  --wtreso-glass-border:    rgba(255, 255, 255, 0.14);
  --wtreso-glass-hover:     rgba(255, 255, 255, 0.12);
  --wtreso-text-muted:      rgba(255, 255, 255, 0.55);
  --wtreso-text-body:       rgba(255, 255, 255, 0.85);
  --wtreso-success:         #10b981;
  --wtreso-warn:            #FF6B35;
  --wtreso-radius:          12px;
  --wtreso-radius-lg:       20px;
  --wtreso-radius-xl:       28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wtreso-text-body);
  background: linear-gradient(151deg, var(--wtreso-deepblue) 0%, #4a0118 65%, #7a0130 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 31, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page *, .wedge-tresorerie-page *::before, .wedge-tresorerie-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page ul {
  list-style: none;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-display-1 {
  font-size: clamp(2.6rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

/* line 43, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-display-2 {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-display-3 {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 700;
  line-height: 1.2;
}

/* line 45, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-section-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wtreso-accent);
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-text-accent {
  background: linear-gradient(135deg, var(--wtreso-accent-light) 0%, var(--wtreso-accent) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-section {
  padding: 100px 0;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-section-header {
  text-align: center;
  margin-bottom: 64px;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-section-header .wtreso-section-label {
  display: inline-block;
  margin-bottom: 12px;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-section-header p {
  margin-top: 16px;
  color: var(--wtreso-text-muted);
  font-size: 1.05rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* line 70, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-glass {
  background: var(--wtreso-glass-bg);
  border: 1px solid var(--wtreso-glass-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: var(--wtreso-radius-lg);
}

/* line 78, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  border: none;
  transition: all 0.25s ease;
  cursor: pointer;
}

/* line 84, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-btn-primary {
  background: linear-gradient(135deg, var(--wtreso-orange-start), var(--wtreso-orange-end));
  color: #fff;
  box-shadow: 0 4px 24px rgba(255, 107, 53, 0.35);
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 90, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-btn-ghost {
  background: transparent;
  color: var(--wtreso-white);
  border: 1px solid var(--wtreso-glass-border);
  backdrop-filter: blur(8px);
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-btn-ghost:hover {
  background: var(--wtreso-glass-hover);
  border-color: rgba(255, 255, 255, 0.28);
  color: var(--wtreso-white);
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-btn-lg {
  padding: 18px 40px;
  font-size: 1.05rem;
}

/* line 98, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 102, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wtreso-text-muted);
  transition: color 0.2s;
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-back-link i {
  font-size: 0.7rem;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-back-link:hover {
  color: var(--wtreso-white);
}

/* line 108, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-breadcrumb-sep {
  color: var(--wtreso-text-muted);
  opacity: 0.4;
}

/* line 109, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-breadcrumb-current {
  font-weight: 600;
  color: var(--wtreso-accent);
}

/* line 112, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero {
  padding: 140px 0 80px;
  position: relative;
  overflow: hidden;
}

/* line 114, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero::before {
  content: '';
  position: absolute;
  top: -200px;
  left: -200px;
  width: 700px;
  height: 700px;
  background: radial-gradient(circle, rgba(166, 2, 64, 0.18) 0%, transparent 65%);
  pointer-events: none;
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero::after {
  content: '';
  position: absolute;
  bottom: -100px;
  right: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.1) 0%, transparent 60%);
  pointer-events: none;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  position: relative;
  z-index: 1;
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-left {
  text-align: center;
  max-width: 720px;
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-left .wtreso-hero-subtitle {
  margin-left: auto;
  margin-right: auto;
}

/* line 134, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-left .wtreso-hero-ctas {
  justify-content: center;
}

/* line 135, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-left .wtreso-hero-trust {
  justify-content: center;
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: rgba(166, 2, 64, 0.2);
  border: 1px solid rgba(166, 2, 64, 0.4);
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 28px;
}

/* line 145, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-badge i {
  color: var(--wtreso-accent);
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-title {
  margin-bottom: 24px;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-title .line-white {
  display: block;
  color: #fff;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-title .line-accent {
  display: block;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-subtitle {
  font-size: 1.15rem;
  color: var(--wtreso-text-body);
  margin-bottom: 40px;
  max-width: 540px;
  line-height: 1.7;
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-ctas {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-trust {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  font-size: 0.85rem;
  color: var(--wtreso-text-muted);
}

/* line 154, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-hero-trust-item i {
  color: var(--wtreso-success);
  font-size: 0.85rem;
}

/* line 160, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup {
  width: 100%;
  max-width: 880px;
  background: var(--wtreso-glass-bg);
  border: 1px solid var(--wtreso-glass-border);
  backdrop-filter: blur(14px);
  border-radius: var(--wtreso-radius-xl);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

/* line 168, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-titlebar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 20px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid var(--wtreso-glass-border);
}

/* line 174, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-dot.red {
  background: #ff5f57;
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-dot.yellow {
  background: #febc2e;
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-dot.green {
  background: #28c840;
}

/* line 180, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-label {
  margin-left: 12px;
  font-size: 0.78rem;
  color: var(--wtreso-text-muted);
  letter-spacing: 0.05em;
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--wtreso-glass-border);
  border-radius: var(--wtreso-radius);
}

/* line 193, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-icon {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(166, 2, 64, 0.25);
  color: #f9a8d4;
  font-size: 1rem;
}

/* line 198, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-icon.wtreso-mockup-icon-success {
  background: rgba(16, 185, 129, 0.2);
  color: var(--wtreso-success);
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-icon.wtreso-mockup-icon-warn {
  background: rgba(255, 107, 53, 0.2);
  color: var(--wtreso-warn);
}

/* line 201, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-row-label {
  font-size: 0.9rem;
  color: #fff;
  font-weight: 500;
}

/* line 202, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-row-sub {
  font-size: 0.74rem;
  color: var(--wtreso-text-muted);
  margin-top: 2px;
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-amount {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--wtreso-accent);
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-amount.wtreso-amount-success {
  color: var(--wtreso-success);
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-amount.wtreso-amount-warn {
  color: var(--wtreso-warn);
}

/* line 207, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-mockup-summary {
  margin-top: 4px;
  padding: 14px;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.32);
  border-radius: var(--wtreso-radius);
  font-size: 0.9rem;
  color: var(--wtreso-success);
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

/* line 217, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 217, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
  .wedge-tresorerie-page .wtreso-pain-grid {
    grid-template-columns: 1fr;
  }
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-pain-card {
  padding: 32px;
}

/* line 222, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(166, 2, 64, 0.2);
  color: var(--wtreso-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  margin-bottom: 20px;
}

/* line 228, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-pain-title {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.4;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-pain-desc {
  font-size: 0.95rem;
  color: var(--wtreso-text-muted);
  line-height: 1.6;
}

/* line 232, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 232, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
  .wedge-tresorerie-page .wtreso-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 236, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-feature-card {
  padding: 36px;
}

/* line 237, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-feature-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--wtreso-orange-start), var(--wtreso-orange-end));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 24px;
}

/* line 244, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-feature-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}

/* line 245, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-feature-desc {
  font-size: 0.98rem;
  color: var(--wtreso-text-body);
  margin-bottom: 20px;
  line-height: 1.6;
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-feature-bullets li {
  padding: 6px 0;
  font-size: 0.9rem;
  color: var(--wtreso-text-muted);
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

/* line 250, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-feature-bullets li::before {
  content: "";
  flex-shrink: 0;
  margin-top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--wtreso-accent-light), var(--wtreso-accent));
}

/* line 259, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-integration {
  padding: 64px 56px;
  max-width: 1100px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  /* line 259, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
  .wedge-tresorerie-page .wtreso-integration {
    padding: 40px 24px;
  }
}

/* line 264, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-integration-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 264, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
  .wedge-tresorerie-page .wtreso-integration-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 268, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-integration-desc {
  margin-top: 18px;
  color: var(--wtreso-text-muted);
  font-size: 1rem;
  line-height: 1.7;
  max-width: 480px;
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-integration-flow {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 273, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-integration-step {
  padding: 18px 22px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--wtreso-glass-border);
  border-radius: var(--wtreso-radius);
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 0.95rem;
  color: #fff;
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-integration-step i {
  color: var(--wtreso-accent);
  font-size: 1rem;
  width: 24px;
  text-align: center;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-integration-arrow {
  text-align: center;
  color: var(--wtreso-text-muted);
  font-size: 1.2rem;
  line-height: 1;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-faq {
  max-width: 820px;
  margin: 0 auto;
}

/* line 286, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-faq-item {
  padding: 26px 0;
  border-bottom: 1px solid var(--wtreso-glass-border);
}

/* line 287, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-faq-q {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 12px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

/* line 291, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-faq-q i {
  color: var(--wtreso-accent);
  font-size: 0.85rem;
  margin-top: 6px;
  flex-shrink: 0;
}

/* line 293, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-faq-a {
  font-size: 0.95rem;
  color: var(--wtreso-text-muted);
  padding-left: 28px;
  line-height: 1.7;
}

/* line 296, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-final-cta {
  text-align: center;
  padding: 120px 24px 100px;
  background: radial-gradient(800px 400px at 50% 0%, rgba(16, 185, 129, 0.12), transparent);
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-final-cta .wtreso-display-1 {
  color: #fff;
  margin-bottom: 20px;
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
}

/* line 301, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-final-cta-sub {
  font-size: 1.1rem;
  color: var(--wtreso-text-muted);
  margin-bottom: 36px;
}

/* line 302, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-final-cta-btns {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

@keyframes wtreso-fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 309, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-fade-up {
  animation: wtreso-fade-up 0.7s ease both;
}

/* line 310, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-fade-up-1 {
  animation-delay: 0.1s;
}

/* line 311, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-fade-up-2 {
  animation-delay: 0.2s;
}

/* line 312, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
.wedge-tresorerie-page .wtreso-fade-up-3 {
  animation-delay: 0.3s;
}

@media (max-width: 576px) {
  /* line 316, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
  .wedge-tresorerie-page .wtreso-section {
    padding: 64px 0;
  }
  /* line 317, app/assets/stylesheets/website/pages/_wedge_tresorerie.scss */
  .wedge-tresorerie-page .wtreso-hero {
    padding: 100px 0 64px;
  }
}

/* line 8, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page {
  --wrh-magenta:         #A60240;
  --wrh-deepmagenta:     #640127;
  --wrh-deepblue:        #140D23;
  --wrh-gold:            #F6E5B3;
  --wrh-accent:          #a855f7;
  --wrh-accent-light:    #1beba6;
  --wrh-orange-start:    #FF6B35;
  --wrh-orange-end:      #F7931E;
  --wrh-white:           #FFFFFF;
  --wrh-glass-bg:        rgba(255, 255, 255, 0.07);
  --wrh-glass-border:    rgba(255, 255, 255, 0.14);
  --wrh-glass-hover:     rgba(255, 255, 255, 0.12);
  --wrh-text-muted:      rgba(255, 255, 255, 0.55);
  --wrh-text-body:       rgba(255, 255, 255, 0.85);
  --wrh-success:         #10b981;
  --wrh-warn:            #FF6B35;
  --wrh-radius:          12px;
  --wrh-radius-lg:       20px;
  --wrh-radius-xl:       28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wrh-text-body);
  background: linear-gradient(151deg, var(--wrh-deepblue) 0%, #4a0118 65%, #7a0130 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 31, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page *, .wedge-rh-page *::before, .wedge-rh-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page ul {
  list-style: none;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-display-1 {
  font-size: clamp(2.6rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

/* line 43, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-display-2 {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-display-3 {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 700;
  line-height: 1.2;
}

/* line 45, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-section-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wrh-accent);
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-text-accent {
  background: linear-gradient(135deg, var(--wrh-accent-light) 0%, var(--wrh-accent) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-section {
  padding: 100px 0;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-section-header {
  text-align: center;
  margin-bottom: 64px;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-section-header .wrh-section-label {
  display: inline-block;
  margin-bottom: 12px;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-section-header p {
  margin-top: 16px;
  color: var(--wrh-text-muted);
  font-size: 1.05rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* line 70, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-glass {
  background: var(--wrh-glass-bg);
  border: 1px solid var(--wrh-glass-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: var(--wrh-radius-lg);
}

/* line 78, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  border: none;
  transition: all 0.25s ease;
  cursor: pointer;
}

/* line 84, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-btn-primary {
  background: linear-gradient(135deg, var(--wrh-orange-start), var(--wrh-orange-end));
  color: #fff;
  box-shadow: 0 4px 24px rgba(255, 107, 53, 0.35);
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 90, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-btn-ghost {
  background: transparent;
  color: var(--wrh-white);
  border: 1px solid var(--wrh-glass-border);
  backdrop-filter: blur(8px);
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-btn-ghost:hover {
  background: var(--wrh-glass-hover);
  border-color: rgba(255, 255, 255, 0.28);
  color: var(--wrh-white);
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-btn-lg {
  padding: 18px 40px;
  font-size: 1.05rem;
}

/* line 98, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 102, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wrh-text-muted);
  transition: color 0.2s;
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-back-link i {
  font-size: 0.7rem;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-back-link:hover {
  color: var(--wrh-white);
}

/* line 108, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-breadcrumb-sep {
  color: var(--wrh-text-muted);
  opacity: 0.4;
}

/* line 109, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-breadcrumb-current {
  font-weight: 600;
  color: var(--wrh-accent);
}

/* line 112, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero {
  padding: 140px 0 80px;
  position: relative;
  overflow: hidden;
}

/* line 114, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero::before {
  content: '';
  position: absolute;
  top: -200px;
  left: -200px;
  width: 700px;
  height: 700px;
  background: radial-gradient(circle, rgba(166, 2, 64, 0.18) 0%, transparent 65%);
  pointer-events: none;
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero::after {
  content: '';
  position: absolute;
  bottom: -100px;
  right: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.1) 0%, transparent 60%);
  pointer-events: none;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  position: relative;
  z-index: 1;
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-left {
  text-align: center;
  max-width: 720px;
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-left .wrh-hero-subtitle {
  margin-left: auto;
  margin-right: auto;
}

/* line 134, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-left .wrh-hero-ctas {
  justify-content: center;
}

/* line 135, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-left .wrh-hero-trust {
  justify-content: center;
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: rgba(166, 2, 64, 0.2);
  border: 1px solid rgba(166, 2, 64, 0.4);
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 28px;
}

/* line 145, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-badge i {
  color: var(--wrh-accent);
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-title {
  margin-bottom: 24px;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-title .line-white {
  display: block;
  color: #fff;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-title .line-accent {
  display: block;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-subtitle {
  font-size: 1.15rem;
  color: var(--wrh-text-body);
  margin-bottom: 40px;
  max-width: 540px;
  line-height: 1.7;
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-ctas {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-trust {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  font-size: 0.85rem;
  color: var(--wrh-text-muted);
}

/* line 154, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-hero-trust-item i {
  color: var(--wrh-success);
  font-size: 0.85rem;
}

/* line 160, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup {
  width: 100%;
  max-width: 880px;
  background: var(--wrh-glass-bg);
  border: 1px solid var(--wrh-glass-border);
  backdrop-filter: blur(14px);
  border-radius: var(--wrh-radius-xl);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

/* line 168, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-titlebar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 20px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid var(--wrh-glass-border);
}

/* line 174, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-dot.red {
  background: #ff5f57;
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-dot.yellow {
  background: #febc2e;
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-dot.green {
  background: #28c840;
}

/* line 180, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-label {
  margin-left: 12px;
  font-size: 0.78rem;
  color: var(--wrh-text-muted);
  letter-spacing: 0.05em;
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--wrh-glass-border);
  border-radius: var(--wrh-radius);
}

/* line 193, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-icon {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(166, 2, 64, 0.25);
  color: #f9a8d4;
  font-size: 1rem;
}

/* line 198, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-icon.wrh-mockup-icon-success {
  background: rgba(16, 185, 129, 0.2);
  color: var(--wrh-success);
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-icon.wrh-mockup-icon-warn {
  background: rgba(255, 107, 53, 0.2);
  color: var(--wrh-warn);
}

/* line 201, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-row-label {
  font-size: 0.9rem;
  color: #fff;
  font-weight: 500;
}

/* line 202, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-row-sub {
  font-size: 0.74rem;
  color: var(--wrh-text-muted);
  margin-top: 2px;
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-amount {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--wrh-accent);
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-amount.wrh-amount-success {
  color: var(--wrh-success);
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-amount.wrh-amount-warn {
  color: var(--wrh-warn);
}

/* line 207, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-mockup-summary {
  margin-top: 4px;
  padding: 14px;
  background: rgba(168, 85, 247, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.32);
  border-radius: var(--wrh-radius);
  font-size: 0.9rem;
  color: var(--wrh-success);
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

/* line 217, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 217, app/assets/stylesheets/website/pages/_wedge_rh.scss */
  .wedge-rh-page .wrh-pain-grid {
    grid-template-columns: 1fr;
  }
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-pain-card {
  padding: 32px;
}

/* line 222, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(166, 2, 64, 0.2);
  color: var(--wrh-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  margin-bottom: 20px;
}

/* line 228, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-pain-title {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.4;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-pain-desc {
  font-size: 0.95rem;
  color: var(--wrh-text-muted);
  line-height: 1.6;
}

/* line 232, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 232, app/assets/stylesheets/website/pages/_wedge_rh.scss */
  .wedge-rh-page .wrh-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 236, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-feature-card {
  padding: 36px;
}

/* line 237, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-feature-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--wrh-orange-start), var(--wrh-orange-end));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 24px;
}

/* line 244, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-feature-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}

/* line 245, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-feature-desc {
  font-size: 0.98rem;
  color: var(--wrh-text-body);
  margin-bottom: 20px;
  line-height: 1.6;
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-feature-bullets li {
  padding: 6px 0;
  font-size: 0.9rem;
  color: var(--wrh-text-muted);
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

/* line 250, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-feature-bullets li::before {
  content: "";
  flex-shrink: 0;
  margin-top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--wrh-accent-light), var(--wrh-accent));
}

/* line 259, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-integration {
  padding: 64px 56px;
  max-width: 1100px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  /* line 259, app/assets/stylesheets/website/pages/_wedge_rh.scss */
  .wedge-rh-page .wrh-integration {
    padding: 40px 24px;
  }
}

/* line 264, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-integration-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 264, app/assets/stylesheets/website/pages/_wedge_rh.scss */
  .wedge-rh-page .wrh-integration-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 268, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-integration-desc {
  margin-top: 18px;
  color: var(--wrh-text-muted);
  font-size: 1rem;
  line-height: 1.7;
  max-width: 480px;
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-integration-flow {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 273, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-integration-step {
  padding: 18px 22px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--wrh-glass-border);
  border-radius: var(--wrh-radius);
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 0.95rem;
  color: #fff;
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-integration-step i {
  color: var(--wrh-accent);
  font-size: 1rem;
  width: 24px;
  text-align: center;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-integration-arrow {
  text-align: center;
  color: var(--wrh-text-muted);
  font-size: 1.2rem;
  line-height: 1;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-faq {
  max-width: 820px;
  margin: 0 auto;
}

/* line 286, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-faq-item {
  padding: 26px 0;
  border-bottom: 1px solid var(--wrh-glass-border);
}

/* line 287, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-faq-q {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 12px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

/* line 291, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-faq-q i {
  color: var(--wrh-accent);
  font-size: 0.85rem;
  margin-top: 6px;
  flex-shrink: 0;
}

/* line 293, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-faq-a {
  font-size: 0.95rem;
  color: var(--wrh-text-muted);
  padding-left: 28px;
  line-height: 1.7;
}

/* line 296, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-final-cta {
  text-align: center;
  padding: 120px 24px 100px;
  background: radial-gradient(800px 400px at 50% 0%, rgba(168, 85, 247, 0.12), transparent);
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-final-cta .wrh-display-1 {
  color: #fff;
  margin-bottom: 20px;
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
}

/* line 301, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-final-cta-sub {
  font-size: 1.1rem;
  color: var(--wrh-text-muted);
  margin-bottom: 36px;
}

/* line 302, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-final-cta-btns {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

@keyframes wrh-fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 309, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-fade-up {
  animation: wrh-fade-up 0.7s ease both;
}

/* line 310, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-fade-up-1 {
  animation-delay: 0.1s;
}

/* line 311, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-fade-up-2 {
  animation-delay: 0.2s;
}

/* line 312, app/assets/stylesheets/website/pages/_wedge_rh.scss */
.wedge-rh-page .wrh-fade-up-3 {
  animation-delay: 0.3s;
}

@media (max-width: 576px) {
  /* line 316, app/assets/stylesheets/website/pages/_wedge_rh.scss */
  .wedge-rh-page .wrh-section {
    padding: 64px 0;
  }
  /* line 317, app/assets/stylesheets/website/pages/_wedge_rh.scss */
  .wedge-rh-page .wrh-hero {
    padding: 100px 0 64px;
  }
}

/* line 8, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page {
  --wfe-magenta:         #A60240;
  --wfe-deepmagenta:     #640127;
  --wfe-deepblue:        #140D23;
  --wfe-gold:            #F6E5B3;
  --wfe-accent:           #FF6B35;
  --wfe-accent-light:    #1beba6;
  --wfe-orange-start:    #FF6B35;
  --wfe-orange-end:      #F7931E;
  --wfe-white:           #FFFFFF;
  --wfe-glass-bg:        rgba(255, 255, 255, 0.07);
  --wfe-glass-border:    rgba(255, 255, 255, 0.14);
  --wfe-glass-hover:     rgba(255, 255, 255, 0.12);
  --wfe-text-muted:      rgba(255, 255, 255, 0.55);
  --wfe-text-body:       rgba(255, 255, 255, 0.85);
  --wfe-success:         #10b981;
  --wfe-warn:            #FF6B35;
  --wfe-radius:          12px;
  --wfe-radius-lg:       20px;
  --wfe-radius-xl:       28px;
  font-family: 'Poppins', sans-serif;
  color: var(--wfe-text-body);
  background: linear-gradient(151deg, var(--wfe-deepblue) 0%, #4a0118 65%, #7a0130 100%);
  background-attachment: fixed;
  min-height: 100vh;
  overflow-x: hidden;
}

/* line 31, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page *, .wedge-facture-e-page *::before, .wedge-facture-e-page *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 38, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page a {
  text-decoration: none;
  color: inherit;
}

/* line 39, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page ul {
  list-style: none;
}

/* line 42, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-display-1 {
  font-size: clamp(2.6rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

/* line 43, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-display-2 {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
}

/* line 44, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-display-3 {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 700;
  line-height: 1.2;
}

/* line 45, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-section-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wfe-accent);
}

/* line 50, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-text-accent {
  background: linear-gradient(135deg, var(--wfe-accent-light) 0%, var(--wfe-accent) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-section {
  padding: 100px 0;
}

/* line 59, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-section-header {
  text-align: center;
  margin-bottom: 64px;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-section-header .wfe-section-label {
  display: inline-block;
  margin-bottom: 12px;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-section-header p {
  margin-top: 16px;
  color: var(--wfe-text-muted);
  font-size: 1.05rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

/* line 70, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-glass {
  background: var(--wfe-glass-bg);
  border: 1px solid var(--wfe-glass-border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: var(--wfe-radius-lg);
}

/* line 78, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  border: none;
  transition: all 0.25s ease;
  cursor: pointer;
}

/* line 84, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-btn-primary {
  background: linear-gradient(135deg, var(--wfe-orange-start), var(--wfe-orange-end));
  color: #fff;
  box-shadow: 0 4px 24px rgba(255, 107, 53, 0.35);
}

/* line 88, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(255, 107, 53, 0.5);
  color: #fff;
}

/* line 90, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-btn-ghost {
  background: transparent;
  color: var(--wfe-white);
  border: 1px solid var(--wfe-glass-border);
  backdrop-filter: blur(8px);
}

/* line 93, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-btn-ghost:hover {
  background: var(--wfe-glass-hover);
  border-color: rgba(255, 255, 255, 0.28);
  color: var(--wfe-white);
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-btn-lg {
  padding: 18px 40px;
  font-size: 1.05rem;
}

/* line 98, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 102, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wfe-text-muted);
  transition: color 0.2s;
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-back-link i {
  font-size: 0.7rem;
}

/* line 106, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-back-link:hover {
  color: var(--wfe-white);
}

/* line 108, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-breadcrumb-sep {
  color: var(--wfe-text-muted);
  opacity: 0.4;
}

/* line 109, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-breadcrumb-current {
  font-weight: 600;
  color: var(--wfe-accent);
}

/* line 112, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero {
  padding: 140px 0 80px;
  position: relative;
  overflow: hidden;
}

/* line 114, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero::before {
  content: '';
  position: absolute;
  top: -200px;
  left: -200px;
  width: 700px;
  height: 700px;
  background: radial-gradient(circle, rgba(166, 2, 64, 0.18) 0%, transparent 65%);
  pointer-events: none;
}

/* line 120, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero::after {
  content: '';
  position: absolute;
  bottom: -100px;
  right: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(255, 107, 53, 0.12) 0%, transparent 60%);
  pointer-events: none;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  position: relative;
  z-index: 1;
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-left {
  text-align: center;
  max-width: 720px;
}

/* line 133, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-left .wfe-hero-subtitle {
  margin-left: auto;
  margin-right: auto;
}

/* line 134, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-left .wfe-hero-ctas {
  justify-content: center;
}

/* line 135, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-left .wfe-hero-trust {
  justify-content: center;
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: rgba(166, 2, 64, 0.2);
  border: 1px solid rgba(166, 2, 64, 0.4);
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 28px;
}

/* line 145, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-badge i {
  color: var(--wfe-accent);
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-title {
  margin-bottom: 24px;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-title .line-white {
  display: block;
  color: #fff;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-title .line-accent {
  display: block;
}

/* line 148, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-subtitle {
  font-size: 1.15rem;
  color: var(--wfe-text-body);
  margin-bottom: 40px;
  max-width: 540px;
  line-height: 1.7;
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-ctas {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

/* line 153, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-trust {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  font-size: 0.85rem;
  color: var(--wfe-text-muted);
}

/* line 154, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* line 156, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-hero-trust-item i {
  color: var(--wfe-success);
  font-size: 0.85rem;
}

/* line 160, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup {
  width: 100%;
  max-width: 880px;
  background: var(--wfe-glass-bg);
  border: 1px solid var(--wfe-glass-border);
  backdrop-filter: blur(14px);
  border-radius: var(--wfe-radius-xl);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

/* line 168, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-titlebar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 20px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid var(--wfe-glass-border);
}

/* line 174, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* line 176, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-dot.red {
  background: #ff5f57;
}

/* line 177, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-dot.yellow {
  background: #febc2e;
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-dot.green {
  background: #28c840;
}

/* line 180, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-label {
  margin-left: 12px;
  font-size: 0.78rem;
  color: var(--wfe-text-muted);
  letter-spacing: 0.05em;
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 185, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--wfe-glass-border);
  border-radius: var(--wfe-radius);
}

/* line 193, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-icon {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(166, 2, 64, 0.25);
  color: #f9a8d4;
  font-size: 1rem;
}

/* line 198, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-icon.wfe-mockup-icon-success {
  background: rgba(16, 185, 129, 0.2);
  color: var(--wfe-success);
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-icon.wfe-mockup-icon-warn {
  background: rgba(255, 107, 53, 0.2);
  color: var(--wfe-warn);
}

/* line 201, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-row-label {
  font-size: 0.9rem;
  color: #fff;
  font-weight: 500;
}

/* line 202, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-row-sub {
  font-size: 0.74rem;
  color: var(--wfe-text-muted);
  margin-top: 2px;
}

/* line 203, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-amount {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--wfe-accent);
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-amount.wfe-amount-success {
  color: var(--wfe-success);
}

/* line 205, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-amount.wfe-amount-warn {
  color: var(--wfe-warn);
}

/* line 207, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-mockup-summary {
  margin-top: 4px;
  padding: 14px;
  background: rgba(255, 107, 53, 0.14);
  border: 1px solid rgba(16, 185, 129, 0.32);
  border-radius: var(--wfe-radius);
  font-size: 0.9rem;
  color: var(--wfe-success);
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

/* line 217, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 217, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
  .wedge-facture-e-page .wfe-pain-grid {
    grid-template-columns: 1fr;
  }
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-pain-card {
  padding: 32px;
}

/* line 222, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-pain-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(166, 2, 64, 0.2);
  color: var(--wfe-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  margin-bottom: 20px;
}

/* line 228, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-pain-title {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.4;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-pain-desc {
  font-size: 0.95rem;
  color: var(--wfe-text-muted);
  line-height: 1.6;
}

/* line 232, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

@media (max-width: 768px) {
  /* line 232, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
  .wedge-facture-e-page .wfe-features-grid {
    grid-template-columns: 1fr;
  }
}

/* line 236, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-feature-card {
  padding: 36px;
}

/* line 237, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-feature-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--wfe-orange-start), var(--wfe-orange-end));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 24px;
}

/* line 244, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-feature-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}

/* line 245, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-feature-desc {
  font-size: 0.98rem;
  color: var(--wfe-text-body);
  margin-bottom: 20px;
  line-height: 1.6;
}

/* line 247, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-feature-bullets li {
  padding: 6px 0;
  font-size: 0.9rem;
  color: var(--wfe-text-muted);
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

/* line 250, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-feature-bullets li::before {
  content: "";
  flex-shrink: 0;
  margin-top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--wfe-accent-light), var(--wfe-accent));
}

/* line 259, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-integration {
  padding: 64px 56px;
  max-width: 1100px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  /* line 259, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
  .wedge-facture-e-page .wfe-integration {
    padding: 40px 24px;
  }
}

/* line 264, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-integration-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

@media (max-width: 768px) {
  /* line 264, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
  .wedge-facture-e-page .wfe-integration-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 268, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-integration-desc {
  margin-top: 18px;
  color: var(--wfe-text-muted);
  font-size: 1rem;
  line-height: 1.7;
  max-width: 480px;
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-integration-flow {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 273, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-integration-step {
  padding: 18px 22px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--wfe-glass-border);
  border-radius: var(--wfe-radius);
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 0.95rem;
  color: #fff;
}

/* line 280, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-integration-step i {
  color: var(--wfe-accent);
  font-size: 1rem;
  width: 24px;
  text-align: center;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-integration-arrow {
  text-align: center;
  color: var(--wfe-text-muted);
  font-size: 1.2rem;
  line-height: 1;
}

/* line 285, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-faq {
  max-width: 820px;
  margin: 0 auto;
}

/* line 286, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-faq-item {
  padding: 26px 0;
  border-bottom: 1px solid var(--wfe-glass-border);
}

/* line 287, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-faq-q {
  font-size: 1.05rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 12px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

/* line 291, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-faq-q i {
  color: var(--wfe-accent);
  font-size: 0.85rem;
  margin-top: 6px;
  flex-shrink: 0;
}

/* line 293, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-faq-a {
  font-size: 0.95rem;
  color: var(--wfe-text-muted);
  padding-left: 28px;
  line-height: 1.7;
}

/* line 296, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-final-cta {
  text-align: center;
  padding: 120px 24px 100px;
  background: radial-gradient(800px 400px at 50% 0%, rgba(255, 107, 53, 0.14), transparent);
}

/* line 299, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-final-cta .wfe-display-1 {
  color: #fff;
  margin-bottom: 20px;
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
}

/* line 301, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-final-cta-sub {
  font-size: 1.1rem;
  color: var(--wfe-text-muted);
  margin-bottom: 36px;
}

/* line 302, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-final-cta-btns {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

@keyframes wfe-fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 309, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-fade-up {
  animation: wfe-fade-up 0.7s ease both;
}

/* line 310, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-fade-up-1 {
  animation-delay: 0.1s;
}

/* line 311, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-fade-up-2 {
  animation-delay: 0.2s;
}

/* line 312, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
.wedge-facture-e-page .wfe-fade-up-3 {
  animation-delay: 0.3s;
}

@media (max-width: 576px) {
  /* line 316, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
  .wedge-facture-e-page .wfe-section {
    padding: 64px 0;
  }
  /* line 317, app/assets/stylesheets/website/pages/_wedge_facture_e.scss */
  .wedge-facture-e-page .wfe-hero {
    padding: 100px 0 64px;
  }
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page {
  --wpipe-accent:       #ef4444;
  --wpipe-accent-light: #f58686;
  --wpipe-accent-dark:  #eb1515;
  --wpipe-accent-glow:  rgba(239, 68, 68, 0.18);
  --wpipe-accent-soft:  rgba(239, 68, 68, 0.08);
  --wpipe-bg:           #0b0909;
  --wpipe-bg-2:         #0f0c0c;
  --wpipe-surface:      rgba(255, 255, 255, 0.04);
  --wpipe-border:       rgba(255, 255, 255, 0.08);
  --wpipe-white:        #f8fafc;
  --wpipe-text-muted:   rgba(255, 255, 255, 0.55);
  --wpipe-green:        #22c55e;
  --wpipe-green-soft:   rgba(34, 197, 94, 0.08);
  --wpipe-orange:       #f97316;
  --wpipe-orange-soft:  rgba(249, 115, 22, 0.08);
  background: var(--wpipe-bg);
  color: var(--wpipe-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 31, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page *, .wedge-alt-pipedrive-page *::before, .wedge-alt-pipedrive-page *::after {
  box-sizing: border-box;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 36, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
  .wedge-alt-pipedrive-page .wpipe-section {
    padding: 64px 0;
  }
}

/* line 41, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wpipe-accent);
  margin-bottom: 12px;
}

/* line 46, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wpipe-white);
  margin-bottom: 16px;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-section-sub {
  font-size: 1.05rem;
  color: var(--wpipe-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wpipe-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-back-link i {
  font-size: 0.7rem;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-back-link:hover {
  color: var(--wpipe-white);
}

/* line 64, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-breadcrumb-sep {
  color: var(--wpipe-text-muted);
  opacity: 0.4;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-breadcrumb-current {
  font-weight: 600;
  color: var(--wpipe-accent);
}

/* line 68, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wpipe-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 73, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-btn-primary:hover {
  background: var(--wpipe-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wpipe-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 82, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-btn-secondary:hover {
  border-color: var(--wpipe-accent);
  color: var(--wpipe-accent);
}

/* line 86, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 20% 40%, rgba(239, 68, 68, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--wpipe-bg) 0%, var(--wpipe-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 86, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
  .wedge-alt-pipedrive-page .wpipe-hero {
    padding: 48px 0 56px;
  }
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-hero-copy {
  max-width: 680px;
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wpipe-accent-soft);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: var(--wpipe-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wpipe-white);
  margin-bottom: 20px;
}

/* line 108, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-hero-title em {
  color: var(--wpipe-accent);
  font-style: normal;
}

/* line 111, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-hero-desc {
  font-size: 1.1rem;
  color: var(--wpipe-text-muted);
  line-height: 1.65;
  max-width: 560px;
  margin-bottom: 32px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--wpipe-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-badge i {
  color: var(--wpipe-green);
  font-size: 0.72rem;
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-honest-section {
  background: var(--wpipe-bg-2);
  border-top: 1px solid var(--wpipe-border);
  border-bottom: 1px solid var(--wpipe-border);
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-honest-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 137, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
  .wedge-alt-pipedrive-page .wpipe-honest-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 142, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-honest-block {
  background: var(--wpipe-surface);
  border: 1px solid var(--wpipe-border);
  border-radius: 16px;
  padding: 28px;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-honest-block-title {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 151, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-honest-block-title.positive {
  color: var(--wpipe-green);
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-honest-block-title.friction {
  color: var(--wpipe-accent);
}

/* line 155, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-honest-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-honest-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.88rem;
  color: var(--wpipe-text-muted);
  line-height: 1.5;
}

/* line 163, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-honest-item.positive i {
  color: var(--wpipe-green);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 164, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-honest-item.friction i {
  color: var(--wpipe-accent);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 168, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 48px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--wpipe-border);
}

/* line 173, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table th, .wedge-alt-pipedrive-page .wpipe-comparison-table td {
  padding: 14px 20px;
  text-align: left;
  font-size: 0.88rem;
  border-bottom: 1px solid var(--wpipe-border);
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table thead th {
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 182, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table thead th.col-orizen {
  color: var(--wpipe-accent);
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table thead th.col-competitor {
  color: var(--wpipe-text-muted);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table thead th.col-feature {
  color: var(--wpipe-text-muted);
  width: 35%;
}

/* line 188, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table .col-feature-cell {
  color: var(--wpipe-white);
  font-weight: 500;
}

/* line 194, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table .check-yes {
  color: var(--wpipe-green);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.85rem;
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table .check-partial {
  color: var(--wpipe-orange);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-comparison-table .check-no {
  color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 211, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-migration-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 211, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
  .wedge-alt-pipedrive-page .wpipe-migration-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 216, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-migration-card {
  background: var(--wpipe-surface);
  border: 1px solid var(--wpipe-border);
  border-radius: 16px;
  padding: 28px;
  text-align: center;
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-migration-num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--wpipe-accent-soft);
  border: 2px solid var(--wpipe-accent);
  color: var(--wpipe-accent);
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-migration-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wpipe-white);
  margin-bottom: 8px;
}

/* line 233, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-migration-desc {
  font-size: 0.85rem;
  color: var(--wpipe-text-muted);
  line-height: 1.6;
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-testimonial-card {
  max-width: 720px;
  margin: 48px auto 0;
  background: var(--wpipe-surface);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 20px;
  padding: 40px;
}

@media (max-width: 576px) {
  /* line 238, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
  .wedge-alt-pipedrive-page .wpipe-testimonial-card {
    padding: 28px;
  }
}

/* line 245, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-quote-icon {
  font-size: 4rem;
  line-height: 1;
  color: var(--wpipe-accent);
  opacity: 0.4;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 250, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-testimonial-text {
  font-size: 1.05rem;
  color: var(--wpipe-white);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* line 253, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-testimonial-text strong {
  color: var(--wpipe-accent);
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--wpipe-accent-soft);
  border: 2px solid var(--wpipe-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--wpipe-accent);
  flex-shrink: 0;
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 267, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-author-info strong {
  font-size: 0.9rem;
  color: var(--wpipe-white);
}

/* line 268, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-author-info span {
  font-size: 0.8rem;
  color: var(--wpipe-text-muted);
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(239, 68, 68, 0.06) 0%, transparent 70%);
}

/* line 277, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wpipe-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-cta-sub {
  font-size: 1.05rem;
  color: var(--wpipe-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 287, app/assets/stylesheets/website/pages/_wedge_alt_pipedrive.scss */
.wedge-alt-pipedrive-page .wpipe-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page {
  --wzoho-accent:       #ef4444;
  --wzoho-accent-light: #f58686;
  --wzoho-accent-dark:  #eb1515;
  --wzoho-accent-glow:  rgba(239, 68, 68, 0.18);
  --wzoho-accent-soft:  rgba(239, 68, 68, 0.08);
  --wzoho-bg:           #0b0909;
  --wzoho-bg-2:         #0f0c0c;
  --wzoho-surface:      rgba(255, 255, 255, 0.04);
  --wzoho-border:       rgba(255, 255, 255, 0.08);
  --wzoho-white:        #f8fafc;
  --wzoho-text-muted:   rgba(255, 255, 255, 0.55);
  --wzoho-green:        #22c55e;
  --wzoho-green-soft:   rgba(34, 197, 94, 0.08);
  --wzoho-orange:       #f97316;
  --wzoho-orange-soft:  rgba(249, 115, 22, 0.08);
  background: var(--wzoho-bg);
  color: var(--wzoho-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 31, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page *, .wedge-alt-zoho-page *::before, .wedge-alt-zoho-page *::after {
  box-sizing: border-box;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 36, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
  .wedge-alt-zoho-page .wzoho-section {
    padding: 64px 0;
  }
}

/* line 41, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wzoho-accent);
  margin-bottom: 12px;
}

/* line 46, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wzoho-white);
  margin-bottom: 16px;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-section-sub {
  font-size: 1.05rem;
  color: var(--wzoho-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wzoho-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-back-link i {
  font-size: 0.7rem;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-back-link:hover {
  color: var(--wzoho-white);
}

/* line 64, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-breadcrumb-sep {
  color: var(--wzoho-text-muted);
  opacity: 0.4;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-breadcrumb-current {
  font-weight: 600;
  color: var(--wzoho-accent);
}

/* line 68, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wzoho-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 73, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-btn-primary:hover {
  background: var(--wzoho-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wzoho-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 82, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-btn-secondary:hover {
  border-color: var(--wzoho-accent);
  color: var(--wzoho-accent);
}

/* line 86, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 20% 40%, rgba(239, 68, 68, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--wzoho-bg) 0%, var(--wzoho-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 86, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
  .wedge-alt-zoho-page .wzoho-hero {
    padding: 48px 0 56px;
  }
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-hero-copy {
  max-width: 680px;
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wzoho-accent-soft);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: var(--wzoho-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wzoho-white);
  margin-bottom: 20px;
}

/* line 108, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-hero-title em {
  color: var(--wzoho-accent);
  font-style: normal;
}

/* line 111, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-hero-desc {
  font-size: 1.1rem;
  color: var(--wzoho-text-muted);
  line-height: 1.65;
  max-width: 560px;
  margin-bottom: 32px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--wzoho-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-badge i {
  color: var(--wzoho-green);
  font-size: 0.72rem;
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-honest-section {
  background: var(--wzoho-bg-2);
  border-top: 1px solid var(--wzoho-border);
  border-bottom: 1px solid var(--wzoho-border);
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-honest-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 137, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
  .wedge-alt-zoho-page .wzoho-honest-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 142, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-honest-block {
  background: var(--wzoho-surface);
  border: 1px solid var(--wzoho-border);
  border-radius: 16px;
  padding: 28px;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-honest-block-title {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 151, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-honest-block-title.positive {
  color: var(--wzoho-green);
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-honest-block-title.friction {
  color: var(--wzoho-accent);
}

/* line 155, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-honest-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-honest-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.88rem;
  color: var(--wzoho-text-muted);
  line-height: 1.5;
}

/* line 163, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-honest-item.positive i {
  color: var(--wzoho-green);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 164, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-honest-item.friction i {
  color: var(--wzoho-accent);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 168, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 48px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--wzoho-border);
}

/* line 173, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table th, .wedge-alt-zoho-page .wzoho-comparison-table td {
  padding: 14px 20px;
  text-align: left;
  font-size: 0.88rem;
  border-bottom: 1px solid var(--wzoho-border);
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table thead th {
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 182, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table thead th.col-orizen {
  color: var(--wzoho-accent);
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table thead th.col-competitor {
  color: var(--wzoho-text-muted);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table thead th.col-feature {
  color: var(--wzoho-text-muted);
  width: 35%;
}

/* line 188, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table .col-feature-cell {
  color: var(--wzoho-white);
  font-weight: 500;
}

/* line 194, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table .check-yes {
  color: var(--wzoho-green);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.85rem;
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table .check-partial {
  color: var(--wzoho-orange);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-comparison-table .check-no {
  color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 211, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-migration-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 211, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
  .wedge-alt-zoho-page .wzoho-migration-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 216, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-migration-card {
  background: var(--wzoho-surface);
  border: 1px solid var(--wzoho-border);
  border-radius: 16px;
  padding: 28px;
  text-align: center;
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-migration-num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--wzoho-accent-soft);
  border: 2px solid var(--wzoho-accent);
  color: var(--wzoho-accent);
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-migration-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wzoho-white);
  margin-bottom: 8px;
}

/* line 233, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-migration-desc {
  font-size: 0.85rem;
  color: var(--wzoho-text-muted);
  line-height: 1.6;
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-testimonial-card {
  max-width: 720px;
  margin: 48px auto 0;
  background: var(--wzoho-surface);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 20px;
  padding: 40px;
}

@media (max-width: 576px) {
  /* line 238, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
  .wedge-alt-zoho-page .wzoho-testimonial-card {
    padding: 28px;
  }
}

/* line 245, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-quote-icon {
  font-size: 4rem;
  line-height: 1;
  color: var(--wzoho-accent);
  opacity: 0.4;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 250, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-testimonial-text {
  font-size: 1.05rem;
  color: var(--wzoho-white);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* line 253, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-testimonial-text strong {
  color: var(--wzoho-accent);
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--wzoho-accent-soft);
  border: 2px solid var(--wzoho-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--wzoho-accent);
  flex-shrink: 0;
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 267, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-author-info strong {
  font-size: 0.9rem;
  color: var(--wzoho-white);
}

/* line 268, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-author-info span {
  font-size: 0.8rem;
  color: var(--wzoho-text-muted);
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(239, 68, 68, 0.06) 0%, transparent 70%);
}

/* line 277, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wzoho-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-cta-sub {
  font-size: 1.05rem;
  color: var(--wzoho-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 287, app/assets/stylesheets/website/pages/_wedge_alt_zoho.scss */
.wedge-alt-zoho-page .wzoho-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 9, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page {
  --wvsax-accent:       #ef4444;
  --wvsax-accent-light: #f58686;
  --wvsax-accent-dark:  #eb1515;
  --wvsax-accent-glow:  rgba(239, 68, 68, 0.18);
  --wvsax-accent-soft:  rgba(239, 68, 68, 0.08);
  --wvsax-bg:           #0b0909;
  --wvsax-bg-2:         #0f0c0c;
  --wvsax-surface:      rgba(255, 255, 255, 0.04);
  --wvsax-border:       rgba(255, 255, 255, 0.08);
  --wvsax-white:        #f8fafc;
  --wvsax-text-muted:   rgba(255, 255, 255, 0.55);
  --wvsax-green:        #22c55e;
  --wvsax-green-soft:   rgba(34, 197, 94, 0.08);
  --wvsax-orange:       #f97316;
  --wvsax-orange-soft:  rgba(249, 115, 22, 0.08);
  background: var(--wvsax-bg);
  color: var(--wvsax-white);
  font-family: var(--bs-font-sans-serif);
  min-height: 100vh;
}

/* line 31, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page *, .wedge-orizen-vs-axonaut-page *::before, .wedge-orizen-vs-axonaut-page *::after {
  box-sizing: border-box;
}

/* line 34, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

/* line 36, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  /* line 36, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
  .wedge-orizen-vs-axonaut-page .wvsax-section {
    padding: 64px 0;
  }
}

/* line 41, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-section-eyebrow {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wvsax-accent);
  margin-bottom: 12px;
}

/* line 46, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-section-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  color: var(--wvsax-white);
  margin-bottom: 16px;
}

/* line 51, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-section-sub {
  font-size: 1.05rem;
  color: var(--wvsax-text-muted);
  max-width: 640px;
  line-height: 1.65;
}

/* line 57, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
  font-size: 0.8rem;
}

/* line 58, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wvsax-text-muted);
  text-decoration: none;
  transition: color 0.2s;
}

/* line 61, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-back-link i {
  font-size: 0.7rem;
}

/* line 62, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-back-link:hover {
  color: var(--wvsax-white);
}

/* line 64, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-breadcrumb-sep {
  color: var(--wvsax-text-muted);
  opacity: 0.4;
}

/* line 65, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-breadcrumb-current {
  font-weight: 600;
  color: var(--wvsax-accent);
}

/* line 68, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wvsax-accent);
  color: #fff;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 73, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-btn-primary:hover {
  background: var(--wvsax-accent-light);
  transform: translateY(-1px);
  color: #fff;
}

/* line 76, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: var(--wvsax-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.2s;
}

/* line 82, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-btn-secondary:hover {
  border-color: var(--wvsax-accent);
  color: var(--wvsax-accent);
}

/* line 86, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 80px;
  background: radial-gradient(ellipse 60% 50% at 20% 40%, rgba(239, 68, 68, 0.07) 0%, transparent 60%), linear-gradient(180deg, var(--wvsax-bg) 0%, var(--wvsax-bg-2) 100%);
}

@media (max-width: 576px) {
  /* line 86, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
  .wedge-orizen-vs-axonaut-page .wvsax-hero {
    padding: 48px 0 56px;
  }
}

/* line 95, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-hero-copy {
  max-width: 680px;
}

/* line 97, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--wvsax-accent-soft);
  border: 1px solid rgba(239, 68, 68, 0.25);
  color: var(--wvsax-accent);
  padding: 6px 14px;
  border-radius: 100px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

/* line 105, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-hero-title {
  font-size: clamp(1.9rem, 4.5vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--wvsax-white);
  margin-bottom: 20px;
}

/* line 108, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-hero-title em {
  color: var(--wvsax-accent);
  font-style: normal;
}

/* line 111, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-hero-desc {
  font-size: 1.1rem;
  color: var(--wvsax-text-muted);
  line-height: 1.65;
  max-width: 560px;
  margin-bottom: 32px;
}

/* line 116, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-hero-ctas {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* line 118, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-hero-badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 122, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--wvsax-white);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
}

/* line 127, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-badge i {
  color: var(--wvsax-green);
  font-size: 0.72rem;
}

/* line 131, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-honest-section {
  background: var(--wvsax-bg-2);
  border-top: 1px solid var(--wvsax-border);
  border-bottom: 1px solid var(--wvsax-border);
}

/* line 137, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-honest-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 137, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
  .wedge-orizen-vs-axonaut-page .wvsax-honest-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* line 142, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-honest-block {
  background: var(--wvsax-surface);
  border: 1px solid var(--wvsax-border);
  border-radius: 16px;
  padding: 28px;
}

/* line 147, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-honest-block-title {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 151, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-honest-block-title.positive {
  color: var(--wvsax-green);
}

/* line 152, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-honest-block-title.friction {
  color: var(--wvsax-accent);
}

/* line 155, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-honest-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 159, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-honest-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.88rem;
  color: var(--wvsax-text-muted);
  line-height: 1.5;
}

/* line 163, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-honest-item.positive i {
  color: var(--wvsax-green);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 164, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-honest-item.friction i {
  color: var(--wvsax-accent);
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 168, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 48px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--wvsax-border);
}

/* line 173, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table th, .wedge-orizen-vs-axonaut-page .wvsax-comparison-table td {
  padding: 14px 20px;
  text-align: left;
  font-size: 0.88rem;
  border-bottom: 1px solid var(--wvsax-border);
}

/* line 178, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table thead th {
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* line 182, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table thead th.col-orizen {
  color: var(--wvsax-accent);
}

/* line 183, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table thead th.col-competitor {
  color: var(--wvsax-text-muted);
}

/* line 184, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table thead th.col-feature {
  color: var(--wvsax-text-muted);
  width: 35%;
}

/* line 188, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 189, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

/* line 192, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table .col-feature-cell {
  color: var(--wvsax-white);
  font-weight: 500;
}

/* line 194, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table .check-yes {
  color: var(--wvsax-green);
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.85rem;
}

/* line 199, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table .check-partial {
  color: var(--wvsax-orange);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 204, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-comparison-table .check-no {
  color: rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
}

/* line 211, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-migration-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}

@media (max-width: 768px) {
  /* line 211, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
  .wedge-orizen-vs-axonaut-page .wvsax-migration-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* line 216, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-migration-card {
  background: var(--wvsax-surface);
  border: 1px solid var(--wvsax-border);
  border-radius: 16px;
  padding: 28px;
  text-align: center;
}

/* line 221, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-migration-num {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--wvsax-accent-soft);
  border: 2px solid var(--wvsax-accent);
  color: var(--wvsax-accent);
  font-weight: 800;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
}

/* line 229, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-migration-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--wvsax-white);
  margin-bottom: 8px;
}

/* line 233, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-migration-desc {
  font-size: 0.85rem;
  color: var(--wvsax-text-muted);
  line-height: 1.6;
}

/* line 238, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-testimonial-card {
  max-width: 720px;
  margin: 48px auto 0;
  background: var(--wvsax-surface);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 20px;
  padding: 40px;
}

@media (max-width: 576px) {
  /* line 238, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
  .wedge-orizen-vs-axonaut-page .wvsax-testimonial-card {
    padding: 28px;
  }
}

/* line 245, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-quote-icon {
  font-size: 4rem;
  line-height: 1;
  color: var(--wvsax-accent);
  opacity: 0.4;
  font-family: Georgia, serif;
  margin-bottom: 8px;
}

/* line 250, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-testimonial-text {
  font-size: 1.05rem;
  color: var(--wvsax-white);
  line-height: 1.7;
  margin-bottom: 24px;
}

/* line 253, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-testimonial-text strong {
  color: var(--wvsax-accent);
}

/* line 256, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-testimonial-author {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 258, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--wvsax-accent-soft);
  border: 2px solid var(--wvsax-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--wvsax-accent);
  flex-shrink: 0;
}

/* line 265, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 267, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-author-info strong {
  font-size: 0.9rem;
  color: var(--wvsax-white);
}

/* line 268, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-author-info span {
  font-size: 0.8rem;
  color: var(--wvsax-text-muted);
}

/* line 272, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-cta-section {
  padding: 96px 0;
  text-align: center;
  background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(239, 68, 68, 0.06) 0%, transparent 70%);
}

/* line 277, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-cta-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--wvsax-white);
  margin-bottom: 16px;
  line-height: 1.2;
}

/* line 282, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-cta-sub {
  font-size: 1.05rem;
  color: var(--wvsax-text-muted);
  max-width: 520px;
  margin: 0 auto 36px;
  line-height: 1.65;
}

/* line 287, app/assets/stylesheets/website/pages/_wedge_orizen_vs_axonaut.scss */
.wedge-orizen-vs-axonaut-page .wvsax-cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Namespace landing Orizen – styles isolés */
/* Import des sections */
/* Section Pricing - Design moderne et attractif optimisé pour 100vh */
/* line 4, app/assets/stylesheets/website/_pricing.scss */
.pricing-section {
  min-height: 100vh;
  background: linear-gradient(60deg, #140D23 15%, #640127 140%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 80px 0 0 0;
  /* Volume pour le menu */
}

/* line 15, app/assets/stylesheets/website/_pricing.scss */
.pricing-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="rgba(246,229,179,0.1)"/><circle cx="80" cy="40" r="1" fill="rgba(246,229,179,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(246,229,179,0.1)"/></svg>');
  opacity: 0.3;
  animation: float 20s ease-in-out infinite;
}

/* line 28, app/assets/stylesheets/website/_pricing.scss */
.pricing-container {
  max-width: 1400px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
}

/* line 38, app/assets/stylesheets/website/_pricing.scss */
.pricing-content {
  display: grid;
  grid-template-columns: 50% 50%;
  /* Répartition exacte 50/50 */
  gap: 2rem;
  flex: 1;
  min-height: 0;
  position: relative;
  /* Séparateur visuel entre les colonnes */
  /* Effet de glow autour du séparateur */
}

/* line 47, app/assets/stylesheets/website/_pricing.scss */
.pricing-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: calc(50% + 1rem);
  /* Position exacte au centre du gap */
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, transparent 0%, rgba(246, 229, 179, 0.1) 20%, rgba(246, 229, 179, 0.3) 50%, rgba(246, 229, 179, 0.1) 80%, transparent 100%);
  box-shadow: 0 0 20px rgba(246, 229, 179, 0.2), 0 0 40px rgba(246, 229, 179, 0.1);
  z-index: 1;
  animation: separatorGlow 3s ease-in-out infinite;
}

/* line 70, app/assets/stylesheets/website/_pricing.scss */
.pricing-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: calc(50% + 1rem);
  /* Position exacte au centre du gap */
  width: 3px;
  height: 100%;
  background: linear-gradient(to bottom, transparent 0%, rgba(246, 229, 179, 0.05) 20%, rgba(246, 229, 179, 0.1) 50%, rgba(246, 229, 179, 0.05) 80%, transparent 100%);
  filter: blur(2px);
  z-index: 0;
}

/* Colonne gauche - Offres groupées */
/* line 91, app/assets/stylesheets/website/_pricing.scss */
.packages-column {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  z-index: 2;
  padding-right: 1rem;
  /* Espacement supplémentaire vers la droite */
}

/* Masquer les colonnes desktop sur mobile */
@media (max-width: 767px) {
  /* line 102, app/assets/stylesheets/website/_pricing.scss */
  .packages-column.desktop-only,
.a-la-carte-column.desktop-only {
    display: none !important;
  }
}

/* line 108, app/assets/stylesheets/website/_pricing.scss */
.packages-header {
  text-align: center;
  margin-bottom: 1rem;
}

/* line 112, app/assets/stylesheets/website/_pricing.scss */
.packages-header h3, .packages-header .h3 {
  font-size: 1.4rem;
  /* Réduit de 1.8rem */
  font-weight: 600;
  color: #F6E5B3;
  font-family: 'Poppins', sans-serif;
  text-transform: none;
  /* Suppression de uppercase */
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

/* line 122, app/assets/stylesheets/website/_pricing.scss */
.packages-header .commitment-label {
  margin-top: 0.5rem;
}

/* line 125, app/assets/stylesheets/website/_pricing.scss */
.packages-header .commitment-label span {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* line 136, app/assets/stylesheets/website/_pricing.scss */
.packages-carousel {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  /* Cache le débordement des cartes */
  padding: 0 60px;
  /* Espace pour les flèches */
}

/* line 144, app/assets/stylesheets/website/_pricing.scss */
.carousel-container {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  height: auto;
  /* évite d'étirer les cartes verticalement */
  width: 100%;
  /* Assure que le conteneur prend toute la largeur */
  flex-wrap: nowrap;
  /* Empêche le retour à la ligne */
  gap: 2rem;
  /* Espacement entre les cartes */
}

/* line 153, app/assets/stylesheets/website/_pricing.scss */
.package-card {
  min-width: 100%;
  /* Largeur fixe pour chaque carte */
  width: 100%;
  /* Assure que chaque carte prend toute la largeur disponible */
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 1.5rem;
  backdrop-filter: blur(20px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 500px;
  /* Hauteur fixe impérative pour alignement */
  max-height: 450px;
  /* Hauteur maximale impérative */
  flex-shrink: 0;
  /* Empêche la compression des cartes */
  opacity: 0;
  /* Cartes non actives plus discrètes */
  /* Badge de réduction en haut à droite */
}

/* line 172, app/assets/stylesheets/website/_pricing.scss */
.package-card .discount-badge {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);
  color: white;
  padding: 0.3rem 0.6rem;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 8px rgba(74, 222, 128, 0.3);
  z-index: 100;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease;
}

/* line 191, app/assets/stylesheets/website/_pricing.scss */
.package-card .discount-badge.visible {
  opacity: 1;
  transform: translateY(0);
}

/* line 197, app/assets/stylesheets/website/_pricing.scss */
.package-card.active {
  opacity: 1;
  /* Carte active complètement visible */
}

/* line 202, app/assets/stylesheets/website/_pricing.scss */
.package-card:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  border-color: rgba(246, 229, 179, 0.3);
}

/* line 207, app/assets/stylesheets/website/_pricing.scss */
.package-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(246, 229, 179, 0.5) 50%, transparent 100%);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

/* line 219, app/assets/stylesheets/website/_pricing.scss */
.package-card:hover::before {
  transform: scaleX(1);
}

/* line 224, app/assets/stylesheets/website/_pricing.scss */
.package-header {
  text-align: center;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

/* line 232, app/assets/stylesheets/website/_pricing.scss */
.package-header .package-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}

/* line 239, app/assets/stylesheets/website/_pricing.scss */
.package-header .package-title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #F6E5B3;
  font-family: 'Poppins', sans-serif;
  text-transform: none;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  white-space: normal;
  /* Permet le retour à la ligne */
}

/* line 249, app/assets/stylesheets/website/_pricing.scss */
.package-header .package-title .price-period {
  font-size: 0.9rem;
  color: #e8e8e8;
  font-weight: 400;
}

/* line 256, app/assets/stylesheets/website/_pricing.scss */
.package-header .package-savings {
  font-size: 0.8rem;
  color: #4ade80;
  /* Vert pour les économies */
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}

/* line 265, app/assets/stylesheets/website/_pricing.scss */
.package-features {
  flex: 1;
  /* Prend l'espace disponible dans la carte */
  margin-bottom: 1.5rem;
  max-height: 200px;
  /* Hauteur maximale pour les features */
  overflow-y: auto;
  /* Scroll si le contenu dépasse */
  overflow-x: hidden;
  /* Layout en deux colonnes */
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

/* line 272, app/assets/stylesheets/website/_pricing.scss */
.package-features::-webkit-scrollbar {
  width: 6px;
}

/* line 276, app/assets/stylesheets/website/_pricing.scss */
.package-features::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

/* line 281, app/assets/stylesheets/website/_pricing.scss */
.package-features::-webkit-scrollbar-thumb {
  background: #C38761;
  /* $goldsummer */
  border-radius: 3px;
  transition: background 0.3s ease;
}

/* line 286, app/assets/stylesheets/website/_pricing.scss */
.package-features::-webkit-scrollbar-thumb:hover {
  background: #FFFFFF;
  /* $white */
}

/* line 291, app/assets/stylesheets/website/_pricing.scss */
.package-features .feature-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  /* Taille réduite */
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Poppins', sans-serif;
}

/* line 300, app/assets/stylesheets/website/_pricing.scss */
.package-features .feature-item .feature-icon {
  color: #F6E5B3;
  font-size: 0.7rem;
  /* Taille réduite */
  transform: rotate(0deg);
  /* Suppression de la rotation pour une meilleure visibilité */
}

/* line 313, app/assets/stylesheets/website/_pricing.scss */
.package-cta {
  text-align: center;
}

/* line 316, app/assets/stylesheets/website/_pricing.scss */
.package-cta .cta-button {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  border: none;
  padding: 0.8rem 1.5rem;
  border-radius: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 330, app/assets/stylesheets/website/_pricing.scss */
.package-cta .cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 107, 53, 0.3);
}

/* line 337, app/assets/stylesheets/website/_pricing.scss */
.carousel-nav {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

/* Flèches de navigation du carousel */
/* line 345, app/assets/stylesheets/website/_pricing.scss */
.carousel-arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  /* Permet de cliquer à travers */
  z-index: 20;
  /* Au-dessus du conteneur avec overflow hidden */
  padding: 0 10px;
  /* Espacement supplémentaire */
}

/* line 359, app/assets/stylesheets/website/_pricing.scss */
.carousel-arrow {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(246, 229, 179, 0.3);
  color: #F6E5B3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  pointer-events: auto;
  /* Réactive les clics sur les flèches */
  backdrop-filter: blur(10px);
  font-size: 1rem;
  /* Positionnement des flèches */
}

/* line 375, app/assets/stylesheets/website/_pricing.scss */
.carousel-arrow:hover {
  background: rgba(246, 229, 179, 0.2);
  border-color: #F6E5B3;
  transform: scale(1.1);
  box-shadow: 0 0 20px rgba(246, 229, 179, 0.3);
}

/* line 382, app/assets/stylesheets/website/_pricing.scss */
.carousel-arrow:active {
  transform: scale(0.95);
}

/* line 387, app/assets/stylesheets/website/_pricing.scss */
.carousel-arrow.carousel-arrow-prev {
  margin-left: 0;
  /* Suppression de la marge négative */
}

/* line 391, app/assets/stylesheets/website/_pricing.scss */
.carousel-arrow.carousel-arrow-next {
  margin-right: 0;
  /* Suppression de la marge négative */
}

/* line 396, app/assets/stylesheets/website/_pricing.scss */
.carousel-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 404, app/assets/stylesheets/website/_pricing.scss */
.carousel-dot.active {
  background: #F6E5B3;
  transform: scale(1.2);
}

/* line 409, app/assets/stylesheets/website/_pricing.scss */
.carousel-dot:hover {
  background: rgba(246, 229, 179, 0.5);
}

/* Colonne droite - Applications à la carte */
/* line 415, app/assets/stylesheets/website/_pricing.scss */
.a-la-carte-column {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  z-index: 2;
  padding-left: 1rem;
  /* Espacement supplémentaire vers la gauche */
}

/* line 424, app/assets/stylesheets/website/_pricing.scss */
.a-la-carte-header {
  text-align: center;
  margin-bottom: 1rem;
}

/* line 428, app/assets/stylesheets/website/_pricing.scss */
.a-la-carte-header h3, .a-la-carte-header .h3 {
  font-size: 1.4rem;
  /* Réduit de 1.8rem */
  font-weight: 600;
  color: #F6E5B3;
  font-family: 'Poppins', sans-serif;
  text-transform: none;
  /* Suppression de uppercase */
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

/* line 438, app/assets/stylesheets/website/_pricing.scss */
.a-la-carte-header .no-commitment-label {
  margin-top: 0.5rem;
}

/* line 441, app/assets/stylesheets/website/_pricing.scss */
.a-la-carte-header .no-commitment-label span {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* ===== CLASSES RESPONSIVE PERSONNALISÉES ===== */
/* line 453, app/assets/stylesheets/website/_pricing.scss */
.desktop-only {
  display: block;
}

/* line 457, app/assets/stylesheets/website/_pricing.scss */
.mobile-only {
  display: none;
}

/* ===== VERSION MOBILE OPTIMISÉE ===== */
@media (max-width: 767px) {
  /* Masquer complètement le contenu desktop sur mobile */
  /* line 464, app/assets/stylesheets/website/_pricing.scss */
  .desktop-only {
    display: none !important;
  }
  /* line 468, app/assets/stylesheets/website/_pricing.scss */
  .mobile-only {
    display: block !important;
  }
  /* Section d'introduction mobile */
  /* line 473, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-intro {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(246, 229, 179, 0.2);
    border-radius: 12px;
    padding: 1.5rem;
    backdrop-filter: blur(10px);
    margin-bottom: 1.5rem;
  }
  /* line 482, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-intro .intro-content .intro-title {
    color: #F6E5B3;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-family: 'Poppins', sans-serif;
  }
  /* line 490, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-intro .intro-content .intro-description {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  /* Accordéon mobile avec style personnalisé */
  /* line 501, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion {
    margin-top: 0;
  }
  /* line 504, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: rgba(246, 229, 179, 0.2);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 12px;
    --bs-accordion-inner-border-radius: 10px;
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: rgba(255, 255, 255, 0.9);
    --bs-accordion-btn-bg: rgba(255, 255, 255, 0.05);
    --bs-accordion-btn-focus-border-color: rgba(246, 229, 179, 0.3);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(246, 229, 179, 0.1);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #F6E5B3;
    --bs-accordion-active-bg: rgba(246, 229, 179, 0.1);
  }
  /* line 522, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion .accordion-item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(246, 229, 179, 0.2);
    border-radius: 12px;
    margin-bottom: 0.75rem;
    backdrop-filter: blur(10px);
  }
  /* line 529, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion .accordion-item:last-child {
    margin-bottom: 0;
  }
  /* line 534, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion .accordion-button {
    background: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    transition: all 0.3s ease;
  }
  /* line 543, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion .accordion-button:not(.collapsed) {
    background: rgba(246, 229, 179, 0.15);
    color: #F6E5B3;
    box-shadow: 0 0 20px rgba(246, 229, 179, 0.2);
  }
  /* line 549, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(246, 229, 179, 0.1);
    border-color: rgba(246, 229, 179, 0.3);
  }
  /* line 554, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F6E5B3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    filter: none;
  }
  /* line 559, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion .accordion-button i {
    color: #F6E5B3;
    font-size: 1.1rem;
  }
  /* line 564, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion .accordion-button .badge {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
  }
  /* line 570, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-accordion .accordion-body {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 0 0 12px 12px;
    padding: 1.5rem 1.25rem;
  }
  /* Options d'engagement mobile */
  /* line 579, app/assets/stylesheets/website/_pricing.scss */
  .mobile-engagement-options .mobile-toggle-btn {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(246, 229, 179, 0.2);
    color: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    padding: 0.75rem 0.5rem;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.3s ease;
  }
  /* line 589, app/assets/stylesheets/website/_pricing.scss */
  .mobile-engagement-options .mobile-toggle-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(246, 229, 179, 0.4);
    color: rgba(255, 255, 255, 0.95);
  }
  /* line 595, app/assets/stylesheets/website/_pricing.scss */
  .mobile-engagement-options .mobile-toggle-btn.active {
    background: rgba(246, 229, 179, 0.2);
    border-color: #F6E5B3;
    color: #F6E5B3;
    box-shadow: 0 0 10px rgba(246, 229, 179, 0.3);
  }
  /* line 602, app/assets/stylesheets/website/_pricing.scss */
  .mobile-engagement-options .mobile-toggle-btn small, .mobile-engagement-options .mobile-toggle-btn .small {
    font-size: 0.7rem;
    font-weight: 600;
  }
  /* Cartes des offres mobiles */
  /* line 610, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(246, 229, 179, 0.2);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
  }
  /* line 619, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(246, 229, 179, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  }
  /* line 626, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card:last-child {
    margin-bottom: 0;
  }
  /* line 631, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-header {
    text-align: center;
    margin-bottom: 1.5rem;
  }
  /* line 635, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-header .package-title {
    color: #F6E5B3;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    font-family: 'Poppins', sans-serif;
  }
  /* line 643, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-header .package-price {
    margin-bottom: 0.5rem;
  }
  /* line 646, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-header .package-price .price-amount {
    color: rgba(255, 255, 255, 0.95);
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
  }
  /* line 653, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-header .package-price .price-period {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    margin-left: 0.5rem;
  }
  /* line 660, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-header .package-savings {
    color: rgba(246, 229, 179, 0.8);
    font-size: 0.85rem;
    font-style: italic;
  }
  /* line 667, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-features {
    margin-bottom: 1.5rem;
  }
  /* line 670, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-features .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
  }
  /* line 677, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-features .feature-item:last-child {
    margin-bottom: 0;
  }
  /* line 681, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-features .feature-item i {
    color: #28a745;
    font-size: 0.9rem;
  }
  /* line 689, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-cta .btn {
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    transition: all 0.3s ease;
  }
  /* line 695, app/assets/stylesheets/website/_pricing.scss */
  .mobile-package-card .package-cta .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  }
  /* Cartes des modules mobiles */
  /* line 703, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(246, 229, 179, 0.2);
    border-radius: 12px;
    padding: 1.5rem;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
  }
  /* line 711, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(246, 229, 179, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  }
  /* line 719, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card .module-header {
    text-align: center;
    margin-bottom: 1rem;
  }
  /* line 723, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card .module-header .module-title {
    color: #F6E5B3;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-family: 'Poppins', sans-serif;
  }
  /* line 731, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card .module-header .module-price {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    font-weight: 500;
  }
  /* line 738, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card .module-description {
    margin-bottom: 1.5rem;
  }
  /* line 741, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card .module-description p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0;
  }
  /* line 749, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card .module-features {
    margin-bottom: 1.5rem;
  }
  /* line 752, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card .module-features .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
  }
  /* line 759, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card .module-features .feature-item:last-child {
    margin-bottom: 0;
  }
  /* line 763, app/assets/stylesheets/website/_pricing.scss */
  .mobile-module-card .module-features .feature-item i {
    color: #28a745;
    font-size: 0.8rem;
  }
  /* Section de footer mobile */
  /* line 771, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-footer {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(246, 229, 179, 0.1);
    border-radius: 12px;
    padding: 1.25rem;
    backdrop-filter: blur(8px);
  }
  /* line 779, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-footer .footer-content .footer-badges {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
  }
  /* line 785, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-footer .footer-content .footer-badges .footer-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.6rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(246, 229, 179, 0.2);
    border-radius: 16px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.75rem;
    font-weight: 500;
    transition: all 0.3s ease;
  }
  /* line 797, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-footer .footer-content .footer-badges .footer-badge:hover {
    background: rgba(246, 229, 179, 0.1);
    border-color: rgba(246, 229, 179, 0.4);
    color: #F6E5B3;
  }
  /* line 803, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-footer .footer-content .footer-badges .footer-badge i {
    font-size: 0.8rem;
    color: #F6E5B3;
  }
  /* line 810, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-footer .footer-content .footer-text {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8rem;
    margin: 0;
    font-style: italic;
  }
  /* line 816, app/assets/stylesheets/website/_pricing.scss */
  .mobile-pricing-footer .footer-content .footer-text i {
    color: rgba(246, 229, 179, 0.7);
  }
}

/* ===== VERSION DESKTOP (768px+) ===== */
@media (min-width: 768px) {
  /* line 826, app/assets/stylesheets/website/_pricing.scss */
  .desktop-only {
    display: block !important;
  }
  /* line 830, app/assets/stylesheets/website/_pricing.scss */
  .mobile-only {
    display: none !important;
  }
  /* S'assurer que le layout desktop reste en grid (côte à côte) */
  /* line 835, app/assets/stylesheets/website/_pricing.scss */
  .pricing-content.desktop-only {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    /* Répartition exacte 50/50 */
    flex-direction: unset !important;
  }
  /* line 841, app/assets/stylesheets/website/_pricing.scss */
  .packages-column.desktop-only,
.a-la-carte-column.desktop-only {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* line 849, app/assets/stylesheets/website/_pricing.scss */
.pricing-header {
  text-align: center;
  margin-bottom: 1.5rem;
}

/* line 853, app/assets/stylesheets/website/_pricing.scss */
.pricing-header .section-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #F6E5B3;
  margin-bottom: 2rem;
  /* Ajout de marge en bas */
  font-family: 'Poppins', sans-serif;
  text-align: center !important;
  /* Centrage horizontal explicite */
  display: block !important;
  /* Force le display block pour éviter flex */
  align-self: unset !important;
  /* Supprime align-self */
}

/* line 866, app/assets/stylesheets/website/_pricing.scss */
.engagement-options {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5rem;
}

/* line 873, app/assets/stylesheets/website/_pricing.scss */
.engagement-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}

/* line 880, app/assets/stylesheets/website/_pricing.scss */
.toggle-label {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* line 889, app/assets/stylesheets/website/_pricing.scss */
.toggle-buttons {
  display: flex;
  gap: 2.5rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 0.3rem;
  backdrop-filter: blur(10px);
}

/* line 898, app/assets/stylesheets/website/_pricing.scss */
.toggle-btn {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.7);
  padding: 0.5rem 1rem;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  position: relative;
}

/* line 914, app/assets/stylesheets/website/_pricing.scss */
.toggle-btn:hover {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.1);
}

/* line 919, app/assets/stylesheets/website/_pricing.scss */
.toggle-btn.active {
  background: rgba(246, 229, 179, 0.2);
  color: #F6E5B3;
  box-shadow: 0 0 5px rgba(246, 229, 179, 0.3);
  border: 1px solid rgba(246, 229, 179, 0.1);
}

/* line 926, app/assets/stylesheets/website/_pricing.scss */
.toggle-btn .discount-badge {
  background: rgba(246, 229, 179, 0.2);
  color: #F6E5B3;
  font-size: 0.7rem;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-weight: 600;
}

/* line 937, app/assets/stylesheets/website/_pricing.scss */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(16px, 2vw, 24px);
  margin-bottom: 2rem;
  max-height: none;
}

/* line 946, app/assets/stylesheets/website/_pricing.scss */
.pricing-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 1.2rem;
  backdrop-filter: blur(20px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: auto;
  /* ajusté à son contenu */
  max-height: none;
}

/* line 960, app/assets/stylesheets/website/_pricing.scss */
.pricing-card:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  border-color: rgba(246, 229, 179, 0.3);
}

/* line 966, app/assets/stylesheets/website/_pricing.scss */
.pricing-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(246, 229, 179, 0.5) 50%, transparent 100%);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

/* line 978, app/assets/stylesheets/website/_pricing.scss */
.pricing-card:hover::before {
  transform: scaleX(1);
}

/* line 983, app/assets/stylesheets/website/_pricing.scss */
.card-header {
  text-align: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 990, app/assets/stylesheets/website/_pricing.scss */
.card-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: #F6E5B3;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.3rem;
}

/* line 1000, app/assets/stylesheets/website/_pricing.scss */
.card-subtitle {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* line 1008, app/assets/stylesheets/website/_pricing.scss */
.price-container {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.3rem;
  margin-top: 0.5rem;
}

/* line 1016, app/assets/stylesheets/website/_pricing.scss */
.price-amount {
  font-size: 1.8rem;
  font-weight: 700;
  color: #F6E5B3;
  font-family: 'Poppins', sans-serif;
}

/* line 1023, app/assets/stylesheets/website/_pricing.scss */
.price-period {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Poppins', sans-serif;
}

/* line 1030, app/assets/stylesheets/website/_pricing.scss */
.card-features {
  flex: 0 1 auto;
  /* évite l'espace vide sous la liste */
  margin-bottom: 1rem;
}

/* line 1034, app/assets/stylesheets/website/_pricing.scss */
.card-features .features-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* 2 colonnes */
  gap: 0.5rem;
}

/* line 1042, app/assets/stylesheets/website/_pricing.scss */
.card-features .features-list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Poppins', sans-serif;
}

/* line 1050, app/assets/stylesheets/website/_pricing.scss */
.card-features .features-list li i {
  color: #F6E5B3;
  font-size: 0.7rem;
}

/* line 1058, app/assets/stylesheets/website/_pricing.scss */
.card-footer {
  text-align: center;
  margin-top: auto;
  padding-top: 1.75rem;
  /* espace visuel avant le bouton */
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  /* séparation douce */
}

/* line 1065, app/assets/stylesheets/website/_pricing.scss */
.cta-button {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  border: none;
  padding: 0.8rem 1.5rem;
  border-radius: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 100%;
}

/* line 1080, app/assets/stylesheets/website/_pricing.scss */
.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 107, 53, 0.3);
}

/* line 1085, app/assets/stylesheets/website/_pricing.scss */
.cta-button.secondary {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  border: none;
}

/* line 1090, app/assets/stylesheets/website/_pricing.scss */
.cta-button.secondary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(255, 107, 53, 0.3);
}

/* line 1098, app/assets/stylesheets/website/_pricing.scss */
.shopping-cart-container {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* line 1105, app/assets/stylesheets/website/_pricing.scss */
.available-modules {
  flex: 1;
  overflow-y: auto;
  padding-right: 0.5rem;
  max-height: 95%;
  /* Plus d'espace sans zone panier */
  padding-bottom: 1.2rem;
  /* évite que le bouton morde le contenu au-dessus */
}

/* line 1112, app/assets/stylesheets/website/_pricing.scss */
.available-modules::-webkit-scrollbar {
  width: 4px;
}

/* line 1116, app/assets/stylesheets/website/_pricing.scss */
.available-modules::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

/* line 1121, app/assets/stylesheets/website/_pricing.scss */
.available-modules::-webkit-scrollbar-thumb {
  background: rgba(246, 229, 179, 0.3);
  border-radius: 2px;
}

/* line 1125, app/assets/stylesheets/website/_pricing.scss */
.available-modules::-webkit-scrollbar-thumb:hover {
  background: rgba(246, 229, 179, 0.5);
}

/* Ajustements spécifiques à la carte modules-selector */
/* line 1132, app/assets/stylesheets/website/_pricing.scss */
.pricing-card.modules-selector {
  display: flex;
  flex-direction: column;
  min-height: 53vh !important;
  max-height: 60vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* line 1141, app/assets/stylesheets/website/_pricing.scss */
.pricing-card.modules-selector .card-footer {
  /* assure un espacement suffisant avec le contenu scrollable */
  padding-top: 1.2rem;
}

/* line 1146, app/assets/stylesheets/website/_pricing.scss */
.modules-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 1153, app/assets/stylesheets/website/_pricing.scss */
.module-category .category-title {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(246, 229, 179, 0.8);
  margin-bottom: 0.5rem;
  font-family: 'Poppins', sans-serif;
  border-bottom: 1px solid rgba(246, 229, 179, 0.2);
  padding-bottom: 0.2rem;
}

/* line 1164, app/assets/stylesheets/website/_pricing.scss */
.module-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* 2 colonnes */
  gap: 0.3rem 0.5rem;
  /* Gap vertical et horizontal */
}

/* line 1170, app/assets/stylesheets/website/_pricing.scss */
.module-item {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  /* Réduit pour s'adapter aux 2 colonnes */
  padding: 0.3rem;
  /* Réduit */
  border-radius: 6px;
  /* Réduit */
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 0.2s ease;
  position: relative;
}

/* line 1181, app/assets/stylesheets/website/_pricing.scss */
.module-item:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(246, 229, 179, 0.2);
}

/* line 1186, app/assets/stylesheets/website/_pricing.scss */
.module-item.selected {
  background: rgba(246, 229, 179, 0.1);
  border-color: rgba(246, 229, 179, 0.3);
  box-shadow: 0 0 10px rgba(246, 229, 179, 0.2);
}

/* line 1192, app/assets/stylesheets/website/_pricing.scss */
.module-item .module-icon {
  font-size: 1rem;
  width: 32px;
  /* Augmenté pour plus d'élégance */
  height: 32px;
  /* Hauteur définie pour forme circulaire */
  text-align: center;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  /* Forme circulaire élégante */
  background: transparent;
  /* Fond transparent */
  border: 2px solid rgba(246, 229, 179, 0.6);
  /* Bordure colorée avec couleur de votre charte */
  color: #F6E5B3;
  /* Icônes colorées avec couleur de votre charte */
  transition: all 0.3s ease;
  /* Effet hover avec animation */
  /* Animation subtile au survol */
}

/* line 1208, app/assets/stylesheets/website/_pricing.scss */
.module-item .module-icon:hover {
  border-color: #F6E5B3;
  background: rgba(246, 229, 179, 0.1);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(246, 229, 179, 0.3);
}

/* line 1216, app/assets/stylesheets/website/_pricing.scss */
.module-item .module-icon:active {
  transform: scale(0.95);
}

/* line 1221, app/assets/stylesheets/website/_pricing.scss */
.module-item .module-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
  /* Pour permettre le truncate */
}

/* line 1229, app/assets/stylesheets/website/_pricing.scss */
.module-item .module-name {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.65rem;
  /* Réduit */
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1239, app/assets/stylesheets/website/_pricing.scss */
.module-item .module-price {
  color: rgba(246, 229, 179, 0.8);
  font-size: 0.55rem;
  /* Réduit */
  font-family: 'Poppins', sans-serif;
}

/* line 1245, app/assets/stylesheets/website/_pricing.scss */
.module-item .add-to-cart-btn {
  background: rgba(246, 229, 179, 0.1);
  border: 1px solid rgba(246, 229, 179, 0.3);
  color: #F6E5B3;
  width: 20px;
  /* Réduit */
  height: 20px;
  /* Réduit */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  font-size: 0.5rem;
  /* Réduit */
}

/* line 1260, app/assets/stylesheets/website/_pricing.scss */
.module-item .add-to-cart-btn:hover {
  background: rgba(246, 229, 179, 0.2);
  transform: scale(1.1);
}

/* line 1265, app/assets/stylesheets/website/_pricing.scss */
.module-item .add-to-cart-btn.added {
  background: rgba(246, 229, 179, 0.3);
  border-color: #F6E5B3;
}

/* line 1269, app/assets/stylesheets/website/_pricing.scss */
.module-item .add-to-cart-btn.added i {
  transform: rotate(0deg);
  /* Suppression de la rotation pour une meilleure visibilité */
}

/* line 1277, app/assets/stylesheets/website/_pricing.scss */
.selection-summary {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 1283, app/assets/stylesheets/website/_pricing.scss */
.summary-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

@media (max-width: 768px) {
  /* line 1297, app/assets/stylesheets/website/_pricing.scss */
  .pricing-section {
    height: auto !important;
    padding: 80px 0.5rem 2rem 0.5rem !important;
    overflow: visible !important;
  }
  /* line 1304, app/assets/stylesheets/website/_pricing.scss */
  .pricing-container {
    padding: 0 !important;
    height: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  /* line 1311, app/assets/stylesheets/website/_pricing.scss */
  .pricing-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 2rem !important;
  }
  /* line 1318, app/assets/stylesheets/website/_pricing.scss */
  .pricing-header .section-title {
    font-size: clamp(1.4rem, 5vw, 1.8rem) !important;
    color: #F6E5B3 !important;
    text-align: center !important;
    margin-bottom: 1.5rem !important;
    /* Ajout de marge en bas pour mobile */
  }
  /* line 1325, app/assets/stylesheets/website/_pricing.scss */
  .pricing-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 10rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  /* SUPPRIMER TOUS LES SÉPARATEURS */
  /* line 1335, app/assets/stylesheets/website/_pricing.scss */
  .pricing-content::before,
.pricing-content::after {
    display: none !important;
  }
  /* COLONNES EN PLEINE LARGEUR */
  /* line 1341, app/assets/stylesheets/website/_pricing.scss */
  .packages-column,
.modules-column {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  /* HEADERS FORCÉS À ÊTRE VISIBLES */
  /* line 1351, app/assets/stylesheets/website/_pricing.scss */
  .packages-header,
.a-la-carte-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 1.5rem !important;
    text-align: center !important;
    width: 100% !important;
  }
  /* line 1361, app/assets/stylesheets/website/_pricing.scss */
  .packages-header h3, .packages-header .h3,
.a-la-carte-header h3,
.a-la-carte-header .h3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: clamp(1.2rem, 4vw, 1.4rem) !important;
    color: #F6E5B3 !important;
    margin-bottom: 0.5rem !important;
    font-weight: 600 !important;
  }
  /* line 1372, app/assets/stylesheets/website/_pricing.scss */
  .commitment-label,
.no-commitment-label {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 0.5rem !important;
  }
  /* line 1380, app/assets/stylesheets/website/_pricing.scss */
  .commitment-label span,
.no-commitment-label span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 0.8rem !important;
    color: rgba(255, 255, 255, 0.7) !important;
  }
  /* OPTIONS D'ENGAGEMENT FORCÉES */
  /* line 1390, app/assets/stylesheets/website/_pricing.scss */
  .engagement-options {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-direction: column !important;
    gap: 1rem !important;
    margin-bottom: 2rem !important;
    width: 100% !important;
  }
  /* line 1400, app/assets/stylesheets/website/_pricing.scss */
  .engagement-toggle {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    justify-content: center !important;
  }
  /* line 1408, app/assets/stylesheets/website/_pricing.scss */
  .toggle-buttons {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-wrap: nowrap !important;
    gap: 1rem !important;
    justify-content: center !important;
    padding: 0.1rem !important;
  }
  /* line 1420, app/assets/stylesheets/website/_pricing.scss */
  .toggle-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: auto !important;
    padding: 0.2rem 0.3rem !important;
    font-size: clamp(0.5rem, 1.8vw, 0.7rem) !important;
    flex: 1 1 auto !important;
    max-width: 24% !important;
    white-space: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  /* CAROUSEL DES PACKAGES */
  /* line 1436, app/assets/stylesheets/website/_pricing.scss */
  .packages-carousel {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  /* line 1442, app/assets/stylesheets/website/_pricing.scss */
  .carousel-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  /* line 1448, app/assets/stylesheets/website/_pricing.scss */
  .package-card {
    width: 100% !important;
    max-width: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 1rem !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    max-height: 60vh !important;
  }
  /* line 1459, app/assets/stylesheets/website/_pricing.scss */
  .package-features {
    max-height: 150px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    width: 100% !important;
    padding-right: 0.5rem !important;
  }
  /* Scrollbar personnalisée pour package-card et package-features */
  /* line 1468, app/assets/stylesheets/website/_pricing.scss */
  .package-card::-webkit-scrollbar,
.package-features::-webkit-scrollbar,
.pricing-card.modules-selector::-webkit-scrollbar,
.available-modules::-webkit-scrollbar {
    width: 8px !important;
  }
  /* line 1475, app/assets/stylesheets/website/_pricing.scss */
  .package-card::-webkit-scrollbar-track,
.package-features::-webkit-scrollbar-track,
.pricing-card.modules-selector::-webkit-scrollbar-track,
.available-modules::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
  }
  /* line 1483, app/assets/stylesheets/website/_pricing.scss */
  .package-card::-webkit-scrollbar-thumb,
.package-features::-webkit-scrollbar-thumb,
.pricing-card.modules-selector::-webkit-scrollbar-thumb,
.available-modules::-webkit-scrollbar-thumb {
    background: #C38761 !important;
    /* $goldsummer */
    border-radius: 10px !important;
    transition: background 0.3s ease !important;
  }
  /* line 1492, app/assets/stylesheets/website/_pricing.scss */
  .package-card::-webkit-scrollbar-thumb:hover,
.package-features::-webkit-scrollbar-thumb:hover,
.pricing-card.modules-selector::-webkit-scrollbar-thumb:hover,
.available-modules::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF !important;
    /* $white */
  }
  /* MODULES À LA CARTE */
  /* line 1500, app/assets/stylesheets/website/_pricing.scss */
  .a-la-carte-column {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  /* line 1506, app/assets/stylesheets/website/_pricing.scss */
  .module-item {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.8rem !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  /* line 1515, app/assets/stylesheets/website/_pricing.scss */
  .available-modules {
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    width: 100% !important;
    padding-right: 0.5rem !important;
  }
  /* line 1523, app/assets/stylesheets/website/_pricing.scss */
  .module-items {
    grid-template-columns: 1fr !important;
    gap: 0.5rem !important;
    width: 100% !important;
  }
  /* CTA BOUTONS */
  /* line 1530, app/assets/stylesheets/website/_pricing.scss */
  .cta-button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    gap: 0.1rem !important;
    justify-content: center !important;
    padding: 0.1rem !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  /* line 1541, app/assets/stylesheets/website/_pricing.scss */
  .toggle-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: auto !important;
    padding: 0.2rem 0.3rem !important;
    font-size: clamp(0.5rem, 1.8vw, 0.7rem) !important;
    flex: 1 1 auto !important;
    max-width: 24% !important;
    white-space: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  /* CAROUSEL DES PACKAGES */
  /* line 1557, app/assets/stylesheets/website/_pricing.scss */
  .packages-carousel {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  /* line 1563, app/assets/stylesheets/website/_pricing.scss */
  .carousel-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  /* line 1569, app/assets/stylesheets/website/_pricing.scss */
  .package-card {
    width: 100% !important;
    max-width: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 1rem !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    max-height: 60vh !important;
  }
  /* line 1580, app/assets/stylesheets/website/_pricing.scss */
  .package-features {
    max-height: 150px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    width: 100% !important;
    padding-right: 0.5rem !important;
  }
  /* Scrollbar personnalisée pour package-card et package-features */
  /* line 1589, app/assets/stylesheets/website/_pricing.scss */
  .package-card::-webkit-scrollbar,
.package-features::-webkit-scrollbar,
.pricing-card.modules-selector::-webkit-scrollbar,
.available-modules::-webkit-scrollbar {
    width: 8px !important;
  }
  /* line 1596, app/assets/stylesheets/website/_pricing.scss */
  .package-card::-webkit-scrollbar-track,
.package-features::-webkit-scrollbar-track,
.pricing-card.modules-selector::-webkit-scrollbar-track,
.available-modules::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
  }
  /* line 1604, app/assets/stylesheets/website/_pricing.scss */
  .package-card::-webkit-scrollbar-thumb,
.package-features::-webkit-scrollbar-thumb,
.pricing-card.modules-selector::-webkit-scrollbar-thumb,
.available-modules::-webkit-scrollbar-thumb {
    background: #C38761 !important;
    /* $goldsummer */
    border-radius: 10px !important;
    transition: background 0.3s ease !important;
  }
  /* line 1613, app/assets/stylesheets/website/_pricing.scss */
  .package-card::-webkit-scrollbar-thumb:hover,
.package-features::-webkit-scrollbar-thumb:hover,
.pricing-card.modules-selector::-webkit-scrollbar-thumb:hover,
.available-modules::-webkit-scrollbar-thumb:hover {
    background: #FFFFFF !important;
    /* $white */
  }
  /* MODULES À LA CARTE */
  /* line 1621, app/assets/stylesheets/website/_pricing.scss */
  .a-la-carte-column {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  /* line 1627, app/assets/stylesheets/website/_pricing.scss */
  .module-item {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.8rem !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  /* line 1636, app/assets/stylesheets/website/_pricing.scss */
  .available-modules {
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    width: 100% !important;
    padding-right: 0.5rem !important;
  }
  /* line 1644, app/assets/stylesheets/website/_pricing.scss */
  .module-items {
    grid-template-columns: 1fr !important;
    gap: 0.5rem !important;
    width: 100% !important;
  }
  /* CTA BOUTONS */
  /* line 1651, app/assets/stylesheets/website/_pricing.scss */
  .cta-button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  /* line 1657, app/assets/stylesheets/website/_pricing.scss */
  .shopping-cart-container {
    flex-direction: column !important;
    gap: 1rem !important;
    width: 100% !important;
  }
  /* MASQUER LES BADGES DE RÉDUCTION */
  /* line 1664, app/assets/stylesheets/website/_pricing.scss */
  .discount-badge {
    display: none !important;
  }
  /* line 1668, app/assets/stylesheets/website/_pricing.scss */
  .module-item {
    gap: 0.5rem;
    padding: 0.4rem;
    border-radius: 8px;
  }
  /* line 1673, app/assets/stylesheets/website/_pricing.scss */
  .module-item .module-icon {
    font-size: 1.2rem;
    width: 24px;
  }
  /* line 1678, app/assets/stylesheets/website/_pricing.scss */
  .module-item .module-name {
    font-size: 0.7rem;
  }
  /* line 1682, app/assets/stylesheets/website/_pricing.scss */
  .module-item .module-price {
    font-size: 0.6rem;
  }
  /* line 1686, app/assets/stylesheets/website/_pricing.scss */
  .module-item .add-to-cart-btn {
    width: 24px;
    height: 24px;
    font-size: 0.6rem;
  }
  /* line 1694, app/assets/stylesheets/website/_pricing.scss */
  .business-start .features-list {
    grid-template-columns: 1fr;
  }
  /* line 1700, app/assets/stylesheets/website/_pricing.scss */
  .toggle-btn {
    padding: 0.4rem 0.8rem;
    font-size: 0.7rem;
  }
  /* line 1705, app/assets/stylesheets/website/_pricing.scss */
  .info-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
  }
  /* line 1710, app/assets/stylesheets/website/_pricing.scss */
  .info-item {
    padding: 0.6rem;
  }
  /* Responsive pour package header et features */
  /* line 1715, app/assets/stylesheets/website/_pricing.scss */
  .package-header {
    flex-direction: column;
    gap: 0.3rem;
  }
  /* line 1720, app/assets/stylesheets/website/_pricing.scss */
  .package-features {
    grid-template-columns: 1fr;
    max-height: 150px;
  }
  /* Responsive pour les flèches du carousel */
  /* line 1726, app/assets/stylesheets/website/_pricing.scss */
  .carousel-arrow {
    width: 35px;
    height: 35px;
    font-size: 0.9rem;
  }
  /* line 1731, app/assets/stylesheets/website/_pricing.scss */
  .carousel-arrow.carousel-arrow-prev {
    margin-left: 0;
  }
  /* line 1735, app/assets/stylesheets/website/_pricing.scss */
  .carousel-arrow.carousel-arrow-next {
    margin-right: 0;
  }
  /* Ajustement du padding du carousel sur mobile */
  /* line 1741, app/assets/stylesheets/website/_pricing.scss */
  .packages-carousel {
    padding: 0 30px;
    /* Réduction du padding sur mobile */
  }
  /* Ajustement de l'espacement et des cartes sur mobile */
  /* line 1746, app/assets/stylesheets/website/_pricing.scss */
  .carousel-container {
    gap: 1.5rem;
    /* Espacement réduit sur mobile */
  }
  /* line 1750, app/assets/stylesheets/website/_pricing.scss */
  .package-card {
    min-width: 100%;
    /* Largeur fixe maintenue sur mobile */
    width: 100%;
    height: 400px;
    /* Hauteur réduite sur mobile */
    max-height: 400px;
  }
  /* line 1757, app/assets/stylesheets/website/_pricing.scss */
  .package-features {
    max-height: 150px;
    /* Hauteur réduite sur mobile */
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes separatorGlow {
  0%, 100% {
    opacity: 0.7;
    box-shadow: 0 0 20px rgba(246, 229, 179, 0.2), 0 0 40px rgba(246, 229, 179, 0.1);
  }
  50% {
    opacity: 1;
    box-shadow: 0 0 30px rgba(246, 229, 179, 0.3), 0 0 60px rgba(246, 229, 179, 0.2);
  }
}

/* line 1787, app/assets/stylesheets/website/_pricing.scss */
.empty-cart {
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
  font-family: 'Poppins', sans-serif;
  padding: 1rem;
  font-style: italic;
}

/* line 1797, app/assets/stylesheets/website/_pricing.scss */
.mission-section {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1805, app/assets/stylesheets/website/_pricing.scss */
.mission-section .mission-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/* line 1813, app/assets/stylesheets/website/_pricing.scss */
.mission-section .mission-background .gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 70%, rgba(120, 119, 198, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 30%, rgba(255, 119, 198, 0.1) 0%, transparent 50%);
  animation: gradient-shift 15s ease-in-out infinite;
}

/* line 1826, app/assets/stylesheets/website/_pricing.scss */
.mission-container {
  max-width: 1200px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 2rem;
  position: relative;
  z-index: 20;
  /* Augmenté de 10 à 20 */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Changé de center à space-between */
  gap: 1rem;
  /* Réduit de 2rem à 1rem */
}

/* line 1841, app/assets/stylesheets/website/_pricing.scss */
.mission-header {
  text-align: center;
  margin-bottom: 1rem;
  /* Réduit de 2rem à 1rem */
}

/* line 1845, app/assets/stylesheets/website/_pricing.scss */
.mission-header .mission-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #F6E5B3;
  margin-bottom: 0;
  font-family: 'Poppins', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 1858, app/assets/stylesheets/website/_pricing.scss */
.mission-header .mission-orizen-logo {
  height: 2.25rem;
  width: auto;
  display: inline-block;
  vertical-align: baseline;
}

/* line 1865, app/assets/stylesheets/website/_pricing.scss */
.mission-header .mission-subtitle {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  opacity: 0;
  animation: fadeIn 1s ease-out 1s forwards;
}

/* line 1876, app/assets/stylesheets/website/_pricing.scss */
.mission-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-bottom: 4rem;
  height: 300px;
}

/* line 1885, app/assets/stylesheets/website/_pricing.scss */
.mission-card,
.approach-card {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 2rem;
  backdrop-filter: blur(20px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translateY(50px) scale(0.95);
  overflow: hidden;
  cursor: pointer;
}

/* line 1899, app/assets/stylesheets/website/_pricing.scss */
.mission-card.animate-in,
.approach-card.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* line 1905, app/assets/stylesheets/website/_pricing.scss */
.mission-card .card-glow,
.approach-card .card-glow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* line 1917, app/assets/stylesheets/website/_pricing.scss */
.mission-card:hover,
.approach-card:hover {
  border-color: rgba(246, 229, 179, 0.3);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* line 1921, app/assets/stylesheets/website/_pricing.scss */
.mission-card:hover .card-glow,
.approach-card:hover .card-glow {
  opacity: 1;
}

/* line 1926, app/assets/stylesheets/website/_pricing.scss */
.mission-card .card-content,
.approach-card .card-content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 1935, app/assets/stylesheets/website/_pricing.scss */
.mission-card .card-icon,
.approach-card .card-icon {
  text-align: center;
  margin-bottom: 1.5rem;
}

/* line 1939, app/assets/stylesheets/website/_pricing.scss */
.mission-card .card-icon i,
.approach-card .card-icon i {
  font-size: 2.5rem;
  color: #F6E5B3;
  opacity: 0;
  animation: fadeInScale 0.6s ease-out 0.3s forwards;
}

/* line 1947, app/assets/stylesheets/website/_pricing.scss */
.mission-card h3, .mission-card .h3,
.approach-card h3,
.approach-card .h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #F6E5B3;
  text-align: center;
  margin-bottom: 1.5rem;
  font-family: 'Poppins', sans-serif;
  opacity: 0;
  animation: fadeInUp 0.6s ease-out 0.5s forwards;
}

/* line 1960, app/assets/stylesheets/website/_pricing.scss */
.mission-statement {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 1965, app/assets/stylesheets/website/_pricing.scss */
.mission-statement .statement-line {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  opacity: 0;
  animation: fadeInLeft 0.6s ease-out forwards;
}

/* line 1973, app/assets/stylesheets/website/_pricing.scss */
.mission-statement .statement-line:nth-child(1) {
  animation-delay: 0.7s;
}

/* line 1974, app/assets/stylesheets/website/_pricing.scss */
.mission-statement .statement-line:nth-child(2) {
  animation-delay: 0.9s;
}

/* line 1975, app/assets/stylesheets/website/_pricing.scss */
.mission-statement .statement-line:nth-child(3) {
  animation-delay: 1.1s;
}

/* line 1976, app/assets/stylesheets/website/_pricing.scss */
.mission-statement .statement-line:nth-child(4) {
  animation-delay: 1.3s;
}

/* line 1978, app/assets/stylesheets/website/_pricing.scss */
.mission-statement .statement-line .highlight {
  background: linear-gradient(135deg, #F6E5B3 0%, #E6D5A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 600;
}

/* line 1990, app/assets/stylesheets/website/_pricing.scss */
.approach-content p {
  font-size: 0.9rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Poppins', sans-serif;
  margin-bottom: 1rem;
  opacity: 0;
  animation: fadeInUp 0.6s ease-out 0.7s forwards;
}

/* line 1999, app/assets/stylesheets/website/_pricing.scss */
.approach-content p strong {
  color: #F6E5B3;
  font-weight: 600;
}

/* line 2004, app/assets/stylesheets/website/_pricing.scss */
.approach-content p .highlight {
  background: linear-gradient(135deg, #F6E5B3 0%, #E6D5A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 600;
}

/* line 2013, app/assets/stylesheets/website/_pricing.scss */
.approach-content .approach-values {
  display: flex;
  gap: 0.4rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 2019, app/assets/stylesheets/website/_pricing.scss */
.approach-content .approach-values .value-tag {
  background: rgba(246, 229, 179, 0.1);
  border: 1px solid rgba(246, 229, 179, 0.3);
  color: #F6E5B3;
  padding: 0.3rem 0.8rem;
  border-radius: 15px;
  font-size: 0.8rem;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  opacity: 0;
  animation: fadeInScale 0.6s ease-out 0.9s forwards;
}

/* line 2036, app/assets/stylesheets/website/_pricing.scss */
.founders-row .founders-header {
  text-align: center;
  margin-bottom: 2rem;
}

/* line 2040, app/assets/stylesheets/website/_pricing.scss */
.founders-row .founders-header h3, .founders-row .founders-header .h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #F6E5B3;
  margin-bottom: 0.5rem;
  font-family: 'Poppins', sans-serif;
}

/* line 2048, app/assets/stylesheets/website/_pricing.scss */
.founders-row .founders-header .founders-subtitle {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.6);
  font-family: 'Poppins', sans-serif;
}

/* line 2055, app/assets/stylesheets/website/_pricing.scss */
.founders-row .founders-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  height: 400px;
}

/* line 2064, app/assets/stylesheets/website/_pricing.scss */
.founder-card {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 1.5rem;
  backdrop-filter: blur(20px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translateY(30px) scale(0.95);
  overflow: hidden;
  cursor: pointer;
}

/* line 2077, app/assets/stylesheets/website/_pricing.scss */
.founder-card.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* line 2085, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container {
  position: relative;
  text-align: center;
  margin-bottom: 1rem;
}

/* line 2090, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container .founder-photo {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(246, 229, 179, 0.3);
}

/* line 2099, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container .founder-photo .photo-gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(246, 229, 179, 0.2), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

/* line 2111, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container .founder-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/* line 2118, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container .founder-photo .photo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 3;
}

/* line 2133, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container .founder-photo .photo-overlay .social-links .social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: white;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 0.8rem;
}

/* line 2145, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container .founder-photo .photo-overlay .social-links .social-link.linkedin {
  background: #0077b5;
}

/* line 2149, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container .founder-photo .photo-overlay .social-links .social-link:hover {
  transform: scale(1.1);
  box-shadow: 0 5px 15px rgba(0, 119, 181, 0.4);
}

/* line 2158, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container .founder-photo:hover .photo-overlay {
  opacity: 1;
}

/* line 2162, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container .founder-photo:hover .photo-gradient {
  opacity: 1;
}

/* line 2166, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-photo-container .founder-photo:hover img {
  transform: scale(1.05);
}

/* line 2174, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-info .founder-name {
  font-size: 1.1rem;
  font-weight: 700;
  color: #F6E5B3;
  text-align: center;
  margin-bottom: 0.3rem;
  font-family: 'Poppins', sans-serif;
}

/* line 2183, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-info .founder-role {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin-bottom: 1rem;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 2193, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-info .founder-description {
  margin-bottom: 1rem;
}

/* line 2196, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-info .founder-description p {
  font-size: 0.75rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Poppins', sans-serif;
  text-align: center;
}

/* line 2203, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-info .founder-description p strong {
  color: #F6E5B3;
  font-weight: 600;
}

/* line 2211, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-info .founder-strengths .strength-tags {
  display: flex;
  gap: 0.3rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 2217, app/assets/stylesheets/website/_pricing.scss */
.founder-card .founder-info .founder-strengths .strength-tags .strength-tag {
  background: rgba(246, 229, 179, 0.1);
  border: 1px solid rgba(246, 229, 179, 0.2);
  color: #F6E5B3;
  padding: 0.2rem 0.5rem;
  border-radius: 10px;
  font-size: 0.6rem;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes expandLine {
  from {
    width: 0;
  }
  to {
    width: 100px;
  }
}

@keyframes gradient-shift {
  0%, 100% {
    transform: translateX(0) translateY(0);
  }
  50% {
    transform: translateX(20px) translateY(-20px);
  }
}

@media (max-width: 1024px) {
  /* line 2306, app/assets/stylesheets/website/_pricing.scss */
  .mission-row {
    grid-template-columns: 1fr;
    gap: 2rem;
    height: auto;
  }
  /* line 2312, app/assets/stylesheets/website/_pricing.scss */
  .founders-cards {
    grid-template-columns: 1fr;
    gap: 2rem;
    height: auto;
  }
}

@media (max-width: 768px) {
  /* line 2320, app/assets/stylesheets/website/_pricing.scss */
  .mission-container {
    padding: 0 1rem;
  }
  /* line 2324, app/assets/stylesheets/website/_pricing.scss */
  .mission-header .title-container .mission-title {
    font-size: clamp(1.4rem, 6vw, 1.8rem) !important;
  }
  /* line 2328, app/assets/stylesheets/website/_pricing.scss */
  .mission-row {
    gap: 1.5rem;
  }
  /* line 2332, app/assets/stylesheets/website/_pricing.scss */
  .founders-cards {
    gap: 1.5rem;
  }
}

/* line 2338, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  backdrop-filter: blur(20px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  transform: translateY(50px) scale(0.95);
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 1rem;
  /* Réduit de 2rem à 1rem */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  height: 200px;
  /* Réduit de 200px à 160px */
  display: flex;
  align-items: center;
  z-index: 30;
  /* Ajout d'un z-index élevé */
}

/* line 2356, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* line 2362, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .card-glow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* line 2375, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .card-content {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* gap: 2rem; */
  align-items: center;
  width: 100%;
  height: 100%;
}

/* line 2386, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .divider {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 80%;
  background: linear-gradient(to bottom, transparent, rgba(246, 229, 179, 0.3), transparent);
}

/* line 2396, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section,
.floating-mission-card .approach-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  text-align: center;
}

/* line 2405, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .section-header,
.floating-mission-card .approach-section .section-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  border: none !important;
  background-color: transparent !important;
}

/* line 2414, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .section-header .section-icon,
.floating-mission-card .approach-section .section-header .section-icon {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

/* line 2419, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .section-header .section-icon i,
.floating-mission-card .approach-section .section-header .section-icon i {
  font-size: 1.5rem;
  color: #F6E5B3;
  opacity: 0;
  animation: fadeInScale 0.6s ease-out 0.3s forwards;
}

/* line 2427, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .section-header h3, .floating-mission-card .mission-section .section-header .h3,
.floating-mission-card .approach-section .section-header h3,
.floating-mission-card .approach-section .section-header .h3 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #F6E5B3;
  margin-bottom: 0;
  font-family: 'Poppins', sans-serif;
  opacity: 0;
  animation: fadeInUp 0.6s ease-out 0.5s forwards;
}

/* line 2439, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .section-icon,
.floating-mission-card .approach-section .section-icon {
  margin-bottom: 1rem;
}

/* line 2442, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .section-icon i,
.floating-mission-card .approach-section .section-icon i {
  font-size: 2rem;
  color: #F6E5B3;
  opacity: 0;
  animation: fadeInScale 0.6s ease-out 0.3s forwards;
}

/* line 2450, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section h3, .floating-mission-card .mission-section .h3,
.floating-mission-card .approach-section h3,
.floating-mission-card .approach-section .h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: #F6E5B3;
  margin-bottom: 1rem;
  font-family: 'Poppins', sans-serif;
  opacity: 0;
  animation: fadeInUp 0.6s ease-out 0.5s forwards;
}

/* line 2461, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .mission-statement,
.floating-mission-card .approach-section .mission-statement {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 2466, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .mission-statement .statement-line,
.floating-mission-card .approach-section .mission-statement .statement-line {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.95);
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

/* line 2473, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .mission-statement .statement-line .highlight,
.floating-mission-card .approach-section .mission-statement .statement-line .highlight {
  background: linear-gradient(135deg, #F6E5B3 0%, #E6D5A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 600;
}

/* line 2485, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .approach-content p,
.floating-mission-card .approach-section .approach-content p {
  font-size: 0.8rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.95);
  font-family: 'Poppins', sans-serif;
  margin-bottom: 1rem;
}

/* line 2492, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .approach-content p strong,
.floating-mission-card .approach-section .approach-content p strong {
  color: #F6E5B3;
  font-weight: 600;
}

/* line 2497, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .approach-content p .highlight,
.floating-mission-card .approach-section .approach-content p .highlight {
  background: linear-gradient(135deg, #F6E5B3 0%, #E6D5A3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 600;
}

/* line 2506, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .approach-content .approach-values,
.floating-mission-card .approach-section .approach-content .approach-values {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 2512, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .approach-content .approach-values .value-tag,
.floating-mission-card .approach-section .approach-content .approach-values .value-tag {
  background: rgba(246, 229, 179, 0.15);
  border: 1px solid rgba(246, 229, 179, 0.3);
  color: #F6E5B3;
  padding: 0.3rem 0.8rem;
  border-radius: 15px;
  font-size: 0.7rem;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  transition: all 0.3s ease;
}

/* line 2523, app/assets/stylesheets/website/_pricing.scss */
.floating-mission-card .mission-section .approach-content .approach-values .value-tag:hover,
.floating-mission-card .approach-section .approach-content .approach-values .value-tag:hover {
  background: rgba(246, 229, 179, 0.25);
  transform: translateY(-1px);
}

/* line 2534, app/assets/stylesheets/website/_pricing.scss */
.founders-section {
  height: auto;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 2541, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founders-header {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: 0 1rem;
}

/* line 2549, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founders-header .founders-subtitle {
  font-size: 1.4rem;
  font-weight: 600;
  color: #F6E5B3;
  font-family: 'Poppins', sans-serif;
  text-align: left;
}

/* line 2558, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founders-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  height: auto;
}

/* line 2566, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card-link {
  text-decoration: none;
  display: block;
  height: 100%;
}

/* line 2571, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card-link:hover .founder-card {
  border-color: rgba(246, 229, 179, 0.3);
  background: rgba(255, 255, 255, 0.12);
}

/* line 2576, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card-link:hover .linkedin-indicator {
  opacity: 1;
}

/* line 2582, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card {
  position: relative;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  padding: 1rem;
  backdrop-filter: blur(20px);
  transition: all 0.3s ease;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 2596, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-photo-container {
  position: relative;
  text-align: center;
  margin-bottom: 0.6rem;
}

/* line 2601, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-photo-container .founder-photo {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(246, 229, 179, 0.3);
}

/* line 2610, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-photo-container .founder-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 2617, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-photo-container .founder-photo--avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(246, 229, 179, 0.1);
}

/* line 2623, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-photo-container .founder-photo--avatar i {
  font-size: 1.5rem;
  color: rgba(246, 229, 179, 0.6);
}

/* line 2630, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-photo-container .founder-photo--xavier img {
  object-position: center 20%;
}

/* line 2636, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-info {
  text-align: center;
}

/* line 2639, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-info .founder-name {
  font-size: 1rem;
  font-weight: 700;
  color: #F6E5B3;
  margin-bottom: 0.2rem;
  font-family: 'Poppins', sans-serif;
}

/* line 2647, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-info .founder-role {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.4rem;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 2656, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-info .founder-description {
  margin-bottom: 0;
}

/* line 2659, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-info .founder-description p {
  font-size: 0.65rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Poppins', sans-serif;
  text-align: center;
}

/* line 2666, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .founder-info .founder-description p strong {
  color: #F6E5B3;
  font-weight: 600;
}

/* line 2675, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .linkedin-indicator {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  width: 24px;
  height: 24px;
  background: #0077b5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

/* line 2690, app/assets/stylesheets/website/_pricing.scss */
.founders-section .founder-card .linkedin-indicator i,
.founders-section .founder-card .linkedin-indicator .ico {
  font-size: 0.75rem;
  color: white;
  width: 12px;
  height: 12px;
}

@media (max-width: 1024px) {
  /* line 2705, app/assets/stylesheets/website/_pricing.scss */
  .floating-mission-card .card-content {
    grid-template-columns: 1fr;
  }
  /* line 2709, app/assets/stylesheets/website/_pricing.scss */
  .floating-mission-card .divider {
    display: none;
  }
  /* line 2713, app/assets/stylesheets/website/_pricing.scss */
  .founders-section .founders-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    height: auto;
  }
}

@media (max-width: 768px) {
  /* line 2721, app/assets/stylesheets/website/_pricing.scss */
  .floating-mission-card {
    padding: 1rem;
    margin-bottom: 1.5rem;
  }
  /* line 2726, app/assets/stylesheets/website/_pricing.scss */
  .founders-section .founders-cards {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  /* line 2731, app/assets/stylesheets/website/_pricing.scss */
  .founders-header {
    flex-direction: column;
    gap: 0.5rem;
    text-align: left;
    padding: 0;
  }
  /* line 2737, app/assets/stylesheets/website/_pricing.scss */
  .founders-header .founders-subtitle {
    font-size: 1.2rem;
    margin-bottom: 0;
    text-align: left;
  }
  /* line 2744, app/assets/stylesheets/website/_pricing.scss */
  .founder-description {
    display: none !important;
  }
  /* line 2748, app/assets/stylesheets/website/_pricing.scss */
  .floating-mission-card .mission-section {
    display: none !important;
  }
  /* line 2752, app/assets/stylesheets/website/_pricing.scss */
  .mission-header .mission-title {
    font-size: clamp(1.4rem, 6vw, 1.8rem) !important;
  }
  /* line 2756, app/assets/stylesheets/website/_pricing.scss */
  .mission-header .mission-orizen-logo {
    height: 1.5rem;
  }
  /* line 2760, app/assets/stylesheets/website/_pricing.scss */
  .founders-subtitle {
    display: none !important;
  }
  /* line 2764, app/assets/stylesheets/website/_pricing.scss */
  .back-to-top {
    display: none !important;
  }
}

/* line 2770, app/assets/stylesheets/website/_pricing.scss */
.features-cta,
.mission-cta {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  margin-top: 2rem !important;
  padding: 1rem 0;
}

/* line 2779, app/assets/stylesheets/website/_pricing.scss */
.features-cta .btn-orizon,
.mission-cta .btn-orizon {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  padding: 1rem 2rem;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  display: inline-block;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
  border: none;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
}

/* line 2794, app/assets/stylesheets/website/_pricing.scss */
.features-cta .btn-orizon:hover,
.mission-cta .btn-orizon:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
}

/* line 2800, app/assets/stylesheets/website/_pricing.scss */
.features-cta .btn-orizon:focus,
.mission-cta .btn-orizon:focus {
  outline: 2px solid rgba(255, 107, 53, 0.6);
  outline-offset: 2px;
}

@media (max-width: 768px) {
  /* line 2809, app/assets/stylesheets/website/_pricing.scss */
  .features-cta,
.mission-cta {
    margin: 1.5rem 0;
    padding: 0.5rem 0;
  }
  /* line 2814, app/assets/stylesheets/website/_pricing.scss */
  .features-cta .btn-orizon,
.mission-cta .btn-orizon {
    padding: 0.8rem 1.5rem;
    font-size: 1rem;
  }
}

/* line 2823, app/assets/stylesheets/website/_pricing.scss */
.pricing-section .btn-orizon {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  padding: 0.8rem 1.5rem;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.3s ease;
  display: inline-block;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
  border: none;
  cursor: pointer;
}

/* line 2838, app/assets/stylesheets/website/_pricing.scss */
.pricing-section .btn-orizon:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  text-decoration: none;
}

/* line 2846, app/assets/stylesheets/website/_pricing.scss */
.pricing-section .btn-orizon:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.3);
}

/* line 2852, app/assets/stylesheets/website/_pricing.scss */
.mobile-pricing-accordion .btn-orizon {
  width: 100%;
  padding: 0.7rem 1rem;
  font-size: 0.9rem;
}

@media (max-width: 767px) {
  /* line 2860, app/assets/stylesheets/website/_pricing.scss */
  .package-savings {
    display: none !important;
  }
}

/* ============================================
   NOUVEL ACCORDÉON PRICING - Version compacte
   ============================================ */
/* line 2869, app/assets/stylesheets/website/_pricing.scss */
.pricing-section--accordion {
  min-height: auto;
  padding: 60px 0;
}

/* line 2873, app/assets/stylesheets/website/_pricing.scss */
.pricing-section--accordion .pricing-container {
  max-width: 800px;
}

/* line 2878, app/assets/stylesheets/website/_pricing.scss */
.pricing-section--accordion .pricing-content,
.pricing-section--accordion .mobile-pricing-accordion,
.pricing-section--accordion .desktop-only,
.pricing-section--accordion .mobile-only {
  display: none !important;
}

/* line 2886, app/assets/stylesheets/website/_pricing.scss */
.pricing-subtitle {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  margin: 0 0 2rem 0;
}

/* line 2893, app/assets/stylesheets/website/_pricing.scss */
.pricing-accordion {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 2899, app/assets/stylesheets/website/_pricing.scss */
.pricing-accordion-item {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* line 2907, app/assets/stylesheets/website/_pricing.scss */
.pricing-accordion-item:hover {
  border-color: rgba(246, 229, 179, 0.3);
}

/* line 2911, app/assets/stylesheets/website/_pricing.scss */
.pricing-accordion-item.pricing-accordion-item--highlighted {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(246, 229, 179, 0.4);
}

/* line 2915, app/assets/stylesheets/website/_pricing.scss */
.pricing-accordion-item.pricing-accordion-item--highlighted .pricing-accordion-header {
  background: rgba(246, 229, 179, 0.05);
}

/* line 2921, app/assets/stylesheets/website/_pricing.scss */
.pricing-accordion-item.is-open .accordion-icon {
  transform: rotate(180deg);
}

/* line 2925, app/assets/stylesheets/website/_pricing.scss */
.pricing-accordion-item.is-open .pricing-accordion-content {
  max-height: 600px;
  padding: 0 1.5rem 1.5rem;
  opacity: 1;
}

/* line 2933, app/assets/stylesheets/website/_pricing.scss */
.popular-badge {
  position: absolute;
  top: -1px;
  right: 20px;
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  padding: 6px 16px;
  border-radius: 0 0 10px 10px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 1;
}

/* line 2948, app/assets/stylesheets/website/_pricing.scss */
.pricing-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.25rem 1.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* line 2959, app/assets/stylesheets/website/_pricing.scss */
.pricing-accordion-header:hover {
  background: rgba(255, 255, 255, 0.03);
}

/* line 2964, app/assets/stylesheets/website/_pricing.scss */
.accordion-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  gap: 1rem;
}

@media (max-width: 600px) {
  /* line 2964, app/assets/stylesheets/website/_pricing.scss */
  .accordion-header-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

/* line 2978, app/assets/stylesheets/website/_pricing.scss */
.accordion-offer-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 2984, app/assets/stylesheets/website/_pricing.scss */
.offer-name {
  font-size: 1.2rem;
  font-weight: 700;
  color: #F6E5B3;
}

/* line 2990, app/assets/stylesheets/website/_pricing.scss */
.offer-badge {
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 2998, app/assets/stylesheets/website/_pricing.scss */
.offer-badge.offer-badge--free {
  background: rgba(40, 167, 69, 0.2);
  color: #81C784;
  border: 1px solid rgba(40, 167, 69, 0.3);
}

/* line 3004, app/assets/stylesheets/website/_pricing.scss */
.offer-badge.offer-badge--pro {
  background: rgba(255, 107, 53, 0.2);
  color: #FF8A65;
  border: 1px solid rgba(255, 107, 53, 0.3);
}

/* line 3010, app/assets/stylesheets/website/_pricing.scss */
.offer-badge.offer-badge--flexible {
  background: rgba(99, 102, 241, 0.2);
  color: #A5A8FF;
  border: 1px solid rgba(99, 102, 241, 0.3);
}

/* line 3017, app/assets/stylesheets/website/_pricing.scss */
.offer-price {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.9);
}

/* line 3021, app/assets/stylesheets/website/_pricing.scss */
.offer-price strong {
  font-size: 1.3rem;
  color: #F6E5B3;
}

/* line 3026, app/assets/stylesheets/website/_pricing.scss */
.offer-price .price-period {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.6);
}

/* line 3032, app/assets/stylesheets/website/_pricing.scss */
.accordion-icon {
  color: rgba(255, 255, 255, 0.6);
  transition: transform 0.3s ease;
  margin-left: 1rem;
}

/* line 3038, app/assets/stylesheets/website/_pricing.scss */
.pricing-accordion-content {
  max-height: 0;
  padding: 0 1.5rem;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* line 3046, app/assets/stylesheets/website/_pricing.scss */
.offer-description {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 1.25rem 0;
  line-height: 1.5;
}

/* line 3053, app/assets/stylesheets/website/_pricing.scss */
.offer-features {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}

/* line 3058, app/assets/stylesheets/website/_pricing.scss */
.offer-features li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* line 3067, app/assets/stylesheets/website/_pricing.scss */
.offer-features li:last-child {
  border-bottom: none;
}

/* line 3071, app/assets/stylesheets/website/_pricing.scss */
.offer-features li i {
  color: #28a745;
  font-size: 0.8rem;
  flex-shrink: 0;
}

/* line 3077, app/assets/stylesheets/website/_pricing.scss */
.offer-features li.more-features {
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
}

/* line 3081, app/assets/stylesheets/website/_pricing.scss */
.offer-features li.more-features i {
  color: rgba(255, 255, 255, 0.5);
}

/* line 3087, app/assets/stylesheets/website/_pricing.scss */
.offer-features.offer-features--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 1.5rem;
}

@media (max-width: 600px) {
  /* line 3087, app/assets/stylesheets/website/_pricing.scss */
  .offer-features.offer-features--grid {
    grid-template-columns: 1fr;
  }
}

/* line 3099, app/assets/stylesheets/website/_pricing.scss */
.engagement-toggle-compact {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
  padding: 0.75rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

@media (max-width: 600px) {
  /* line 3099, app/assets/stylesheets/website/_pricing.scss */
  .engagement-toggle-compact {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* line 3114, app/assets/stylesheets/website/_pricing.scss */
.toggle-label {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
}

/* line 3120, app/assets/stylesheets/website/_pricing.scss */
.toggle-buttons-compact {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 3126, app/assets/stylesheets/website/_pricing.scss */
.toggle-btn-compact {
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 3137, app/assets/stylesheets/website/_pricing.scss */
.toggle-btn-compact:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* line 3141, app/assets/stylesheets/website/_pricing.scss */
.toggle-btn-compact.active {
  background: rgba(246, 229, 179, 0.2);
  border-color: rgba(246, 229, 179, 0.4);
  color: #F6E5B3;
}

/* line 3147, app/assets/stylesheets/website/_pricing.scss */
.toggle-btn-compact .discount {
  color: #81C784;
  font-weight: 600;
}

/* line 3154, app/assets/stylesheets/website/_pricing.scss */
.modules-preview {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 600px) {
  /* line 3154, app/assets/stylesheets/website/_pricing.scss */
  .modules-preview {
    grid-template-columns: 1fr;
  }
}

/* line 3165, app/assets/stylesheets/website/_pricing.scss */
.module-preview-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 3174, app/assets/stylesheets/website/_pricing.scss */
.module-preview-item .module-name {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
}

/* line 3179, app/assets/stylesheets/website/_pricing.scss */
.module-preview-item .module-price {
  font-size: 0.85rem;
  color: #F6E5B3;
  font-weight: 600;
}

/* line 3185, app/assets/stylesheets/website/_pricing.scss */
.module-preview-item.module-preview-item--more {
  grid-column: 1 / -1;
  justify-content: center;
  background: transparent;
  border: 1px dashed rgba(255, 255, 255, 0.15);
}

/* line 3191, app/assets/stylesheets/website/_pricing.scss */
.module-preview-item.module-preview-item--more .module-name {
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
}

/* line 3199, app/assets/stylesheets/website/_pricing.scss */
.pricing-footer-info {
  margin-top: 2rem;
  text-align: center;
}

/* line 3204, app/assets/stylesheets/website/_pricing.scss */
.pricing-guarantees {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

/* line 3211, app/assets/stylesheets/website/_pricing.scss */
.guarantee-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
}

/* line 3218, app/assets/stylesheets/website/_pricing.scss */
.guarantee-item i {
  color: #81C784;
}

@media (max-width: 600px) {
  /* line 3225, app/assets/stylesheets/website/_pricing.scss */
  .pricing-accordion-item {
    border-radius: 12px;
  }
  /* line 3229, app/assets/stylesheets/website/_pricing.scss */
  .pricing-accordion-header {
    padding: 1rem;
  }
  /* line 3233, app/assets/stylesheets/website/_pricing.scss */
  .offer-name {
    font-size: 1.1rem;
  }
  /* line 3237, app/assets/stylesheets/website/_pricing.scss */
  .pricing-guarantees {
    gap: 1rem;
  }
  /* line 3241, app/assets/stylesheets/website/_pricing.scss */
  .guarantee-item {
    font-size: 0.8rem;
  }
}

/* ============================================
   PRICING HERO - Version mise en avant du prix
   ============================================ */
/* line 3250, app/assets/stylesheets/website/_pricing.scss */
.pricing-section--hero {
  height: 100vh;
  max-height: 100vh;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
}

/* line 3258, app/assets/stylesheets/website/_pricing.scss */
.pricing-section--hero .pricing-container {
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-top: 80px;
}

/* line 3267, app/assets/stylesheets/website/_pricing.scss */
.pricing-section--hero .pricing-header {
  margin-bottom: 2rem;
}

/* line 3272, app/assets/stylesheets/website/_pricing.scss */
.pricing-section--hero .pricing-content,
.pricing-section--hero .mobile-pricing-accordion,
.pricing-section--hero .pricing-accordion,
.pricing-section--hero .desktop-only,
.pricing-section--hero .mobile-only {
  display: none !important;
}

@media (max-width: 900px) {
  /* line 3250, app/assets/stylesheets/website/_pricing.scss */
  .pricing-section--hero {
    height: auto;
    min-height: 100vh;
    max-height: none;
    padding: 80px 0 2rem;
  }
}

/* Titre avec logo */
/* line 3289, app/assets/stylesheets/website/_pricing.scss */
.section-title--with-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 2rem;
  font-weight: 800;
  color: #F6E5B3;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 3289, app/assets/stylesheets/website/_pricing.scss */
  .section-title--with-logo {
    font-size: 1.5rem;
  }
}

/* line 3306, app/assets/stylesheets/website/_pricing.scss */
.pricing-orizen-logo {
  height: 2.25rem;
  margin-bottom: -0.4rem;
  width: auto;
  display: inline-block;
  vertical-align: baseline;
}

@media (max-width: 768px) {
  /* line 3306, app/assets/stylesheets/website/_pricing.scss */
  .pricing-orizen-logo {
    height: 1.4rem;
  }
}

/* line 3318, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: stretch;
}

@media (max-width: 900px) {
  /* line 3318, app/assets/stylesheets/website/_pricing.scss */
  .pricing-hero {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* Colonne gauche : Prix et avantages */
/* line 3331, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero-left {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* line 3337, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero-badge {
  display: inline-flex;
  align-self: flex-start;
}

/* line 3341, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero-badge .badge-text {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.3) 0%, rgba(139, 92, 246, 0.3) 100%);
  border: 1px solid rgba(99, 102, 241, 0.5);
  color: #A5A8FF;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 3355, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero-price .price-label {
  display: block;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 0.15rem;
}

/* line 3362, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero-price .price-amount {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}

/* line 3368, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero-price .price-value {
  font-size: 4.5rem;
  font-weight: 800;
  color: #F6E5B3;
  line-height: 1;
  font-family: 'Poppins', sans-serif;
}

@media (max-width: 600px) {
  /* line 3368, app/assets/stylesheets/website/_pricing.scss */
  .pricing-hero-price .price-value {
    font-size: 3.5rem;
  }
}

/* line 3380, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero-price .price-currency {
  font-size: 2rem;
  font-weight: 700;
  color: #F6E5B3;
}

@media (max-width: 600px) {
  /* line 3380, app/assets/stylesheets/website/_pricing.scss */
  .pricing-hero-price .price-currency {
    font-size: 1.5rem;
  }
}

/* line 3390, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero-price .price-period {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.7);
  margin-left: 0.35rem;
}

/* line 3396, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero-price .price-detail {
  display: block;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 0.15rem;
}

/* Section engagement */
/* line 3405, app/assets/stylesheets/website/_pricing.scss */
.engagement-section {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* line 3412, app/assets/stylesheets/website/_pricing.scss */
.engagement-header .engagement-label {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
}

/* line 3419, app/assets/stylesheets/website/_pricing.scss */
.engagement-buttons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}

@media (max-width: 600px) {
  /* line 3419, app/assets/stylesheets/website/_pricing.scss */
  .engagement-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* line 3429, app/assets/stylesheets/website/_pricing.scss */
.engagement-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.6rem 0.4rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  cursor: default;
}

/* line 3440, app/assets/stylesheets/website/_pricing.scss */
.engagement-btn.active {
  background: rgba(246, 229, 179, 0.15);
  border-color: rgba(246, 229, 179, 0.4);
}

/* line 3444, app/assets/stylesheets/website/_pricing.scss */
.engagement-btn.active .engagement-name {
  color: #F6E5B3;
}

/* line 3449, app/assets/stylesheets/website/_pricing.scss */
.engagement-btn .engagement-name {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

/* line 3456, app/assets/stylesheets/website/_pricing.scss */
.engagement-btn .engagement-desc {
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.5);
}

/* line 3461, app/assets/stylesheets/website/_pricing.scss */
.engagement-btn .engagement-discount {
  font-size: 0.75rem;
  font-weight: 700;
  color: #81C784;
}

/* line 3468, app/assets/stylesheets/website/_pricing.scss */
.discount-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0.6rem 0.75rem;
  background: rgba(129, 199, 132, 0.1);
  border: 1px solid rgba(129, 199, 132, 0.2);
  border-radius: 8px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.8);
}

/* line 3480, app/assets/stylesheets/website/_pricing.scss */
.discount-info i {
  color: #81C784;
  font-size: 0.9rem;
}

/* line 3485, app/assets/stylesheets/website/_pricing.scss */
.discount-info strong {
  color: #81C784;
}

/* Bouton CTA Pricing - Style navbar */
/* line 3491, app/assets/stylesheets/website/_pricing.scss */
.btn-cta-pricing {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 1rem 2rem;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

/* line 3507, app/assets/stylesheets/website/_pricing.scss */
.btn-cta-pricing:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  text-decoration: none;
  color: #fff;
}

/* line 3515, app/assets/stylesheets/website/_pricing.scss */
.btn-cta-pricing span {
  color: #fff;
}

/* line 3519, app/assets/stylesheets/website/_pricing.scss */
.btn-cta-pricing .btn-orizen-logo {
  height: 18px;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}

/* Colonne droite : Inclus */
/* line 3529, app/assets/stylesheets/website/_pricing.scss */
.pricing-hero-right {
  display: flex;
  align-items: stretch;
}

/* line 3534, app/assets/stylesheets/website/_pricing.scss */
.included-showcase {
  flex: 1;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

/* line 3546, app/assets/stylesheets/website/_pricing.scss */
.included-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #F6E5B3;
  margin: 0 0 1rem 0;
  text-align: center;
}

/* line 3553, app/assets/stylesheets/website/_pricing.scss */
.included-title sup {
  font-size: 0.7em;
}

/* line 3558, app/assets/stylesheets/website/_pricing.scss */
.included-list {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1;
}

/* line 3564, app/assets/stylesheets/website/_pricing.scss */
.included-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0.55rem 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 3573, app/assets/stylesheets/website/_pricing.scss */
.included-list li:last-child {
  border-bottom: none;
}

/* line 3577, app/assets/stylesheets/website/_pricing.scss */
.included-list li i {
  color: #F6E5B3;
  font-size: 0.85rem;
  width: 22px;
  text-align: center;
}

/* line 3586, app/assets/stylesheets/website/_pricing.scss */
.included-modules {
  text-align: center;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.7);
  margin: 1rem 0 0 0;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 3594, app/assets/stylesheets/website/_pricing.scss */
.included-modules strong {
  color: #F6E5B3;
}

/* Responsive pricing hero */
@media (max-width: 768px) {
  /* line 3601, app/assets/stylesheets/website/_pricing.scss */
  .pricing-hero-left {
    gap: 1rem;
  }
  /* line 3605, app/assets/stylesheets/website/_pricing.scss */
  .included-showcase {
    padding: 1.25rem;
  }
  /* line 3609, app/assets/stylesheets/website/_pricing.scss */
  .included-title {
    font-size: 1rem;
  }
  /* line 3613, app/assets/stylesheets/website/_pricing.scss */
  .included-list li {
    font-size: 0.85rem;
    padding: 0.5rem 0;
  }
  /* line 3618, app/assets/stylesheets/website/_pricing.scss */
  .discount-info {
    font-size: 0.75rem;
    padding: 0.5rem 0.6rem;
  }
}

/* Classe utilitaire pour le contenu visuellement caché mais accessible au SEO et lecteurs d'écran */
/* line 7, app/assets/stylesheets/website/_orizon_landing.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Empêcher le scroll horizontal global */
/* line 20, app/assets/stylesheets/website/_orizon_landing.scss */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Accessibilité : focus visible pour la navigation au clavier */
/* line 27, app/assets/stylesheets/website/_orizon_landing.scss */
body.website-landing a:focus-visible,
body.website-landing button:focus-visible,
body.website-landing [role="button"]:focus-visible,
body.website-landing input:focus-visible,
body.website-landing textarea:focus-visible,
body.website-landing select:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.7);
  outline-offset: 3px;
  border-radius: 6px;
}

/* Scroll snap limité à la landing */
/* Activer le snap sur le conteneur de scroll réel (html) quand on est sur la landing */
/* html:has(body.website-landing) supprimé pour éviter double snap et simplifier */
/* line 43, app/assets/stylesheets/website/_orizon_landing.scss */
body.website-landing {
  /* CSS minimal - pas de snap, juste le conteneur de scroll */
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* iOS */
  /* Masquer la scrollbar tout en gardant le défilement */
  -ms-overflow-style: none;
  /* IE/Edge legacy */
  scrollbar-width: none;
  /* Firefox */
  /* Points d'accroche désactivés - géré par JS */
  /*
  .orizon-hero,
  .orizon-section#fonctionnalites,
  #offre,
  #mission,
  .pricing-section,
  .mission-section {
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  */
  /* Uniformiser la hauteur pour un snap net */
}

/* line 67, app/assets/stylesheets/website/_orizon_landing.scss */
body.website-landing #offre,
body.website-landing #mission {
  min-height: 100vh;
}

/* WebKit */
/* line 74, app/assets/stylesheets/website/_orizon_landing.scss */
body.website-landing::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* Variables de couleurs */
/* line 81, app/assets/stylesheets/website/_orizon_landing.scss */
body.website-landing {
  color: #f6f6f7;
}

/* line 84, app/assets/stylesheets/website/_orizon_landing.scss */
body.website-landing[data-theme="nightmode"] {
  background: linear-gradient(151deg, #140D23 0%, #820133 70%, #a1023f 100%);
  background-attachment: fixed;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* line 96, app/assets/stylesheets/website/_orizon_landing.scss */
body.website-landing[data-theme="lightmode"] {
  background: linear-gradient(170deg, #e8e8e8 45%, rgba(229, 168, 46, 0.8) 135%);
  background-attachment: fixed;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* line 104, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-section {
  padding: 60px 0;
  min-height: 100vh;
  height: auto;
  max-height: none;
  overflow: visible;
  background: transparent;
  position: relative;
}

/* Sections secondaires : hauteur adaptée au contenu (pas de min-height: 100vh) */
/* line 117, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-section.section-light {
  min-height: auto;
  padding: 50px 0;
}

/* reveal-on-scroll avec transitions fluides */
/* line 123, app/assets/stylesheets/website/_orizon_landing.scss */
.reveal [data-reveal-target=item] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* line 129, app/assets/stylesheets/website/_orizon_landing.scss */
.reveal .reveal--in {
  opacity: 1;
  transform: translateY(0);
}

/* Animation séquentielle pour les éléments */
/* line 135, app/assets/stylesheets/website/_orizon_landing.scss */
.reveal [data-reveal-target=item]:nth-child(1) {
  transition-delay: 0.1s;
}

/* line 136, app/assets/stylesheets/website/_orizon_landing.scss */
.reveal [data-reveal-target=item]:nth-child(2) {
  transition-delay: 0.3s;
}

/* line 137, app/assets/stylesheets/website/_orizon_landing.scss */
.reveal [data-reveal-target=item]:nth-child(3) {
  transition-delay: 0.5s;
}

/* line 138, app/assets/stylesheets/website/_orizon_landing.scss */
.reveal [data-reveal-target=item]:nth-child(4) {
  transition-delay: 0.7s;
}

/* line 139, app/assets/stylesheets/website/_orizon_landing.scss */
.reveal [data-reveal-target=item]:nth-child(5) {
  transition-delay: 0.9s;
}

/* line 140, app/assets/stylesheets/website/_orizon_landing.scss */
.reveal [data-reveal-target=item]:nth-child(6) {
  transition-delay: 1.1s;
}

/* line 141, app/assets/stylesheets/website/_orizon_landing.scss */
.reveal [data-reveal-target=item]:nth-child(7) {
  transition-delay: 1.3s;
}

/* line 143, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 24px;
}

/* Quand la modale est ouverte, s'assurer que le hero passe au-dessus des sections suivantes */
/* line 153, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero.modal-open {
  z-index: 900;
}

/* line 157, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-video {
  position: relative;
  height: 100vh;
  overflow: hidden;
  z-index: 1;
}

/* Placeholder de chargement global */
/* line 164, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-video-placeholder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: linear-gradient(135deg, rgba(20, 13, 35, 0.95) 0%, rgba(166, 2, 64, 0.9) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 0.8s ease;
}

/* line 179, app/assets/stylesheets/website/_orizon_landing.scss */
.loading-spinner {
  width: 80px;
  height: 80px;
  border: 6px solid rgba(255, 255, 255, 0.2);
  border-top: 6px solid #F6E5B3;
  border-radius: 50%;
  animation: spin 1.2s linear infinite;
  margin-bottom: 20px;
}

/* line 189, app/assets/stylesheets/website/_orizon_landing.scss */
.loading-text {
  color: #F6E5B3;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  animation: pulse 2s ease-in-out infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}

/* Conteneur principal masqué initialement */
/* line 209, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-content-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  /* autorise l'extension verticale si le contenu déborde */
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
}

/* line 218, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-video-tag {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* Remplacer 100vw par 100% pour éviter le scroll horizontal */
  height: 100vh;
  object-fit: cover;
  transition: opacity 2.5s ease;
  /* Transition plus longue et plus douce */
  opacity: 0.85;
  /* Légère transparence pour voir le background */
  z-index: 1;
}

/* line 230, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  /* Pas de background - transparence totale */
  animation: orizon-fadeout 3s ease 1.5s forwards;
  /* Transition plus longue et plus tardive */
  transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
  /* Transition plus rapide */
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  /* S'assurer qu'il est au-dessus de la vidéo */
}

/* line 243, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-tagline {
  color: #fff;
  font-weight: 900;
  text-align: center;
  padding: 0 16px;
  letter-spacing: 0.5px;
  /* Espacement des lettres */
}

/* line 251, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-tagline span[aria-hidden="true"] {
  font-weight: 750;
  font-variation-settings: "wght" 750;
}

@keyframes orizon-fadeout {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

/* line 260, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-content {
  display: grid;
  gap: 16px;
  justify-items: center;
  text-align: center;
  position: absolute;
  left: 2%;
  right: 2%;
  bottom: 12vh;
  top: 10vh;
  z-index: 2;
  width: auto;
  /* Au lieu de 100% pour ne pas couvrir tout le background */
  /* Augmenter de 95vw à 98vw pour utiliser presque toute la largeur */
  padding: 48px 32px;
  /* Réduire le padding horizontal de 48px à 32px */
  border-radius: 16px;
  /* Arrondir les coins */
}

/* Nouveau layout en deux colonnes */
/* line 279, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  /* Augmenter le gap de 48px à 80px entre les colonnes */
  align-items: center;
  max-width: 95vw;
  /* Réduire de 1600px à 95vw pour éviter le débordement */
  width: 100%;
  margin-top: 50px;
}

/* Section gauche : Contenu textuel */
/* line 290, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-text {
  text-align: left;
  color: white;
  padding: 30px 10px;
  /* Réduire le padding horizontal de 20px à 10px pour plus d'espace */
}

/* line 296, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 24px 0;
  /* Augmenter la marge de 16px à 24px */
  color: #F6E5B3;
  /* Nouvelle couleur beige doré */
  text-align: left !important;
  /* Forcer l'alignement à gauche */
  display: flex;
  align-items: center;
  gap: 12px;
  /* Texte Orizen caché pour SEO */
  /* Logo Orizen visible */
}

/* line 307, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-title .orizen-text-seo {
  display: none;
}

/* line 312, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-title .orizen-logo-title {
  height: 42px;
  width: auto;
  max-width: 250px;
  object-fit: contain;
  vertical-align: middle;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  backdrop-filter: blur(4px);
  transition: all 0.3s ease;
}

/* line 324, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-title .orizen-logo-title:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* line 330, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-subtitle {
  font-size: 2.5rem;
  font-weight: 800;
  margin: 0 0 20px 0;
  /* Réduit pour laisser place à la description */
  color: #F6E5B3;
  line-height: 1.1;
}

/* line 338, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-description {
  font-size: 1rem;
  font-weight: 400;
  margin: 5px 0 30px 0;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
  max-width: 600px;
  letter-spacing: 0.5px;
}

/* line 348, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-feature-tags {
  display: flex;
  gap: 16px;
  /* Augmenter le gap de 12px à 16px */
  margin-bottom: 40px;
  /* Augmenter la marge de 32px à 40px */
  flex-wrap: wrap;
}

/* line 355, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag {
  background: rgba(255, 255, 255, 0.1);
  color: #F6E5B3;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.9rem;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
}

/* line 369, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
}

/* Pictogrammes personnalisés monochromes */
/* line 376, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon {
  font-size: 1.5rem;
  line-height: 1;
  opacity: 1;
  color: #F6E5B3;
  font-weight: 400;
  letter-spacing: 0.3px;
}

/* Pictogramme Souverain — bouclier pulsant */
/* Pictogramme Souverain — drapeau à trois bandes ondulant */
/* line 387, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="souverain"] {
  position: relative;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
}

/* Mât */
/* line 395, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="souverain"]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6%;
  width: 2px;
  height: 88%;
  background: rgba(246, 229, 179, 0.95);
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(246, 229, 179, 0.35);
}

/* Fanion 3 bandes */
/* line 408, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="souverain"]::after {
  content: '';
  position: absolute;
  left: 3px;
  top: 18%;
  width: 0.95rem;
  height: 0.68rem;
  background: linear-gradient(90deg, rgba(0, 62, 251, 0.35) 0 33%, #ffffff 33% 66%, #f71e1e 66% 100%);
  border-radius: 2px 6px 6px 2px;
  box-shadow: 0 0 4px rgba(246, 229, 179, 0.35);
  transform-origin: left center;
  animation: souverain-flag-wave 1.8s ease-in-out infinite;
}

@keyframes souverain-flag-wave {
  0% {
    transform: translateY(0) skewX(0deg);
    border-top-right-radius: 6px;
  }
  50% {
    transform: translateY(0.5px) skewX(-7deg);
    border-top-right-radius: 2px;
  }
  100% {
    transform: translateY(0) skewX(0deg);
    border-top-right-radius: 6px;
  }
}

/* Pictogramme 360° - Radar avec balayage */
/* line 429, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="360"] {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid #F6E5B3;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
}

/* Cercle central (source du radar) */
/* line 440, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="360"]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.3rem;
  height: 0.3rem;
  background: #F6E5B3;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

/* Ligne de balayage principale - parfaitement centrée */
/* line 453, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="360"]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.75rem;
  height: 0.08rem;
  background: #F6E5B3;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: center center;
  animation: radar-sweep 6s linear infinite;
}

/* Lignes de balayage secondaires - parfaitement centrées */
/* line 467, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="360"] .radar-line-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 0.05rem;
  background: rgba(246, 229, 179, 0.6);
  transform: translate(-50%, -50%) rotate(90deg);
  transform-origin: center center;
}

/* line 478, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="360"] .radar-line-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 0.05rem;
  background: rgba(246, 229, 179, 0.4);
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center center;
}

/* line 489, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="360"] .radar-line-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 0.05rem;
  background: rgba(246, 229, 179, 0.4);
  transform: translate(-50%, -50%) rotate(135deg);
  transform-origin: center center;
}

/* Animation du balayage radar - parfaitement centrée */
@keyframes radar-sweep {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* Points Est et Ouest */
/* line 511, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="360"] .point-east {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.2rem;
  height: 0.2rem;
  background: #F6E5B3;
  border-radius: 50%;
  transform: translateY(-50%);
}

/* line 522, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="360"] .point-west {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
  background: #F6E5B3;
  border-radius: 50%;
  transform: translateY(-50%);
}

/* Pictogramme Modulaire - 2 pièces de puzzle qui dansent */
/* line 534, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="modular"] {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}

/* Pièce de puzzle gauche */
/* line 542, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="modular"]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20%;
  width: 0.6rem;
  height: 0.6rem;
  background: #F6E5B3;
  border-radius: 0.15rem;
  transform: translate(-50%, -50%);
  animation: puzzle-left 4s ease-in-out infinite;
}

/* Pièce de puzzle droite */
/* line 556, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="modular"]::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20%;
  width: 0.6rem;
  height: 0.6rem;
  background: #F6E5B3;
  border-radius: 0.15rem;
  transform: translate(50%, -50%);
  animation: puzzle-right 4s ease-in-out infinite;
}

/* Animation de la pièce gauche */
@keyframes puzzle-left {
  0%, 100% {
    left: 20%;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    left: 45%;
    transform: translate(-50%, -50%) scale(1.1);
  }
}

/* Animation de la pièce droite */
@keyframes puzzle-right {
  0%, 100% {
    right: 20%;
    transform: translate(50%, -50%) scale(1);
  }
  50% {
    right: 45%;
    transform: translate(50%, -50%) scale(1.1);
  }
}

/* Pictogramme IA - Barres évolutives avec brillance cyclique et évolution en hauteur */
/* line 594, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="ia"] {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}

/* Barre 1 (gauche) - évolue de longue à très longue */
/* line 602, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="ia"]::before {
  content: '';
  position: absolute;
  bottom: 50%;
  left: 0.1rem;
  width: 0.2rem;
  height: 0.8rem;
  background: #F6E5B3;
  border-radius: 0;
  transform: translateY(50%) scaleY(1);
  transform-origin: bottom center;
  animation: bar-evolve-1 5s ease-in-out infinite, bar-glow 3s ease-in-out infinite;
}

/* Barre 2 (milieu) - évolue de courte à moyenne */
/* line 617, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="ia"]::after {
  content: '';
  position: absolute;
  bottom: 50%;
  left: 50%;
  width: 0.2rem;
  height: 0.3rem;
  background: #F6E5B3;
  border-radius: 0;
  transform: translate(-50%, 50%) scaleY(1);
  transform-origin: bottom center;
  animation: bar-evolve-2 3.5s ease-in-out infinite, bar-glow 3s ease-in-out infinite 0.5s;
}

/* Barre 3 (droite) - évolue de moyenne à longue */
/* line 632, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="ia"] .bar-3 {
  position: absolute;
  bottom: 50%;
  right: 0.1rem;
  width: 0.2rem;
  height: 0.6rem;
  background: #F6E5B3;
  border-radius: 0;
  transform: translateY(50%) scaleY(1);
  transform-origin: bottom center;
  animation: bar-evolve-3 4.2s ease-in-out infinite, bar-glow 3s ease-in-out infinite 1s;
}

/* Animation d'évolution asynchrone de la barre 1 - la plus grande (5s) */
@keyframes bar-evolve-1 {
  0%, 100% {
    transform: translateY(50%) scaleY(0.875);
  }
  25% {
    transform: translateY(50%) scaleY(1);
  }
  50% {
    transform: translateY(50%) scaleY(1.375);
  }
  75% {
    transform: translateY(50%) scaleY(1);
  }
}

/* Animation d'évolution asynchrone de la barre 2 - la plus petite au centre (3.5s) */
@keyframes bar-evolve-2 {
  0%, 100% {
    transform: translate(-50%, 50%) scaleY(0.833);
  }
  25% {
    transform: translate(-50%, 50%) scaleY(1);
  }
  50% {
    transform: translate(-50%, 50%) scaleY(1.667);
  }
  75% {
    transform: translate(-50%, 50%) scaleY(1);
  }
}

/* Animation d'évolution asynchrone de la barre 3 - moyenne (4.2s) */
@keyframes bar-evolve-3 {
  0%, 100% {
    transform: translateY(50%) scaleY(0.833);
  }
  25% {
    transform: translateY(50%) scaleY(1);
  }
  50% {
    transform: translateY(50%) scaleY(1.417);
  }
  75% {
    transform: translateY(50%) scaleY(1);
  }
}

/* Animation de brillance cyclique des barres */
@keyframes bar-glow {
  0%, 100% {
    background: #F6E5B3;
    box-shadow: 0 0 3px rgba(246, 229, 179, 0.3);
  }
  25% {
    background: #F6E5B3;
    box-shadow: 0 0 8px rgba(246, 229, 179, 0.8), 0 0 15px rgba(246, 229, 179, 0.4);
  }
  50% {
    background: #F6E5B3;
    box-shadow: 0 0 12px #f6e5b3, 0 0 20px rgba(246, 229, 179, 0.6);
  }
  75% {
    background: #F6E5B3;
    box-shadow: 0 0 8px rgba(246, 229, 179, 0.8), 0 0 15px rgba(246, 229, 179, 0.4);
  }
}

/* Pictogramme RGPD - Checkmark avec balayage d'opacité progressive de gauche à droite */
/* line 714, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon:not([data-icon]) {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  animation: rgpd-opacity-sweep 8s ease-in-out infinite;
}

/* Animation de balayage RGPD avec opacité progressive */
@keyframes rgpd-opacity-sweep {
  0% {
    opacity: 0.2;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

/* Pictogramme Assistance Continue - Cercle avec pulsation fondamentale */
/* line 739, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="assistance"] {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}

/* Cercle principal */
/* line 747, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="assistance"]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  border: 2px solid #F6E5B3;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: assistance-pulse-main 3s ease-in-out infinite;
}

/* Cercle de pulsation */
/* line 761, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="assistance"] .assistance-pulse {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 1rem;
  border: 1px solid rgba(246, 229, 179, 0.6);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: assistance-pulse-expand 3s ease-out infinite;
}

/* Animations pour l'assistance continue */
@keyframes assistance-pulse-main {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.8;
  }
}

@keyframes assistance-pulse-expand {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0.4;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}

/* Pictogramme Éco-responsable - Pousse avec deux feuilles */
/* line 801, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="eco"] {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
}

/* line 808, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="eco"] .eco-sprout {
  position: absolute;
  bottom: 0.15rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  animation: eco-sprout-sway 3s ease-in-out infinite;
}

/* Tige centrale */
/* line 819, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="eco"] .eco-sprout::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1.5px;
  height: 0.65rem;
  background: #6fcf6f;
  transform: translateX(-50%);
  border-radius: 1px;
}

/* Feuille gauche */
/* line 832, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="eco"] .eco-sprout::after {
  content: '';
  position: absolute;
  bottom: 0.45rem;
  left: 50%;
  width: 0.5rem;
  height: 0.38rem;
  border: 1.5px solid #6fcf6f;
  background: rgba(111, 207, 111, 0.15);
  border-radius: 50% 0 50% 0;
  transform: translateX(-100%) rotate(-15deg);
  transform-origin: right bottom;
}

/* Feuille droite */
/* line 847, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-icon[data-icon="eco"] .eco-sprout-right {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  width: 0.5rem;
  height: 0.38rem;
  border: 1.5px solid #6fcf6f;
  background: rgba(111, 207, 111, 0.15);
  border-radius: 0 50% 0 50%;
  transform: translateX(0%) rotate(15deg);
  transform-origin: left bottom;
}

@keyframes eco-sprout-sway {
  0%, 100% {
    transform: translateX(-50%) rotate(0deg);
  }
  50% {
    transform: translateX(-50%) rotate(3deg);
  }
}

/* line 865, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-tag-text {
  font-size: 0.9rem;
  font-weight: 500;
}

/* Section partenaires avec titre et alignement à gauche */
/* line 871, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-partners {
  text-align: left;
  margin: 2rem 0;
  margin-top: 4rem;
  margin-bottom: 3rem;
  /* Espacement supplémentaire vers le bas */
}

/* line 878, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-partners-title {
  color: #F6E5B3;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  opacity: 0.9;
  text-align: left;
}

/* line 887, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-partners-logos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

/* Logos des partenaires avec filtre monochrome */
/* line 896, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-partner-logo {
  height: 1.5rem;
  /* Réduire de 2rem à 1.5rem pour des logos plus petits */
  width: auto;
  filter: brightness(0) saturate(100%) invert(89%) sepia(12%) saturate(1033%) hue-rotate(359deg) brightness(103%) contrast(96%);
  opacity: 0.9;
  transition: all 0.3s ease;
}

/* line 904, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-partner-logo:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Maintien des styles existants pour les spans */
/* line 910, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-partner {
  color: #F6E5B3;
  font-size: 0.9rem;
  font-weight: 500;
  opacity: 0.8;
  transition: all 0.3s ease;
}

/* line 918, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-partner:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* Bouton CTA visible et stylé */
/* line 924, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-cta {
  margin: 3rem 0;
  z-index: 1000;
}

/* Forcer la visibilité du bouton CTA malgré les classes reveal */
/* line 930, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-cta[data-reveal-target="item"] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* line 936, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-cta .btn-orizon {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  padding: 1rem 2rem;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  display: inline-block;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

/* line 949, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-cta .btn-orizon:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
}

/* line 955, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-arrival-message {
  color: white;
  font-size: 1rem;
  margin: 0;
  opacity: 0.9;
}

/* Container du message d'arrivée positionné en bas */
/* line 963, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-arrival-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute !important;
  bottom: -80px !important;
  /* Positionner en dessous du contenu principal */
  left: 46% !important;
  /* un peu plus à gauche */
  transform: translateX(-46%) !important;
  text-align: center !important;
  z-index: 999 !important;
  /* S'assurer qu'il est au-dessus des autres éléments */
  width: 100% !important;
  max-width: 980px !important;
  /* légèrement plus large */
  flex-wrap: nowrap;
  /* empêche le retour à la ligne bouton/texte */
}

/* line 980, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-arrival-container .orizon-arrival-message {
  color: #F6E5B3;
  font-size: 1.2rem;
  /* Taille augmentée pour la visibilité */
  font-weight: 600;
  /* Plus de poids pour la lisibilité */
  margin: 0;
  opacity: 0;
  /* Commencer invisible */
  transform: translateY(20px);
  /* Commencer légèrement décalé */
  transition: opacity 1s ease, transform 1s ease;
  /* Transition fluide */
  padding: 35px 24px;
}

/* Animation du message d'arrivée */
/* line 992, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-arrival-container.reveal--in .orizon-arrival-message {
  opacity: 1;
  transform: translateY(0);
}

/* ============================================
   NOUVEAU HERO - Titre orienté bénéfice + Double CTA
   ============================================ */
/* Titre orienté bénéfice */
/* line 1002, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-title--benefit {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 16px;
  display: block;
  text-align: left;
}

/* line 1011, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-title-highlight {
  display: block;
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Sous-titre orienté valeur */
/* line 1020, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-subtitle--value {
  font-size: 1.3rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 24px;
  line-height: 1.4;
}

/* Double CTA côte à côte */
/* line 1029, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-cta-group {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 8px;
}

/* line 1035, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-cta-group .btn-orizon {
  padding: 14px 28px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* line 1047, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-cta-group .btn-orizon--primary {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

/* line 1052, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-cta-group .btn-orizon--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}

/* line 1057, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-cta-group .btn-orizon--primary .btn-orizen-logo {
  height: 1em;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}

/* line 1066, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-cta-group .btn-orizon--secondary {
  background: rgba(255, 255, 255, 0.1);
  color: white;
  backdrop-filter: blur(10px);
}

/* line 1071, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-cta-group .btn-orizon--secondary:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}

/* Badge BFM Business */
/* line 1080, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-bfm-badge {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 600px;
  margin: 8px auto 0;
}

/* line 1087, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-content {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

/* line 1098, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-content:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
}

/* line 1104, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-icon {
  font-size: 2rem;
  flex-shrink: 0;
}

/* line 1109, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-logo {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* line 1118, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 1125, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-label {
  font-size: 0.75rem;
  font-weight: 700;
  color: #F6E5B3;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* line 1133, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-quote {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.9);
  font-style: italic;
}

/* line 1139, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-link {
  color: #F6E5B3;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease;
}

/* line 1147, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-link:hover {
  color: #fff;
  text-decoration: underline;
}

/* line 1153, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-founders {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-left: auto;
  padding-left: 25px;
  flex-shrink: 0;
}

/* line 1163, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-founders .bfm-badge-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  text-decoration: none;
}

/* line 1171, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-founders .bfm-badge-link .bfm-badge-link-text {
  color: #F6E5B3;
  font-weight: 600;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

/* line 1179, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-founders .bfm-badge-link:hover .bfm-plateau-thumbnail {
  transform: scale(1.03);
  border-color: #F6E5B3;
}

/* line 1183, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-badge-founders .bfm-badge-link:hover .bfm-badge-link-text {
  color: #fff;
  text-decoration: underline;
}

/* line 1191, app/assets/stylesheets/website/_orizon_landing.scss */
.founder-thumbnail {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  object-fit: cover;
  border: 2px solid rgba(246, 229, 179, 0.4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, border-color 0.3s ease;
}

/* line 1200, app/assets/stylesheets/website/_orizon_landing.scss */
.founder-thumbnail:hover {
  transform: scale(1.08);
  border-color: #F6E5B3;
}

/* line 1206, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-plateau-thumbnail {
  width: 100px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  border: 2px solid rgba(246, 229, 179, 0.4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, border-color 0.3s ease;
}

/* line 1215, app/assets/stylesheets/website/_orizon_landing.scss */
.bfm-plateau-thumbnail:hover {
  transform: scale(1.03);
  border-color: #F6E5B3;
}

/* ============================================
   TRUST BAND - Logos partenaires sous le hero
   ============================================ */
/* line 1225, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-trust-band {
  padding: 40px 0;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 1232, app/assets/stylesheets/website/_orizon_landing.scss */
.trust-band-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}

/* line 1239, app/assets/stylesheets/website/_orizon_landing.scss */
.trust-band-label {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 24px;
  font-weight: 500;
}

/* line 1248, app/assets/stylesheets/website/_orizon_landing.scss */
.trust-band-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  flex-wrap: wrap;
}

/* line 1256, app/assets/stylesheets/website/_orizon_landing.scss */
.trust-logo-item {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

/* line 1260, app/assets/stylesheets/website/_orizon_landing.scss */
.trust-logo-item:hover {
  opacity: 1;
}

/* line 1265, app/assets/stylesheets/website/_orizon_landing.scss */
.trust-logo {
  height: 32px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* Trust Band intégré dans why-orizen (Partenaires) */
/* line 1274, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-trust-band--partners {
  margin-top: 3rem;
  padding: 2rem 0;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* line 1281, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-trust-band--partners .trust-band-label {
  color: #F6E5B3;
  font-size: 0.9rem;
  font-weight: 600;
}

/* line 1287, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-trust-band--partners .trust-logo {
  height: 40px;
  max-width: 140px;
  filter: brightness(0) invert(1);
  opacity: 0.85;
  transition: opacity 0.3s ease;
}

/* line 1295, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-trust-band--partners .trust-logo:hover {
  opacity: 1;
}

/* Responsive Trust Band */
@media (max-width: 768px) {
  /* line 1303, app/assets/stylesheets/website/_orizon_landing.scss */
  .trust-band-logos {
    gap: 32px;
  }
  /* line 1307, app/assets/stylesheets/website/_orizon_landing.scss */
  .trust-logo {
    height: 24px;
    max-width: 80px;
  }
  /* line 1312, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-trust-band--partners .trust-logo {
    height: 32px;
    max-width: 100px;
  }
}

/* Responsive Hero CTA et BFM */
@media (max-width: 768px) {
  /* line 1320, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-title--benefit {
    font-size: 2rem;
  }
  /* line 1324, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-subtitle--value {
    font-size: 1.1rem;
  }
  /* line 1328, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-cta-group {
    flex-direction: column;
    width: 100%;
  }
  /* line 1332, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-cta-group .btn-orizon {
    width: 100%;
    justify-content: center;
  }
  /* line 1338, app/assets/stylesheets/website/_orizon_landing.scss */
  .bfm-badge-content {
    flex-direction: column;
    text-align: center;
    padding: 16px;
  }
  /* line 1344, app/assets/stylesheets/website/_orizon_landing.scss */
  .bfm-badge-link {
    margin-top: 8px;
  }
}

/* Section droite : Interface simulée avec carrousel */
/* line 1350, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-interface {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  justify-self: end;
  /* permet d'ancrer la colonne à droite quand le grid conserve 2 colonnes */
  margin-bottom: 2rem;
  /* Espacement supplémentaire vers le haut */
  /* Amélioration visuelle - effet de profondeur */
  position: relative;
}

/* line 1362, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-interface::before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  background: radial-gradient(ellipse at center, rgba(246, 229, 179, 0.08) 0%, transparent 70%);
  border-radius: 30px;
  z-index: -1;
  opacity: 0.6;
}

/* Citation inspirante */
/* line 1380, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-quote {
  text-align: center;
  margin-top: 0.25rem;
}

/* line 1385, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-quote p {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  font-style: italic;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

/* line 1396, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-quote p:hover {
  opacity: 1;
}

/* line 1400, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-app-window {
  background: linear-gradient(135deg, rgba(20, 13, 35, 0.95) 0%, rgba(100, 1, 39, 0.85) 100%);
  border-radius: 20px;
  padding: 0;
  /* Supprimer le padding pour occuper tout l'espace */
  border: 2px solid transparent;
  background-clip: padding-box;
  /* Bordure dégradée améliorée */
  box-shadow: 0 8px 32px rgba(255, 107, 53, 0.4), 0 4px 16px rgba(0, 0, 0, 0.3), inset 0 1px 2px rgba(255, 255, 255, 0.1);
  width: 100%;
  /* Remplacer 600px par 100% pour être responsive */
  max-width: 550px;
  /* Garder une largeur maximale */
  height: clamp(260px, 45vh, 400px);
  /* s'adapte à la hauteur viewport */
  display: flex;
  overflow: hidden;
  position: relative;
  /* Amélioration rendu - texture subtile */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* line 1411, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-app-window::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 50%, #FF6B35 100%);
  border-radius: 22px;
  z-index: -1;
}

/* Container du carrousel */
/* line 1440, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-carousel-container {
  flex: 1;
  overflow: hidden;
  position: relative;
  background: none;
  /* Supprimer le background */
  /* Amélioration rendu - backdrop subtil pour masquer défauts */
}

/* line 1447, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-carousel-container::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(135deg, rgba(246, 229, 179, 0.05) 0%, rgba(255, 255, 255, 0.02) 50%, rgba(246, 229, 179, 0.03) 100%);
  border-radius: 16px;
  z-index: -1;
}

/* Track du carrousel */
/* line 1465, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-carousel-track {
  display: flex;
  transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  height: 100%;
  /* Utiliser CSS custom property pour le transform (CSP compliant) */
  transform: translateX(var(--carousel-translate, 0%));
}

/* Slides individuelles */
/* line 1474, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-carousel-slide {
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  /* Supprimer le padding */
  box-sizing: border-box;
}

/* Contenu de chaque slide */
/* line 1484, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-carousel-content {
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1493, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-carousel-image {
  width: 100%;
  /* Occuper toute la largeur */
  height: 100%;
  /* Occuper toute la hauteur */
  object-fit: cover;
  /* Garder les proportions et voir l'image entière */
  border-radius: 14px;
  /* Légèrement réduit pour s'adapter au padding de la carte */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
  border: none;
  /* Supprimer la bordure orange */
  /* Corrections détourage - atténuer pixels blancs */
  filter: contrast(1.1) saturate(1.05);
  transform: scale(1.02);
  /* Légère expansion pour masquer les bords */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* Anti-aliasing amélioré */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Supprimer complètement le texte sous les images */
/* line 1515, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-carousel-text {
  display: none;
}

/* line 1519, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  max-width: 1100px;
}

/* line 1525, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-grid .span-2 {
  grid-column: span 2;
}

/* line 1526, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-grid .cta {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1527, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-hero-grid .ribbon {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  /* line 1530, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-grid {
    grid-template-columns: 1fr;
  }
  /* line 1531, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-grid .span-2 {
    grid-column: auto;
  }
}

/* line 1533, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-logo {
  font-size: 2rem;
  font-weight: 800;
}

/* line 1534, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-mission {
  max-width: 920px;
}

/* line 1535, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-promise {
  color: #A60240;
  font-weight: 600;
}

/* line 1537, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 1545, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-badges li {
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.9rem;
  background: rgba(216, 27, 96, 0.18);
}

/* line 1553, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-banner {
  margin-top: 8px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 10px 14px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Fonctionnalités */
/* line 1565, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-features-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

/* line 1570, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-features-group h3, .orizon-features-group .h3 {
  margin-bottom: 8px;
}

/* line 1571, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

/* line 1572, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.26);
  transform: translateY(0);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* line 1581, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-card:hover {
  transform: translateY(-4px);
  border-color: rgba(216, 27, 96, 0.35);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

/* line 1582, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-card:focus-within {
  outline: 2px solid rgba(216, 27, 96, 0.45);
  outline-offset: 2px;
}

/* line 1583, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-icon {
  width: 36px;
  height: 36px;
  vertical-align: middle;
  margin-right: 8px;
  border-radius: 8px;
}

/* line 1584, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-card-title {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 1585, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-card-desc {
  color: rgba(246, 246, 247, 0.75);
  font-size: 0.95rem;
  margin-top: 6px;
}

@media (max-width: 992px) {
  /* line 1588, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-features-grid {
    grid-template-columns: 1fr;
  }
}

/* Gestion des petits écrans en hauteur: éviter le chevauchement du CTA et du message */
@media (max-height: 780px) {
  /* line 1593, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-content {
    position: static;
    /* sortir du positionnement absolu */
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    padding: 24px 60px;
    margin-top: clamp(72px, 5vw, 100px);
    /* décale uniquement le contenu, pas la vidéo */
  }
  /* line 1600, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-layout {
    grid-template-columns: 1.25fr 0.75fr;
    /* conserve 2 colonnes en faible hauteur */
    align-items: start;
    gap: 24px;
  }
  /* line 1606, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-arrival-container {
    position: static !important;
    /* évite le chevauchement hors du flux */
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-top: 12px;
    flex-direction: row;
    /* conserver le texte à droite du bouton */
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    /* pas de retour à la ligne */
  }
  /* line 1618, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-title {
    font-size: 2rem;
  }
  /* line 1621, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-title .orizen-logo-title {
    height: 36px;
    max-width: 200px;
    padding: 5px 10px;
  }
  /* line 1627, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-subtitle {
    font-size: 2.1rem;
  }
}

@media (max-height: 640px) {
  /* line 1631, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-title {
    font-size: 1.8rem;
  }
  /* line 1634, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-title .orizen-logo-title {
    height: 32px;
    max-width: 180px;
    padding: 4px 8px;
  }
  /* line 1640, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-subtitle {
    font-size: 1.8rem;
  }
  /* line 1641, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-layout {
    grid-template-columns: 1.35fr 0.65fr;
  }
  /* line 1642, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-app-window {
    width: clamp(160px, 24vw, 240px);
    height: clamp(220px, 38vh, 360px);
  }
}

/* Responsive finitions */
@media (max-width: 992px) {
  /* line 1647, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero {
    min-height: 78vh;
  }
  /* line 1648, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-video {
    height: 56vh;
  }
  /* line 1649, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  /* line 1654, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-title {
    font-size: 2rem;
  }
  /* line 1657, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-title .orizen-logo-title {
    height: 36px;
    max-width: 200px;
    padding: 5px 10px;
  }
  /* line 1664, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-subtitle {
    font-size: 2.5rem;
  }
  /* line 1668, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-app-window {
    width: 280px;
    height: 350px;
  }
  /* line 1672, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-logo {
    font-size: 1.8rem;
  }
}

@media (max-width: 768px) {
  /* line 1675, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero {
    min-height: 100vh;
  }
  /* line 1676, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-video {
    height: 48vh;
  }
  /* line 1677, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-tagline {
    font-size: clamp(1.4rem, 6.5vw, 2rem);
    line-height: 1.15;
    letter-spacing: 0.2px;
  }
  /* line 1682, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-logo {
    font-size: 1.5rem;
  }
  /* line 1683, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-badges {
    justify-content: center;
  }
  /* line 1684, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-badges li {
    font-size: .85rem;
  }
  /* line 1685, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-content {
    max-width: 95vw;
    padding: 12px;
  }
  /* line 1690, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-title {
    font-size: clamp(1.4rem, 6vw, 1.8rem);
    line-height: 1.15;
  }
  /* line 1694, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-title .orizen-logo-title {
    height: 28px;
    max-width: 160px;
    padding: 4px 8px;
  }
  /* line 1701, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-subtitle {
    font-size: clamp(1.2rem, 5.5vw, 1.6rem);
    line-height: 1.2;
  }
  /* line 1706, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-description {
    font-size: clamp(0.9rem, 4vw, 1rem);
    line-height: 1.5;
    margin-bottom: 24px;
  }
  /* Empilement et illustration adaptable */
  /* line 1713, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-layout {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  /* line 1714, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-interface {
    width: 95%;
    padding: 0 6px;
  }
  /* line 1715, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-app-window {
    width: 100%;
    max-width: clamp(300px, 96vw, 560px);
    height: 68vh;
    aspect-ratio: 4 / 3;
    margin: 0 auto;
  }
  /* line 1723, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-feature-tags {
    gap: 8px;
    margin-bottom: 0;
    /* neutralise la marge basse en mobile */
  }
  /* line 1728, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-tag {
    padding: 6px 12px;
    font-size: 0.8rem;
  }
  /* line 1733, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-partners {
    gap: 12px;
    margin-top: 2px;
    margin-bottom: 8px;
    padding-left: 20px;
  }
  /* line 1734, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-partners-title {
    font-size: clamp(1rem, 3.8vw, 1.2rem);
  }
  /* line 1735, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-partner-logo {
    max-height: 22px;
    width: auto;
  }
  /* line 1737, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-app-window {
    min-width: 260px;
    height: 260px;
  }
  /* Mobile: masquer le message d'arrivée (CTA déplacé en navbar) */
  /* line 1743, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-arrival-container {
    display: none !important;
  }
  /* Partenaires: desktop vs mobile */
  /* line 1745, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-partners--mobile {
    display: block !important;
  }
  /* line 1746, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-partners--desktop {
    display: none !important;
  }
}

/* Desktop par défaut */
/* line 1750, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-partners--mobile {
  display: none;
}

/* line 1751, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-partners--desktop {
  display: block;
}

/* Rail de démos */
/* line 1754, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-rail {
  position: relative;
}

/* line 1755, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-rail-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 1fr);
  overflow-x: auto;
  gap: 16px;
  scroll-snap-type: x mandatory;
  padding-bottom: 8px;
}

/* line 1764, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-rail-item {
  scroll-snap-align: start;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  padding: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.26);
  transform: translateY(0);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* line 1774, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-rail-item:hover {
  transform: translateY(-4px);
  border-color: rgba(216, 27, 96, 0.35);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

/* line 1775, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-rail-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 999px;
}

/* line 1782, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-rail-arrow--left {
  left: 8px;
}

/* line 1783, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-rail-arrow--right {
  right: 8px;
}

/* line 1784, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-rail-arrow[disabled] {
  opacity: 0.3;
  cursor: default;
}

/* line 1785, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-demo-thumb {
  width: 100%;
  height: 160px;
  border-radius: 12px;
  background: radial-gradient(400px 200px at 20% 10%, rgba(216, 27, 96, 0.18), transparent), linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
}

/* Pricing */
/* line 1792, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-pricing {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* line 1796, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-pricing-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 24px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #f6f6f7;
  position: relative;
  transform: translateY(0);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* line 1804, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-pricing-card:hover {
  transform: translateY(-4px);
  border-color: rgba(216, 27, 96, 0.35);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

/* line 1805, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-pricing-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, #d81b60, #6a1b9a);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* line 1812, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-pricing-card .price {
  font-weight: 700;
  font-size: 1.2rem;
  color: #d81b60;
}

/* line 1813, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-pricing-card.is-featured {
  box-shadow: 0 0 0 2px rgba(216, 27, 96, 0.25), 0 10px 30px rgba(0, 0, 0, 0.25);
}

/* line 1814, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-pricing-card .badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(216, 27, 96, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: .8rem;
}

@media (max-width: 992px) {
  /* line 1815, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-pricing {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  /* line 1816, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-pricing {
    grid-template-columns: 1fr;
  }
}

/* Mission & fondateurs */
/* line 1819, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-founders {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 1820, app/assets/stylesheets/website/_orizon_landing.scss */
.founder {
  text-align: center;
}

/* line 1821, app/assets/stylesheets/website/_orizon_landing.scss */
.founder img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}

@media (max-width: 768px) {
  /* line 1822, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-founders {
    grid-template-columns: 1fr;
  }
}

/* Accessibilité & reduced motion */
/* line 1825, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-rail-arrow:focus-visible,
.orizon-demo-link:focus-visible,
.btn.btn-three:focus-visible {
  outline: 2px solid rgba(216, 27, 96, 0.6);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  /* line 1830, app/assets/stylesheets/website/_orizon_landing.scss */
  .reveal [data-reveal-target=item],
.orizon-card,
.orizon-rail-item,
.orizon-pricing-card {
    transition: none;
    transform: none !important;
  }
  /* line 1834, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-hero-overlay,
.eco-sprout {
    animation: none;
  }
}

/* Flèches animées pour le scroll - Styles spécifiques et forts */
/* line 1839, app/assets/stylesheets/website/_orizon_landing.scss */
section.orizon-hero .arrow {
  position: fixed !important;
  /* Fixed au lieu de absolute pour être relatif à la fenêtre */
  bottom: 40px !important;
  /* Position fixe en bas de la fenêtre */
  right: 40px !important;
  /* Position fixe à droite de la fenêtre */
  z-index: 999 !important;
  /* Z-index très élevé pour s'assurer qu'elles sont au-dessus */
  cursor: pointer !important;
  transition: transform 0.3s ease, opacity 0.8s ease !important;
  animation: orizon-arrow-pulse 3s ease-in-out infinite !important;
  opacity: 0 !important;
  /* Cachées par défaut, apparaissent après la vidéo */
}

/* line 1850, app/assets/stylesheets/website/_orizon_landing.scss */
section.orizon-hero .arrow.visible {
  opacity: 1 !important;
  /* Force l'opacité */
}

/* line 1854, app/assets/stylesheets/website/_orizon_landing.scss */
section.orizon-hero .arrow:hover {
  transform: scale(1.1) !important;
  animation-play-state: paused !important;
}

@keyframes orizon-arrow-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

/* line 1864, app/assets/stylesheets/website/_orizon_landing.scss */
section.orizon-hero .arrow span {
  display: block !important;
  width: 1.2vw !important;
  height: 1.2vw !important;
  border-bottom: 3px solid rgba(255, 255, 255, 0.9) !important;
  border-right: 3px solid rgba(255, 255, 255, 0.9) !important;
  transform: rotate(45deg) !important;
  margin: -8px !important;
  animation: orizon-arrow-animate 2s infinite !important;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4)) !important;
  transition: border-color 0.3s ease !important;
}

/* line 1877, app/assets/stylesheets/website/_orizon_landing.scss */
section.orizon-hero .arrow:hover span {
  border-color: white !important;
}

/* line 1881, app/assets/stylesheets/website/_orizon_landing.scss */
section.orizon-hero .arrow span:nth-child(2) {
  animation-delay: -0.2s !important;
}

/* line 1885, app/assets/stylesheets/website/_orizon_landing.scss */
section.orizon-hero .arrow span:nth-child(3) {
  animation-delay: -0.4s !important;
}

@keyframes orizon-arrow-animate {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(-15px, -15px);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(45deg) translate(15px, 15px);
  }
}

/* Responsive pour les flèches */
@media (max-width: 768px) {
  /* line 1905, app/assets/stylesheets/website/_orizon_landing.scss */
  section.orizon-hero .arrow {
    bottom: 30px !important;
    /* Position fixe en bas sur mobile */
    right: 30px !important;
    /* Position fixe à droite sur mobile */
  }
  /* line 1910, app/assets/stylesheets/website/_orizon_landing.scss */
  section.orizon-hero .arrow span {
    width: 1.6vw !important;
    height: 1.6vw !important;
    border-bottom: 2.5px solid rgba(255, 255, 255, 0.9) !important;
    border-right: 2.5px solid rgba(255, 255, 255, 0.9) !important;
    margin: -6px !important;
  }
}

/* Masquer totalement la flèche de passage à la section suivante */
/* line 1920, app/assets/stylesheets/website/_orizon_landing.scss */
section.orizon-hero .arrow {
  display: none !important;
}

/* Modal de pré-inscription Orizen - styles isolés */
/* line 1924, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal, .orizon-soon-modal .mdp-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000000;
  /* Au-dessus de tout, y compris la navbar */
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  backdrop-filter: blur(8px);
}

/* line 1940, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal.active, .orizon-soon-modal .mdp-modal.active {
  display: flex !important;
  /* Force l'affichage */
  opacity: 1;
  pointer-events: auto;
}

/* line 1946, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content, .orizon-soon-modal .mdp-modal .modal-content {
  position: relative;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  color: white;
  border-radius: 20px;
  width: 95%;
  max-width: 950px;
  /* Modale élargie */
  max-height: 95vh;
  /* Limiter la hauteur à 80% de la fenêtre */
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  /* Ajouter un scroll vertical si nécessaire */
  overflow-x: hidden;
  /* Pas de scroll horizontal */
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  transform: scale(0.9);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  /* Supprimer tout <hr> éventuel dans l'en-tête/la modale */
}

/* line 1962, app/assets/stylesheets/website/_orizon_landing.scss */
.mdp-modal.active .orizon-preinscription-modal .mdp-modal .modal-content, .mdp-modal.active .orizon-soon-modal .mdp-modal .modal-content {
  transform: scale(1);
}

/* line 1966, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .close, .orizon-soon-modal .mdp-modal .modal-content .close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 1.8rem;
  font-weight: 300;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.1);
  border: none;
  padding: 8px;
  width: 40px;
  height: 40px;
  display: flex !important;
  /* Force l'affichage */
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s ease;
  z-index: 100000;
  /* Z-index très élevé pour être au-dessus de la modale */
  backdrop-filter: blur(10px);
  pointer-events: auto;
  /* S'assurer que le bouton est cliquable */
  user-select: none;
  /* Empêcher la sélection de texte */
}

/* line 1989, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .close:hover, .orizon-soon-modal .mdp-modal .modal-content .close:hover {
  color: white;
  background: rgba(255, 255, 255, 0.2);
  transform: rotate(90deg);
}

/* line 1995, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .close:active, .orizon-soon-modal .mdp-modal .modal-content .close:active {
  transform: scale(0.95);
}

/* line 2000, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-header, .orizon-soon-modal .mdp-modal .modal-content .modal-header {
  padding: 1rem 1.75rem 0.5rem;
  /* Compacte pour réduire l'espace */
  text-align: center;
  margin-bottom: 0 !important;
}

/* line 2005, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-header orizon-title, .orizon-soon-modal .mdp-modal .modal-content .modal-header orizon-title {
  border-bottom: none !important;
}

/* line 2009, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-header h2, .orizon-preinscription-modal .mdp-modal .modal-content .modal-header .h2, .orizon-soon-modal .mdp-modal .modal-content .modal-header h2, .orizon-soon-modal .mdp-modal .modal-content .modal-header .h2 {
  margin: 0 0 0 0 !important;
  /* retirer le margin-bottom du titre */
  font-size: 1.6rem;
  /* Taille réduite */
  font-weight: 700;
  color: #F6E5B3;
  /* Couleur des titres de section */
  border-bottom: none !important;
  /* supprimer la bordure sous le h2 */
  white-space: nowrap !important;
  /* éviter le retour à la ligne */
}

/* line 2018, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-header .modal-subtitle, .orizon-soon-modal .mdp-modal .modal-content .modal-header .modal-subtitle {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 6px 0 0 0 !important;
  /* légère marge au-dessus pour ergonomie */
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
  /* Légèrement rehaussée */
  font-weight: 400;
}

/* line 2031, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-header hr,
.orizon-preinscription-modal .mdp-modal .modal-content hr, .orizon-soon-modal .mdp-modal .modal-content .modal-header hr,
.orizon-soon-modal .mdp-modal .modal-content hr {
  display: none !important;
}

/* line 2036, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form, .orizon-soon-modal .mdp-modal .modal-content .modal-form {
  padding: 0.75rem 1.5rem;
  /* Réduction espace global */
  max-height: calc(80vh - 160px);
  /* Hauteur optimisée avec 80vh */
  overflow-y: auto;
  /* Scroll interne si nécessaire */
  /* Style du scroll */
  /* Layout en 3 colonnes puis 1 pour le message */
  /* Assistants intelligents */
  /* Checkbox personnalisé */
  /* Boutons d'action */
}

/* line 2042, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form::-webkit-scrollbar, .orizon-soon-modal .mdp-modal .modal-content .modal-form::-webkit-scrollbar {
  width: 6px;
}

/* line 2046, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form::-webkit-scrollbar-track, .orizon-soon-modal .mdp-modal .modal-content .modal-form::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

/* line 2051, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form::-webkit-scrollbar-thumb, .orizon-soon-modal .mdp-modal .modal-content .modal-form::-webkit-scrollbar-thumb {
  background: rgba(246, 229, 179, 0.5);
  border-radius: 3px;
}

/* line 2055, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form::-webkit-scrollbar-thumb:hover, .orizon-soon-modal .mdp-modal .modal-content .modal-form::-webkit-scrollbar-thumb:hover {
  background: rgba(246, 229, 179, 0.8);
}

/* line 2061, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-row, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  /* 3 colonnes par défaut */
  gap: 1rem;
  /* Espace réduit */
  margin-bottom: 0.75rem;
}

@media (max-width: 992px) {
  /* line 2061, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-row, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-row {
    grid-template-columns: 1fr 1fr;
    /* 2 colonnes sur tablette */
  }
}

@media (max-width: 600px) {
  /* line 2061, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-row, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-row {
    grid-template-columns: 1fr;
    /* 1 colonne sur mobile */
  }
}

/* line 2075, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group {
  margin-bottom: 0rem !important;
  /* Espacement réduit */
  position: relative;
  /* Champs qui prennent toute la largeur */
}

/* line 2080, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group.full-width, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group.full-width {
  grid-column: 1 / -1;
}

/* line 2082, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group .required::after, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group .required::after {
  content: " *";
  color: #FF6B35;
  font-weight: 700;
}

/* line 2088, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group .label-icon, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group .label-icon {
  margin-right: 0.5rem;
  font-size: 1.1rem;
}

/* line 2093, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group label, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group label {
  display: block;
  color: white;
  margin-bottom: 0.5rem;
  /* Espacement réduit */
  font-weight: 600;
  font-size: 0.9rem;
  /* Taille réduite */
  letter-spacing: 0.3px;
  /* Espacement des lettres réduit */
  text-transform: none;
  /* Pas de transformation automatique */
  /* Première lettre en majuscule seulement */
}

/* line 2103, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group label::first-letter, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group label::first-letter {
  text-transform: uppercase;
}

/* line 2108, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group .input-wrapper, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group .input-wrapper {
  position: relative;
}

/* line 2112, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group input, .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group textarea, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group input, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  /* Padding uniforme */
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  /* Border radius uniforme */
  background: rgba(255, 255, 255, 0.08);
  color: white;
  font-size: 0.95rem;
  /* Taille uniforme */
  transition: all 0.3s ease;
  box-sizing: border-box;
  backdrop-filter: blur(10px);
  min-height: 48px;
  /* Hauteur uniforme pour tous les champs */
}

/* line 2125, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group input:focus, .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group textarea:focus, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group input:focus, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group textarea:focus {
  outline: none;
  border-color: #F6E5B3;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(246, 229, 179, 0.15);
  transform: translateY(-2px);
}

/* line 2133, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group input:valid, .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group textarea:valid, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group input:valid, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group textarea:valid {
  border-color: rgba(76, 175, 80, 0.6);
}

/* line 2137, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group input:invalid:not(:placeholder-shown), .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group textarea:invalid:not(:placeholder-shown), .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group input:invalid:not(:placeholder-shown), .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group textarea:invalid:not(:placeholder-shown) {
  border-color: rgba(244, 67, 54, 0.6);
}

/* line 2141, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group input::placeholder, .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group textarea::placeholder, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group input::placeholder, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
  font-style: italic;
}

/* line 2147, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group textarea, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group textarea {
  resize: vertical;
  min-height: 80px;
  /* Hauteur réduite mais uniforme */
  font-family: inherit;
}

/* line 2153, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group .validation-message, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group .validation-message {
  font-size: 0.85rem;
  min-height: 1.2rem;
  transition: all 0.3s ease;
}

/* line 2158, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group .validation-message.error, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group .validation-message.error {
  color: #FF6B35;
  animation: shake 0.5s ease-in-out;
}

/* line 2163, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-group .validation-message.success, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-group .validation-message.success {
  color: #4CAF50;
}

/* line 2170, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .email-assistant, .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .phone-assistant, .orizon-soon-modal .mdp-modal .modal-content .modal-form .email-assistant, .orizon-soon-modal .mdp-modal .modal-content .modal-form .phone-assistant {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 12px;
  padding: 1rem;
  margin-top: 0.5rem;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 2187, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .email-assistant.visible, .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .phone-assistant.visible, .orizon-soon-modal .mdp-modal .modal-content .modal-form .email-assistant.visible, .orizon-soon-modal .mdp-modal .modal-content .modal-form .phone-assistant.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* line 2193, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .email-assistant .assistant-icon, .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .phone-assistant .assistant-icon, .orizon-soon-modal .mdp-modal .modal-content .modal-form .email-assistant .assistant-icon, .orizon-soon-modal .mdp-modal .modal-content .modal-form .phone-assistant .assistant-icon {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

/* line 2198, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .email-assistant .assistant-content, .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .phone-assistant .assistant-content, .orizon-soon-modal .mdp-modal .modal-content .modal-form .email-assistant .assistant-content, .orizon-soon-modal .mdp-modal .modal-content .modal-form .phone-assistant .assistant-content {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 2204, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .email-assistant .assistant-suggestion, .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .phone-assistant .assistant-suggestion, .orizon-soon-modal .mdp-modal .modal-content .modal-form .email-assistant .assistant-suggestion, .orizon-soon-modal .mdp-modal .modal-content .modal-form .phone-assistant .assistant-suggestion {
  padding: 0.5rem 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.9rem;
  border: 1px solid transparent;
}

/* line 2213, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .email-assistant .assistant-suggestion:hover, .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .phone-assistant .assistant-suggestion:hover, .orizon-soon-modal .mdp-modal .modal-content .modal-form .email-assistant .assistant-suggestion:hover, .orizon-soon-modal .mdp-modal .modal-content .modal-form .phone-assistant .assistant-suggestion:hover {
  background: rgba(246, 229, 179, 0.2);
  border-color: #F6E5B3;
  transform: scale(1.05);
}

/* line 2222, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .checkbox-group, .orizon-soon-modal .mdp-modal .modal-content .modal-form .checkbox-group {
  margin: 0.5rem 0;
  /* Espacement plus compact */
}

/* line 2225, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label, .orizon-soon-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label {
  display: flex;
  align-items: center;
  /* aligner verticalement la case */
  cursor: pointer;
  gap: 0.5rem;
  padding: 0.25rem 0;
  /* État cochée */
  /* Coche visible en SVG-like via bordures */
  /* Hover sur la checkbox */
}

/* line 2232, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label input[type="checkbox"], .orizon-soon-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  box-sizing: content-box !important;
  /* évite l'influence d'un min-height global */
  padding: 0 !important;
  border: 2px solid #F6E5B3 !important;
  border-radius: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  display: inline-block !important;
  position: relative !important;
  vertical-align: middle !important;
  cursor: pointer;
  margin: 0 8px 0 0 !important;
  line-height: normal !important;
}

/* line 2254, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label .checkmark, .orizon-soon-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label .checkmark {
  display: none;
}

/* line 2257, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label input[type="checkbox"]:checked, .orizon-soon-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label input[type="checkbox"]:checked {
  background: #F6E5B3 !important;
  border-color: #F6E5B3 !important;
}

/* line 2263, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label input[type="checkbox"]:checked::after, .orizon-soon-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: -1px;
  /* centre verticalement dans 14px */
  left: 3px;
  width: 5px;
  height: 9px;
  border: solid #1a1a1a;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: block;
}

/* line 2277, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label:hover .checkmark, .orizon-soon-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label:hover .checkmark {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
}

/* line 2282, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label .checkbox-text, .orizon-soon-modal .mdp-modal .modal-content .modal-form .checkbox-group .checkbox-label .checkbox-text {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.95rem;
  line-height: 1.2;
}

/* line 2291, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions {
  margin-top: 0.25rem;
  /* Espacement réduit avec la checkbox */
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  align-items: center;
}

/* line 2298, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn {
  padding: 1rem 2rem;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 2309, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn:disabled, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

/* line 2316, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn-cancel, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn-cancel {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 2321, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn-cancel:hover:not(:disabled), .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn-cancel:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.2);
  color: white;
  transform: translateY(-2px);
}

/* line 2328, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit {
  /* Couleur cohérente avec le CTA hero */
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: #ffffff;
  /* aligné avec le CTA hero */
  min-width: 200px;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
  /* idem héros */
  border: none;
}

/* line 2336, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit:hover:not(:disabled), .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
  /* idem héros */
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
}

/* line 2342, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit:active:not(:disabled), .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit:active:not(:disabled) {
  transform: translateY(-1px);
}

/* line 2346, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit .btn-loading, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit .btn-loading {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

/* line 2352, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit .btn-loading.visible, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit .btn-loading.visible {
  display: flex;
}

/* line 2356, app/assets/stylesheets/website/_orizon_landing.scss */
.orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit .btn-loading .spinner, .orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn-submit .btn-loading .spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(26, 26, 26, 0.3);
  border-top: 2px solid #1a1a1a;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Animations */
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Responsive */
@media (max-width: 768px) {
  /* line 2386, app/assets/stylesheets/website/_orizon_landing.scss */
  .mdp-modal .modal-content {
    width: 95%;
    max-width: none;
    margin: 1rem;
  }
  /* line 2391, app/assets/stylesheets/website/_orizon_landing.scss */
  .mdp-modal .modal-content .modal-header {
    padding: 1.5rem 1.5rem 1rem;
  }
  /* line 2394, app/assets/stylesheets/website/_orizon_landing.scss */
  .mdp-modal .modal-content .modal-header h2, .mdp-modal .modal-content .modal-header .h2 {
    font-size: 1.5rem;
  }
  /* line 2399, app/assets/stylesheets/website/_orizon_landing.scss */
  .mdp-modal .modal-content .modal-form {
    padding: 1.5rem;
  }
  /* line 2402, app/assets/stylesheets/website/_orizon_landing.scss */
  .mdp-modal .modal-content .modal-form .form-actions {
    flex-direction: column;
  }
  /* line 2405, app/assets/stylesheets/website/_orizon_landing.scss */
  .mdp-modal .modal-content .modal-form .form-actions .btn {
    width: 100%;
  }
}

/* Responsive pour les flèches */
@media (max-width: 768px) {
  /* line 2415, app/assets/stylesheets/website/_orizon_landing.scss */
  section.orizon-hero .arrow {
    bottom: 30px !important;
    /* Position fixe en bas sur mobile */
    right: 30px !important;
    /* Position fixe à droite sur mobile */
  }
  /* line 2420, app/assets/stylesheets/website/_orizon_landing.scss */
  section.orizon-hero .arrow span {
    width: 1.6vw !important;
    height: 1.6vw !important;
    border-bottom: 2.5px solid rgba(255, 255, 255, 0.9) !important;
    border-right: 2.5px solid rgba(255, 255, 255, 0.9) !important;
    margin: -6px !important;
  }
}

/* Responsive pour la modale Orizen */
@media (max-width: 768px) {
  /* line 2431, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-preinscription-modal .mdp-modal .modal-content,
.orizon-soon-modal .mdp-modal .modal-content {
    width: 95%;
    max-width: none;
    margin: 1rem;
  }
  /* line 2437, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-preinscription-modal .mdp-modal .modal-content .modal-header,
.orizon-soon-modal .mdp-modal .modal-content .modal-header {
    padding: 1.5rem 1.5rem 1rem;
  }
  /* line 2440, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-preinscription-modal .mdp-modal .modal-content .modal-header h2, .orizon-preinscription-modal .mdp-modal .modal-content .modal-header .h2,
.orizon-soon-modal .mdp-modal .modal-content .modal-header h2,
.orizon-soon-modal .mdp-modal .modal-content .modal-header .h2 {
    font-size: 1.5rem;
  }
  /* line 2445, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-preinscription-modal .mdp-modal .modal-content .modal-form,
.orizon-soon-modal .mdp-modal .modal-content .modal-form {
    padding: 1.5rem;
  }
  /* line 2448, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions,
.orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions {
    flex-direction: column;
  }
  /* line 2451, app/assets/stylesheets/website/_orizon_landing.scss */
  .orizon-preinscription-modal .mdp-modal .modal-content .modal-form .form-actions .btn,
.orizon-soon-modal .mdp-modal .modal-content .modal-form .form-actions .btn {
    width: 100%;
  }
}

/* Section Fonctionnalités Orizen - Design moderne avec onglets et carrousel */
/* line 2461, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section {
  padding: 0;
  height: 110vh;
  /* Augmenté de 100vh à 110vh pour plus d'espace */
  position: relative;
  overflow: hidden;
  /* Style pour la citation sous le sous-titre */
  /* Style pour les badges sous le sous-titre */
}

/* line 2469, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section #fonctionnalites.orizon-section {
  height: 110vh;
  position: relative;
  overflow: hidden;
}

/* line 2476, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .features-header-spacer {
  height: 40px;
}

/* line 2480, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .features-container {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  gap: 10px;
}

/* line 2491, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .section-subtitle {
  font-size: 2.5rem;
  font-weight: 800;
  margin: 0 0 25px 0;
  color: #F6E5B3;
  line-height: 1.1;
  max-width: 800px;
  letter-spacing: 0.5px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* line 2505, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .features-quote {
  font-size: 1.1rem;
  font-style: italic;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  margin: 0.8rem auto 2rem auto;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  max-width: 600px;
  line-height: 1.4;
}

/* line 2519, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .features-quote em {
  font-style: italic;
  color: rgba(246, 229, 179, 0.9);
}

/* line 2525, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .subtitle-badges {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.8rem 0 1rem 0;
}

/* line 2533, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .subtitle-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.8rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  font-size: 0.8rem;
  color: #e8e8e8;
  font-weight: 400;
  backdrop-filter: blur(8px);
  transition: all 0.2s ease;
}

/* line 2547, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .subtitle-badge:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(246, 229, 179, 0.3);
  color: rgba(246, 229, 179, 0.9);
}

/* line 2554, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .features-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

/* line 2563, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .tab-button {
  position: relative;
  padding: 0.75rem 1.25rem;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  min-width: auto;
}

/* line 2581, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .tab-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(246, 229, 179, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, height 0.3s ease;
  z-index: -1;
}

/* line 2595, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .tab-button:active::before {
  width: 200px;
  height: 200px;
}

/* line 2600, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .tab-button:active {
  transform: scale(0.95);
}

/* line 2604, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .tab-button:hover {
  color: rgba(255, 255, 255, 0.9);
  transform: translateY(-1px);
}

/* line 2609, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .tab-button.active {
  color: #F6E5B3;
  font-weight: 500;
}

/* line 2615, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .tab-text {
  font-size: 1rem;
  font-weight: inherit;
  letter-spacing: 0.5px;
}

/* line 2621, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .tab-chevron {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  transition: all 0.2s ease;
  opacity: 0.8;
}

/* line 2631, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .tab-button:hover .tab-chevron {
  opacity: 1;
  transform: translateY(1px);
}

/* line 2636, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .tab-button.active .tab-chevron {
  opacity: 1;
  transform: rotate(180deg);
}

/* line 2642, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .features-content {
  position: relative;
  height: calc(28vh);
}

/* line 2649, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .features-carousel {
  display: none;
  height: 100%;
}

/* line 2653, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .features-carousel.active {
  display: block;
}

/* line 2658, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .carousel-wrapper {
  height: auto;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 1.2rem;
  margin-bottom: 4rem;
}

/* line 2669, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .carousel-track {
  display: flex;
  gap: 1.5rem;
  height: 100%;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  min-width: max-content;
  will-change: transform;
}

/* line 2678, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .carousel-track.continuous-scroll {
  animation: continuous-scroll 60s linear infinite;
  animation-play-state: running;
}

/* line 2683, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .carousel-track.paused {
  animation-play-state: paused !important;
}

/* line 2688, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .carousel-track:hover {
  animation-play-state: paused;
}

@keyframes continuous-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* line 2704, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card {
  flex: 0 0 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 320px;
  min-height: 260px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1.5rem;
  flex-shrink: 0;
  height: fit-content;
  position: relative;
  overflow: hidden;
  opacity: 0.7;
  transform: scale(0.95);
  transition: filter 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), backdrop-filter 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* line 2719, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%);
  border-radius: 12px;
  z-index: -1;
  opacity: 1;
  transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 2734, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(246, 229, 179, 0.1) 0%, rgba(246, 229, 179, 0.05) 100%);
  border-radius: 12px;
  z-index: -1;
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 2762, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card.card-focused {
  filter: blur(0) !important;
  opacity: 1 !important;
  transform: scale(1.05) !important;
  box-shadow: 0 20px 40px rgba(246, 229, 179, 0.3);
  z-index: 10;
  border: 2px solid rgba(246, 229, 179, 0.6);
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* line 2771, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card.card-focused::before {
  opacity: 0;
}

/* line 2775, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card.card-focused::after {
  opacity: 1;
}

/* line 2782, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card.card-focused .feature-title {
  color: #F6E5B3;
  text-shadow: 0 0 15px rgba(246, 229, 179, 0.5);
  font-weight: 700;
}

/* line 2788, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card.card-focused .feature-icon {
  color: #F6E5B3;
  filter: drop-shadow(0 0 12px rgba(246, 229, 179, 0.6));
  transform: scale(1.1);
}

/* line 2796, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card.card-blurred {
  transform: scale(0.95);
  opacity: 0.7;
  z-index: 1;
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* line 2802, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card.card-blurred::before {
  opacity: 0.3;
}

/* line 2806, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card.card-blurred::after {
  opacity: 0;
}

/* line 2814, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card:hover {
  filter: blur(0) !important;
  opacity: 1 !important;
  transform: translateY(-4px) scale(1.03) !important;
  box-shadow: 0 15px 30px rgba(246, 229, 179, 0.2);
  z-index: 5;
  border: 1px solid rgba(246, 229, 179, 0.3);
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* line 2823, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card:hover::before {
  opacity: 0.8;
}

/* line 2827, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card:hover::after {
  opacity: 0.5;
}

/* line 2836, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card .feature-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  min-height: 2.5rem;
}

/* line 2844, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card .feature-icon {
  font-size: 1.8rem;
  color: #F6E5B3;
  opacity: 0.9;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

/* line 2852, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card .feature-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #F6E5B3;
  margin: 0;
  line-height: 1.2;
  font-family: 'Poppins', sans-serif;
  transition: all 0.3s ease;
}

/* line 2862, app/assets/stylesheets/website/_orizon_landing.scss */
#fonctionnalites.orizon-section .feature-card .feature-description {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  opacity: 0.9;
  transition: all 0.3s ease;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Ecrans à faible hauteur: allonger la section et libérer les cartes */
@media (max-height: 780px) {
  /* line 2899, app/assets/stylesheets/website/_orizon_landing.scss */
  #fonctionnalites.orizon-section {
    height: auto;
    /* au lieu de 100vh */
    min-height: 110vh;
    /* augmenté de 100vh à 110vh pour plus d'espace */
    padding: 24px 0;
    /* marges réduites */
  }
  /* line 2904, app/assets/stylesheets/website/_orizon_landing.scss */
  #fonctionnalites.orizon-section .features-content {
    height: auto;
    /* plus de calc(31vh) */
    min-height: 0;
    max-width: 85%;
    left: 10%;
  }
  /* line 2910, app/assets/stylesheets/website/_orizon_landing.scss */
  #fonctionnalites.orizon-section .carousel-wrapper {
    height: auto;
    padding: 1.2rem;
    margin-bottom: 3.5rem;
  }
  /* line 2911, app/assets/stylesheets/website/_orizon_landing.scss */
  #fonctionnalites.orizon-section .carousel-track {
    height: auto;
    align-items: stretch;
  }
  /* line 2912, app/assets/stylesheets/website/_orizon_landing.scss */
  #fonctionnalites.orizon-section .feature-card {
    min-height: clamp(200px, 35vh, 280px);
  }
}

/* Classes utilitaires pour remplacer les styles inline (CSP compliance) */
/* Display utilities */
/* line 2917, app/assets/stylesheets/website/_orizon_landing.scss */
.hidden {
  display: none !important;
}

/* line 2918, app/assets/stylesheets/website/_orizon_landing.scss */
.block {
  display: block !important;
}

/* line 2919, app/assets/stylesheets/website/_orizon_landing.scss */
.flex {
  display: flex !important;
}

/* line 2920, app/assets/stylesheets/website/_orizon_landing.scss */
.inline-block {
  display: inline-block !important;
}

/* Opacity utilities */
/* line 2923, app/assets/stylesheets/website/_orizon_landing.scss */
.opacity-0 {
  opacity: 0 !important;
}

/* line 2924, app/assets/stylesheets/website/_orizon_landing.scss */
.opacity-1 {
  opacity: 1 !important;
}

/* Visibility utilities */
/* line 2927, app/assets/stylesheets/website/_orizon_landing.scss */
.visibility-hidden {
  visibility: hidden !important;
}

/* line 2928, app/assets/stylesheets/website/_orizon_landing.scss */
.visibility-visible {
  visibility: visible !important;
}

/* Transition utilities */
/* line 2931, app/assets/stylesheets/website/_orizon_landing.scss */
.transition-opacity-2s {
  transition: opacity 2s ease !important;
}

/* line 2932, app/assets/stylesheets/website/_orizon_landing.scss */
.transition-opacity-1s {
  transition: opacity 1s ease-in-out !important;
}

/* line 2933, app/assets/stylesheets/website/_orizon_landing.scss */
.transition-opacity-visibility-1s {
  transition: opacity 1s ease, visibility 1s ease !important;
}

/* line 2934, app/assets/stylesheets/website/_orizon_landing.scss */
.transition-opacity-visibility-08s {
  transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out !important;
}

/* line 2935, app/assets/stylesheets/website/_orizon_landing.scss */
.transition-opacity-02s {
  transition: opacity 0.2s ease-in-out !important;
}

/* Z-index utilities */
/* line 2938, app/assets/stylesheets/website/_orizon_landing.scss */
.z-index-10 {
  z-index: 10 !important;
}

/* Overflow utilities */
/* line 2941, app/assets/stylesheets/website/_orizon_landing.scss */
.body-overflow-hidden {
  overflow: hidden !important;
}

/* line 2942, app/assets/stylesheets/website/_orizon_landing.scss */
.body-overflow-auto {
  overflow: auto !important;
}

/* Video utilities */
/* line 2945, app/assets/stylesheets/website/_orizon_landing.scss */
.video-fade-out {
  opacity: 0 !important;
  transition: opacity 2s ease !important;
}

/* line 2946, app/assets/stylesheets/website/_orizon_landing.scss */
.video-object-fit-cover {
  object-fit: cover !important;
}

/* line 2947, app/assets/stylesheets/website/_orizon_landing.scss */
.video-object-position-center {
  object-position: center !important;
}

/* Overlay utilities */
/* line 2950, app/assets/stylesheets/website/_orizon_landing.scss */
.overlay-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 1s ease, visibility 1s ease !important;
}

/* line 2956, app/assets/stylesheets/website/_orizon_landing.scss */
.overlay-visible {
  visibility: visible !important;
  opacity: 1 !important;
  transition: opacity 0.8s ease-in-out !important;
  z-index: 10 !important;
}

/* Content wrapper utilities */
/* line 2964, app/assets/stylesheets/website/_orizon_landing.scss */
.content-wrapper-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* line 2969, app/assets/stylesheets/website/_orizon_landing.scss */
.content-wrapper-visible {
  visibility: visible !important;
  opacity: 1 !important;
  transition: opacity 1s ease-in-out !important;
}

/* line 2975, app/assets/stylesheets/website/_orizon_landing.scss */
.content-wrapper-visible-fast {
  visibility: visible !important;
  opacity: 1 !important;
  transition: opacity 0.2s ease-in-out !important;
}

/* Placeholder utilities */
/* line 2982, app/assets/stylesheets/website/_orizon_landing.scss */
.placeholder-hidden {
  opacity: 0 !important;
  transition: opacity 0.8s ease !important;
}

/* line 2987, app/assets/stylesheets/website/_orizon_landing.scss */
.placeholder-visible {
  opacity: 1 !important;
  transition: opacity 0.8s ease !important;
}

/* Arrow utilities */
/* line 2993, app/assets/stylesheets/website/_orizon_landing.scss */
.arrow-hidden {
  display: none !important;
}

/* line 2994, app/assets/stylesheets/website/_orizon_landing.scss */
.arrow-visible {
  display: block !important;
}

/* Animation utilities */
/* line 2997, app/assets/stylesheets/website/_orizon_landing.scss */
.animation-shake {
  animation: shake 0.5s ease-in-out !important;
}

/* Carousel transform - doit être géré via data attribute ou classe dynamique */
/* line 3002, app/assets/stylesheets/website/_orizon_landing.scss */
.carousel-transform-0 {
  transform: translateX(0%) !important;
}

/* line 3003, app/assets/stylesheets/website/_orizon_landing.scss */
.carousel-transform-100 {
  transform: translateX(-100%) !important;
}

/* line 3004, app/assets/stylesheets/website/_orizon_landing.scss */
.carousel-transform-200 {
  transform: translateX(-200%) !important;
}

/* line 3005, app/assets/stylesheets/website/_orizon_landing.scss */
.carousel-transform-300 {
  transform: translateX(-300%) !important;
}

/* Fallback image utilities */
/* line 3008, app/assets/stylesheets/website/_orizon_landing.scss */
.fallback-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  background-size: cover !important;
  background-position: center !important;
  z-index: 1 !important;
}

/* Page de pré-inscription – cohérente avec la page contact */
/* line 3, app/assets/stylesheets/website/_preinscription.scss */
body:has(.preinscription-page) {
  min-height: 100vh;
  background: linear-gradient(151deg, #140D23 25%, #640127 100%);
  color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 11, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-page {
  min-height: 100vh;
  padding: 0;
  margin: 0;
  overflow: visible;
}

/* line 18, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-header {
  max-width: 760px;
  margin: 24px auto 0 auto;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

/* line 28, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-actions {
  align-self: flex-start;
  margin-bottom: 8px;
}

/* line 33, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-title {
  text-align: center;
  color: #F6E5B3;
  font-weight: 700;
  font-size: 1.8rem;
  margin: 0;
}

/* line 41, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-subtitle {
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1rem;
  margin: 0;
}

/* line 48, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-container-card {
  max-width: 760px;
  margin: 24px auto 56px auto;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  padding: 32px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px);
  overflow: visible;
  min-height: auto;
}

/* line 61, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: start;
}

/* line 68, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-highlights {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}

/* line 74, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-highlights li {
  list-style: none;
  color: rgba(255, 255, 255, 0.9);
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 12px;
  align-items: center;
}

/* line 83, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-highlights img {
  width: 90px;
  height: 90px;
}

/* line 88, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-highlights .content h5, .preinscription-highlights .content .h5 {
  color: #F6E5B3;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* line 95, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-form {
  display: grid;
  gap: 20px;
  overflow: visible;
}

/* line 101, app/assets/stylesheets/website/_preinscription.scss */
.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* line 107, app/assets/stylesheets/website/_preinscription.scss */
.form-group {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* line 113, app/assets/stylesheets/website/_preinscription.scss */
.form-group.full-width {
  grid-column: 1 / -1;
}

/* line 117, app/assets/stylesheets/website/_preinscription.scss */
.form-group label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  color: #F6E5B3;
  font-size: 0.9rem;
}

/* line 126, app/assets/stylesheets/website/_preinscription.scss */
.form-group label.required::after {
  content: '*';
  color: #ff6b6b;
  margin-left: 0.25rem;
}

/* line 132, app/assets/stylesheets/website/_preinscription.scss */
.label-icon {
  font-size: 1rem;
}

/* line 136, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-input,
.preinscription-textarea {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 0.9rem;
  transition: all .25s ease;
  min-height: 48px;
  box-sizing: border-box;
}

/* line 150, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-input::placeholder,
.preinscription-textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 155, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-input:focus,
.preinscription-textarea:focus {
  outline: none;
  border-color: #F6E5B3;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 4px rgba(246, 229, 179, 0.18);
}

/* line 163, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-textarea {
  min-height: 120px;
  resize: vertical;
}

/* line 170, app/assets/stylesheets/website/_preinscription.scss */
.validation-message {
  font-size: 0.7rem;
  margin-top: 0.25rem;
  transition: all 0.3s ease;
  display: none;
}

/* line 177, app/assets/stylesheets/website/_preinscription.scss */
.validation-message.error {
  color: #ff6b6b;
  display: block;
}

/* line 182, app/assets/stylesheets/website/_preinscription.scss */
.validation-message.success {
  color: #51cf66;
  display: block;
}

/* line 188, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-input,
.preinscription-textarea {
  position: relative;
  padding-right: 40px;
}

/* line 194, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-input::after,
.preinscription-textarea::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* line 207, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-input.valid::after {
  content: '✓';
  background: #51cf66;
  color: white;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 217, app/assets/stylesheets/website/_preinscription.scss */
.preinscription-input.invalid::after {
  content: '✗';
  background: #ff6b6b;
  color: white;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 228, app/assets/stylesheets/website/_preinscription.scss */
.validation-message {
  font-size: 0.8rem;
  min-height: 1.2rem;
  margin-top: 0.25rem;
}

/* line 234, app/assets/stylesheets/website/_preinscription.scss */
.checkbox-group {
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* line 248, app/assets/stylesheets/website/_preinscription.scss */
.checkbox-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 400 !important;
  cursor: pointer;
  font-size: 0.95rem !important;
  width: 100%;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* line 263, app/assets/stylesheets/website/_preinscription.scss */
.checkbox-label input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  border-radius: 4px !important;
  border: 2px solid #F6E5B3 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  display: inline-block !important;
  position: relative !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  flex-shrink: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 3 !important;
}

/* line 282, app/assets/stylesheets/website/_preinscription.scss */
.checkbox-label input[type="checkbox"]:checked {
  background: #F6E5B3 !important;
  border-color: #F6E5B3 !important;
}

/* line 287, app/assets/stylesheets/website/_preinscription.scss */
.checkbox-label input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  width: 5px;
  height: 9px;
  border: solid #1a1a1a;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* line 299, app/assets/stylesheets/website/_preinscription.scss */
.checkbox-text {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.4;
  visibility: visible !important;
  opacity: 1 !important;
  display: inline !important;
  text-transform: none !important;
  font-size: 0.9rem !important;
  letter-spacing: normal !important;
}

/* line 310, app/assets/stylesheets/website/_preinscription.scss */
.checkbox-group .validation-message {
  margin-top: 8px;
  padding-left: 30px;
}

/* line 315, app/assets/stylesheets/website/_preinscription.scss */
.form-actions {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 1rem;
}

/* line 322, app/assets/stylesheets/website/_preinscription.scss */
.btn {
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

/* line 337, app/assets/stylesheets/website/_preinscription.scss */
.btn-cancel {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 343, app/assets/stylesheets/website/_preinscription.scss */
.btn-cancel:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 348, app/assets/stylesheets/website/_preinscription.scss */
.btn-submit {
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

/* line 355, app/assets/stylesheets/website/_preinscription.scss */
.btn-submit:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}

/* line 360, app/assets/stylesheets/website/_preinscription.scss */
.btn-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

/* line 366, app/assets/stylesheets/website/_preinscription.scss */
.btn-loading {
  display: none;
}

/* line 370, app/assets/stylesheets/website/_preinscription.scss */
.spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid #fff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  /* line 386, app/assets/stylesheets/website/_preinscription.scss */
  .preinscription-header {
    padding: 0 16px;
  }
  /* line 390, app/assets/stylesheets/website/_preinscription.scss */
  .preinscription-container-card {
    margin: 16px auto 32px auto;
    padding: 24px;
  }
  /* line 395, app/assets/stylesheets/website/_preinscription.scss */
  .preinscription-title {
    font-size: 1.5rem;
  }
  /* line 399, app/assets/stylesheets/website/_preinscription.scss */
  .preinscription-subtitle {
    font-size: 0.9rem;
  }
  /* line 403, app/assets/stylesheets/website/_preinscription.scss */
  .preinscription-highlights .content h5, .preinscription-highlights .content .h5 {
    font-size: 0.9rem;
  }
  /* line 407, app/assets/stylesheets/website/_preinscription.scss */
  .form-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  /* line 412, app/assets/stylesheets/website/_preinscription.scss */
  .form-actions {
    flex-direction: column;
  }
  /* line 416, app/assets/stylesheets/website/_preinscription.scss */
  .btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  /* line 422, app/assets/stylesheets/website/_preinscription.scss */
  .preinscription-container-card {
    margin: 12px auto;
    padding: 20px;
  }
  /* line 427, app/assets/stylesheets/website/_preinscription.scss */
  .preinscription-title {
    font-size: 1.3rem;
  }
}

/* ============================================================================
   Gestion du consentement des cookies - RGPD
   ============================================================================ */
/* ============================================================================
   Banner de consentement (bas de page)
   ============================================================================ */
/* line 20, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

/* line 32, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner.active {
  visibility: visible;
  pointer-events: all;
}

/* line 37, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner.visible {
  opacity: 1;
  transform: translateY(0);
}

/* line 43, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner-container {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1.25rem;
  margin: 0 auto;
  max-width: 1400px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  background: linear-gradient(135deg, rgba(20, 13, 35, 0.5) 0%, rgba(100, 1, 39, 0.9) 100%);
}

/* line 57, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-banner-container, [data-theme="nightmode"] .cookie-banner-container {
  background: linear-gradient(135deg, rgba(20, 13, 35, 0.5) 0%, rgba(100, 1, 39, 0.9) 100%);
  border-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  /* line 43, app/assets/stylesheets/website/_cookie_consent.scss */
  .cookie-banner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem;
  }
}

/* line 72, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner-content {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  /* line 72, app/assets/stylesheets/website/_cookie_consent.scss */
  .cookie-banner-content {
    margin-bottom: 0;
    flex: 1;
  }
}

/* line 84, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner-icon {
  font-size: 1.5rem;
  line-height: 1;
  flex-shrink: 0;
}

/* line 90, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner-text {
  flex: 1;
}

/* line 94, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 0.4rem 0;
}

/* line 99, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-banner-title {
  color: #333333;
}

/* line 103, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-banner-title {
  color: #FFFFFF;
}

/* line 108, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner-description {
  font-size: 0.8rem;
  line-height: 1.4;
  margin: 0 0 0.4rem 0;
}

/* line 113, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-banner-description {
  color: #828282;
}

/* line 117, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-banner-description {
  color: rgba(255, 255, 255, 0.8);
}

/* line 122, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner-links {
  font-size: 0.75rem;
  margin: 0;
}

/* line 127, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-link {
  text-decoration: none;
  font-weight: 500;
  transition: opacity 0.2s ease;
}

/* line 132, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-link {
  color: #A60240;
}

/* line 136, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-link {
  color: #E5A82E;
}

/* line 140, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-link:hover {
  opacity: 0.7;
  text-decoration: underline;
}

/* line 146, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-separator {
  margin: 0 0.5rem;
}

/* line 149, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-separator {
  color: #9c9c9c;
}

/* line 153, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-separator {
  color: rgba(255, 255, 255, 0.5);
}

/* line 158, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-banner-actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (min-width: 576px) {
  /* line 158, app/assets/stylesheets/website/_cookie_consent.scss */
  .cookie-banner-actions {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  /* line 158, app/assets/stylesheets/website/_cookie_consent.scss */
  .cookie-banner-actions {
    flex-shrink: 0;
  }
}

/* ============================================================================
   Boutons
   ============================================================================ */
/* line 176, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-btn {
  padding: 0.65rem 1.25rem;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  text-align: center;
}

/* line 187, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-btn:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* line 192, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 197, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-btn--block {
  width: 100%;
}

/* line 202, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-btn--primary {
  background: #E5A82E;
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(229, 168, 46, 0.3);
}

/* line 208, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-btn--primary:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(229, 168, 46, 0.4);
  background: #e8b145;
}

/* line 214, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-btn--primary:active:not(:disabled) {
  transform: translateY(0);
}

/* line 220, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-btn--secondary {
  background: transparent;
  color: #A60240;
  border: 2px solid #A60240;
}

/* line 225, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-btn--secondary:hover:not(:disabled) {
  background: rgba(166, 2, 64, 0.1);
}

/* line 230, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-btn--secondary {
  background: transparent;
  color: #E5A82E;
  border: 2px solid #E5A82E;
}

/* line 235, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-btn--secondary:hover:not(:disabled) {
  background: rgba(229, 168, 46, 0.1);
}

/* line 242, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-btn--tertiary {
  background: rgba(51, 51, 51, 0.05);
  color: #333333;
}

/* line 246, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-btn--tertiary:hover:not(:disabled) {
  background: rgba(51, 51, 51, 0.1);
}

/* line 251, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-btn--tertiary {
  background: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}

/* line 255, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-btn--tertiary:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}

/* ============================================================================
   Modale de personnalisation
   ============================================================================ */
/* line 265, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 277, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal.active {
  opacity: 1;
  visibility: visible;
}

/* line 281, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal.active .cookie-modal-dialog {
  transform: scale(1);
}

/* line 286, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal::before {
  content: '';
  position: absolute;
  inset: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* line 293, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal::before {
  background: rgba(0, 0, 0, 0.5);
}

/* line 297, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal::before {
  background: rgba(0, 0, 0, 0.7);
}

/* line 303, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-dialog {
  position: relative;
  width: 100%;
  max-width: 800px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  transform: scale(0.95);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: linear-gradient(135deg, rgba(20, 13, 35, 0.85) 0%, rgba(100, 1, 39, 0.9) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
}

/* line 322, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-dialog, [data-theme="nightmode"] .cookie-modal-dialog {
  background: linear-gradient(135deg, rgba(20, 13, 35, 0.85) 0%, rgba(100, 1, 39, 0.9) 100%);
  border-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 768px) {
  /* line 303, app/assets/stylesheets/website/_cookie_consent.scss */
  .cookie-modal-dialog {
    max-height: 95vh;
  }
}

/* line 333, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  flex-shrink: 0;
}

/* line 340, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-header {
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

/* line 344, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 349, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
}

/* line 354, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-title {
  color: #333333;
}

/* line 358, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal-title {
  color: #FFFFFF;
}

/* line 363, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-close {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  font-size: 1.5rem;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 376, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-close {
  color: #333333;
}

/* line 379, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-close:hover {
  background: rgba(51, 51, 51, 0.05);
}

/* line 384, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal-close {
  color: #FFFFFF;
}

/* line 387, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal-close:hover {
  background: rgba(255, 255, 255, 0.05);
}

/* line 393, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-body {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1.5rem 2rem;
  min-height: 0;
}

/* line 401, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-body::-webkit-scrollbar {
  width: 8px;
}

/* line 406, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-body::-webkit-scrollbar-track {
  background: rgba(51, 51, 51, 0.05);
}

/* line 410, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal-body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}

/* line 415, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-body::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

/* line 418, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-body::-webkit-scrollbar-thumb {
  background: rgba(51, 51, 51, 0.2);
}

/* line 421, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-body::-webkit-scrollbar-thumb:hover {
  background: rgba(51, 51, 51, 0.3);
}

/* line 426, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
}

/* line 429, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal-body::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 576px) {
  /* line 393, app/assets/stylesheets/website/_cookie_consent.scss */
  .cookie-modal-body {
    padding: 1rem 1.5rem;
  }
}

/* line 440, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-intro {
  font-size: 0.85rem;
  line-height: 1.5;
  margin: 0 0 1.5rem 0;
}

/* line 445, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-intro {
  color: #828282;
}

/* line 449, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal-intro {
  color: rgba(255, 255, 255, 0.8);
}

/* ============================================================================
   Catégories de cookies
   ============================================================================ */
/* line 458, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category {
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: 8px;
}

/* line 463, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-category {
  background: rgba(232, 232, 232, 0.3);
}

/* line 467, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-category {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* line 472, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category:last-child {
  margin-bottom: 0;
}

/* line 477, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  gap: 1rem;
}

/* line 485, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 492, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 500, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-category-title {
  color: #333333;
}

/* line 504, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-category-title {
  color: #FFFFFF;
}

/* line 509, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-icon {
  font-size: 1.1rem;
}

/* line 513, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 522, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-category-badge--required {
  background: rgba(16, 185, 129, 0.1);
  color: #0c8a60;
}

/* line 527, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-category-badge--required {
  background: rgba(16, 185, 129, 0.15);
  color: #14e8a2;
}

/* line 534, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-description {
  font-size: 0.8rem;
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
}

/* line 539, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-category-description {
  color: #828282;
}

/* line 543, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-category-description {
  color: rgba(255, 255, 255, 0.7);
}

/* ============================================================================
   Toggle switch
   ============================================================================ */
/* line 552, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-toggle {
  position: relative !important;
  display: inline-block !important;
  width: 44px !important;
  height: 22px !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* line 563, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-toggle-input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
}

/* line 570, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-toggle-input:checked + .cookie-toggle-slider {
  background: #A60240 !important;
}

/* line 574, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-toggle-input:checked + .cookie-toggle-slider {
  background: #E5A82E !important;
}

/* line 578, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-toggle-input:checked + .cookie-toggle-slider::before {
  transform: translateX(22px) translateY(-50%) !important;
}

/* line 583, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-toggle-input:focus + .cookie-toggle-slider {
  box-shadow: 0 0 0 2px currentColor !important;
}

/* line 588, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-toggle-slider {
  position: absolute !important;
  cursor: pointer !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: 14px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: 10 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* line 602, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-toggle-slider {
  background: rgba(51, 51, 51, 0.4) !important;
  border: 2px solid rgba(51, 51, 51, 0.5) !important;
}

/* line 607, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-toggle-slider {
  background: rgba(255, 255, 255, 0.35) !important;
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
}

/* line 612, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-toggle-slider::before {
  content: '' !important;
  position: absolute !important;
  height: 16px !important;
  width: 16px !important;
  left: 2px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #FFFFFF !important;
  border-radius: 50% !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
  z-index: 11 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* ============================================================================
   Détails des cookies
   ============================================================================ */
/* line 635, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-details {
  margin-top: 0.75rem;
}

/* line 638, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-details summary {
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.5rem 0;
  user-select: none;
  transition: opacity 0.2s ease;
}

/* line 646, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-category-details summary {
  color: #A60240;
}

/* line 650, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-category-details summary {
  color: #E5A82E;
}

/* line 654, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-details summary:hover {
  opacity: 0.7;
}

/* line 658, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-details summary::marker {
  content: '▶ ';
}

/* line 663, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-category-details[open] summary::marker {
  content: '▼ ';
}

/* line 668, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
}

/* line 673, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-list li {
  font-size: 0.85rem;
  line-height: 1.6;
  padding: 0.5rem 0;
  padding-left: 1.5rem;
  position: relative;
}

/* line 680, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-list li {
  color: #8f8f8f;
}

/* line 684, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-list li {
  color: rgba(255, 255, 255, 0.6);
}

/* line 688, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-list li::before {
  content: '•';
  position: absolute;
  left: 0.5rem;
}

/* line 693, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-list li::before {
  color: #A60240;
}

/* line 697, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-list li::before {
  color: #E5A82E;
}

/* line 703, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-list li strong {
  color: #757575;
}

/* line 707, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-list li strong {
  color: rgba(255, 255, 255, 0.85);
}

/* ============================================================================
   Footer de la modale
   ============================================================================ */
/* line 718, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-footer {
  display: flex;
  gap: 0.75rem;
  padding: 1.25rem 2rem;
  flex-shrink: 0;
}

/* line 724, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-footer {
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  background: rgba(232, 232, 232, 0.2);
}

/* line 729, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.02);
}

@media (max-width: 576px) {
  /* line 718, app/assets/stylesheets/website/_cookie_consent.scss */
  .cookie-modal-footer {
    flex-direction: column;
    padding: 1rem 1.5rem;
  }
}

/* line 740, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-footer-info {
  margin-top: 1rem;
  padding: 0.875rem;
  border-radius: 8px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* line 747, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-modal-footer-info {
  background: rgba(59, 130, 246, 0.05);
  color: #0a59da;
  border-left: 3px solid #3b82f6;
}

/* line 753, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-modal-footer-info {
  background: rgba(59, 130, 246, 0.1);
  color: #9dc0fa;
  border-left: 3px solid #6ca1f8;
}

/* line 759, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-footer-info p {
  margin: 0;
}

/* line 763, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-modal-footer-info strong {
  font-weight: 600;
}

/* ============================================================================
   Notification de confirmation
   ============================================================================ */
/* line 772, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-notification {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 10000;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  opacity: 0;
  transform: translateY(1rem);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  max-width: 300px;
}

/* line 787, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="lightmode"] .cookie-notification {
  background: rgba(16, 185, 129, 0.95);
  color: #FFFFFF;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

/* line 793, app/assets/stylesheets/website/_cookie_consent.scss */
[data-theme="nightmode"] .cookie-notification {
  background: rgba(16, 185, 129, 0.95);
  color: #FFFFFF;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

/* line 799, app/assets/stylesheets/website/_cookie_consent.scss */
.cookie-notification.visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 576px) {
  /* line 772, app/assets/stylesheets/website/_cookie_consent.scss */
  .cookie-notification {
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
  }
}

/* ============================================================================
   Animations
   ============================================================================ */
@keyframes slideInUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes scaleIn {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* line 68, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard,
.roi-result {
  min-height: 100vh;
  padding: 120px 24px 60px;
  background: radial-gradient(900px 500px at 18% -10%, rgba(229, 168, 46, 0.12), transparent 60%), radial-gradient(1100px 700px at 80% 100%, rgba(166, 2, 64, 0.35), transparent 60%), linear-gradient(180deg, #140D23 0%, #3c0725 40%, #640127 90%, #A60240 120%);
  color: #f6f6f7;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* line 83, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__form {
  max-width: 760px;
  margin: 0 auto;
}

/* line 88, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 28px;
}

/* line 96, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__step-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: rgba(246, 246, 247, 0.78);
  transition: all 0.25s;
}

/* line 106, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__step-dot--active {
  background: #E5A82E;
  border-color: #E5A82E;
  color: white;
}

/* line 111, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__step-dot--done {
  background: rgba(229, 168, 46, 0.35);
  border-color: #E5A82E;
  color: #E5A82E;
}

/* line 118, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__step-line {
  width: 32px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  transition: background 0.25s;
}

/* line 122, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__step-line--done {
  background: #E5A82E;
}

/* line 125, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__step {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 32px;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

/* line 133, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__step--hidden {
  display: none;
}

/* line 136, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__pill {
  display: inline-block;
  background: rgba(229, 168, 46, 0.16);
  color: #f6f6f7;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 16px;
}

/* line 149, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 12px;
  color: white;
}

/* line 155, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__subtitle {
  color: rgba(246, 246, 247, 0.78);
  line-height: 1.6;
  margin: 0 0 24px;
}

/* line 161, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__hint {
  text-align: center;
  font-size: 13px;
  color: rgba(246, 246, 247, 0.78);
}

/* line 167, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__link {
  color: #FFE9A3;
  text-decoration: underline;
}

/* line 170, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__link:hover {
  color: #E5A82E;
}

/* line 174, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__counter {
  display: flex;
  align-items: center;
  gap: 16px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 12px 20px;
  width: fit-content;
  margin: 24px auto;
}

/* line 186, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__counter-btn {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #f6f6f7;
  font-size: 20px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}

/* line 195, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__counter-btn:hover {
  background: rgba(229, 168, 46, 0.16);
  border-color: #E5A82E;
}

/* line 201, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__counter-value {
  min-width: 60px;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: white;
}

/* line 210, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__modules {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 12px;
  margin: 24px 0;
}

/* line 217, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__module-card {
  position: relative;
  padding: 20px 16px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  cursor: pointer;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  transition: border-color 0.2s, background 0.2s;
}

/* line 228, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__module-card:hover {
  border-color: #E5A82E;
}

/* line 229, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__module-card--selected {
  background: rgba(229, 168, 46, 0.16);
  border-color: #E5A82E;
}

/* line 235, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__module-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 239, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__module-icon {
  font-size: 28px;
}

/* line 240, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__module-name {
  font-weight: 600;
  color: white;
}

/* line 241, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__module-price {
  font-size: 12px;
  color: rgba(246, 246, 247, 0.78);
}

/* line 244, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitors {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 24px 0;
}

/* line 250, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}

/* line 262, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-card:hover {
  border-color: #E5A82E;
}

/* line 263, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-card--selected {
  background: rgba(229, 168, 46, 0.16);
  border-color: #E5A82E;
}

/* line 266, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-card--selected .roi-wizard__competitor-check {
  opacity: 1;
}

/* line 270, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 274, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-logo {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
  background: white;
  color: #333;
}

/* line 281, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-logo[data-key="sellsy"] {
  background: #3a8fff;
  color: white;
}

/* line 282, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-logo[data-key="hubspot"] {
  background: #ff7a59;
  color: white;
}

/* line 283, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-logo[data-key="axonaut"] {
  background: #005f9c;
  color: white;
}

/* line 284, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-logo[data-key="monday"] {
  background: #7b2cbf;
  color: white;
}

/* line 285, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-logo[data-key="none"] {
  background: #888;
  color: white;
}

/* line 288, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-info {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* line 289, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-name {
  font-weight: 600;
  color: white;
}

/* line 290, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-price {
  font-size: 13px;
  color: rgba(246, 246, 247, 0.78);
}

/* line 291, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__competitor-check {
  color: #E5A82E;
  font-weight: 700;
  font-size: 18px;
  opacity: 0;
  transition: opacity 0.2s;
}

/* line 300, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__field {
  margin-bottom: 20px;
}

/* line 302, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  color: white;
}

/* line 309, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__input {
  width: 100%;
  padding: 14px 16px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  color: #f6f6f7;
  font-size: 16px;
  font-family: inherit;
  transition: border-color 0.2s, background 0.2s;
}

/* line 319, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__input:focus {
  outline: none;
  border-color: #E5A82E;
  background: rgba(0, 0, 0, 0.3);
}

/* line 326, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 8px;
}

/* line 333, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__consent-cb {
  margin-top: 4px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #E5A82E;
  flex-shrink: 0;
}

/* line 341, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__consent-text {
  font-size: 13px;
  color: rgba(246, 246, 247, 0.78);
  line-height: 1.5;
}

/* line 347, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__error {
  margin-top: 12px;
  padding: 12px 16px;
  background: rgba(255, 100, 100, 0.1);
  border: 1px solid rgba(255, 100, 100, 0.3);
  border-radius: 10px;
  color: #ffb3b3;
  font-size: 13px;
}

/* line 358, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  flex-wrap: wrap;
  gap: 12px;
}

/* line 367, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  box-shadow: 0 4px 14px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 36, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.5);
  color: white;
}

/* line 369, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__btn-primary[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 372, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__btn-back {
  background: transparent;
  color: rgba(246, 246, 247, 0.78);
  border: none;
  padding: 8px 0;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
}

/* line 380, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-wizard__btn-back:hover {
  color: #f6f6f7;
}

/* line 386, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__hero {
  max-width: 760px;
  margin: 0 auto 32px;
  padding: 40px 32px;
  text-align: center;
  background: linear-gradient(135deg, rgba(229, 168, 46, 0.12), rgba(166, 2, 64, 0.18));
  border-radius: 24px;
  border: 1px solid rgba(229, 168, 46, 0.3);
  backdrop-filter: blur(12px);
}

/* line 397, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__pill {
  display: inline-block;
  background: rgba(229, 168, 46, 0.16);
  color: #f6f6f7;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 16px;
}

/* line 410, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__scope {
  margin: 8px 0 24px;
  color: rgba(246, 246, 247, 0.78);
  font-size: 15px;
}

/* line 416, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__savings-amount {
  font-size: 72px;
  font-weight: 800;
  line-height: 1;
  background: linear-gradient(135deg, #FFE9A3 0%, #E5A82E 60%, #FF6B35 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 16px 0 8px;
  text-shadow: 0 2px 30px rgba(229, 168, 46, 0.25);
}

/* line 428, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__savings-suffix {
  font-size: 20px;
  color: rgba(246, 246, 247, 0.78);
  margin-bottom: 8px;
}

/* line 434, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__savings-detail {
  font-size: 14px;
  color: rgba(246, 246, 247, 0.78);
  margin-top: 16px;
}

/* line 438, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__savings-detail strong {
  color: white;
}

/* line 441, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__no-savings-title {
  font-size: 36px;
  font-weight: 700;
  margin: 16px 0 8px;
  color: white;
}

/* line 448, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__comparison {
  max-width: 760px;
  margin: 0 auto 32px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 32px;
  backdrop-filter: blur(12px);
}

/* line 458, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__h2 {
  font-size: 26px;
  font-weight: 600;
  color: white;
  margin: 0 0 8px;
}

/* line 465, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__lede {
  color: rgba(246, 246, 247, 0.78);
  margin: 0 0 24px;
}

/* line 468, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__lede strong {
  color: white;
}

/* line 471, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__table {
  width: 100%;
  border-collapse: collapse;
}

/* line 475, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__table th, .roi-result__table td {
  padding: 14px 16px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 481, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__table th {
  color: rgba(246, 246, 247, 0.78);
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 490, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__col-rival {
  color: rgba(246, 246, 247, 0.78);
}

/* line 491, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__col-orizen {
  color: #FFE9A3;
  font-weight: 600;
}

/* line 494, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__col-orizen--big {
  font-size: 18px;
}

/* line 498, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__total-row td:first-child {
  color: white;
  font-weight: 600;
}

/* line 501, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__source {
  font-size: 12px;
  color: rgba(246, 246, 247, 0.78);
  font-style: italic;
  margin-top: 16px;
}

/* line 508, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__cta-stack {
  max-width: 760px;
  margin: 0 auto 24px;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 517, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
  color: white;
  box-shadow: 0 4px 14px rgba(255, 107, 53, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 36, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.5);
  color: white;
}

/* line 518, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  background: transparent;
  color: #f6f6f7;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
}

/* line 57, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__btn-ghost:hover {
  border-color: #E5A82E;
  color: white;
}

/* line 520, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__email-note {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  font-size: 13px;
  color: rgba(246, 246, 247, 0.78);
  word-break: break-all;
}

/* line 527, app/assets/stylesheets/website/_roi_calculator.scss */
.roi-result__email-note strong {
  color: #f6f6f7;
}

@media (max-width: 640px) {
  /* line 532, app/assets/stylesheets/website/_roi_calculator.scss */
  .roi-wizard,
.roi-result {
    padding: 100px 16px 40px;
  }
  /* line 536, app/assets/stylesheets/website/_roi_calculator.scss */
  .roi-wizard__step,
.roi-result__hero,
.roi-result__comparison {
    padding: 24px 18px;
    border-radius: 18px;
  }
  /* line 542, app/assets/stylesheets/website/_roi_calculator.scss */
  .roi-wizard__title {
    font-size: 22px;
  }
  /* line 543, app/assets/stylesheets/website/_roi_calculator.scss */
  .roi-result__savings-amount {
    font-size: 56px;
  }
  /* line 544, app/assets/stylesheets/website/_roi_calculator.scss */
  .roi-result__h2 {
    font-size: 22px;
  }
  /* line 545, app/assets/stylesheets/website/_roi_calculator.scss */
  .roi-wizard__actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  /* line 546, app/assets/stylesheets/website/_roi_calculator.scss */
  .roi-wizard__btn-primary {
    justify-content: center;
  }
  /* line 547, app/assets/stylesheets/website/_roi_calculator.scss */
  .roi-wizard__btn-back {
    text-align: center;
  }
}

/* line 557, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta {
  --seo-roi-accent: #f59e0b;
  --seo-roi-accent-soft: rgba(245, 158, 11, 0.10);
  --seo-roi-accent-border: rgba(245, 158, 11, 0.32);
  margin: 60px auto;
  max-width: 1100px;
  padding: 32px 36px;
  background: linear-gradient(135deg, var(--seo-roi-accent-soft) 0%, rgba(255, 255, 255, 0.02) 100%);
  border: 1px solid var(--seo-roi-accent-border);
  border-radius: 18px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  position: relative;
  overflow: hidden;
}

/* line 574, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta--rose {
  --seo-roi-accent: #ec4899;
  --seo-roi-accent-soft: rgba(236, 72, 153, 0.10);
  --seo-roi-accent-border: rgba(236, 72, 153, 0.32);
}

/* line 575, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta--blue {
  --seo-roi-accent: #3b82f6;
  --seo-roi-accent-soft: rgba(59, 130, 246, 0.10);
  --seo-roi-accent-border: rgba(59, 130, 246, 0.32);
}

/* line 576, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta--green {
  --seo-roi-accent: #10b981;
  --seo-roi-accent-soft: rgba(16, 185, 129, 0.10);
  --seo-roi-accent-border: rgba(16, 185, 129, 0.32);
}

/* line 579, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 28px;
  align-items: center;
}

/* line 586, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: var(--seo-roi-accent);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  flex-shrink: 0;
}

/* line 600, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-body {
  min-width: 0;
}

/* line 602, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-title {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: #fff;
  line-height: 1.25;
}

/* line 610, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-subtitle {
  font-size: 14px;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.45;
}

/* line 617, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-action {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex-shrink: 0;
}

/* line 625, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  background: var(--seo-roi-accent);
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  border-radius: 12px;
  text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
  white-space: nowrap;
}

/* line 639, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  color: #fff;
  text-decoration: none;
}

/* line 647, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-btn i:first-child {
  font-size: 13px;
}

/* line 648, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-btn i:last-child {
  font-size: 12px;
  opacity: 0.75;
}

/* line 651, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-trust {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.02em;
}

/* line 659, app/assets/stylesheets/website/_roi_calculator.scss */
.seo-roi-cta-trust i {
  font-size: 10px;
  opacity: 0.7;
}

@media (max-width: 768px) {
  /* line 663, app/assets/stylesheets/website/_roi_calculator.scss */
  .seo-roi-cta {
    margin: 40px 16px;
    padding: 24px 20px;
  }
  /* line 667, app/assets/stylesheets/website/_roi_calculator.scss */
  .seo-roi-cta-inner {
    grid-template-columns: 1fr;
    gap: 16px;
    text-align: center;
  }
  /* line 672, app/assets/stylesheets/website/_roi_calculator.scss */
  .seo-roi-cta-icon {
    margin: 0 auto;
  }
  /* line 673, app/assets/stylesheets/website/_roi_calculator.scss */
  .seo-roi-cta-action {
    align-items: center;
  }
  /* line 674, app/assets/stylesheets/website/_roi_calculator.scss */
  .seo-roi-cta-btn {
    width: 100%;
    justify-content: center;
  }
  /* line 675, app/assets/stylesheets/website/_roi_calculator.scss */
  .seo-roi-cta-title {
    font-size: 19px;
  }
}

/* line 1, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  vertical-align: middle;
  gap: 8px;
  width: 100%;
  height: 16vh;
  padding-right: 5%;
  padding-left: 2%;
  transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
  background: transparent;
}

/* line 21, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-home {
  all: unset;
  font-size: 0.85rem;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 6px;
  height: 30px;
  width: 30px;
  aspect-ratio: 1;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, border 0.3s ease;
}

/* line 41, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-home a {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  cursor: pointer;
}

/* line 47, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-home:hover {
  transform: scale(1.08);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 53, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-home:hover .specialnavbar-home a:hover {
  color: #FFFFFF;
}

/* line 58, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-home.nightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 64, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-home.lightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 70, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-home i {
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 77, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-toggle {
  width: auto !important;
  min-width: 400px;
  height: 35px;
  font-size: 0.8rem;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
  border: 0.5px solid rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: space-evenly;
  gap: 4px;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0 12px;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

/* line 98, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-toggle:hover {
  transform: scale(1.04);
  background-color: rgba(255, 255, 255, 0.25);
}

/* line 103, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected.nightmode {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}

/* line 110, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected.lightmode {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}

/* line 117, app/assets/stylesheets/components/_customerspace_navbar.scss */
.on.nightmode {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}

/* line 124, app/assets/stylesheets/components/_customerspace_navbar.scss */
.on.lightmode {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}

/* line 132, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected-bold {
  position: relative;
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(10px) !important;
  color: #140D23 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

/* line 141, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected-bold::before {
  content: '';
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background-color: #E5A82E;
  border-radius: inherit;
  z-index: -1;
}

/* line 154, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected-bold i, .selected-bold span {
  color: #140D23 !important;
}

/* line 159, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected-bold.nightmode {
  position: relative;
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(10px) !important;
  color: #140D23 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

/* line 167, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected-bold.nightmode::before {
  content: '';
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background-color: #E5A82E;
  border-radius: inherit;
  z-index: -1;
}

/* line 180, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected-bold.nightmode i, .selected-bold.nightmode span {
  color: #140D23 !important;
}

/* line 185, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected-bold.lightmode {
  position: relative;
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(10px) !important;
  color: #140D23 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

/* line 193, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected-bold.lightmode::before {
  content: '';
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background-color: #E5A82E;
  border-radius: inherit;
  z-index: -1;
}

/* line 206, app/assets/stylesheets/components/_customerspace_navbar.scss */
.selected-bold.lightmode i, .selected-bold.lightmode span {
  color: #140D23 !important;
}

/* line 212, app/assets/stylesheets/components/_customerspace_navbar.scss */
.navbar-assistant-btn.selected-bold {
  position: relative;
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(10px) !important;
  color: #140D23 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

/* line 220, app/assets/stylesheets/components/_customerspace_navbar.scss */
.navbar-assistant-btn.selected-bold::before {
  content: '';
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background-color: #E5A82E;
  border-radius: inherit;
  z-index: -1;
}

/* line 232, app/assets/stylesheets/components/_customerspace_navbar.scss */
.navbar-assistant-btn.selected-bold .assistant-icon,
.navbar-assistant-btn.selected-bold .assistant-label {
  color: #140D23 !important;
  position: relative;
  z-index: 1;
}

/* line 240, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-admin.selected-bold,
.specialnavbar-account.selected-bold,
.specialnavbar-home.selected-bold,
.specialnavbar-logout.selected-bold {
  position: relative;
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(10px) !important;
  color: #140D23 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

/* line 251, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-admin.selected-bold::before,
.specialnavbar-account.selected-bold::before,
.specialnavbar-home.selected-bold::before,
.specialnavbar-logout.selected-bold::before {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background-color: #E5A82E;
  border-radius: inherit;
  z-index: -1;
}

/* line 263, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-admin.selected-bold i,
.specialnavbar-account.selected-bold i,
.specialnavbar-home.selected-bold i,
.specialnavbar-logout.selected-bold i {
  color: #140D23 !important;
  position: relative;
  z-index: 1;
}

/* line 270, app/assets/stylesheets/components/_customerspace_navbar.scss */
.btn-special-navbar {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  height: 35px;
  width: auto;
  min-width: fit-content;
  padding: 0 12px;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, border 0.3s ease;
}

/* line 290, app/assets/stylesheets/components/_customerspace_navbar.scss */
.btn-special-navbar:hover {
  transform: scale(1.08);
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* line 298, app/assets/stylesheets/components/_customerspace_navbar.scss */
.btn-special-navbar span {
  position: relative;
  z-index: 1;
}

/* line 304, app/assets/stylesheets/components/_customerspace_navbar.scss */
.btn-special-navbar span {
  margin-top: auto;
  margin-bottom: auto;
}

/* line 313, app/assets/stylesheets/components/_customerspace_navbar.scss */
.btn-special-navbar-icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  flex-shrink: 0;
  margin-right: 4px;
}

/* line 325, app/assets/stylesheets/components/_customerspace_navbar.scss */
.hidden {
  display: none !important;
}

/* line 329, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-lightmode {
  all: unset;
  width: auto;
  min-width: 60px;
  height: 35px;
  font-size: 1.2rem;
  line-height: 1;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: space-evenly;
  margin-top: auto;
  margin-bottom: auto;
  transition: transform 0.3s ease, background 0.3s ease, border 0.3s ease;
}

/* line 350, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-lightmode:hover {
  transform: scale(1.15);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* line 355, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-lightmode:hover .specialnavbar-lightmode a:hover {
  color: #FFFFFF;
}

/* line 360, app/assets/stylesheets/components/_customerspace_navbar.scss */
.btn-lightmode-navbar {
  color: #FFFFFF;
  border-radius: 30px;
  height: 100%;
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
}

/* line 370, app/assets/stylesheets/components/_customerspace_navbar.scss */
.btn-lightmode-navbar i {
  display: flex;
}

/* line 374, app/assets/stylesheets/components/_customerspace_navbar.scss */
.btn-lightmode-navbar i::before {
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
}

/* line 380, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-account {
  all: unset;
  font-size: 0.85rem;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 6px;
  height: 30px;
  width: 30px;
  aspect-ratio: 1;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, border 0.3s ease;
}

/* line 400, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-account a {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
}

/* line 410, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-account:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transform: scale(1.08);
  color: #FFFFFF;
}

/* line 416, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-account:hover .specialnavbar-account a:hover {
  color: #FFFFFF;
}

/* line 421, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-account.nightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 427, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-account.lightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 433, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-logout {
  all: unset;
  font-size: 0.85rem;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 6px;
  height: 30px;
  width: 30px;
  aspect-ratio: 1;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, border 0.3s ease;
}

/* line 453, app/assets/stylesheets/components/_customerspace_navbar.scss */
.a-specialnavbar {
  display: flex;
}

/* line 457, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-logout a {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
}

/* line 467, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-logout:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transform: scale(1.08);
  color: #FFFFFF;
}

/* line 473, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-logout:hover .specialnavbar-logout a:hover {
  color: #FFFFFF;
}

/* line 478, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-logout.nightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 484, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-logout.lightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 491, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-exit {
  display: none !important;
}

/* line 496, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-link {
  color: #FFFFFF;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* line 502, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-link:hover {
  color: #FFFFFF;
}

/* line 507, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-capsule {
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* line 514, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-capsule:hover {
  color: #FFFFFF;
}

/* line 520, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-admin {
  all: unset;
  font-size: 0.85rem;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 6px;
  height: 30px;
  width: 30px;
  aspect-ratio: 1;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, border 0.3s ease;
}

/* line 540, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-admin a {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
}

/* line 550, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-admin:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transform: scale(1.08);
  color: #FFFFFF;
}

/* line 556, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-admin:hover .specialnavbar-admin a:hover {
  color: #FFFFFF;
}

/* line 561, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-admin.nightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 567, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-admin.lightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 574, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall {
  all: unset;
  font-size: 0.85rem;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 6px;
  height: 30px;
  width: 30px;
  aspect-ratio: 1;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease, color 0.3s ease, border 0.3s ease;
  position: relative;
}

/* line 595, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall.hidden {
  display: none !important;
}

/* line 600, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall.active {
  position: relative;
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

/* line 607, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall.active::before {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background-color: #E5A82E;
  border-radius: inherit;
  z-index: 0;
}

/* line 619, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall.active .btn-orizen-recall {
  position: relative;
  z-index: 1;
}

/* line 623, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall.active .btn-orizen-recall .orizen-recall-img {
  filter: brightness(0) invert(1);
}

/* line 629, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall .btn-orizen-recall {
  color: #FFFFFF;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 2px;
}

/* line 643, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall .btn-orizen-recall .orizen-recall-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

/* line 650, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall .btn-orizen-recall i {
  display: none;
}

/* line 655, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transform: scale(1.08);
  color: #FFFFFF;
}

/* line 661, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall:hover .btn-orizen-recall {
  color: #FFFFFF;
}

/* line 666, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall.nightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 672, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-orizen-recall.lightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

@keyframes pulse-recall {
  0%, 100% {
    opacity: 0.4;
    transform: translate(-50%, -60%) scale(1);
  }
  50% {
    opacity: 0.8;
    transform: translate(-50%, -60%) scale(1.3);
  }
}

/* line 691, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-briefing {
  all: unset;
  font-size: 0.85rem;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 6px;
  height: 30px;
  width: 30px;
  aspect-ratio: 1;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  text-align: center;
  justify-content: center;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, border 0.3s ease;
  position: relative;
}

/* line 711, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-briefing.active {
  position: relative;
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

/* line 718, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-briefing.active::before {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background-color: #E5A82E;
  border-radius: inherit;
  z-index: 0;
}

/* line 730, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-briefing.active .btn-briefing {
  position: relative;
  z-index: 1;
  color: #FFFFFF;
}

/* line 737, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-briefing .btn-briefing {
  color: #FFFFFF;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

/* line 749, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-briefing .btn-briefing i {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 758, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-briefing .btn-briefing .briefing-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background: #ef4444;
  color: white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0a0a14;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

/* line 778, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-briefing:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transform: scale(1.08);
  color: #FFFFFF;
}

/* line 784, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-briefing:hover .btn-briefing {
  color: #FFFFFF;
}

/* line 789, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-briefing.nightmode:hover, .specialnavbar-briefing.lightmode:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}

/* line 798, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-assistant {
  display: flex;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
}

/* line 804, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-assistant .navbar-assistant-btn {
  position: relative;
  padding: 0 18px;
  height: 35px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

/* line 823, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-assistant .navbar-assistant-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transform: scale(1.08);
  text-decoration: none;
  color: #FFFFFF;
}

/* line 830, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-assistant .navbar-assistant-btn:hover .assistant-icon {
  color: #FFFFFF;
}

/* line 834, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-assistant .navbar-assistant-btn:hover .assistant-label {
  color: #FFFFFF;
}

/* line 839, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-assistant .navbar-assistant-btn .assistant-icon {
  font-size: 1rem;
  color: #FFFFFF;
}

/* line 844, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-assistant .navbar-assistant-btn .assistant-label {
  color: #FFFFFF;
}

/* line 849, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-assistant .navbar-assistant-btn .notification-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  background: #FF4444;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  animation: pulse-assistant 2s ease-in-out infinite;
}

@keyframes pulse-assistant {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
}

/* line 881, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-anchor {
  --ged-anchor-size: 44px;
  --ged-trigger-size: 30px;
  --ged-panel-height: 44px;
  --ged-trigger-offset: calc((var(--ged-anchor-size) - var(--ged-trigger-size)) / 2);
  --ged-panel-offset: calc((var(--ged-anchor-size) - var(--ged-panel-height)) / 2);
  position: relative;
  width: var(--ged-anchor-size);
  height: var(--ged-anchor-size);
  flex: 0 0 var(--ged-anchor-size);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  --ged-panel-width: 640px;
}

/* line 898, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-ged {
  all: unset;
  box-sizing: content-box;
  line-height: 1;
  flex-shrink: 0;
  -webkit-appearance: none;
  appearance: none;
  font: inherit;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  padding: 6px;
  height: var(--ged-trigger-size);
  width: var(--ged-trigger-size);
  aspect-ratio: 1;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), background 0.35s ease, border 0.35s ease;
}

/* line 926, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-ged::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(229, 168, 46, 0.35), rgba(229, 168, 46, 0));
  transition: width 0.5s ease-out, height 0.5s ease-out;
  pointer-events: none;
}

/* line 940, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-ged:hover {
  transform: scale(1.06);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* line 946, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-ged:active::before {
  width: 120px;
  height: 120px;
}

/* line 952, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar.ged-open .specialnavbar-ged {
  position: relative;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* line 957, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar.ged-open .specialnavbar-ged::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background-color: #E5A82E;
  border-radius: inherit;
  z-index: -1;
}

/* line 969, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar.ged-open .specialnavbar-ged i {
  color: #140D23;
  font-size: 1.1rem;
}

/* line 976, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar.ged-open .specialnavbar-ged {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* line 982, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar-ged i {
  font-size: 1.02rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 989, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-panel {
  position: absolute;
  top: var(--ged-panel-offset);
  left: var(--ged-panel-offset);
  height: var(--ged-panel-height);
  width: var(--ged-panel-height);
  display: flex;
  align-items: center;
  padding-left: 36px;
  padding-right: 10px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(35, 24, 49, 0.74);
  backdrop-filter: blur(10px) saturate(120%);
  overflow: visible;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
  transition: width 0.52s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease-out, transform 0.45s ease;
  transform: translateX(0) scaleX(0.98);
  transform-origin: left center;
}

/* line 1013, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar.ged-open .ged-nav-panel {
  width: var(--ged-panel-width, 780px);
  max-width: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0) scaleX(1);
}

/* line 1022, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-panel-content {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  opacity: 0;
  transform: translateX(-12px);
  transition: opacity 0.3s ease-out, transform 0.34s ease-out;
}

/* line 1032, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar.ged-open .ged-nav-panel-content {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.16s;
}

/* line 1038, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-search-shell {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 999px;
  border: none;
  background: transparent;
  box-shadow: none;
}

/* line 1051, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-search-icon-wrap {
  height: 24px;
  width: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  flex: 0 0 24px;
  margin-left: -8px;
}

/* line 1063, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-search-icon {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.84rem;
  opacity: 1;
}

/* line 1069, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-input {
  height: 100%;
  width: 100%;
  border-radius: 999px;
  border: none;
  background: transparent;
  color: #FFFFFF;
  font-size: 0.78rem;
  padding: 0 2px;
  outline: none;
}

/* line 1080, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-input::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

/* line 1084, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-input:focus {
  box-shadow: none;
}

/* line 1089, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-full-btn {
  all: unset;
  height: 28px;
  border-radius: 999px;
  padding: 0 11px;
  background: #E5A82E;
  color: #140D23;
  font-size: 0.64rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 0.2s ease, filter 0.2s ease;
}

/* line 1105, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-full-btn:hover {
  transform: translateY(-1px);
  filter: brightness(0.95);
}

/* line 1111, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-close-btn {
  all: unset;
  height: 30px;
  width: 30px;
  flex: 0 0 30px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

/* line 1125, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-close-btn i {
  font-size: 0.84rem;
}

/* line 1129, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-close-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.24);
}

/* line 1135, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-autocomplete {
  position: absolute;
  top: calc(var(--ged-panel-offset) + var(--ged-panel-height) + 8px);
  left: var(--ged-panel-offset);
  width: var(--ged-panel-width, 780px);
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(50, 35, 68, 0.96), rgba(41, 28, 56, 0.96));
  backdrop-filter: none;
  padding: 8px 16px 8px 10px;
  display: none;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
  height: 56vh;
  max-height: 520px;
  overflow-y: auto;
}

/* line 1153, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-autocomplete.is-visible {
  display: block;
}

/* line 1157, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-item {
  all: unset;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.75rem;
  cursor: default;
  border: 1px solid transparent;
  margin-bottom: 4px;
  overflow: hidden;
}

/* line 1173, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-item:last-child {
  margin-bottom: 0;
}

/* line 1177, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-item:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
}

/* line 1183, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-item-icon {
  height: 24px;
  width: 24px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(229, 168, 46, 0.12);
}

/* line 1192, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-item-icon i {
  color: #E5A82E;
  font-size: 0.74rem;
}

/* line 1198, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-item-content {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  overflow: hidden;
}

/* line 1207, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-item-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  justify-self: end;
  margin-right: 8px;
  flex: 0 0 auto;
}

/* line 1216, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  font-size: 0.61rem;
  font-weight: 700;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.2s ease;
}

/* line 1231, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-action-btn:hover {
  background: rgba(255, 255, 255, 0.16);
  transform: translateY(-1px);
  color: white;
  text-decoration: none;
}

/* line 1239, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-action-btn.is-pdf {
  background: rgba(229, 168, 46, 0.18);
  border-color: rgba(229, 168, 46, 0.5);
  color: rgba(229, 168, 46, 0.98);
}

/* line 1245, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-item-label {
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
}

/* line 1255, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-item-subtitle {
  flex: 1 1 auto;
  min-width: 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.64rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1265, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-empty {
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.68rem;
  padding: 8px 10px;
}

/* line 1271, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-badge {
  flex: 0 0 auto;
  font-size: 0.56rem;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 3px 7px;
  white-space: nowrap;
}

/* line 1281, app/assets/stylesheets/components/_customerspace_navbar.scss */
.ged-nav-links {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: opacity 0.36s ease-out, transform 0.4s ease-out, filter 0.34s ease-out;
}

/* line 1288, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar.ged-open .ged-nav-links {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* line 1294, app/assets/stylesheets/components/_customerspace_navbar.scss */
.specialnavbar.ged-open > :not(.specialnavbar-home):not(.ged-nav-anchor) {
  visibility: hidden !important;
  opacity: 0;
  pointer-events: none !important;
}

@media (max-width: 992px) {
  /* line 1301, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .specialnavbar.ged-open .ged-nav-panel {
    width: var(--ged-panel-width, 680px);
    max-width: none;
  }
  /* line 1306, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .ged-nav-input {
    width: 100%;
  }
  /* line 1310, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .ged-nav-full-btn {
    font-size: 0.62rem;
    padding: 0 8px;
  }
}

@media (max-width: 768px) {
  /* line 1317, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .ged-nav-links {
    display: none;
  }
  /* line 1321, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .specialnavbar.ged-open .ged-nav-panel {
    width: var(--ged-panel-width, 320px);
    max-width: none;
  }
  /* line 1326, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .ged-nav-input {
    width: 110px;
  }
  /* line 1330, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .ged-nav-full-btn {
    display: none;
  }
  /* line 1334, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .ged-nav-item {
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    row-gap: 6px;
  }
  /* line 1340, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .ged-nav-item-content {
    flex-wrap: wrap;
    row-gap: 4px;
  }
  /* line 1345, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .ged-nav-item-subtitle {
    flex-basis: 100%;
    order: 3;
  }
  /* line 1350, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .ged-nav-item-actions {
    grid-column: 1 / -1;
    margin-left: 34px;
  }
}

@media (max-width: 1200px) {
  /* line 1365, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .specialnavbar {
    gap: 6px;
    padding-right: 3%;
  }
  /* line 1370, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .btn-special-navbar {
    padding: 0 10px;
    font-size: 0.72rem;
  }
  /* line 1375, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .specialnavbar-assistant .navbar-assistant-btn {
    padding: 0 12px;
    font-size: 0.82rem;
  }
}

@media (max-width: 992px) {
  /* line 1383, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .specialnavbar {
    gap: 5px;
    padding-right: 2%;
    padding-left: 1%;
  }
  /* line 1389, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .btn-special-navbar {
    padding: 0 8px;
    font-size: 0.68rem;
    height: 32px;
  }
  /* line 1394, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .btn-special-navbar i {
    font-size: 0.75rem;
  }
  /* line 1399, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .specialnavbar-assistant .navbar-assistant-btn {
    padding: 0 10px;
    height: 32px;
    font-size: 0.8rem;
  }
  /* line 1405, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .specialnavbar-lightmode {
    min-width: 52px;
    height: 32px;
  }
  /* line 1411, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .specialnavbar-ged,
.specialnavbar-orizen-recall,
.specialnavbar-briefing,
.specialnavbar-admin,
.specialnavbar-account,
.specialnavbar-logout {
    height: 28px;
    width: 28px;
  }
  /* line 1421, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .ged-nav-anchor {
    --ged-anchor-size: 40px;
    --ged-trigger-size: 28px;
  }
}

@media (max-width: 768px) {
  /* line 1429, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .btn-special-navbar {
    padding: 0 10px;
  }
  /* line 1433, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .btn-special-navbar span {
    font-size: 0;
  }
  /* line 1436, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .btn-special-navbar span i,
.btn-special-navbar span .btn-special-navbar-count {
    font-size: 0.85rem;
  }
  /* line 1441, app/assets/stylesheets/components/_customerspace_navbar.scss */
  .btn-special-navbar span .btn-special-navbar-count {
    margin-left: 4px;
  }
}

/* line 1450, app/assets/stylesheets/components/_customerspace_navbar.scss */
.a-specialnavbar-form {
  margin: 0;
  padding: 0;
  display: inline-flex;
}

/* line 1456, app/assets/stylesheets/components/_customerspace_navbar.scss */
button.a-specialnavbar {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
}

/* line 1462, app/assets/stylesheets/components/_customerspace_navbar.scss */
button.a-specialnavbar:focus {
  outline: none;
}

/* ========================================================================
   COMPOSANT COMMUN - Styles pour les checkboxes de dépendances
   Utilisé dans les modals et les pages de templates de projet
   ======================================================================== */
/* line 7, app/assets/stylesheets/components/_dependencies.scss */
.dependencies-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  max-height: 300px;
  overflow-y: auto;
  padding: 8px;
  border-radius: 8px;
}

/* line 18, app/assets/stylesheets/components/_dependencies.scss */
.dependencies-list {
  margin-bottom: 20px;
}

/* line 22, app/assets/stylesheets/components/_dependencies.scss */
.dependency-checkbox-label {
  opacity: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 34, app/assets/stylesheets/components/_dependencies.scss */
.dependency-checkbox-label:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
}

/* line 39, app/assets/stylesheets/components/_dependencies.scss */
.dependency-checkbox-label .dependency-checkbox {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--primary-color);
  border-radius: 4px;
  transition: all 0.2s ease;
}

/* line 51, app/assets/stylesheets/components/_dependencies.scss */
.dependency-checkbox-label .dependency-label {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 400;
  flex: 1;
  opacity: 1;
}

/* line 59, app/assets/stylesheets/components/_dependencies.scss */
.dependency-checkbox-label:has(.dependency-checkbox:checked) {
  background: rgba(var(--primary-color-rgb), 0.1);
  border-color: rgba(var(--primary-color-rgb), 0.3);
}

/* line 63, app/assets/stylesheets/components/_dependencies.scss */
.dependency-checkbox-label:has(.dependency-checkbox:checked) .dependency-label {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 500;
}

/* line 71, app/assets/stylesheets/components/_dependencies.scss */
.dependency-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 77, app/assets/stylesheets/components/_dependencies.scss */
.dependency-delay-field {
  margin-left: 28px;
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.06);
}

/* line 88, app/assets/stylesheets/components/_dependencies.scss */
.dependency-delay-field.hidden {
  display: none;
}

/* line 92, app/assets/stylesheets/components/_dependencies.scss */
.dependency-delay-field .delay-label {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  opacity: 1 !important;
  visibility: visible !important;
}

/* line 103, app/assets/stylesheets/components/_dependencies.scss */
.dependency-delay-field .delay-label i {
  color: var(--primary-color);
  font-size: 11px;
}

/* line 109, app/assets/stylesheets/components/_dependencies.scss */
.dependency-delay-field .delay-input {
  width: 100%;
  padding: 6px 10px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  transition: all 0.2s ease;
}

/* line 119, app/assets/stylesheets/components/_dependencies.scss */
.dependency-delay-field .delay-input:focus {
  outline: none;
  border-color: var(--primary-color);
  background: rgba(255, 255, 255, 0.12);
}

/* line 125, app/assets/stylesheets/components/_dependencies.scss */
.dependency-delay-field .delay-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

/* Light mode */
/* line 133, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependencies-checkboxes {
  background: rgba(20, 13, 35, 0.03) !important;
  border: 1px solid rgba(20, 13, 35, 0.1) !important;
}

/* line 138, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-checkbox-label {
  background: rgba(20, 13, 35, 0.02) !important;
  border: 1px solid rgba(20, 13, 35, 0.1) !important;
}

/* line 142, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-checkbox-label:hover {
  background: rgba(20, 13, 35, 0.05) !important;
  border-color: rgba(20, 13, 35, 0.2) !important;
}

/* line 147, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-checkbox-label .dependency-label {
  color: #140D23 !important;
}

/* line 151, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-checkbox-label:has(.dependency-checkbox:checked) {
  background: rgba(var(--primary-color-rgb), 0.08) !important;
  border-color: rgba(var(--primary-color-rgb), 0.25) !important;
}

/* line 155, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-checkbox-label:has(.dependency-checkbox:checked) .dependency-label {
  color: #140D23 !important;
}

/* line 161, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-delay-field {
  background: rgba(20, 13, 35, 0.02) !important;
  border: 1px solid rgba(20, 13, 35, 0.1) !important;
}

/* line 165, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-delay-field .delay-label {
  color: #140D23 !important;
}

/* line 168, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-delay-field .delay-label i {
  color: var(--primary-color);
}

/* line 173, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-delay-field .delay-input {
  background: rgba(20, 13, 35, 0.05) !important;
  border: 1px solid rgba(20, 13, 35, 0.15) !important;
  color: #140D23 !important;
}

/* line 178, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-delay-field .delay-input:focus {
  border-color: var(--primary-color);
  background: rgba(20, 13, 35, 0.08) !important;
}

/* line 183, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .dependency-delay-field .delay-input::placeholder {
  color: rgba(20, 13, 35, 0.4) !important;
}

/* Styles pour les messages flash interactifs */
/* line 191, app/assets/stylesheets/components/_dependencies.scss */
.flash-notice-interactive {
  padding: 12px 20px;
  gap: 8px;
  pointer-events: auto;
}

/* line 196, app/assets/stylesheets/components/_dependencies.scss */
.flash-notice-interactive .btn-close {
  pointer-events: auto;
  margin-left: 12px;
}

/* Styles pour les erreurs de formulaire */
/* line 203, app/assets/stylesheets/components/_dependencies.scss */
.form-errors {
  margin-top: 12px;
  padding: 12px;
  background: rgba(220, 53, 69, 0.1);
  border: 1px solid rgba(220, 53, 69, 0.3);
  border-radius: 8px;
  color: #dc3545;
}

/* line 211, app/assets/stylesheets/components/_dependencies.scss */
.form-errors ul {
  margin: 0;
  padding-left: 20px;
}

/* line 218, app/assets/stylesheets/components/_dependencies.scss */
.lightmode .form-errors {
  background: rgba(220, 53, 69, 0.08);
  border-color: rgba(220, 53, 69, 0.25);
  color: #dc2626;
}

/* line 1, app/assets/stylesheets/components/_devise.scss */
.devise-container {
  margin-top: 200px;
}

/* line 3, app/assets/stylesheets/components/_devise.scss */
.devise-container h2, .devise-container .h2 {
  margin-bottom: 20px;
}

/* line 6, app/assets/stylesheets/components/_devise.scss */
.devise-container input {
  max-width: 550px;
}

/* line 11, app/assets/stylesheets/components/_devise.scss */
.devise-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* line 18, app/assets/stylesheets/components/_devise.scss */
.devise-flex .connexion-center {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

/* line 26, app/assets/stylesheets/components/_devise.scss */
.link-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  gap: 10px;
  width: 100%;
}

/* line 1, app/assets/stylesheets/components/_document.scss */
.documents-index {
  margin-top: 12vh;
  display: flex;
  height: 80vh;
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
  padding: 10px;
  gap: 10px;
}

/* line 13, app/assets/stylesheets/components/_document.scss */
.documents-index-title h2, .documents-index-title .h2 {
  font-size: 1.2rem;
  margin-bottom: 15px;
}

/* line 18, app/assets/stylesheets/components/_document.scss */
.vignette-documents-index-search {
  border-radius: 10px;
  background-image: linear-gradient(to right, rgba(166, 2, 64, 0.6), rgba(166, 2, 64, 0.5));
  padding: 1px;
  box-shadow: -1rem 0 3rem #000;
  height: 10%;
  transition: 0.4s ease-out;
}

/* line 27, app/assets/stylesheets/components/_document.scss */
.documents-index-search {
  background-color: #17141d;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 10px;
}

/* line 35, app/assets/stylesheets/components/_document.scss */
.vignette-documents-index-list {
  border-radius: 10px;
  background-image: linear-gradient(to right, rgba(166, 2, 64, 0.6), rgba(166, 2, 64, 0.5));
  padding: 1px;
  box-shadow: -1rem 0 3rem #000;
  height: 90%;
  transition: 0.4s ease-out;
}

/* line 44, app/assets/stylesheets/components/_document.scss */
.documents-index-list {
  background-color: #17141d;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 55, app/assets/stylesheets/components/_document.scss */
.list-documents-item-title {
  height: 10%;
  width: 70%;
  display: flex;
  flex-direction: row;
  gap: 5px;
  text-align: center;
  align-items: center;
  font-size: 0.8rem;
}

/* line 67, app/assets/stylesheets/components/_document.scss */
.list-documents-item {
  height: 90%;
}

/* line 71, app/assets/stylesheets/components/_document.scss */
.list-documents-item-infos {
  display: flex;
  flex-direction: row;
  gap: 5px;
  text-align: center;
  width: 70%;
}

/* line 79, app/assets/stylesheets/components/_document.scss */
.list-documents-item-commands {
  display: flex;
  flex-direction: row;
  gap: 5px;
  text-align: center;
  width: 30%;
}

/* line 87, app/assets/stylesheets/components/_document.scss */
.list-documents-item-infos p {
  margin: 0;
}

/* line 91, app/assets/stylesheets/components/_document.scss */
.list-documents-item-infos-id {
  width: 25%;
}

/* line 96, app/assets/stylesheets/components/_document.scss */
.list-documents-item-infos-title {
  width: 25%;
}

/* line 101, app/assets/stylesheets/components/_document.scss */
.list-documents-item-infos-type {
  width: 25%;
}

/* line 106, app/assets/stylesheets/components/_document.scss */
.list-documents-item-infos-description {
  width: 25%;
}

/* line 10, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10002;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* line 22, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal.visible {
  display: flex;
  opacity: 1;
  visibility: visible;
}

/* line 28, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(1px);
  cursor: pointer;
}

/* line 39, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 1000px;
  height: 700px;
  max-height: calc(100vh - 48px);
  background: var(--oz-depth-1);
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--oz-glass-border), 0 0 80px -20px rgba(229, 168, 46, 0.14), 0 32px 64px -12px rgba(0, 0, 0, 0.6);
  z-index: 10003;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
  cursor: default;
  user-select: none;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

/* line 59, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal.visible .capabilities-modal .capabilities-modal-content {
  animation: slideInCapabilities 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 64, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content::-webkit-scrollbar {
  width: 4px;
}

/* line 65, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content::-webkit-scrollbar-track {
  background: transparent;
}

/* line 66, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* line 69, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* line 74, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 16px;
  background: var(--oz-glass);
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 83, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-modal-header h3, .capabilities-modal .capabilities-modal-content .capabilities-modal-header .h3 {
  margin: 0;
  color: var(--oz-text-1);
  font-size: 1.15rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  letter-spacing: -0.02em;
}

/* line 93, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-modal-header h3 i, .capabilities-modal .capabilities-modal-content .capabilities-modal-header .h3 i {
  color: #E5A82E;
}

/* line 98, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-modal-header .capabilities-modal-close {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.82rem;
  cursor: pointer;
  padding: 0;
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 113, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-modal-header .capabilities-modal-close:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
  transform: translateY(-1px);
}

/* line 121, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-modal-body {
  padding: 20px 24px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

/* line 128, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-modal-body::-webkit-scrollbar {
  width: 4px;
}

/* line 129, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-modal-body::-webkit-scrollbar-track {
  background: transparent;
}

/* line 130, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-modal-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* line 133, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-modal-body::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* line 139, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-section {
  margin-bottom: 2rem;
}

/* line 142, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-section:last-child {
  margin-bottom: 0;
}

/* line 146, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-section h4, .capabilities-modal .capabilities-modal-content .capabilities-section .h4 {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--oz-text-1);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 155, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-section h4 i, .capabilities-modal .capabilities-modal-content .capabilities-section .h4 i {
  color: #E5A82E;
}

/* line 161, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 0.75rem;
}

/* line 167, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-card {
  padding: 1.25rem;
  background: var(--oz-glass);
  backdrop-filter: blur(10px);
  border: 1px solid var(--oz-glass-border);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 176, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-card:hover {
  background: var(--oz-glass-hover);
  border-color: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
}

/* line 182, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-card .capability-icon {
  width: 44px;
  height: 44px;
  background: rgba(229, 168, 46, 0.15);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

/* line 192, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-card .capability-icon i {
  font-size: 1.3rem;
  color: #E5A82E;
}

/* line 199, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-card .capability-content h5, .capabilities-modal .capabilities-modal-content .capability-card .capability-content .h5 {
  margin: 0 0 0.5rem 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 206, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-card .capability-content p {
  margin: 0 0 0.5rem 0;
  font-size: 0.85rem;
  color: var(--oz-text-2);
  line-height: 1.5;
}

/* line 213, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-card .capability-content .capability-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background: rgba(100, 1, 39, 0.12);
  color: var(--oz-gold);
  border-radius: 6px;
  font-size: 0.72rem;
  font-weight: 600;
}

/* line 225, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capabilities-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 231, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-item {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: var(--oz-glass);
  border-radius: 12px;
  border: 1px solid var(--oz-glass-border);
  transition: all 0.2s ease;
}

/* line 240, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-item:hover {
  background: var(--oz-glass-hover);
}

/* line 244, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-item .capability-item-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: rgba(229, 168, 46, 0.15);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 254, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-item .capability-item-icon i {
  color: #E5A82E;
}

/* line 259, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-item .capability-item-content {
  flex: 1;
}

/* line 262, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-item .capability-item-content h5, .capabilities-modal .capabilities-modal-content .capability-item .capability-item-content .h5 {
  margin: 0 0 0.5rem 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 269, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-item .capability-item-content p {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  color: var(--oz-text-2);
  line-height: 1.5;
}

/* line 276, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-item .capability-item-content .capability-examples {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 281, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-item .capability-item-content .capability-examples .example-chip {
  padding: 0.35rem 0.65rem;
  background: var(--oz-glass-active);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  font-size: 0.82rem;
  color: var(--oz-text-1);
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 291, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .capability-item .capability-item-content .capability-examples .example-chip:hover {
  background: rgba(229, 168, 46, 0.15);
  border-color: rgba(100, 1, 39, 0.2);
  color: var(--oz-cream);
  transform: translateY(-1px);
}

/* line 302, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .examples-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
}

/* line 309, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .example-category h5, .capabilities-modal .capabilities-modal-content .example-category .h5 {
  margin: 0 0 0.75rem 0;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--oz-text-2);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 318, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .example-category ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 327, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .example-category ul li .example-query {
  width: 100%;
  padding: 0.65rem 1rem;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  color: var(--oz-text-1);
  font-size: 0.85rem;
  text-align: left;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 339, app/assets/stylesheets/components/_capabilities_modal.scss */
.capabilities-modal .capabilities-modal-content .example-category ul li .example-query:hover {
  background: rgba(229, 168, 46, 0.15);
  border-color: rgba(100, 1, 39, 0.2);
  color: var(--oz-cream);
  transform: translateX(4px);
}

@keyframes slideInCapabilities {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* line 6, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 200002;
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 14px;
  padding: 0;
  min-width: 320px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateY(-12px);
  transition: opacity 0.3s, transform 0.3s;
  overflow: hidden;
}

/* line 22, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast.visible {
  opacity: 1;
  transform: translateY(0);
}

/* line 24, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .email-oauth-toast-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid var(--oz-glass-border);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 35, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .email-oauth-toast-close {
  background: none;
  border: none;
  color: var(--oz-text-4);
  cursor: pointer;
  font-size: 0.72rem;
  padding: 4px;
  border-radius: 4px;
}

/* line 43, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .email-oauth-toast-close:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass);
}

/* line 46, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .email-oauth-toast-steps {
  padding: 12px 16px 14px;
}

/* line 50, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .oauth-step {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  color: var(--oz-text-4);
  padding: 4px 0;
  transition: color 0.3s;
}

/* line 59, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .oauth-step.active {
  color: var(--oz-text-2);
}

/* line 62, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .oauth-step-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.5rem;
  transition: all 0.3s;
}

/* line 72, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .oauth-step-dot.pending {
  background: rgba(255, 255, 255, 0.06);
  border: 1.5px solid var(--oz-glass-border);
}

/* line 76, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .oauth-step-dot.syncing {
  background: rgba(52, 152, 219, 0.15);
  border: 1.5px solid #3498db;
}

/* line 79, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .oauth-step-dot.syncing::after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3498db;
  animation: oauthPulse 1s infinite;
}

/* line 81, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .oauth-step-dot.done {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  border: none;
}

/* line 84, app/assets/stylesheets/components/_email_surpage.scss */
.email-oauth-toast .oauth-step-dot.done::after {
  content: '✓';
  color: white;
  font-size: 0.55rem;
  font-weight: 700;
}

@keyframes oauthPulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.6);
  }
}

/* line 95, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300000;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}

/* line 109, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-modal {
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 18px;
  padding: 28px 32px 24px;
  max-width: 380px;
  width: 90%;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  animation: confirmSlideIn 0.25s ease;
}

@keyframes confirmSlideIn {
  from {
    transform: scale(0.92) translateY(10px);
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

/* line 126, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(246, 229, 179, 0.1);
  border: 1px solid rgba(246, 229, 179, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  font-size: 1.1rem;
  color: var(--oz-gold);
}

/* line 138, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-icon.danger {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.25);
  color: var(--oz-alert);
}

/* line 145, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--oz-text-1);
  margin-bottom: 8px;
}

/* line 152, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-message {
  font-size: 0.78rem;
  color: var(--oz-text-3);
  line-height: 1.5;
  margin-bottom: 20px;
}

/* line 159, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
}

/* line 165, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-btn {
  padding: 8px 20px;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
  border: none;
}

/* line 174, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-btn.cancel {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-2);
}

/* line 178, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-btn.cancel:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-1);
}

/* line 180, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-btn.ok {
  background: var(--oz-gold);
  color: var(--oz-depth-1);
}

/* line 183, app/assets/stylesheets/components/_email_surpage.scss */
.email-confirm-btn.ok:hover {
  filter: brightness(1.1);
}

/* line 188, app/assets/stylesheets/components/_email_surpage.scss */
button.email-confirm-btn.ok.danger {
  background: linear-gradient(135deg, #dc2626, #991c1c) !important;
  color: #fff !important;
  box-shadow: 0 2px 12px rgba(220, 38, 38, 0.3);
}

/* line 192, app/assets/stylesheets/components/_email_surpage.scss */
button.email-confirm-btn.ok.danger:hover {
  filter: brightness(1.15);
}

/* line 196, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 200000;
  background: var(--oz-depth-2);
  border: 1px solid rgba(229, 168, 46, 0.15);
  border-radius: 14px;
  box-shadow: 0 0 0 1px rgba(229, 168, 46, 0.14), 0 0 40px -10px rgba(229, 168, 46, 0.15), 0 16px 40px -10px rgba(0, 0, 0, 0.5);
  padding: 14px 18px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 420px;
  color: white;
  opacity: 0;
  transform: translateX(100px) scale(0.95);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 215, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast.visible {
  opacity: 1;
  transform: translateX(0) scale(1);
}

/* line 220, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(229, 168, 46, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--oz-gold);
  font-size: 0.9rem;
  animation: urgentPulseRing 2s ease-in-out infinite;
}

/* line 234, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-body {
  flex: 1;
  min-width: 0;
}

/* line 239, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-label {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--oz-gold);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}

/* line 250, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-title {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--oz-text-1);
  margin-bottom: 2px;
}

/* line 257, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-subject {
  font-size: 0.72rem;
  color: var(--oz-text-3);
  margin-bottom: 10px;
}

/* line 263, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-actions {
  display: flex;
  gap: 8px;
}

/* line 268, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-btn {
  padding: 5px 14px;
  border-radius: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  border: 1px solid var(--oz-glass-border);
}

/* line 278, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-btn.primary {
  background: #E5A82E;
  border-color: #E5A82E;
  color: white;
}

/* line 282, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-btn.primary:hover {
  background: var(--oz-gold);
  border-color: var(--oz-gold);
}

/* line 285, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-btn.secondary {
  background: var(--oz-glass);
  color: var(--oz-text-3);
}

/* line 288, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-toast .email-urgent-toast-btn.secondary:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-2);
}

@keyframes urgentPulseRing {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(229, 168, 46, 0.15);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(229, 168, 46, 0.14);
  }
}

/* line 302, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100010;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* line 314, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal.visible {
  display: flex;
  opacity: 1;
  visibility: visible;
}

/* line 322, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal.fullscreen .email-surpage-overlay {
  background: rgba(0, 0, 0, 0.7);
}

/* line 323, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal.fullscreen .email-surpage-content {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  border-radius: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 337, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal .email-surpage-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(1px);
  cursor: pointer;
}

/* line 347, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal .email-surpage-content {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 1000px;
  height: 700px;
  max-height: calc(100vh - 48px);
  background: var(--oz-depth-1);
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--oz-glass-border), 0 0 80px -20px rgba(229, 168, 46, 0.14), 0 32px 64px -12px rgba(0, 0, 0, 0.6);
  z-index: 100011;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  cursor: default;
  user-select: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

/* line 367, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal.visible .email-surpage-modal .email-surpage-content {
  animation: slideInEmailSurpage 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 372, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal .email-surpage-content::before {
  content: '';
  position: absolute;
  width: 700px;
  height: 700px;
  top: -250px;
  right: -150px;
  background: radial-gradient(circle, rgba(229, 168, 46, 0.07) 0%, rgba(229, 168, 46, 0.03) 40%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* line 380, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal .email-surpage-content::after {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  bottom: -150px;
  left: -100px;
  background: radial-gradient(circle, rgba(229, 168, 46, 0.05) 0%, rgba(229, 168, 46, 0.02) 40%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* line 388, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal .email-surpage-content > * {
  position: relative;
  z-index: 1;
}

/* line 391, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal .email-surpage-content::-webkit-scrollbar {
  width: 4px;
}

/* line 392, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal .email-surpage-content::-webkit-scrollbar-track {
  background: transparent;
}

/* line 393, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal .email-surpage-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* line 396, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-modal .email-surpage-content::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

@keyframes slideInEmailSurpage {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* line 409, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px 16px;
  background: var(--oz-glass);
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 418, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header .email-surpage-header-left {
  display: flex;
  align-items: center;
  gap: 0;
}

/* line 424, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header h3, .email-surpage-header .h3 {
  margin: 0;
  color: var(--oz-text-1);
  font-size: 1.15rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  letter-spacing: -0.02em;
}

/* line 434, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header h3 i, .email-surpage-header .h3 i {
  color: #E5A82E;
}

/* line 437, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header .email-surpage-back {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.78rem;
  cursor: pointer;
  padding: 0;
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

/* line 452, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header .email-surpage-back:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
}

/* line 455, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header .email-surpage-header-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 461, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header .email-surpage-fullscreen {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.72rem;
  cursor: pointer;
  padding: 0;
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 475, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header .email-surpage-fullscreen:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
}

/* line 478, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header .email-surpage-close {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.82rem;
  cursor: pointer;
  padding: 0;
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 492, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-header .email-surpage-close:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
  transform: translateY(-1px);
}

/* line 501, app/assets/stylesheets/components/_email_surpage.scss */
.email-surpage-body {
  padding: 20px 24px;
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* line 511, app/assets/stylesheets/components/_email_surpage.scss */
.email-onboarding {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
}

/* line 517, app/assets/stylesheets/components/_email_surpage.scss */
.email-onboarding .email-onboarding-icon {
  width: 72px;
  height: 72px;
  background: rgba(229, 168, 46, 0.15);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  position: relative;
}

/* line 527, app/assets/stylesheets/components/_email_surpage.scss */
.email-onboarding .email-onboarding-icon i {
  font-size: 1.8rem;
  color: #E5A82E;
}

/* line 528, app/assets/stylesheets/components/_email_surpage.scss */
.email-onboarding .email-onboarding-icon .sparkle {
  position: absolute;
  top: -4px;
  right: -4px;
  font-size: 0.9rem;
  color: var(--oz-cream);
  animation: sparkle-pulse-email 2s ease-in-out infinite;
}

/* line 537, app/assets/stylesheets/components/_email_surpage.scss */
.email-onboarding .email-onboarding-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--oz-text-1);
  margin-bottom: 6px;
}

/* line 544, app/assets/stylesheets/components/_email_surpage.scss */
.email-onboarding .email-onboarding-subtitle {
  font-size: 0.82rem;
  color: var(--oz-text-2);
  margin-bottom: 28px;
  text-align: center;
  max-width: 480px;
}

@keyframes sparkle-pulse-email {
  0%, 100% {
    opacity: 0.5;
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}

/* line 559, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-cards {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
  width: 100%;
  max-width: 600px;
}

/* line 567, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-card {
  flex: 1;
  padding: 20px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 580, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-card:hover {
  background: var(--oz-glass-hover);
  border-color: rgba(255, 255, 255, 0.12);
  transform: translateY(-2px);
}

/* line 586, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-card .email-provider-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
}

/* line 594, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-card .email-provider-icon.gmail {
  background: rgba(234, 67, 53, 0.12);
  color: #ea4335;
}

/* line 595, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-card .email-provider-icon.outlook {
  background: rgba(0, 120, 215, 0.12);
  color: #0078d7;
}

/* line 596, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-card .email-provider-icon.imap {
  background: rgba(149, 165, 166, 0.12);
  color: #95a5a6;
}

/* line 599, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-card .email-provider-name {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 600, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-card .email-provider-desc {
  font-size: 0.68rem;
  color: var(--oz-text-3);
  text-align: center;
  line-height: 1.4;
}

/* line 602, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-card .email-provider-connect-btn {
  padding: 6px 16px;
  border-radius: 8px;
  border: 1px solid var(--oz-glass-border);
  background: var(--oz-glass-active);
  color: var(--oz-text-1);
  font-size: 0.78rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}

/* line 614, app/assets/stylesheets/components/_email_surpage.scss */
.email-provider-card .email-provider-connect-btn:hover {
  background: rgba(229, 168, 46, 0.15);
  border-color: rgba(229, 168, 46, 0.2);
  color: var(--oz-cream);
}

/* line 619, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-settings {
  width: 100%;
  max-width: 600px;
}

/* line 623, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-settings .email-ai-settings-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
  margin-bottom: 12px;
  font-family: inherit;
  color: var(--oz-text-2);
  font-size: 0.82rem;
  font-weight: 600;
  width: 100%;
  text-align: left;
}

/* line 641, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-settings .email-ai-settings-header .chevron {
  margin-left: auto;
  font-size: 0.65rem;
  color: var(--oz-text-3);
}

/* line 642, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-settings .email-ai-settings-header:hover {
  background: var(--oz-glass-hover);
}

/* line 645, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-settings .email-ai-settings-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 652, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 653, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--oz-text-2);
}

/* line 654, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 655, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-chip {
  padding: 5px 12px;
  border-radius: 8px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-2);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}

/* line 667, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-chip:hover {
  background: var(--oz-glass-hover);
}

/* line 668, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-chip.selected {
  background: rgba(229, 168, 46, 0.15);
  border-color: rgba(229, 168, 46, 0.25);
  color: var(--oz-cream);
}

/* line 670, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-input {
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--oz-text-1);
  font-size: 0.78rem;
  font-family: inherit;
  outline: none;
  width: 100%;
  max-width: 300px;
}

/* line 682, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-input::placeholder {
  color: var(--oz-text-4);
}

/* line 683, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-input:focus {
  border-color: var(--oz-gold);
  box-shadow: 0 0 0 2px rgba(var(--oz-gold-rgb, 212, 175, 55), 0.15);
}

/* line 687, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* line 692, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 697, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-input.full {
  max-width: 100%;
}

/* line 699, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-image-zone {
  border: 2px dashed var(--oz-glass-border);
  border-radius: 10px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.2s;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 710, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-image-zone:hover {
  border-color: var(--oz-gold);
  background: rgba(255, 255, 255, 0.02);
}

/* line 712, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-image-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: var(--oz-text-4);
  font-size: 0.72rem;
  text-align: center;
}

/* line 721, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-image-placeholder i {
  font-size: 1.2rem;
  color: var(--oz-text-3);
  margin-bottom: 2px;
}

/* line 723, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-image-current {
  position: relative;
  display: inline-block;
}

/* line 727, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-image-thumb {
  max-width: 100%;
  max-height: 80px;
  border-radius: 6px;
  display: block;
}

/* line 733, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-image-remove {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--oz-alert);
  color: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: transform 0.15s;
}

/* line 750, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-image-remove:hover {
  transform: scale(1.15);
}

/* line 754, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-upload-btn {
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  padding: 6px 14px;
  color: var(--oz-text-2);
  font-size: 0.72rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* line 768, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-upload-btn:hover {
  background: var(--oz-glass);
  color: var(--oz-text-1);
  border-color: var(--oz-gold);
}

/* line 769, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-upload-btn i {
  font-size: 0.65rem;
}

/* line 771, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-remove-btn {
  background: none;
  border: 1px solid rgba(255, 80, 80, 0.3);
  border-radius: 6px;
  padding: 5px 8px;
  color: var(--oz-alert);
  font-size: 0.65rem;
  cursor: pointer;
  transition: all 0.15s;
}

/* line 781, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-remove-btn:hover {
  background: rgba(255, 80, 80, 0.1);
  border-color: var(--oz-alert);
}

/* line 785, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-color-btn {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.15s;
  padding: 0;
}

/* line 793, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-color-btn:hover {
  transform: scale(1.2);
}

/* line 794, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-color-btn.active {
  border-color: var(--oz-gold);
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.3);
  transform: scale(1.15);
}

/* line 796, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-color-custom {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px dashed var(--oz-glass-border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: all 0.15s;
}

/* line 807, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-color-custom:hover {
  border-color: var(--oz-gold);
}

/* line 811, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-slider {
  flex: 1;
  -webkit-appearance: none;
  appearance: none;
  height: 4px;
  background: var(--oz-glass-border);
  border-radius: 2px;
  outline: none;
  cursor: pointer;
}

/* line 821, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--oz-gold);
  border: 2px solid var(--oz-depth-1);
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

/* line 830, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-slider::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--oz-gold);
  border: 2px solid var(--oz-depth-1);
  cursor: pointer;
}

/* line 840, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-toggle {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}

/* line 845, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 847, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-toggle .email-sig-toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--oz-glass-border);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.25s;
}

/* line 855, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-toggle .email-sig-toggle-slider::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  left: 2px;
  bottom: 2px;
  background: var(--oz-text-3);
  border-radius: 50%;
  transition: all 0.25s;
}

/* line 866, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-toggle input:checked + .email-sig-toggle-slider {
  background: var(--oz-gold);
}

/* line 868, app/assets/stylesheets/components/_email_surpage.scss */
.email-sig-toggle input:checked + .email-sig-toggle-slider::before {
  transform: translateX(16px);
  background: #fff;
}

/* line 872, app/assets/stylesheets/components/_email_surpage.scss */
.email-signature-preview {
  margin-top: 4px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  min-height: 50px;
  border: none;
  overflow: hidden;
}

/* line 883, app/assets/stylesheets/components/_email_surpage.scss */
.email-actions-category {
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 6px;
}

/* line 890, app/assets/stylesheets/components/_email_surpage.scss */
.email-actions-cat-header {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.02);
  border: none;
  color: var(--oz-text-2);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s;
}

/* line 904, app/assets/stylesheets/components/_email_surpage.scss */
.email-actions-cat-header:hover {
  background: var(--oz-glass);
  color: var(--oz-text-1);
}

/* line 905, app/assets/stylesheets/components/_email_surpage.scss */
.email-actions-cat-header span:first-of-type {
  flex: 1;
  text-align: left;
}

/* line 908, app/assets/stylesheets/components/_email_surpage.scss */
.email-actions-cat-count {
  font-size: 0.62rem;
  font-weight: 400;
  color: var(--oz-text-4);
  background: rgba(255, 255, 255, 0.05);
  padding: 1px 6px;
  border-radius: 8px;
}

/* line 917, app/assets/stylesheets/components/_email_surpage.scss */
.email-actions-cat-chevron {
  font-size: 0.55rem;
  color: var(--oz-text-4);
  transition: transform 0.2s;
}

/* line 923, app/assets/stylesheets/components/_email_surpage.scss */
.email-actions-cat-body {
  border-top: 1px solid var(--oz-glass-border);
  padding: 4px 0;
}

/* line 928, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-toggle-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px 5px 20px;
  cursor: pointer;
  transition: background 0.1s;
}

/* line 936, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-toggle-row:hover {
  background: rgba(255, 255, 255, 0.02);
}

/* line 939, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-toggle-info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

/* line 947, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-toggle-label {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--oz-text-2);
  white-space: nowrap;
}

/* line 954, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-toggle-desc {
  font-size: 0.62rem;
  color: var(--oz-text-4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 962, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-toggle-input {
  display: none;
}

/* line 966, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-toggle-switch {
  position: relative;
  width: 28px;
  height: 16px;
  background: var(--oz-glass-border);
  border-radius: 16px;
  flex-shrink: 0;
  transition: all 0.2s;
}

/* line 974, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-toggle-switch::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 2px;
  top: 2px;
  background: var(--oz-text-3);
  border-radius: 50%;
  transition: all 0.2s;
}

/* line 985, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-toggle-input:checked + .email-action-toggle-switch {
  background: var(--oz-gold);
}

/* line 987, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-toggle-input:checked + .email-action-toggle-switch::before {
  transform: translateX(12px);
  background: #fff;
}

/* line 991, app/assets/stylesheets/components/_email_surpage.scss */
.email-analysis-panel {
  margin: 12px 0;
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 10px;
  background: rgba(212, 175, 55, 0.04);
  overflow: hidden;
  animation: fadeInDown 0.3s ease;
  display: flex;
  flex-direction: column;
  max-height: 350px;
}

/* line 1002, app/assets/stylesheets/components/_email_surpage.scss */
.email-analysis-panel .email-analysis-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: rgba(212, 175, 55, 0.08);
  flex-shrink: 0;
  border-bottom: 1px solid rgba(212, 175, 55, 0.12);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--oz-gold);
}

/* line 1014, app/assets/stylesheets/components/_email_surpage.scss */
.email-analysis-panel .email-analysis-header span {
  flex: 1;
}

/* line 1017, app/assets/stylesheets/components/_email_surpage.scss */
.email-analysis-panel .email-analysis-close {
  background: none;
  border: none;
  color: var(--oz-text-3);
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.7rem;
}

/* line 1026, app/assets/stylesheets/components/_email_surpage.scss */
.email-analysis-panel .email-analysis-close:hover {
  color: var(--oz-text-1);
  background: rgba(255, 255, 255, 0.05);
}

/* line 1029, app/assets/stylesheets/components/_email_surpage.scss */
.email-analysis-panel .email-analysis-body {
  font-size: 0.78rem;
  line-height: 1.6;
  color: var(--oz-text-2);
  overflow-y: auto;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 175, 55, 0.2) transparent;
}

/* line 1038, app/assets/stylesheets/components/_email_surpage.scss */
.email-analysis-panel .email-analysis-body h4, .email-analysis-panel .email-analysis-body .h4 {
  margin: 14px 0 4px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--oz-text-1);
}

/* line 1044, app/assets/stylesheets/components/_email_surpage.scss */
.email-analysis-panel .email-analysis-body h4:first-child, .email-analysis-panel .email-analysis-body .h4:first-child {
  margin-top: 0;
}

/* line 1047, app/assets/stylesheets/components/_email_surpage.scss */
.email-analysis-panel .email-analysis-body p {
  margin: 0 0 8px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* line 1056, app/assets/stylesheets/components/_email_surpage.scss */
.email-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 1066, app/assets/stylesheets/components/_email_surpage.scss */
.email-tab-content-flex.active {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

/* line 1072, app/assets/stylesheets/components/_email_surpage.scss */
.email-tab {
  padding: 6px 14px;
  border-radius: 8px;
  background: transparent;
  border: 1px solid transparent;
  color: var(--oz-text-3);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  font-family: inherit;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 1088, app/assets/stylesheets/components/_email_surpage.scss */
.email-tab:hover {
  color: var(--oz-text-2);
  background: var(--oz-glass);
}

/* line 1089, app/assets/stylesheets/components/_email_surpage.scss */
.email-tab.active {
  color: var(--oz-cream);
  background: rgba(229, 168, 46, 0.15);
  border-color: rgba(229, 168, 46, 0.2);
}

/* line 1091, app/assets/stylesheets/components/_email_surpage.scss */
.email-tab .email-tab-badge {
  padding: 1px 6px;
  border-radius: 10px;
  font-size: 0.62rem;
  font-weight: 700;
  background: var(--oz-alert-soft);
  color: var(--oz-alert);
}

/* line 1102, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-layout {
  display: flex;
  gap: 0;
  height: 100%;
  min-height: 0;
  flex: 1;
}

/* line 1111, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-folders {
  width: 180px;
  flex-shrink: 0;
  border-right: 1px solid var(--oz-glass-border);
  padding: 0 0 12px 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
}

/* line 1121, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-folders .email-folder-section-label {
  font-size: 0.62rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--oz-text-4);
  padding: 12px 14px 6px;
}

/* line 1130, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-folders .email-folder-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  color: var(--oz-text-3);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  font-family: inherit;
  border-left: 2px solid transparent;
}

/* line 1147, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-folders .email-folder-item:hover {
  color: var(--oz-text-2);
  background: var(--oz-glass);
}

/* line 1148, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-folders .email-folder-item.active {
  color: var(--oz-cream);
  background: rgba(229, 168, 46, 0.15);
  border-left-color: #E5A82E;
}

/* line 1154, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-folders .email-folder-item i {
  font-size: 0.7rem;
  width: 16px;
  text-align: center;
}

/* line 1155, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-folders .email-folder-item.smart i {
  color: var(--oz-gold);
}

/* line 1157, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-folders .email-folder-item .email-folder-count {
  margin-left: auto;
  font-size: 0.62rem;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 10px;
  background: var(--oz-glass-active);
  color: var(--oz-text-3);
}

/* line 1166, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-folders .email-folder-item .email-folder-count.alert {
  background: var(--oz-alert-soft);
  color: var(--oz-alert);
}

/* line 1168, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-folders .email-folder-item.active .email-folder-count {
  background: rgba(229, 168, 46, 0.25);
  color: var(--oz-cream);
}

/* line 1173, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-list {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* line 1181, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 1189, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-search .email-inbox-search-wrap {
  flex: 1;
  position: relative;
}

/* line 1193, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-search .email-inbox-search-wrap i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.7rem;
  color: var(--oz-text-4);
  pointer-events: none;
}

/* line 1203, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-search .email-inbox-search-wrap input {
  width: 100%;
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  padding: 7px 12px 7px 32px;
  color: var(--oz-text-1);
  font-size: 0.78rem;
  font-family: inherit;
  outline: none;
}

/* line 1214, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-search .email-inbox-search-wrap input::placeholder {
  color: var(--oz-text-4);
}

/* line 1218, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-search .email-inbox-filter-btn {
  padding: 5px 10px;
  border-radius: 6px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.68rem;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 1233, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-search .email-inbox-filter-btn:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-2);
}

/* line 1234, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-search .email-inbox-filter-btn.active {
  background: rgba(229, 168, 46, 0.15);
  color: var(--oz-cream);
  border-color: rgba(229, 168, 46, 0.2);
}

/* line 1237, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-search .email-compose-btn {
  margin-left: auto;
  padding: 5px 12px;
  border-radius: 8px;
  background: #E5A82E;
  border: 1px solid #E5A82E;
  color: white;
  font-size: 0.68rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 1253, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-search .email-compose-btn:hover {
  background: var(--oz-gold);
  border-color: var(--oz-gold);
}

/* line 1258, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-emails {
  flex: 1;
  overflow-y: auto;
}

/* line 1262, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-emails::-webkit-scrollbar {
  width: 4px;
}

/* line 1263, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-emails::-webkit-scrollbar-track {
  background: transparent;
}

/* line 1264, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-emails::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* line 1267, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-legend {
  display: flex;
  gap: 14px;
  padding: 4px 14px 6px;
  font-size: 0.58rem;
  color: var(--oz-text-4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* line 1275, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-legend span {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 1276, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-legend .legend-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

/* line 1279, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-legend .legend-dot.unread {
  background: #3498db;
  box-shadow: 0 0 4px rgba(52, 152, 219, 0.4);
}

/* line 1281, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-legend .legend-bar {
  width: 3px;
  height: 10px;
  border-radius: 2px;
}

/* line 1284, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-legend .legend-bar.urgent {
  background: var(--oz-alert);
}

/* line 1285, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-legend .legend-bar.high {
  background: var(--oz-warning);
}

/* line 1289, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  cursor: pointer;
  transition: all 0.15s;
}

/* line 1298, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row:hover {
  background: var(--oz-glass);
}

/* line 1299, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row.unread {
  background: rgba(52, 152, 219, 0.04);
  border-left: 3px solid #3498db;
}

/* line 1302, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row.unread .email-inbox-row-sender {
  font-weight: 700;
  color: var(--oz-text-1);
}

/* line 1303, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row.unread .email-inbox-row-subject {
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 1305, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row.unread .email-inbox-row-avatar::after {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #3498db;
  border: 1.5px solid var(--oz-depth-1);
  box-shadow: 0 0 6px rgba(52, 152, 219, 0.5);
}

/* line 1319, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-priority {
  width: 3px;
  height: 28px;
  border-radius: 2px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 1325, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-priority.urgent {
  background: var(--oz-alert);
}

/* line 1326, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-priority.high {
  background: var(--oz-warning);
}

/* line 1327, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-priority.normal {
  background: transparent;
}

/* line 1330, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.68rem;
  font-weight: 700;
  flex-shrink: 0;
  position: relative;
}

/* line 1342, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-body {
  flex: 1;
  min-width: 0;
}

/* line 1346, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-body .email-inbox-row-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}

/* line 1352, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-body .email-inbox-row-sender {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--oz-text-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1353, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-body .email-inbox-row-time {
  font-size: 0.62rem;
  color: var(--oz-text-4);
  margin-left: auto;
  white-space: nowrap;
  flex-shrink: 0;
}

/* line 1354, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-body .email-inbox-row-subject {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--oz-text-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}

/* line 1355, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-body .email-inbox-row-preview {
  font-size: 0.68rem;
  color: var(--oz-text-4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1356, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-body .email-inbox-row-ai {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 0.58rem;
  color: var(--oz-text-4);
  margin-top: 3px;
}

/* line 1364, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-body .email-inbox-row-ai i {
  font-size: 0.5rem;
  color: var(--oz-gold);
}

/* line 1368, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-badge {
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 0.58rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* line 1376, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-badge.commercial {
  background: #3498db25;
  color: #5dade2;
  border: 1px solid #3498db30;
}

/* line 1377, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-badge.support {
  background: #e67e2225;
  color: #f0a050;
  border: 1px solid #e67e2230;
}

/* line 1378, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-badge.admin {
  background: #9b59b625;
  color: #bb8fce;
  border: 1px solid #9b59b630;
}

/* line 1379, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-badge.perso {
  background: #27ae6020;
  color: #58d68d;
  border: 1px solid #27ae6030;
}

/* line 1380, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-badge.newsletter {
  background: #95a5a618;
  color: #aeb6bf;
  border: 1px solid #95a5a625;
}

/* line 1383, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-star {
  background: transparent;
  border: none;
  color: var(--oz-text-4);
  font-size: 0.7rem;
  cursor: pointer;
  padding: 2px;
  transition: all 0.15s;
}

/* line 1392, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-star:hover {
  color: var(--oz-warning);
}

/* line 1393, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row .email-inbox-row-star.starred {
  color: var(--oz-warning);
}

/* line 1397, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-row-meta {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 1405, app/assets/stylesheets/components/_email_surpage.scss */
.sentiment-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
}

/* line 1410, app/assets/stylesheets/components/_email_surpage.scss */
.sentiment-dot.positive {
  background: var(--oz-success);
}

/* line 1411, app/assets/stylesheets/components/_email_surpage.scss */
.sentiment-dot.neutral {
  background: var(--oz-text-4);
}

/* line 1412, app/assets/stylesheets/components/_email_surpage.scss */
.sentiment-dot.negative {
  background: var(--oz-alert);
}

/* line 1416, app/assets/stylesheets/components/_email_surpage.scss */
.email-load-more-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 10px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 0;
  color: var(--oz-text-3);
  font-size: 0.7rem;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 1432, app/assets/stylesheets/components/_email_surpage.scss */
.email-load-more-btn i {
  font-size: 0.6rem;
}

/* line 1433, app/assets/stylesheets/components/_email_surpage.scss */
.email-load-more-btn:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-2);
}

/* line 1434, app/assets/stylesheets/components/_email_surpage.scss */
.email-load-more-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 1438, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-status {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 14px;
  border-top: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 1446, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-status .email-inbox-status-item {
  font-size: 0.62rem;
  color: var(--oz-text-4);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 1453, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-status .email-inbox-status-item i {
  font-size: 0.55rem;
}

/* line 1454, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-status .email-inbox-status-item.sync {
  color: var(--oz-success);
}

/* line 1457, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-status .email-inbox-refresh-btn {
  padding: 3px 10px;
  border-radius: 6px;
  background: #2980b918;
  border: 1px solid #2980b935;
  color: #5dade2;
  font-size: 0.62rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 1472, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-status .email-inbox-refresh-btn i {
  font-size: 0.55rem;
}

/* line 1473, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-status .email-inbox-refresh-btn:hover {
  background: #2980b930;
  color: #85c1e9;
  border-color: #2980b950;
}

/* line 1474, app/assets/stylesheets/components/_email_surpage.scss */
.email-inbox-status .email-inbox-refresh-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* line 1479, app/assets/stylesheets/components/_email_surpage.scss */
.email-priority-rules {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 1484, app/assets/stylesheets/components/_email_surpage.scss */
.email-priority-rule {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
}

/* line 1493, app/assets/stylesheets/components/_email_surpage.scss */
.email-priority-rule-badge {
  font-size: 0.62rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 6px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 80px;
  justify-content: center;
}

/* line 1505, app/assets/stylesheets/components/_email_surpage.scss */
.email-priority-rule-badge i {
  font-size: 0.5rem;
}

/* line 1507, app/assets/stylesheets/components/_email_surpage.scss */
.email-priority-rule-badge.urgente {
  background: #dc354520;
  color: #ff6b6b;
  border: 1px solid #dc354540;
}

/* line 1508, app/assets/stylesheets/components/_email_surpage.scss */
.email-priority-rule-badge.haute {
  background: #ff980020;
  color: #ffb74d;
  border: 1px solid #ff980040;
}

/* line 1509, app/assets/stylesheets/components/_email_surpage.scss */
.email-priority-rule-badge.normale {
  background: #90a4ae18;
  color: #b0bec5;
  border: 1px solid #90a4ae30;
}

/* line 1510, app/assets/stylesheets/components/_email_surpage.scss */
.email-priority-rule-badge.basse {
  background: #4caf5018;
  color: #81c784;
  border: 1px solid #4caf5030;
}

/* line 1512, app/assets/stylesheets/components/_email_surpage.scss */
.email-priority-rule-desc {
  font-size: 0.65rem;
  color: var(--oz-text-3);
  line-height: 1.3;
}

/* line 1519, app/assets/stylesheets/components/_email_surpage.scss */
.email-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}

/* line 1525, app/assets/stylesheets/components/_email_surpage.scss */
.email-kpi-grid .email-kpi-card {
  padding: 14px 16px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 1534, app/assets/stylesheets/components/_email_surpage.scss */
.email-kpi-grid .email-kpi-card .email-kpi-value {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--oz-text-1);
}

/* line 1535, app/assets/stylesheets/components/_email_surpage.scss */
.email-kpi-grid .email-kpi-card .email-kpi-label {
  font-size: 0.72rem;
  color: var(--oz-text-3);
}

/* line 1536, app/assets/stylesheets/components/_email_surpage.scss */
.email-kpi-grid .email-kpi-card .email-kpi-sparkline {
  height: 20px;
  display: flex;
  align-items: flex-end;
  gap: 2px;
}

/* line 1542, app/assets/stylesheets/components/_email_surpage.scss */
.email-kpi-grid .email-kpi-card .email-kpi-sparkline .bar {
  flex: 1;
  border-radius: 2px 2px 0 0;
}

/* line 1548, app/assets/stylesheets/components/_email_surpage.scss */
.email-charts-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 16px;
}

/* line 1555, app/assets/stylesheets/components/_email_surpage.scss */
.email-chart-card {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 10px;
  padding: 14px;
}

/* line 1561, app/assets/stylesheets/components/_email_surpage.scss */
.email-chart-card canvas {
  width: 100% !important;
  max-height: 180px;
}

/* line 1564, app/assets/stylesheets/components/_email_surpage.scss */
.email-chart-title {
  font-size: 0.72rem;
  color: var(--oz-text-3);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

/* line 1574, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-folders-body {
  padding: 8px 0 16px;
}

/* line 1578, app/assets/stylesheets/components/_email_surpage.scss */
.email-setting-hint {
  font-size: 0.75rem;
  color: var(--oz-text-4);
  margin-bottom: 12px;
  line-height: 1.5;
}

/* line 1585, app/assets/stylesheets/components/_email_surpage.scss */
.email-custom-folder-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  margin-bottom: 6px;
  font-size: 0.82rem;
  color: var(--oz-text-2);
}

/* line 1597, app/assets/stylesheets/components/_email_surpage.scss */
.email-custom-folder-row i:first-child {
  color: var(--oz-text-3);
  font-size: 0.75rem;
  width: 16px;
  text-align: center;
}

/* line 1599, app/assets/stylesheets/components/_email_surpage.scss */
.email-custom-folder-row .email-custom-folder-label {
  flex: 1;
}

/* line 1601, app/assets/stylesheets/components/_email_surpage.scss */
.email-custom-folder-row .email-custom-folder-delete {
  background: none;
  border: none;
  color: var(--oz-text-4);
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.7rem;
  transition: color 0.2s, background 0.2s;
  opacity: 0;
}

/* line 1611, app/assets/stylesheets/components/_email_surpage.scss */
.email-custom-folder-row .email-custom-folder-delete:hover {
  color: var(--oz-alert);
  background: var(--oz-alert-soft);
}

/* line 1614, app/assets/stylesheets/components/_email_surpage.scss */
.email-custom-folder-row:hover .email-custom-folder-delete {
  opacity: 1;
}

/* line 1617, app/assets/stylesheets/components/_email_surpage.scss */
.email-add-folder-row {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

/* line 1623, app/assets/stylesheets/components/_email_surpage.scss */
.email-add-folder-input {
  flex: 1;
  padding: 7px 12px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  color: var(--oz-text-1);
  font-size: 0.82rem;
  outline: none;
  transition: border-color 0.2s;
}

/* line 1633, app/assets/stylesheets/components/_email_surpage.scss */
.email-add-folder-input:focus {
  border-color: #E5A82E;
}

/* line 1634, app/assets/stylesheets/components/_email_surpage.scss */
.email-add-folder-input::placeholder {
  color: var(--oz-text-4);
}

/* line 1637, app/assets/stylesheets/components/_email_surpage.scss */
.email-add-folder-btn {
  padding: 7px 14px;
  background: rgba(229, 168, 46, 0.15);
  border: 1px solid #E5A82E;
  border-radius: 8px;
  color: #E5A82E;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}

/* line 1648, app/assets/stylesheets/components/_email_surpage.scss */
.email-add-folder-btn:hover {
  background: #E5A82E;
  color: white;
}

/* line 1651, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-regen-btn {
  background: none;
  border: none;
  color: var(--oz-text-3);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.75rem;
  transition: color 0.2s, background 0.2s;
}

/* line 1661, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-regen-btn:hover {
  color: #E5A82E;
  background: rgba(229, 168, 46, 0.15);
}

/* line 1664, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card {
  padding: 16px 18px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 14px;
  margin-bottom: 14px;
}

/* line 1671, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card p {
  font-size: 0.82rem;
  color: var(--oz-text-2);
  line-height: 1.6;
  margin-bottom: 12px;
}

/* line 1672, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card p strong {
  color: var(--oz-text-1);
}

/* line 1674, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card .email-brief-loading {
  text-align: center;
  padding: 20px;
  color: var(--oz-text-3);
  font-size: 0.82rem;
}

/* line 1679, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card .email-brief-loading i {
  margin-right: 6px;
}

/* line 1682, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card .email-brief-content {
  font-size: 0.82rem;
  color: var(--oz-text-2);
  line-height: 1.6;
}

/* line 1687, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card .email-brief-content strong {
  color: var(--oz-text-1);
}

/* line 1688, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card .email-brief-content ul {
  padding-left: 18px;
  margin: 8px 0;
}

/* line 1689, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card .email-brief-content li {
  margin-bottom: 4px;
}

/* line 1692, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card .email-brief-meta {
  margin-top: 10px;
  font-size: 0.68rem;
  color: var(--oz-text-4);
}

/* line 1696, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card .email-brief-meta i {
  margin-right: 4px;
}

/* line 1699, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card .email-brief-attention {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--oz-alert-soft);
  border-radius: 8px;
  font-size: 0.75rem;
  color: var(--oz-alert);
}

/* line 1709, app/assets/stylesheets/components/_email_surpage.scss */
.email-brief-card .email-brief-attention i {
  font-size: 0.7rem;
}

/* line 1714, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
  margin-bottom: 8px;
  transition: all 0.2s;
}

/* line 1724, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card:hover {
  background: var(--oz-glass-hover);
}

/* line 1725, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card.priority-urgent {
  border-left: 3px solid var(--oz-alert);
}

/* line 1726, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card.priority-high {
  border-left: 3px solid var(--oz-warning);
}

/* line 1728, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  font-weight: 700;
  flex-shrink: 0;
}

/* line 1739, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-body {
  flex: 1;
  min-width: 0;
}

/* line 1740, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

/* line 1741, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-sender {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 1742, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-time {
  font-size: 0.68rem;
  color: var(--oz-text-3);
  margin-left: auto;
}

/* line 1743, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-subject {
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--oz-text-2);
  margin-bottom: 4px;
}

/* line 1744, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-summary {
  font-size: 0.72rem;
  color: var(--oz-text-3);
  line-height: 1.4;
  margin-bottom: 8px;
}

/* line 1746, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-priority-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 1756, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-priority-badge.badge-urgent {
  background: var(--oz-alert-soft);
  color: var(--oz-alert);
}

/* line 1757, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-priority-badge.badge-important {
  background: var(--oz-warning-soft);
  color: var(--oz-warning);
}

/* line 1760, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-actions {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

/* line 1765, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-actions .email-action-btn {
  padding: 4px 10px;
  border-radius: 6px;
  background: var(--oz-glass-active);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-2);
  font-size: 0.68rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}

/* line 1777, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-actions .email-action-btn:hover {
  background: rgba(229, 168, 46, 0.15);
  color: var(--oz-cream);
  border-color: rgba(229, 168, 46, 0.2);
}

/* line 1778, app/assets/stylesheets/components/_email_surpage.scss */
.email-urgent-card .email-urgent-actions .email-action-btn.primary {
  background: rgba(229, 168, 46, 0.15);
  color: var(--oz-cream);
  border-color: rgba(229, 168, 46, 0.2);
}

/* line 1784, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
  margin-bottom: 8px;
}

/* line 1794, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.85rem;
}

/* line 1803, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-icon.reply {
  background: var(--oz-info-soft);
  color: var(--oz-info);
}

/* line 1804, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-icon.relance {
  background: var(--oz-warning-soft);
  color: var(--oz-warning);
}

/* line 1805, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-icon.task {
  background: var(--oz-success-soft);
  color: var(--oz-success);
}

/* line 1806, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-icon.archive {
  background: var(--oz-glass-active);
  color: var(--oz-text-3);
}

/* line 1809, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-body {
  flex: 1;
  min-width: 0;
}

/* line 1810, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-title {
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--oz-text-1);
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1811, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-detail {
  font-size: 0.68rem;
  color: var(--oz-text-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1812, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-detail strong {
  color: var(--oz-text-2);
}

/* line 1814, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-draft-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  padding: 2px 8px;
  background: var(--oz-gold-soft, rgba(246, 229, 179, 0.1));
  border: 1px solid rgba(246, 229, 179, 0.2);
  border-radius: 6px;
  font-size: 0.62rem;
  font-weight: 500;
  color: var(--oz-gold, #F6E5B3);
}

/* line 1822, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-draft-badge i {
  font-size: 0.55rem;
}

/* line 1825, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-buttons {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}

/* line 1830, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-buttons .email-action-btn {
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.68rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  border: 1px solid var(--oz-glass-border);
  background: var(--oz-glass-active);
  color: var(--oz-text-2);
}

/* line 1842, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-buttons .email-action-btn:hover {
  background: var(--oz-glass-hover);
}

/* line 1843, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-buttons .email-action-btn.validate {
  background: var(--oz-success-soft);
  border-color: rgba(39, 174, 96, 0.2);
  color: var(--oz-success);
}

/* line 1844, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-buttons .email-action-btn.modify {
  background: var(--oz-info-soft);
  border-color: rgba(41, 128, 185, 0.2);
  color: var(--oz-info);
}

/* line 1845, app/assets/stylesheets/components/_email_surpage.scss */
.email-action-item .email-action-buttons .email-action-btn.ignore {
  color: var(--oz-text-3);
}

/* line 1851, app/assets/stylesheets/components/_email_surpage.scss */
.email-section-sep {
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--oz-text-4);
  margin: 18px 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
}

/* line 1864, app/assets/stylesheets/components/_email_surpage.scss */
.email-section-sep::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E5A82E;
  flex-shrink: 0;
}

/* line 1865, app/assets/stylesheets/components/_email_surpage.scss */
.email-section-sep::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--oz-glass-border);
  margin-left: 8px;
}

/* line 1868, app/assets/stylesheets/components/_email_surpage.scss */
.email-connected-account {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
  margin-bottom: 10px;
}

/* line 1878, app/assets/stylesheets/components/_email_surpage.scss */
.email-connected-account .email-connected-account-info {
  flex: 1;
}

/* line 1879, app/assets/stylesheets/components/_email_surpage.scss */
.email-connected-account .email-connected-account-email {
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--oz-text-1);
}

/* line 1880, app/assets/stylesheets/components/_email_surpage.scss */
.email-connected-account .email-connected-account-status {
  font-size: 0.68rem;
  color: var(--oz-success);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 1882, app/assets/stylesheets/components/_email_surpage.scss */
.email-connected-account .email-disconnect-btn {
  padding: 4px 10px;
  border-radius: 6px;
  background: transparent;
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.68rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}

/* line 1893, app/assets/stylesheets/components/_email_surpage.scss */
.email-connected-account .email-disconnect-btn:hover {
  background: var(--oz-alert-soft);
  color: var(--oz-alert);
  border-color: rgba(192, 57, 43, 0.2);
}

/* line 1897, app/assets/stylesheets/components/_email_surpage.scss */
.email-add-account-btn {
  padding: 8px 16px;
  border-radius: 10px;
  background: var(--oz-glass);
  border: 1px dashed var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.78rem;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
}

/* line 1912, app/assets/stylesheets/components/_email_surpage.scss */
.email-add-account-btn:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-2);
}

/* line 1916, app/assets/stylesheets/components/_email_surpage.scss */
.email-tab-content {
  display: none;
}

/* line 1918, app/assets/stylesheets/components/_email_surpage.scss */
.email-tab-content.active {
  display: block;
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding: 16px 20px 20px;
}

/* line 1925, app/assets/stylesheets/components/_email_surpage.scss */
.email-tab-content.active::-webkit-scrollbar {
  width: 4px;
}

/* line 1926, app/assets/stylesheets/components/_email_surpage.scss */
.email-tab-content.active::-webkit-scrollbar-track {
  background: transparent;
}

/* line 1927, app/assets/stylesheets/components/_email_surpage.scss */
.email-tab-content.active::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* line 1932, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-config {
  padding: 20px 0;
}

/* line 1935, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-config .email-imap-config-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--oz-text-1);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 1944, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-config .email-imap-config-title .email-imap-back {
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s;
}

/* line 1948, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-config .email-imap-config-title .email-imap-back:hover {
  opacity: 1;
}

/* line 1953, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 1959, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 1964, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-field label {
  font-size: 0.75rem;
  color: var(--oz-text-3);
  font-weight: 500;
}

/* line 1970, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-field input[type="text"],
.email-imap-field input[type="email"],
.email-imap-field input[type="password"],
.email-imap-field input[type="number"] {
  padding: 10px 12px;
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  color: var(--oz-text-1);
  font-size: 0.82rem;
  outline: none;
  transition: border-color 0.2s;
}

/* line 1983, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-field input[type="text"]:focus,
.email-imap-field input[type="email"]:focus,
.email-imap-field input[type="password"]:focus,
.email-imap-field input[type="number"]:focus {
  border-color: #E5A82E;
}

/* line 1987, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-field input[type="text"]::placeholder,
.email-imap-field input[type="email"]::placeholder,
.email-imap-field input[type="password"]::placeholder,
.email-imap-field input[type="number"]::placeholder {
  color: var(--oz-text-4);
}

/* line 1992, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-field input[type="checkbox"] {
  margin-right: 6px;
  accent-color: #E5A82E;
}

/* line 1998, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-actions {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}

/* line 2004, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-test-btn,
.email-imap-submit-btn {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}

/* line 2015, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-test-btn {
  background: var(--oz-glass-active);
  color: var(--oz-text-2);
}

/* line 2019, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-test-btn:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-1);
}

/* line 2022, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-submit-btn {
  background: #E5A82E;
  color: #fff;
}

/* line 2026, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-submit-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* line 2031, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-submit-btn:not(:disabled):hover {
  filter: brightness(1.1);
}

/* line 2036, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-status {
  font-size: 0.78rem;
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 4px;
}

/* line 2042, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-status.testing {
  color: var(--oz-info);
  background: var(--oz-info-soft, rgba(52, 152, 219, 0.1));
}

/* line 2043, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-status.success {
  color: var(--oz-success);
  background: var(--oz-success-soft, rgba(46, 204, 113, 0.1));
}

/* line 2044, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-status.error {
  color: var(--oz-alert);
  background: var(--oz-alert-soft, rgba(231, 76, 60, 0.1));
}

/* line 2045, app/assets/stylesheets/components/_email_surpage.scss */
.email-imap-status:empty {
  display: none;
}

/* line 2052, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 14px;
  background: var(--oz-glass);
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 2062, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-header-left {
  display: flex;
  align-items: center;
  gap: 0;
}

/* line 2068, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-back {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.78rem;
  cursor: pointer;
  padding: 0;
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}

/* line 2083, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-back:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
}

/* line 2086, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-header h3, .email-reading-header .h3 {
  margin: 0;
  color: var(--oz-text-1);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  max-width: 550px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 2098, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-header-right {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 2104, app/assets/stylesheets/components/_email_surpage.scss */
.email-nav-btn {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.72rem;
  cursor: pointer;
  padding: 0;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

/* line 2118, app/assets/stylesheets/components/_email_surpage.scss */
.email-nav-btn:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
}

/* line 2119, app/assets/stylesheets/components/_email_surpage.scss */
.email-nav-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* line 2122, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-close {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.82rem;
  cursor: pointer;
  padding: 0;
  border-radius: 10px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  margin-left: 6px;
}

/* line 2137, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-close:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
}

/* line 2141, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-layout {
  display: flex;
  flex: 1;
  overflow: hidden;
}

/* line 2147, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

/* line 2156, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-meta {
  padding: 16px 24px 12px;
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 2162, app/assets/stylesheets/components/_email_surpage.scss */
.email-meta-sender {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

/* line 2169, app/assets/stylesheets/components/_email_surpage.scss */
.email-meta-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 700;
  flex-shrink: 0;
  background: rgba(41, 128, 185, 0.15);
  color: #3498db;
}

/* line 2182, app/assets/stylesheets/components/_email_surpage.scss */
.email-meta-sender-info {
  flex: 1;
  min-width: 0;
}

/* line 2183, app/assets/stylesheets/components/_email_surpage.scss */
.email-meta-sender-name {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 2184, app/assets/stylesheets/components/_email_surpage.scss */
.email-meta-sender-email {
  font-size: 0.72rem;
  color: var(--oz-text-3);
}

/* line 2185, app/assets/stylesheets/components/_email_surpage.scss */
.email-meta-to {
  font-size: 0.68rem;
  color: var(--oz-text-4);
  margin-top: 2px;
}

/* line 2187, app/assets/stylesheets/components/_email_surpage.scss */
.email-meta-date {
  font-size: 0.72rem;
  color: var(--oz-text-3);
  flex-shrink: 0;
  text-align: right;
}

/* line 2193, app/assets/stylesheets/components/_email_surpage.scss */
.email-meta-date-relative {
  font-size: 0.68rem;
  color: var(--oz-text-4);
}

/* line 2195, app/assets/stylesheets/components/_email_surpage.scss */
.email-meta-badges {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

/* line 2202, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* line 2213, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.category {
  background: var(--oz-info-soft);
  color: var(--oz-info);
}

/* line 2214, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.category.commercial {
  background: var(--oz-info-soft);
  color: var(--oz-info);
}

/* line 2215, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.category.support {
  background: var(--oz-warning-soft);
  color: var(--oz-warning);
}

/* line 2216, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.category.admin {
  background: rgba(155, 89, 182, 0.12);
  color: #9b59b6;
}

/* line 2218, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.priority {
  background: var(--oz-alert-soft);
  color: var(--oz-alert);
}

/* line 2219, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.priority.high {
  background: var(--oz-warning-soft);
  color: var(--oz-warning);
}

/* line 2220, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.priority.normal {
  background: var(--oz-glass-active);
  color: var(--oz-text-3);
}

/* line 2222, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.sentiment {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  padding: 0;
}

/* line 2223, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.sentiment.positive {
  background: var(--oz-success);
}

/* line 2224, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.sentiment.negative {
  background: var(--oz-alert);
}

/* line 2225, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.sentiment.neutral {
  background: var(--oz-text-4);
}

/* line 2227, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge.folder {
  background: var(--oz-glass-active);
  color: var(--oz-text-3);
  text-transform: capitalize;
}

/* line 2230, app/assets/stylesheets/components/_email_surpage.scss */
.email-badge-separator {
  width: 1px;
  height: 14px;
  background: var(--oz-glass-border);
}

/* line 2237, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-enrichment {
  margin: 0 24px 0;
  padding: 14px 16px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 14px;
  flex-shrink: 0;
}

/* line 2246, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-enrichment-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--oz-cream);
}

/* line 2255, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-enrichment-header i {
  font-size: 0.65rem;
  color: var(--oz-gold);
}

/* line 2258, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-summary {
  font-size: 0.78rem;
  color: var(--oz-text-2);
  line-height: 1.55;
  margin-bottom: 10px;
}

/* line 2265, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-entities {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

/* line 2272, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-entity {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 0.68rem;
  font-weight: 500;
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-2);
}

/* line 2284, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-entity i {
  font-size: 0.6rem;
  color: var(--oz-text-3);
}

/* line 2285, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-entity.amount {
  color: var(--oz-success);
}

/* line 2285, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-entity.amount i {
  color: var(--oz-success);
}

/* line 2286, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-entity.date {
  color: var(--oz-info);
}

/* line 2286, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-entity.date i {
  color: var(--oz-info);
}

/* line 2287, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-entity.company {
  color: var(--oz-warning);
}

/* line 2287, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-entity.company i {
  color: var(--oz-warning);
}

/* line 2290, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-calendar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--oz-info-soft);
  border-radius: 8px;
  font-size: 0.72rem;
  color: var(--oz-info);
}

/* line 2300, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-calendar i {
  font-size: 0.68rem;
}

/* line 2303, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-calendar-add {
  margin-left: auto;
  background: transparent;
  border: 1px solid rgba(41, 128, 185, 0.25);
  color: var(--oz-info);
  font-size: 0.65rem;
  padding: 3px 8px;
  border-radius: 5px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}

/* line 2315, app/assets/stylesheets/components/_email_surpage.scss */
.email-ai-calendar-add:hover {
  background: rgba(41, 128, 185, 0.15);
}

/* line 2319, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px 24px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

/* line 2326, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-body::-webkit-scrollbar {
  width: 4px;
}

/* line 2327, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-body::-webkit-scrollbar-track {
  background: transparent;
}

/* line 2328, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* line 2331, app/assets/stylesheets/components/_email_surpage.scss */
.email-body-content {
  font-size: 0.85rem;
  color: var(--oz-text-2);
  line-height: 1.7;
  max-width: 100%;
}

/* line 2337, app/assets/stylesheets/components/_email_surpage.scss */
.email-body-content p {
  margin-bottom: 12px;
}

/* line 2338, app/assets/stylesheets/components/_email_surpage.scss */
.email-body-content a {
  color: var(--oz-info);
  text-decoration: underline;
}

/* line 2339, app/assets/stylesheets/components/_email_surpage.scss */
.email-body-content strong {
  color: var(--oz-text-1);
  font-weight: 600;
}

/* line 2341, app/assets/stylesheets/components/_email_surpage.scss */
.email-body-content .email-signature {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--oz-glass-border);
  font-size: 0.78rem;
  color: var(--oz-text-3);
  line-height: 1.5;
}

/* line 2352, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-sidebar {
  width: 240px;
  flex-shrink: 0;
  border-left: 1px solid var(--oz-glass-border);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 16px;
  gap: 16px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.06) transparent;
}

/* line 2364, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-sidebar::-webkit-scrollbar {
  width: 3px;
}

/* line 2365, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-sidebar::-webkit-scrollbar-track {
  background: transparent;
}

/* line 2366, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-sidebar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 2px;
}

/* line 2369, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 2375, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-section-title {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--oz-text-4);
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 2385, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-section-title::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #E5A82E;
}

/* line 2393, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-card {
  padding: 10px 12px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 2401, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-card:hover {
  background: var(--oz-glass-hover);
  border-color: rgba(255, 255, 255, 0.12);
}

/* line 2404, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

/* line 2411, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-icon {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  flex-shrink: 0;
}

/* line 2420, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-icon.reply {
  background: var(--oz-info-soft);
  color: var(--oz-info);
}

/* line 2421, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-icon.relance {
  background: var(--oz-warning-soft);
  color: var(--oz-warning);
}

/* line 2422, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-icon.task {
  background: var(--oz-success-soft);
  color: var(--oz-success);
}

/* line 2423, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-icon.forward {
  background: rgba(155, 89, 182, 0.12);
  color: #9b59b6;
}

/* line 2424, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-icon.crm {
  background: rgba(229, 168, 46, 0.15);
  color: var(--oz-cream);
}

/* line 2427, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-title {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 2428, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-action-reason {
  font-size: 0.65rem;
  color: var(--oz-text-3);
  line-height: 1.4;
}

/* line 2431, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-draft-card {
  padding: 12px;
  background: rgba(229, 168, 46, 0.15);
  border: 1px solid rgba(229, 168, 46, 0.2);
  border-radius: 10px;
}

/* line 2438, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-draft-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--oz-cream);
}

/* line 2447, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-draft-header i {
  font-size: 0.65rem;
}

/* line 2450, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-draft-preview {
  font-size: 0.72rem;
  color: var(--oz-text-2);
  line-height: 1.5;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 2461, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-draft-btn {
  width: 100%;
  padding: 7px 0;
  border-radius: 8px;
  background: #E5A82E;
  border: none;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

/* line 2478, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-draft-btn:hover {
  filter: brightness(1.15);
}

/* line 2482, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-info-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

/* line 2489, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-info-row:last-child {
  border-bottom: none;
}

/* line 2492, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-info-label {
  font-size: 0.68rem;
  color: var(--oz-text-4);
}

/* line 2493, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-info-value {
  font-size: 0.68rem;
  color: var(--oz-text-2);
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 2500, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-info-value.linked {
  color: var(--oz-info);
  cursor: pointer;
}

/* line 2500, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-info-value.linked:hover {
  text-decoration: underline;
}

/* line 2503, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-crm-card {
  padding: 10px 12px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 2514, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-crm-card:hover {
  background: var(--oz-glass-hover);
}

/* line 2517, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-crm-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(229, 168, 46, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  color: var(--oz-cream);
}

/* line 2528, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-crm-info {
  flex: 1;
}

/* line 2529, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-crm-name {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 2530, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-crm-type {
  font-size: 0.62rem;
  color: var(--oz-text-3);
}

/* line 2531, app/assets/stylesheets/components/_email_surpage.scss */
.sidebar-crm-arrow {
  font-size: 0.6rem;
  color: var(--oz-text-4);
}

/* line 2534, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-top: 1px solid var(--oz-glass-border);
  background: var(--oz-glass);
  flex-shrink: 0;
}

/* line 2543, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions .email-actions-spacer {
  flex: 1;
}

/* line 2545, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions .email-action-btn {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  border: 1px solid var(--oz-glass-border);
  background: var(--oz-glass-active);
  color: var(--oz-text-2);
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 2560, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions .email-action-btn i {
  font-size: 0.72rem;
}

/* line 2562, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions .email-action-btn:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-1);
}

/* line 2564, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions .email-action-btn.primary {
  background: #E5A82E;
  border-color: #E5A82E;
  color: #fff;
}

/* line 2568, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions .email-action-btn.primary:hover {
  filter: brightness(1.15);
}

/* line 2571, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions .email-action-btn.danger:hover {
  background: var(--oz-alert-soft);
  color: var(--oz-alert);
  border-color: rgba(231, 76, 60, 0.2);
}

/* line 2577, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions .email-action-btn.orizen {
  background: rgba(229, 168, 46, 0.15);
  border-color: rgba(229, 168, 46, 0.2);
  color: var(--oz-cream);
}

/* line 2581, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions .email-action-btn.orizen:hover {
  background: rgba(229, 168, 46, 0.3);
}

/* line 2584, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-actions .email-action-btn.icon-only {
  padding: 8px;
  width: 34px;
  justify-content: center;
}

/* line 2593, app/assets/stylesheets/components/_email_surpage.scss */
.email-attachments {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--oz-glass-border);
}

/* line 2602, app/assets/stylesheets/components/_email_surpage.scss */
.email-attachment {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 2613, app/assets/stylesheets/components/_email_surpage.scss */
.email-attachment:hover {
  background: var(--oz-glass-hover);
}

/* line 2616, app/assets/stylesheets/components/_email_surpage.scss */
.email-attachment-icon {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
}

/* line 2624, app/assets/stylesheets/components/_email_surpage.scss */
.email-attachment-icon.pdf {
  background: rgba(231, 76, 60, 0.12);
  color: #e74c3c;
}

/* line 2625, app/assets/stylesheets/components/_email_surpage.scss */
.email-attachment-icon.doc {
  background: var(--oz-info-soft);
  color: var(--oz-info);
}

/* line 2626, app/assets/stylesheets/components/_email_surpage.scss */
.email-attachment-icon.img {
  background: var(--oz-success-soft);
  color: var(--oz-success);
}

/* line 2629, app/assets/stylesheets/components/_email_surpage.scss */
.email-attachment-name {
  font-size: 0.72rem;
  color: var(--oz-text-2);
}

/* line 2630, app/assets/stylesheets/components/_email_surpage.scss */
.email-attachment-size {
  font-size: 0.62rem;
  color: var(--oz-text-4);
}

/* line 2636, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 14px;
  background: var(--oz-glass);
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 2646, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 2652, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-back {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.78rem;
  cursor: pointer;
  padding: 0;
  border-radius: 10px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

/* line 2666, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-back:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
}

/* line 2669, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-header h3, .email-compose-header .h3 {
  margin: 0;
  color: var(--oz-text-1);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 2679, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-header h3 i, .email-compose-header .h3 i {
  color: #E5A82E;
  font-size: 0.9rem;
}

/* line 2682, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-close {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.82rem;
  cursor: pointer;
  padding: 0;
  border-radius: 10px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

/* line 2696, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-close:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
}

/* line 2700, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-ai-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 24px;
  background: rgba(229, 168, 46, 0.15);
  border-bottom: 1px solid rgba(229, 168, 46, 0.15);
  flex-shrink: 0;
}

/* line 2709, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-ai-banner i {
  font-size: 0.82rem;
  color: var(--oz-cream);
}

/* line 2710, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-ai-banner span {
  font-size: 0.78rem;
  color: var(--oz-cream);
  font-weight: 500;
}

/* line 2713, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-ai-banner-dismiss {
  margin-left: auto;
  background: transparent;
  border: none;
  color: var(--oz-text-3);
  font-size: 0.72rem;
  cursor: pointer;
  padding: 4px;
  transition: color 0.2s;
}

/* line 2723, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-ai-banner-dismiss:hover {
  color: var(--oz-text-1);
}

/* line 2727, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
}

/* line 2736, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-fields {
  padding: 16px 24px 0;
  flex-shrink: 0;
}

/* line 2741, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-field {
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  padding: 0;
}

/* line 2748, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-field.cc {
  display: none;
}

/* line 2748, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-field.cc.visible {
  display: flex;
}

/* line 2751, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-field-label {
  font-size: 0.78rem;
  color: var(--oz-text-3);
  font-weight: 500;
  width: 60px;
  flex-shrink: 0;
  padding: 10px 0;
}

/* line 2760, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-field-input {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--oz-text-1);
  font-size: 0.82rem;
  font-family: inherit;
  outline: none;
  padding: 10px 8px;
}

/* line 2770, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-field-input::placeholder {
  color: var(--oz-text-4);
}

/* line 2773, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-field-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  flex: 1;
  padding: 6px 0;
}

/* line 2782, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 6px;
  background: var(--oz-glass-active);
  border: 1px solid var(--oz-glass-border);
  font-size: 0.72rem;
  color: var(--oz-text-2);
}

/* line 2794, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-tag-remove {
  background: transparent;
  border: none;
  color: var(--oz-text-4);
  font-size: 0.6rem;
  cursor: pointer;
  padding: 0;
  transition: color 0.15s;
}

/* line 2803, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-tag-remove:hover {
  color: var(--oz-alert);
}

/* line 2806, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-cc-toggle {
  background: transparent;
  border: none;
  color: var(--oz-text-4);
  font-size: 0.72rem;
  cursor: pointer;
  padding: 4px 8px;
  transition: color 0.15s;
  font-family: inherit;
}

/* line 2816, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-cc-toggle:hover {
  color: var(--oz-text-2);
}

/* line 2820, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-toolbar {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 8px 24px;
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 2829, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-toolbar-btn {
  background: transparent;
  border: none;
  color: var(--oz-text-3);
  font-size: 0.78rem;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  transition: all 0.15s;
}

/* line 2839, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-toolbar-btn:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass);
}

/* line 2840, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-toolbar-btn.active {
  color: var(--oz-cream);
  background: rgba(229, 168, 46, 0.15);
}

/* line 2843, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-toolbar-sep {
  width: 1px;
  height: 18px;
  background: var(--oz-glass-border);
  margin: 0 6px;
}

/* line 2850, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-ai-rewrite {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 7px;
  background: rgba(229, 168, 46, 0.15);
  border: 1px solid rgba(229, 168, 46, 0.2);
  color: var(--oz-cream);
  font-size: 0.72rem;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s;
}

/* line 2866, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-ai-rewrite:hover {
  background: rgba(229, 168, 46, 0.3);
}

/* line 2867, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-ai-rewrite i {
  font-size: 0.65rem;
}

/* line 2871, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-editor {
  flex: 1;
  overflow-y: auto;
  padding: 20px 24px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

/* line 2878, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-editor::-webkit-scrollbar {
  width: 4px;
}

/* line 2879, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-editor::-webkit-scrollbar-track {
  background: transparent;
}

/* line 2880, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-editor::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* line 2883, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-textarea {
  width: 100%;
  min-height: 80px;
  background: transparent;
  border: none;
  color: var(--oz-text-1);
  font-size: 0.85rem;
  font-family: inherit;
  line-height: 1.7;
  outline: none;
  resize: none;
}

/* line 2895, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-textarea::placeholder {
  color: var(--oz-text-4);
}

/* line 2899, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-quoted {
  margin-top: 20px;
  border-top: 1px solid var(--oz-glass-border);
  padding-top: 0;
}

/* line 2905, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-quoted-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 0;
  background: transparent;
  border: none;
  color: var(--oz-text-4);
  font-size: 0.72rem;
  cursor: pointer;
  font-family: inherit;
  transition: color 0.15s;
  width: 100%;
  text-align: left;
}

/* line 2920, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-quoted-toggle:hover {
  color: var(--oz-text-2);
}

/* line 2921, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-quoted-toggle i {
  font-size: 0.6rem;
  transition: transform 0.2s;
}

/* line 2922, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-quoted-toggle.expanded i {
  transform: rotate(90deg);
}

/* line 2925, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-quoted-content {
  display: none;
  padding: 12px 16px;
  margin-left: 0;
  border-left: 3px solid var(--oz-glass-border);
  font-size: 0.78rem;
  color: var(--oz-text-3);
  line-height: 1.6;
}

/* line 2934, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-quoted-content.visible {
  display: block;
}

/* line 2935, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-quoted-content p {
  margin-bottom: 8px;
}

/* line 2936, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-quoted-content .quoted-header {
  font-size: 0.68rem;
  color: var(--oz-text-4);
  margin-bottom: 10px;
  font-style: italic;
}

/* line 2945, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-top: 1px solid var(--oz-glass-border);
  background: var(--oz-glass);
  flex-shrink: 0;
}

/* line 2955, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-btn {
  padding: 9px 20px;
  border-radius: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
  border: 1px solid var(--oz-glass-border);
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 2968, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-btn.send {
  background: linear-gradient(135deg, #E5A82E 0%, #C38761 100%);
  border: none;
  color: #fff;
  box-shadow: 0 4px 12px rgba(229, 168, 46, 0.3);
}

/* line 2974, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-btn.send:hover {
  filter: brightness(1.15);
  box-shadow: 0 6px 16px rgba(229, 168, 46, 0.4);
}

/* line 2975, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-btn.send i {
  font-size: 0.75rem;
}

/* line 2978, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-btn.draft {
  background: var(--oz-glass-active);
  color: var(--oz-text-2);
}

/* line 2982, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-btn.draft:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-1);
}

/* line 2985, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-btn.cancel {
  background: transparent;
  border-color: transparent;
  color: var(--oz-text-3);
}

/* line 2990, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-btn.cancel:hover {
  color: var(--oz-text-1);
}

/* line 2994, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-actions-spacer {
  flex: 1;
}

/* line 2996, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-btn {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.78rem;
  cursor: pointer;
  padding: 0;
  border-radius: 8px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

/* line 3010, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-btn:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
}

/* line 3014, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attachments-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 16px 8px;
}

/* line 3020, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attachments-list:empty {
  display: none;
}

/* line 3023, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 0.72rem;
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-2);
  transition: all 0.2s;
}

/* line 3035, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item i:first-child {
  color: var(--oz-text-3);
  font-size: 0.7rem;
}

/* line 3037, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item .attach-name {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3044, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item .attach-size {
  color: var(--oz-text-4);
  font-size: 0.65rem;
}

/* line 3046, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item .attach-error {
  color: #f87171;
}

/* line 3048, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item .attach-link-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 6px;
  background: rgba(229, 168, 46, 0.12);
  color: #E5A82E;
  border-radius: 3px;
  font-size: 0.6rem;
  font-weight: 600;
}

/* line 3060, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item .attach-remove {
  background: none;
  border: none;
  color: var(--oz-text-4);
  cursor: pointer;
  padding: 0 2px;
  font-size: 0.7rem;
}

/* line 3067, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item .attach-remove:hover {
  color: #f87171;
}

/* line 3070, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item.uploading {
  opacity: 0.7;
}

/* line 3071, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item.uploaded {
  border-color: rgba(74, 222, 128, 0.2);
}

/* line 3072, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-attach-item.error {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
}

/* line 3075, app/assets/stylesheets/components/_email_surpage.scss */
.email-compose-char-count {
  font-size: 0.65rem;
  color: var(--oz-text-4);
}

/* line 3081, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
  color: var(--oz-text-3);
  font-size: 0.82rem;
}

/* line 3091, app/assets/stylesheets/components/_email_surpage.scss */
.email-reading-loader i {
  font-size: 1.5rem;
  color: #E5A82E;
}

/* line 3096, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-card {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  transition: all 0.15s;
}

/* line 3107, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-card:hover {
  background: rgba(255, 255, 255, 0.06);
}

/* line 3108, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-card.disabled {
  opacity: 0.45;
}

/* line 3111, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  flex-shrink: 0;
}

/* line 3120, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-icon.event {
  background: rgba(74, 222, 128, 0.12);
  color: #4ade80;
}

/* line 3121, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-icon.cron {
  background: rgba(59, 130, 246, 0.12);
  color: #3b82f6;
}

/* line 3122, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-icon.manual {
  background: rgba(245, 158, 11, 0.12);
  color: #f59e0b;
}

/* line 3125, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-body {
  flex: 1;
  min-width: 0;
}

/* line 3126, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-name {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--oz-text-1);
  margin-bottom: 3px;
}

/* line 3127, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-desc {
  font-size: 0.68rem;
  color: var(--oz-text-3);
  line-height: 1.4;
}

/* line 3129, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-meta {
  display: flex;
  gap: 8px;
  margin-top: 6px;
  flex-wrap: wrap;
}

/* line 3136, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-tag {
  font-size: 0.58rem;
  padding: 2px 7px;
  border-radius: 6px;
  font-weight: 500;
}

/* line 3142, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-tag.trigger {
  background: rgba(59, 130, 246, 0.12);
  color: #3b82f6;
}

/* line 3143, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-tag.action {
  background: rgba(229, 168, 46, 0.15);
  color: var(--oz-cream);
}

/* line 3144, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-tag.count {
  background: var(--oz-glass);
  color: var(--oz-text-3);
}

/* line 3147, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

/* line 3154, app/assets/stylesheets/components/_email_surpage.scss */
.automate-toggle {
  width: 36px;
  height: 20px;
  border-radius: 10px;
  background: var(--oz-depth-4);
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  border: none;
}

/* line 3163, app/assets/stylesheets/components/_email_surpage.scss */
.automate-toggle::after {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: all 0.2s;
}

/* line 3172, app/assets/stylesheets/components/_email_surpage.scss */
.automate-toggle.on {
  background: #4ade80;
}

/* line 3173, app/assets/stylesheets/components/_email_surpage.scss */
.automate-toggle.on::after {
  left: 18px;
}

/* line 3176, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-btn {
  background: none;
  border: none;
  color: var(--oz-text-4);
  cursor: pointer;
  font-size: 0.7rem;
  padding: 4px;
  transition: all 0.15s;
}

/* line 3185, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-btn:hover {
  color: var(--oz-alert);
}

/* line 3188, app/assets/stylesheets/components/_email_surpage.scss */
.automate-template-card {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  transition: all 0.15s;
}

/* line 3196, app/assets/stylesheets/components/_email_surpage.scss */
.automate-template-card:hover {
  border-color: #E5A82E;
  background: rgba(255, 255, 255, 0.06);
  transform: translateY(-2px);
}

/* line 3202, app/assets/stylesheets/components/_email_surpage.scss */
.automate-template-card__icon {
  font-size: 1.3rem;
  margin-bottom: 8px;
}

/* line 3203, app/assets/stylesheets/components/_email_surpage.scss */
.automate-template-card__name {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--oz-text-1);
  margin-bottom: 4px;
}

/* line 3209, app/assets/stylesheets/components/_email_surpage.scss */
.automate-template-card__desc {
  font-size: 0.68rem;
  color: var(--oz-text-3);
  line-height: 1.4;
}

/* line 3213, app/assets/stylesheets/components/_email_surpage.scss */
.automate-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}

/* line 3220, app/assets/stylesheets/components/_email_surpage.scss */
.automate-stat {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 10px;
  padding: 12px;
  text-align: center;
}

/* line 3227, app/assets/stylesheets/components/_email_surpage.scss */
.automate-stat__value {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--oz-text-1);
}

/* line 3228, app/assets/stylesheets/components/_email_surpage.scss */
.automate-stat__label {
  font-size: 0.62rem;
  color: var(--oz-text-3);
  margin-top: 2px;
}

/* line 3232, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-group-label {
  font-size: 0.62rem;
  font-weight: 600;
  color: var(--oz-text-3);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 3243, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-group-label + .automate-rule-card {
  margin-top: 0;
}

/* line 3245, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-group-label__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
}

/* line 3252, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-group-label--on .automate-rule-group-label__dot {
  background: #4ade80;
}

/* line 3253, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-group-label--off .automate-rule-group-label__dot {
  background: var(--oz-text-4);
}

/* line 3254, app/assets/stylesheets/components/_email_surpage.scss */
.automate-rule-group-label--off {
  margin: 16px 0 10px;
}

/* line 3258, app/assets/stylesheets/components/_email_surpage.scss */
.automate-empty {
  text-align: center;
  padding: 50px 20px;
}

/* line 3262, app/assets/stylesheets/components/_email_surpage.scss */
.automate-empty__icon {
  font-size: 2rem;
  color: var(--oz-text-4);
  display: block;
  margin-bottom: 12px;
}

/* line 3268, app/assets/stylesheets/components/_email_surpage.scss */
.automate-empty__title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--oz-text-2);
  margin-bottom: 8px;
}

/* line 3274, app/assets/stylesheets/components/_email_surpage.scss */
.automate-empty__text {
  font-size: 0.78rem;
  color: var(--oz-text-3);
  max-width: 360px;
  margin: 0 auto 8px;
  line-height: 1.5;
}

/* line 3281, app/assets/stylesheets/components/_email_surpage.scss */
.automate-empty__subtext {
  font-size: 0.68rem;
  color: var(--oz-text-4);
  margin: 0;
}

/* line 3289, app/assets/stylesheets/components/_email_surpage.scss */
.automate-create-btn {
  background: #E5A82E;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  transition: filter 0.15s;
}

/* line 3304, app/assets/stylesheets/components/_email_surpage.scss */
.automate-create-btn:hover {
  filter: brightness(1.08);
}

/* line 3309, app/assets/stylesheets/components/_email_surpage.scss */
.automate-templates__intro {
  font-size: 0.72rem;
  color: var(--oz-text-3);
  margin-bottom: 16px;
  line-height: 1.5;
}

/* line 3315, app/assets/stylesheets/components/_email_surpage.scss */
.automate-templates__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

/* line 3323, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 3330, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item__icon {
  font-size: 0.85rem;
  flex-shrink: 0;
}

/* line 3331, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item__content {
  flex: 1;
  min-width: 0;
}

/* line 3332, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item__rule-name {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 3333, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item__meta {
  font-size: 0.62rem;
  color: var(--oz-text-3);
}

/* line 3334, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item__status {
  font-size: 0.58rem;
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 500;
  text-transform: capitalize;
}

/* line 3343, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item--success .automate-history-item__icon {
  color: #4ade80;
}

/* line 3344, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item--success .automate-history-item__status {
  background: rgba(74, 222, 128, 0.12);
  color: #4ade80;
}

/* line 3347, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item--error .automate-history-item__icon {
  color: var(--oz-alert);
}

/* line 3348, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item--error .automate-history-item__status {
  background: rgba(239, 68, 68, 0.12);
  color: var(--oz-alert);
}

/* line 3353, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder {
  margin-top: 16px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
  padding: 20px;
}

/* line 3360, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__title {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--oz-text-1);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 3369, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__title > i {
  color: #E5A82E;
}

/* line 3372, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 3378, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* line 3384, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__field {
  display: flex;
  flex-direction: column;
}

/* line 3386, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__label {
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--oz-text-3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
  margin-bottom: 4px;
}

/* line 3396, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__label-icon {
  margin-right: 4px;
}

/* line 3399, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__label-icon--success {
  color: #4ade80;
}

/* line 3400, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__label-icon--accent {
  color: #E5A82E;
}

/* line 3403, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__input, .automate-builder__select {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--oz-text-1);
  font-size: 0.75rem;
  font-family: inherit;
  transition: border-color 0.15s, background 0.15s;
}

/* line 3417, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__input::placeholder, .automate-builder__select::placeholder {
  color: var(--oz-text-4);
}

/* line 3419, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__input:focus, .automate-builder__select:focus {
  outline: none;
  border-color: #E5A82E;
}

/* line 3425, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__input--cron {
  margin-top: 4px;
}

/* line 3427, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__actions {
  display: flex;
  gap: 10px;
  margin-top: 4px;
}

/* line 3433, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__save {
  background: #E5A82E;
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: filter 0.15s;
}

/* line 3447, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__save:hover {
  filter: brightness(1.1);
}

/* line 3450, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__cancel {
  background: transparent;
  border: 1px solid var(--oz-glass-border);
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 0.75rem;
  color: var(--oz-text-3);
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}

/* line 3460, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder__cancel:hover {
  color: var(--oz-text-2);
  background: rgba(255, 255, 255, 0.04);
}

/* line 3465, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  transition: background 0.1s;
}

/* line 3473, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item:hover {
  background: var(--oz-glass);
}

/* line 3474, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-item:last-child {
  border-bottom: none;
}

/* line 3477, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-status {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  flex-shrink: 0;
}

/* line 3486, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-status.success {
  background: rgba(74, 222, 128, 0.15);
  color: #4ade80;
}

/* line 3487, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-status.error {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

/* line 3488, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-status.skipped {
  background: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}

/* line 3491, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-body {
  flex: 1;
  min-width: 0;
}

/* line 3492, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-name {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 3493, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-meta {
  font-size: 0.62rem;
  color: var(--oz-text-3);
  display: flex;
  gap: 6px;
  margin-top: 2px;
}

/* line 3500, app/assets/stylesheets/components/_email_surpage.scss */
.automate-history-time {
  font-size: 0.62rem;
  color: var(--oz-text-4);
  flex-shrink: 0;
}

/* line 3507, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-section {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

/* line 3513, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--oz-text-1);
  margin-bottom: 10px;
}

/* line 3522, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-label span {
  font-weight: 400;
  font-size: 0.65rem;
}

/* line 3525, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-input, .automate-builder-textarea {
  width: 100%;
  background: var(--oz-depth-3);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  padding: 10px 14px;
  color: var(--oz-text-1);
  font-size: 0.78rem;
}

/* line 3534, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-input::placeholder, .automate-builder-textarea::placeholder {
  color: var(--oz-text-4);
}

/* line 3535, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-input:focus, .automate-builder-textarea:focus {
  border-color: var(--oz-gold);
  outline: none;
}

/* line 3536, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-input.small, .small.automate-builder-textarea {
  width: 120px;
}

/* line 3539, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-textarea {
  resize: vertical;
  min-height: 50px;
  font-family: inherit;
}

/* line 3546, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-select {
  background: var(--oz-depth-3);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--oz-text-1);
  font-size: 0.72rem;
  cursor: pointer;
  flex: 1;
}

/* line 3556, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-select:focus {
  border-color: var(--oz-gold);
  outline: none;
}

/* line 3559, app/assets/stylesheets/components/_email_surpage.scss */
.automate-trigger-type-btn {
  padding: 8px 16px;
  border-radius: 8px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-2);
  font-size: 0.72rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 3573, app/assets/stylesheets/components/_email_surpage.scss */
.automate-trigger-type-btn.active {
  background: var(--oz-gold);
  color: white;
  border-color: var(--oz-gold);
}

/* line 3574, app/assets/stylesheets/components/_email_surpage.scss */
.automate-trigger-type-btn:hover:not(.active) {
  border-color: var(--oz-text-3);
}

/* line 3577, app/assets/stylesheets/components/_email_surpage.scss */
.automate-options-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

/* line 3583, app/assets/stylesheets/components/_email_surpage.scss */
.automate-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 8px;
  border-radius: 10px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  cursor: pointer;
  transition: all 0.15s;
  text-align: center;
  color: var(--oz-text-2);
}

/* line 3597, app/assets/stylesheets/components/_email_surpage.scss */
.automate-option i {
  font-size: 0.9rem;
  color: var(--oz-text-3);
}

/* line 3598, app/assets/stylesheets/components/_email_surpage.scss */
.automate-option span {
  font-size: 0.65rem;
  line-height: 1.3;
}

/* line 3599, app/assets/stylesheets/components/_email_surpage.scss */
.automate-option .automate-option-cat {
  font-size: 0.55rem;
  color: var(--oz-text-4);
}

/* line 3601, app/assets/stylesheets/components/_email_surpage.scss */
.automate-option:hover {
  border-color: var(--oz-text-3);
  background: rgba(255, 255, 255, 0.06);
}

/* line 3602, app/assets/stylesheets/components/_email_surpage.scss */
.automate-option.selected {
  border-color: var(--oz-gold);
  background: rgba(212, 175, 55, 0.1);
}

/* line 3605, app/assets/stylesheets/components/_email_surpage.scss */
.automate-option.selected i {
  color: var(--oz-gold);
}

/* line 3606, app/assets/stylesheets/components/_email_surpage.scss */
.automate-option.selected span {
  color: var(--oz-text-1);
  font-weight: 600;
}

/* line 3610, app/assets/stylesheets/components/_email_surpage.scss */
.automate-cron-preset {
  padding: 5px 10px;
  border-radius: 6px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.6rem;
  cursor: pointer;
  transition: all 0.12s;
  white-space: nowrap;
}

/* line 3621, app/assets/stylesheets/components/_email_surpage.scss */
.automate-cron-preset:hover, .automate-cron-preset.active {
  border-color: var(--oz-gold);
  color: var(--oz-gold);
}

/* line 3624, app/assets/stylesheets/components/_email_surpage.scss */
.automate-condition-row, .automate-chain-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

/* line 3631, app/assets/stylesheets/components/_email_surpage.scss */
.automate-condition-remove, .automate-chain-remove {
  background: none;
  border: none;
  color: var(--oz-text-4);
  cursor: pointer;
  font-size: 0.7rem;
  padding: 4px;
}

/* line 3638, app/assets/stylesheets/components/_email_surpage.scss */
.automate-condition-remove:hover, .automate-chain-remove:hover {
  color: var(--oz-alert);
}

/* line 3641, app/assets/stylesheets/components/_email_surpage.scss */
.automate-add-condition, .automate-add-chain {
  background: none;
  border: 1px dashed var(--oz-glass-border);
  border-radius: 8px;
  padding: 8px 14px;
  color: var(--oz-text-3);
  font-size: 0.68rem;
  cursor: pointer;
  transition: all 0.15s;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 3654, app/assets/stylesheets/components/_email_surpage.scss */
.automate-add-condition:hover, .automate-add-chain:hover {
  border-color: var(--oz-gold);
  color: var(--oz-gold);
}

/* line 3657, app/assets/stylesheets/components/_email_surpage.scss */
.automate-builder-preview {
  background: var(--oz-depth-3);
  border: 1px solid var(--oz-glass-border);
  border-radius: 10px;
  padding: 14px 18px;
  margin-top: 16px;
}

/* line 3665, app/assets/stylesheets/components/_email_surpage.scss */
.automate-preview-flow {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

/* line 3672, app/assets/stylesheets/components/_email_surpage.scss */
.automate-preview-step {
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 0.65rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}

/* line 3680, app/assets/stylesheets/components/_email_surpage.scss */
.automate-preview-step.trigger {
  background: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
}

/* line 3681, app/assets/stylesheets/components/_email_surpage.scss */
.automate-preview-step.action {
  background: rgba(74, 222, 128, 0.15);
  color: #4ade80;
}

/* line 3682, app/assets/stylesheets/components/_email_surpage.scss */
.automate-preview-step.chain {
  background: rgba(167, 139, 250, 0.15);
  color: #a78bfa;
}

/* line 8, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200000;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease;
}

/* line 23, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-overlay.active {
  opacity: 1;
}

/* line 28, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-overlay .email-surpage-content {
  width: 1000px;
  max-width: 95vw;
  height: 700px;
  max-height: 90vh;
  background: var(--oz-depth-1);
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--oz-glass-border), 0 0 80px -20px var(--oz-warm-glow), 0 32px 64px -12px rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  animation: emailComposeSlideIn 0.3s ease;
}

/* line 45, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-overlay .email-surpage-content::before {
  content: '';
  position: absolute;
  width: 700px;
  height: 700px;
  top: -250px;
  right: -150px;
  background: radial-gradient(circle, rgba(100, 1, 39, 0.07) 0%, rgba(100, 1, 39, 0.03) 40%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* line 57, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-overlay .email-surpage-content::after {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  bottom: -150px;
  left: -100px;
  background: radial-gradient(circle, rgba(166, 2, 64, 0.05) 0%, rgba(100, 1, 39, 0.02) 40%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* line 69, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-overlay .email-surpage-content > * {
  position: relative;
  z-index: 1;
}

/* line 77, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-overlay .email-compose-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

@keyframes emailComposeSlideIn {
  from {
    transform: scale(0.95) translateY(12px);
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

/* line 98, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-tiptap .ProseMirror {
  min-height: 120px;
  outline: none;
  color: var(--oz-text-1);
  font-size: 0.85rem;
  font-family: inherit;
  line-height: 1.7;
}

/* line 106, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-tiptap .ProseMirror > * + * {
  margin-top: 0.5em;
}

/* line 110, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-tiptap .ProseMirror p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: var(--oz-text-4);
  pointer-events: none;
  height: 0;
}

/* line 118, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-tiptap .ProseMirror ul, .email-compose-tiptap .ProseMirror ol {
  padding-left: 1.2em;
}

/* line 122, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-tiptap .ProseMirror a {
  color: var(--oz-cream);
  text-decoration: underline;
}

/* line 127, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-tiptap .ProseMirror blockquote {
  border-left: 3px solid var(--oz-glass-border);
  padding-left: 12px;
  color: var(--oz-text-3);
}

/* line 136, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-cc-field {
  display: none;
}

/* line 139, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-cc-field.visible {
  display: flex;
}

/* line 145, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-signature {
  margin-top: 20px;
  padding-top: 12px;
  border-top: 1px solid var(--oz-glass-border);
  font-size: 0.78rem;
  color: var(--oz-text-3);
  line-height: 1.5;
}

/* line 153, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-signature-sep {
  color: var(--oz-text-4);
  margin-bottom: 4px;
}

/* line 158, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-signature-closing {
  font-style: italic;
}

/* line 162, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-signature-name {
  font-weight: 600;
  color: var(--oz-text-2);
  margin-top: 2px;
}

/* line 168, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-signature-detail {
  font-size: 0.72rem;
  color: var(--oz-text-4);
}

/* line 173, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-signature-img {
  max-width: 180px;
  max-height: 60px;
  margin-top: 8px;
  border-radius: 4px;
}

/* line 182, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-char-count {
  font-size: 0.65rem;
  color: var(--oz-text-4);
}

/* line 188, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-btn.send.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

/* line 194, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-ai-rewrite.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

/* line 198, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-ai-rewrite.is-loading i {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 209, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-attach-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* line 213, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-compose-attach-btn:disabled:hover {
  color: var(--oz-text-3);
  background: var(--oz-glass);
}

@media (max-width: 1024px) {
  /* line 221, app/assets/stylesheets/components/_email_compose_modal.scss */
  .email-compose-overlay .email-surpage-content,
.email-preview-overlay .email-preview-panel {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 0;
  }
}

/* line 235, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200001;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease;
}

/* line 250, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-overlay.active {
  opacity: 1;
}

/* line 255, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-panel {
  width: 800px;
  max-width: 95vw;
  max-height: 85vh;
  background: var(--oz-depth-1);
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--oz-glass-border), 0 0 60px -20px var(--oz-warm-glow), 0 24px 48px -12px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: emailComposeSlideIn 0.25s ease;
}

/* line 272, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px 14px;
  background: var(--oz-glass);
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 281, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-header h3, .email-preview-header .h3 {
  margin: 0;
  color: var(--oz-text-1);
  font-size: 1.05rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 290, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-header h3 i, .email-preview-header .h3 i {
  color: var(--oz-warm);
  font-size: 0.9rem;
}

/* line 294, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 300, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-body {
  flex: 1;
  overflow-y: auto;
  padding: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

/* line 308, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-fields {
  padding: 16px 24px 0;
  flex-shrink: 0;
}

/* line 313, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-field {
  display: flex;
  align-items: baseline;
  gap: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  padding: 8px 0;
  font-size: 0.82rem;
  color: var(--oz-text-1);
}

/* line 323, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-label {
  font-size: 0.78rem;
  color: var(--oz-text-3);
  font-weight: 500;
  width: 60px;
  flex-shrink: 0;
}

/* line 331, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-subject {
  font-weight: 600;
}

/* line 335, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-summary {
  margin: 12px 24px 0;
  padding: 10px 14px;
  background: var(--oz-warm-soft);
  border-radius: 8px;
  font-size: 0.78rem;
  color: var(--oz-cream);
  line-height: 1.5;
}

/* line 344, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-summary i {
  font-size: 0.7rem;
  margin-right: 6px;
}

/* line 350, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-content {
  padding: 20px 24px;
  font-size: 0.85rem;
  color: var(--oz-text-1);
  line-height: 1.7;
  word-break: break-word;
}

/* line 357, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-content img {
  max-width: 100%;
  height: auto;
}

/* line 359, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-content blockquote {
  border-left: 3px solid var(--oz-glass-border);
  padding-left: 12px;
  margin: 0.5rem 0;
  color: var(--oz-text-3);
}

/* line 366, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-content a {
  color: var(--oz-cream);
  text-decoration: underline;
}

/* line 372, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-empty {
  color: var(--oz-text-4);
  font-style: italic;
}

/* line 377, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-preview-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-top: 1px solid var(--oz-glass-border);
  background: var(--oz-glass);
  flex-shrink: 0;
}

/* line 388, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-item--clickable {
  cursor: pointer;
  transition: background-color 0.15s;
}

/* line 392, app/assets/stylesheets/components/_email_compose_modal.scss */
.email-item--clickable:hover {
  background-color: rgba(255, 255, 255, 0.08);
}

/* line 1, app/assets/stylesheets/components/_fonts.scss */
.permanent-marker-regular {
  font-family: "Permanent Marker", serif;
}

/* line 6, app/assets/stylesheets/components/_fonts.scss */
.permanent-marker-regular:hover {
  animation: shake 0.5s ease-in-out;
}

@keyframes shake {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-5px, 0);
  }
  50% {
    transform: translate(5px, 0);
  }
  75% {
    transform: translate(-5px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

/* Texte centré */
/* line 3, app/assets/stylesheets/components/_footer.scss */
.footer {
  position: relative;
  color: #fff;
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 32px 16px 16px;
  overflow: visible;
  /* Changed from hidden to allow fixed button to show */
}

/* Footer sur la landing page - gradient aligné avec les sections */
/* line 13, app/assets/stylesheets/components/_footer.scss */
body.website-landing .footer {
  background: linear-gradient(151deg, #140D23 0%, #820133 70%, #a1023f 100%);
}

/* line 22, app/assets/stylesheets/components/_footer.scss */
.footer-panel {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.25);
}

/* line 34, app/assets/stylesheets/components/_footer.scss */
.footer-inner {
  display: grid;
  gap: 24px;
}

/* line 35, app/assets/stylesheets/components/_footer.scss */
.grid-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

@media (max-width: 992px) {
  /* line 35, app/assets/stylesheets/components/_footer.scss */
  .grid-12 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  /* line 35, app/assets/stylesheets/components/_footer.scss */
  .grid-12 {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

/* line 47, app/assets/stylesheets/components/_footer.scss */
.col-span-6 {
  grid-column: span 6;
}

/* line 48, app/assets/stylesheets/components/_footer.scss */
.col-span-4 {
  grid-column: span 4;
}

/* line 49, app/assets/stylesheets/components/_footer.scss */
.col-span-2 {
  grid-column: span 2;
}

@media (max-width: 992px) {
  /* line 51, app/assets/stylesheets/components/_footer.scss */
  .col-span-6 {
    grid-column: span 8;
  }
  /* line 52, app/assets/stylesheets/components/_footer.scss */
  .col-span-4 {
    grid-column: span 8;
  }
  /* line 53, app/assets/stylesheets/components/_footer.scss */
  .col-span-2 {
    grid-column: span 8;
  }
}

/* line 56, app/assets/stylesheets/components/_footer.scss */
.footer-brand .brand {
  font-size: 1.75rem;
  font-weight: 700;
}

/* line 61, app/assets/stylesheets/components/_footer.scss */
.footer-brand .baseline {
  margin: 6px 0 0;
  color: #F6E5B3;
  opacity: 0.9;
  font-size: 0.95rem;
}

/* line 68, app/assets/stylesheets/components/_footer.scss */
.footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 768px) {
  /* line 76, app/assets/stylesheets/components/_footer.scss */
  .footer-nav ul {
    grid-template-columns: 1fr;
  }
}

/* line 78, app/assets/stylesheets/components/_footer.scss */
.footer-nav .nav-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 992px) {
  /* line 81, app/assets/stylesheets/components/_footer.scss */
  .footer-nav .nav-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  /* line 82, app/assets/stylesheets/components/_footer.scss */
  .footer-nav .nav-3 {
    grid-template-columns: 1fr;
  }
}

/* line 84, app/assets/stylesheets/components/_footer.scss */
.footer-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0;
}

/* line 85, app/assets/stylesheets/components/_footer.scss */
.footer-nav .nav-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  /* centré au milieu du footer */
  width: auto;
  gap: 8px 24px;
  flex-wrap: nowrap;
}

@media (max-width: 992px) {
  /* line 94, app/assets/stylesheets/components/_footer.scss */
  .footer-nav {
    padding-right: 0;
  }
  /* line 95, app/assets/stylesheets/components/_footer.scss */
  .footer-nav .nav-inline {
    justify-content: center;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  /* line 98, app/assets/stylesheets/components/_footer.scss */
  .footer-nav .nav-inline {
    justify-content: center;
    gap: 8px 16px;
  }
}

/* line 101, app/assets/stylesheets/components/_footer.scss */
.footer-link {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  white-space: nowrap;
  transition: color .25s ease, text-shadow .25s ease;
}

/* line 107, app/assets/stylesheets/components/_footer.scss */
.footer-link:hover {
  color: #F6E5B3;
  text-shadow: 0 1px 6px rgba(246, 229, 179, 0.35);
}

/* line 112, app/assets/stylesheets/components/_footer.scss */
.first-footer-line {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 25px;
  height: 50%;
}

@media (max-width: 500px) {
  /* line 112, app/assets/stylesheets/components/_footer.scss */
  .first-footer-line {
    font-size: 0.5rem;
  }
  /* line 122, app/assets/stylesheets/components/_footer.scss */
  .first-footer-line a {
    font-size: 0.5rem;
  }
  /* line 124, app/assets/stylesheets/components/_footer.scss */
  .first-footer-line a i {
    scale: 0.8;
  }
}

/* line 132, app/assets/stylesheets/components/_footer.scss */
.footer-social {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
  justify-content: space-between;
}

@media (max-width: 768px) {
  /* line 133, app/assets/stylesheets/components/_footer.scss */
  .footer-social {
    align-items: center;
  }
}

/* line 135, app/assets/stylesheets/components/_footer.scss */
.footer-note {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.95rem;
}

/* ancien badge KPI supprimé (baseline remplace) */
/* line 139, app/assets/stylesheets/components/_footer.scss */
.footer-company {
  margin-top: auto;
  margin-bottom: auto;
}

/* Icônes des réseaux sociaux */
/* line 146, app/assets/stylesheets/components/_footer.scss */
.social-icons {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 25px;
}

/* line 157, app/assets/stylesheets/components/_footer.scss */
.social-icons i,
.social-icons .ico {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 1.5rem;
  transition: color 0.3s ease, transform 0.3s ease, filter .3s ease;
}

/* line 165, app/assets/stylesheets/components/_footer.scss */
.social-icons a:hover i,
.social-icons a:hover .ico {
  color: #F6E5B3;
  transform: scale(1.08);
  filter: drop-shadow(0 2px 6px rgba(246, 229, 179, 0.35));
}

/* line 172, app/assets/stylesheets/components/_footer.scss */
.footer-bottom {
  max-width: 1200px;
  margin: 16px auto 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
}

/* line 182, app/assets/stylesheets/components/_footer.scss */
.footer-solutions-sep {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin: 20px 0 16px;
}

/* line 188, app/assets/stylesheets/components/_footer.scss */
.footer-solutions-row {
  display: flex;
  gap: 48px;
  flex-wrap: wrap;
  padding: 0 4px 4px;
}

@media (max-width: 768px) {
  /* line 188, app/assets/stylesheets/components/_footer.scss */
  .footer-solutions-row {
    gap: 24px;
    justify-content: center;
  }
}

/* line 200, app/assets/stylesheets/components/_footer.scss */
.footer-solutions-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 206, app/assets/stylesheets/components/_footer.scss */
.footer-solutions-title {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.35);
  display: block;
}

/* line 215, app/assets/stylesheets/components/_footer.scss */
.footer-solutions-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 224, app/assets/stylesheets/components/_footer.scss */
.footer-solutions-links .footer-link {
  font-size: 0.82rem;
}

/* line 228, app/assets/stylesheets/components/_footer.scss */
.footer-solutions-soon {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.28);
  cursor: default;
}

/* line 234, app/assets/stylesheets/components/_footer.scss */
.dot-sep {
  opacity: .35;
  margin: 0 8px;
}

/* Bouton sticky "Hop, en haut" - visible dès la 2ème section */
/* line 237, app/assets/stylesheets/components/_footer.scss */
.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  padding: 10px 16px;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.9rem;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  transition: opacity .4s ease, visibility .4s ease, transform .4s ease, background .3s ease, box-shadow .3s ease;
  /* Masqué par défaut sur hero */
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}

/* line 259, app/assets/stylesheets/components/_footer.scss */
.back-to-top.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* line 264, app/assets/stylesheets/components/_footer.scss */
.back-to-top:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(255, 255, 255, 0.2);
}

/* line 1, app/assets/stylesheets/components/_devise.scss */
.devise-container {
  margin-top: 200px;
}

/* line 3, app/assets/stylesheets/components/_devise.scss */
.devise-container h2, .devise-container .h2 {
  margin-bottom: 20px;
}

/* line 6, app/assets/stylesheets/components/_devise.scss */
.devise-container input {
  max-width: 550px;
}

/* line 11, app/assets/stylesheets/components/_devise.scss */
.devise-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* line 18, app/assets/stylesheets/components/_devise.scss */
.devise-flex .connexion-center {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

/* line 26, app/assets/stylesheets/components/_devise.scss */
.link-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  gap: 10px;
  width: 100%;
}

/* line 5, app/assets/stylesheets/components/_servicespace_navbar.scss */
.close-container {
  position: relative;
  margin: auto;
  width: 50px;
  height: 50px;
  margin-top: 100px;
  cursor: pointer;
}

/* line 14, app/assets/stylesheets/components/_servicespace_navbar.scss */
.leftright {
  height: 4px;
  width: 50px;
  position: absolute;
  margin-top: 24px;
  background-color: #FFFFFF;
  border-radius: 2px;
  transform: rotate(45deg);
  transition: all .3s ease-in;
}

/* line 25, app/assets/stylesheets/components/_servicespace_navbar.scss */
.rightleft {
  height: 4px;
  width: 50px;
  position: absolute;
  margin-top: 24px;
  background-color: #FFFFFF;
  border-radius: 2px;
  transform: rotate(-45deg);
  transition: all .3s ease-in;
}

/* line 36, app/assets/stylesheets/components/_servicespace_navbar.scss */
label {
  color: white;
  font-family: Helvetica, Arial, sans-serif;
  font-size: .6em;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all .3s ease-in;
}

/* line 44, app/assets/stylesheets/components/_servicespace_navbar.scss */
.close {
  margin: 60px 0 0 5px;
  position: absolute;
}

/* line 49, app/assets/stylesheets/components/_servicespace_navbar.scss */
.close-container:hover .leftright {
  transform: rotate(-45deg);
  background-color: #E5A82E;
}

/* line 53, app/assets/stylesheets/components/_servicespace_navbar.scss */
.close-container:hover .rightleft {
  transform: rotate(45deg);
  background-color: #E5A82E;
}

/* line 57, app/assets/stylesheets/components/_servicespace_navbar.scss */
.close-container:hover label {
  opacity: 1;
}

/* line 62, app/assets/stylesheets/components/_servicespace_navbar.scss */
.menu-coming-soon {
  padding: 1rem;
  text-align: center;
  opacity: 0.6;
  font-size: 0.75rem;
}

/* line 68, app/assets/stylesheets/components/_servicespace_navbar.scss */
.menu-coming-soon i {
  margin-bottom: 0.5rem;
}

/* line 72, app/assets/stylesheets/components/_servicespace_navbar.scss */
.menu-coming-soon p {
  margin: 0;
}

/* line 80, app/assets/stylesheets/components/_servicespace_navbar.scss */
.text-xs {
  font-size: 0.8rem;
}

/* line 84, app/assets/stylesheets/components/_servicespace_navbar.scss */
.text-xxs {
  font-size: 0.6rem;
}

/* line 89, app/assets/stylesheets/components/_servicespace_navbar.scss */
.opacity-30 {
  opacity: 0.3;
}

/* line 93, app/assets/stylesheets/components/_servicespace_navbar.scss */
.opacity-60 {
  opacity: 0.6;
}

/* line 98, app/assets/stylesheets/components/_servicespace_navbar.scss */
.container-xl-centered {
  margin: 1rem auto;
  max-width: 1200px;
}

/* line 104, app/assets/stylesheets/components/_servicespace_navbar.scss */
.spinner-lg {
  width: 3rem;
  height: 3rem;
}

/* line 110, app/assets/stylesheets/components/_servicespace_navbar.scss */
.progress-h-20 {
  height: 20px;
}

/* line 115, app/assets/stylesheets/components/_servicespace_navbar.scss */
.admin-toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  pointer-events: none;
}

/* line 124, app/assets/stylesheets/components/_servicespace_navbar.scss */
.empty-state-icon {
  font-size: 3rem;
  opacity: 0.3;
  margin-bottom: 1rem;
}

/* line 130, app/assets/stylesheets/components/_servicespace_navbar.scss */
.empty-state-subtext {
  font-size: 0.8rem;
  opacity: 0.5;
}

/* line 136, app/assets/stylesheets/components/_servicespace_navbar.scss */
.section-description-muted {
  font-size: 0.85rem;
  color: #666;
}

/* line 142, app/assets/stylesheets/components/_servicespace_navbar.scss */
.external-link-icon-spacing {
  margin-left: 6px;
}

/* line 147, app/assets/stylesheets/components/_servicespace_navbar.scss */
.skeleton-w-200 {
  width: 200px;
}

/* line 152, app/assets/stylesheets/components/_servicespace_navbar.scss */
.text-inherit {
  color: inherit;
}

/* line 157, app/assets/stylesheets/components/_servicespace_navbar.scss */
.flex-1 {
  flex: 1;
}

/* line 162, app/assets/stylesheets/components/_servicespace_navbar.scss */
.btn-unstyled {
  background: none;
  border: none;
  cursor: pointer;
}

/* line 169, app/assets/stylesheets/components/_servicespace_navbar.scss */
.scrollable-list {
  max-height: 300px;
  overflow-y: auto;
}

/* line 175, app/assets/stylesheets/components/_servicespace_navbar.scss */
.page-break-before {
  page-break-before: always;
}

/* line 180, app/assets/stylesheets/components/_servicespace_navbar.scss */
.icon-sm {
  width: 16px;
}

/* line 185, app/assets/stylesheets/components/_servicespace_navbar.scss */
.flex-gap-sm {
  display: flex;
  gap: 10px;
  margin-top: 5px;
}

/* line 192, app/assets/stylesheets/components/_servicespace_navbar.scss */
.info-icon-helper {
  margin-left: 5px;
  cursor: help;
  color: #6c757d;
}

/* line 200, app/assets/stylesheets/components/_servicespace_navbar.scss */
.js-toast-notification {
  position: fixed;
  top: 20px;
  right: 20px;
  color: white;
  padding: 12px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  z-index: 10000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s ease;
  animation: slideInRight 0.3s ease-out;
}

/* line 214, app/assets/stylesheets/components/_servicespace_navbar.scss */
.js-toast-notification.toast-success {
  background-color: #10b981;
}

/* line 215, app/assets/stylesheets/components/_servicespace_navbar.scss */
.js-toast-notification.toast-error {
  background-color: #ef4444;
}

/* line 216, app/assets/stylesheets/components/_servicespace_navbar.scss */
.js-toast-notification.toast-info {
  background-color: #17a2b8;
}

/* line 220, app/assets/stylesheets/components/_servicespace_navbar.scss */
.admin-toast {
  color: white;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  margin-bottom: 0.75rem;
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 300px;
  max-width: 500px;
  animation: slideInRight 0.3s ease-out;
  font-size: 0.95rem;
  line-height: 1.4;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* line 237, app/assets/stylesheets/components/_servicespace_navbar.scss */
.admin-toast.admin-toast--success {
  background: rgba(76, 175, 80, 0.95);
}

/* line 238, app/assets/stylesheets/components/_servicespace_navbar.scss */
.admin-toast.admin-toast--error {
  background: rgba(244, 67, 54, 0.95);
}

/* line 239, app/assets/stylesheets/components/_servicespace_navbar.scss */
.admin-toast.admin-toast--info {
  background: rgba(33, 150, 243, 0.95);
}

/* line 243, app/assets/stylesheets/components/_servicespace_navbar.scss */
.todo-error-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #ef4444;
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10000;
  animation: slideInRight 0.3s ease;
}

/* line 257, app/assets/stylesheets/components/_servicespace_navbar.scss */
.confetti-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}

/* line 268, app/assets/stylesheets/components/_servicespace_navbar.scss */
.overflow-hidden {
  overflow: hidden;
}

/* ==========================================================================
   FORM VALIDATION STYLES
   Styles pour les validations de formulaires en temps réel
   ========================================================================== */
/* Styles pour les champs de formulaire avec validation */
/* line 7, app/assets/stylesheets/components/_form_validation.scss */
.form-group {
  position: relative;
  margin-bottom: 1rem;
  /* Hints pour les formats attendus */
  /* Champs en état d'erreur */
  /* Champs en état de succès */
  /* Messages d'erreur */
}

/* line 12, app/assets/stylesheets/components/_form_validation.scss */
.form-group .form-hint {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: rgba(20, 13, 35, 0.6);
  font-style: italic;
}

/* line 19, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .form-group .form-hint {
  color: rgba(255, 255, 255, 0.6);
}

/* line 25, app/assets/stylesheets/components/_form_validation.scss */
.form-group input.error,
.form-group select.error,
.form-group textarea.error {
  border: 2px solid #e74c3c !important;
  background-color: rgba(231, 76, 60, 0.1);
}

/* line 31, app/assets/stylesheets/components/_form_validation.scss */
.form-group input.error:focus,
.form-group select.error:focus,
.form-group textarea.error:focus {
  border-color: #e74c3c !important;
  box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.2);
}

/* line 38, app/assets/stylesheets/components/_form_validation.scss */
.form-group input.success {
  border: 2px solid #27ae60 !important;
  background-color: rgba(39, 174, 96, 0.1);
}

/* line 42, app/assets/stylesheets/components/_form_validation.scss */
.form-group input.success:focus {
  border-color: #27ae60 !important;
  box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.2);
}

/* line 49, app/assets/stylesheets/components/_form_validation.scss */
.form-group .validation-error {
  display: block;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background-color: rgba(231, 76, 60, 0.1);
  border: 1px solid rgba(231, 76, 60, 0.3);
  border-radius: 4px;
  color: #c0392b;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.3;
}

/* line 61, app/assets/stylesheets/components/_form_validation.scss */
.form-group .validation-error::before {
  content: "⚠️ ";
  margin-right: 0.25rem;
}

/* line 66, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .form-group .validation-error {
  background-color: rgba(231, 76, 60, 0.2);
  border-color: rgba(231, 76, 60, 0.4);
  color: #e74c3c;
}

/* Styles spécifiques pour les modals */
/* line 76, app/assets/stylesheets/components/_form_validation.scss */
.modal .form-group {
  margin-bottom: 1.2rem;
}

/* line 79, app/assets/stylesheets/components/_form_validation.scss */
.modal .form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #140D23;
}

/* line 85, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .modal .form-group label {
  color: #FFFFFF;
}

/* line 90, app/assets/stylesheets/components/_form_validation.scss */
.modal .form-group input[type="text"],
.modal .form-group input[type="email"] {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid rgba(20, 13, 35, 0.3);
  border-radius: 6px;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}

/* line 99, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .modal .form-group input[type="text"], .nightmode .modal .form-group input[type="email"] {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}

/* line 105, app/assets/stylesheets/components/_form_validation.scss */
.modal .form-group input[type="text"]:focus,
.modal .form-group input[type="email"]:focus {
  outline: none;
  border-color: #C38761;
  box-shadow: 0 0 0 3px rgba(195, 135, 97, 0.2);
}

/* line 111, app/assets/stylesheets/components/_form_validation.scss */
.modal .form-group input[type="text"]::placeholder,
.modal .form-group input[type="email"]::placeholder {
  color: rgba(20, 13, 35, 0.5);
  font-style: italic;
}

/* line 115, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .modal .form-group input[type="text"]::placeholder, .nightmode .modal .form-group input[type="email"]::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* Animation pour les transitions d'état */
/* line 124, app/assets/stylesheets/components/_form_validation.scss */
.form-group input {
  transition: border-color 0.3s ease,  background-color 0.3s ease,  box-shadow 0.3s ease;
}

/* Styles pour les messages d'aide */
/* line 131, app/assets/stylesheets/components/_form_validation.scss */
.validation-success-message {
  display: block;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background-color: rgba(39, 174, 96, 0.1);
  border: 1px solid rgba(39, 174, 96, 0.3);
  border-radius: 4px;
  color: #27ae60;
  font-size: 0.8rem;
  font-weight: 500;
}

/* line 142, app/assets/stylesheets/components/_form_validation.scss */
.validation-success-message::before {
  content: "✓ ";
  margin-right: 0.25rem;
}

/* line 147, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .validation-success-message {
  background-color: rgba(39, 174, 96, 0.2);
  border-color: rgba(39, 174, 96, 0.4);
}

/* Responsive */
@media (max-width: 768px) {
  /* line 156, app/assets/stylesheets/components/_form_validation.scss */
  .form-group .validation-error {
    font-size: 0.75rem;
    padding: 0.4rem;
  }
  /* line 161, app/assets/stylesheets/components/_form_validation.scss */
  .form-group .form-hint {
    font-size: 0.7rem;
  }
}

/* ==========================================================================
   CONTACT VALIDATION TOAST
   Toast glassmorphism pour la validation croisée email/téléphone
   ========================================================================== */
/* line 172, app/assets/stylesheets/components/_form_validation.scss */
.contact-validation-toast {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 10001;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  background: linear-gradient(135deg, rgba(100, 1, 39, 0.85) 0%, rgba(20, 13, 35, 0.9) 100%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(195, 135, 97, 0.3);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  animation: toastSlideIn 0.35s ease-out;
}

/* line 193, app/assets/stylesheets/components/_form_validation.scss */
.contact-validation-toast i {
  color: #C38761;
  font-size: 1.1rem;
}

/* line 198, app/assets/stylesheets/components/_form_validation.scss */
.contact-validation-toast.fade-out {
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

@keyframes toastSlideIn {
  from {
    opacity: 0;
    transform: translateY(-12px) translateX(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0) translateX(0);
  }
}

/* ==========================================================================
   SEGMENTED INPUT GROUP
   Styles pour les champs segmentés RCS/RM (ville du greffe + numéro)
   ========================================================================== */
/* line 221, app/assets/stylesheets/components/_form_validation.scss */
.segmented-input-group {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}

/* line 226, app/assets/stylesheets/components/_form_validation.scss */
.segmented-input-group .segment-city {
  flex: 1;
  min-width: 100px;
  padding: 0.75rem;
  border: 1px solid rgba(20, 13, 35, 0.3);
  border-radius: 6px;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* line 236, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .segmented-input-group .segment-city {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}

/* line 242, app/assets/stylesheets/components/_form_validation.scss */
.segmented-input-group .segment-city:focus {
  outline: none;
  border-color: #C38761;
  box-shadow: 0 0 0 3px rgba(195, 135, 97, 0.2);
}

/* line 248, app/assets/stylesheets/components/_form_validation.scss */
.segmented-input-group .segment-city:disabled {
  background-color: #e9ecef;
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 253, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .segmented-input-group .segment-city:disabled {
  background-color: rgba(255, 255, 255, 0.1);
}

/* line 259, app/assets/stylesheets/components/_form_validation.scss */
.segmented-input-group .segment-siren {
  flex: 1;
  min-width: 110px;
  padding: 0.75rem 0.5rem;
  border: 1px solid rgba(20, 13, 35, 0.3);
  border-radius: 6px;
  font-size: 0.9rem;
  color: #140D23;
  transition: all 0.3s ease;
}

/* line 269, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .segmented-input-group .segment-siren {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.3);
  color: #FFFFFF;
}

/* line 275, app/assets/stylesheets/components/_form_validation.scss */
.segmented-input-group .segment-siren:focus {
  outline: none;
  border-color: #C38761;
  box-shadow: 0 0 0 3px rgba(195, 135, 97, 0.2);
}

/* line 281, app/assets/stylesheets/components/_form_validation.scss */
.segmented-input-group .segment-siren::placeholder {
  color: rgba(20, 13, 35, 0.5);
  font-style: italic;
  font-size: 0.8rem;
}

/* line 286, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .segmented-input-group .segment-siren::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* line 291, app/assets/stylesheets/components/_form_validation.scss */
.segmented-input-group .segment-siren[readonly] {
  background-color: #e9ecef;
  cursor: not-allowed;
}

/* line 295, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .segmented-input-group .segment-siren[readonly] {
  background-color: rgba(255, 255, 255, 0.1);
}

/* line 300, app/assets/stylesheets/components/_form_validation.scss */
.segmented-input-group .segment-siren:disabled {
  background-color: #e9ecef;
  cursor: not-allowed;
  opacity: 0.6;
}

/* line 305, app/assets/stylesheets/components/_form_validation.scss */
.nightmode .segmented-input-group .segment-siren:disabled {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Responsive pour les champs segmentés */
@media (max-width: 768px) {
  /* line 314, app/assets/stylesheets/components/_form_validation.scss */
  .segmented-input-group {
    flex-wrap: wrap;
  }
  /* line 317, app/assets/stylesheets/components/_form_validation.scss */
  .segmented-input-group .segment-city {
    flex: 1;
    min-width: 80px;
    padding: 0.6rem;
    font-size: 0.85rem;
  }
  /* line 324, app/assets/stylesheets/components/_form_validation.scss */
  .segmented-input-group .segment-siren {
    flex: 1;
    min-width: 80px;
    padding: 0.6rem 0.4rem;
    font-size: 0.8rem;
  }
}

/* line 5, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container table th {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 12px 8px !important;
  text-align: center !important;
}

/* line 16, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-scrollgrid {
  border-collapse: collapse !important;
}

/* line 20, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-scrollgrid table {
  border-collapse: collapse !important;
}

/* line 25, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc table {
  border-collapse: collapse !important;
}

/* line 29, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container table td {
  border-bottom: none !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding: 0px !important;
}

/* line 37, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container table th.fc-col-header-cell {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 12px 8px !important;
  text-align: center !important;
}

/* line 47, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-col-header-cell {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 55, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-col-header th.fc-col-header-cell {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 63, app/assets/stylesheets/components/_fullcalendar.scss */
th.fc-col-header-cell.fc-day {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
}

/* line 70, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-col-header th {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 12px 8px !important;
  text-align: center !important;
}

/* line 80, app/assets/stylesheets/components/_fullcalendar.scss */
.fc .fc-col-header th {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* line 87, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-col-header-cell.fc-day,
.fc-col-header-cell.fc-day-mon,
.fc-col-header-cell.fc-day-tue,
.fc-col-header-cell.fc-day-wed,
.fc-col-header-cell.fc-day-thu,
.fc-col-header-cell.fc-day-fri,
.fc-col-header-cell.fc-day-sat,
.fc-col-header-cell.fc-day-sun {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 12px 8px !important;
  margin: 4px !important;
  transition: all 0.2s ease !important;
}

/* line 102, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-col-header-cell.fc-day:hover,
.fc-col-header-cell.fc-day-mon:hover,
.fc-col-header-cell.fc-day-tue:hover,
.fc-col-header-cell.fc-day-wed:hover,
.fc-col-header-cell.fc-day-thu:hover,
.fc-col-header-cell.fc-day-fri:hover,
.fc-col-header-cell.fc-day-sat:hover,
.fc-col-header-cell.fc-day-sun:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-1px);
}

/* line 108, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-col-header-cell.fc-day .fc-col-header-cell-cushion,
.fc-col-header-cell.fc-day-mon .fc-col-header-cell-cushion,
.fc-col-header-cell.fc-day-tue .fc-col-header-cell-cushion,
.fc-col-header-cell.fc-day-wed .fc-col-header-cell-cushion,
.fc-col-header-cell.fc-day-thu .fc-col-header-cell-cushion,
.fc-col-header-cell.fc-day-fri .fc-col-header-cell-cushion,
.fc-col-header-cell.fc-day-sat .fc-col-header-cell-cushion,
.fc-col-header-cell.fc-day-sun .fc-col-header-cell-cushion {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
}

/* line 118, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

/* line 128, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc {
  height: 100% !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* line 135, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-view-harness {
  flex: 1;
  overflow-y: auto;
  padding-right: 5px;
  /* Personnalisation de la barre de défilement - identique à la section des étapes */
  /* Support Firefox */
  scrollbar-width: thin;
  scrollbar-color: #C38761 rgba(255, 255, 255, 0.1);
}

/* line 141, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-view-harness::-webkit-scrollbar {
  width: 3px;
  /* Largeur de la barre de défilement */
}

/* line 145, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-view-harness::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  /* Couleur de l'arrière-plan de la barre */
  border-radius: 10px;
  /* Coins arrondis */
}

/* line 155, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-view-harness::-webkit-scrollbar-thumb {
  background: #C38761;
  /* Couleur de la barre de défilement */
  border-radius: 10px;
  /* Coins arrondis */
}

/* line 160, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-view-harness::-webkit-scrollbar-thumb:hover {
  background: #FFFFFF;
  /* Couleur de la barre au survol */
}

/* line 170, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-toolbar-chunk {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 176, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-toolbar {
  margin-bottom: 0px !important;
  padding: 5px 10px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border-radius: 8px;
  flex-shrink: 0;
}

/* line 183, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-toolbar .fc-toolbar-title {
  font-size: 14px !important;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}

/* line 193, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-toolbar .fc-button-group .fc-button,
.project-calendar-container .fc .fc-toolbar .fc-button {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  height: auto !important;
  margin: 0 3px !important;
  transition: all 0.2s ease !important;
}

/* line 206, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-toolbar .fc-button-group .fc-button:hover,
.project-calendar-container .fc .fc-toolbar .fc-button:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-1px);
}

/* line 213, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-toolbar .fc-button-group .fc-button.fc-button-active,
.project-calendar-container .fc .fc-toolbar .fc-button.fc-button-active {
  background: rgba(96, 96, 96, 0.358) !important;
  border-color: rgba(74, 144, 226, 0.4) !important;
  color: white !important;
}

/* line 219, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-toolbar .fc-button-group .fc-button:focus,
.project-calendar-container .fc .fc-toolbar .fc-button:focus {
  box-shadow: none !important;
}

/* line 223, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-toolbar .fc-button-group .fc-button:disabled,
.project-calendar-container .fc .fc-toolbar .fc-button:disabled {
  opacity: 0.4 !important;
}

/* line 232, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-col-header {
  background: rgba(255, 255, 255, 0.04) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px 8px 0 0 !important;
}

/* line 237, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-col-header .fc-col-header-cell {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  margin: 4px !important;
  padding: 12px 8px !important;
  transition: all 0.2s ease !important;
}

/* line 245, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-col-header .fc-col-header-cell:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  transform: translateY(-1px);
}

/* line 251, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-col-header .fc-col-header-cell .fc-col-header-cell-cushion {
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
}

/* line 263, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-col-header-cell.fc-day {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* line 268, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-col-header-cell.fc-day-mon,
.project-calendar-container .fc .fc-daygrid .fc-col-header-cell.fc-day-tue,
.project-calendar-container .fc .fc-daygrid .fc-col-header-cell.fc-day-wed,
.project-calendar-container .fc .fc-daygrid .fc-col-header-cell.fc-day-thu,
.project-calendar-container .fc .fc-daygrid .fc-col-header-cell.fc-day-fri,
.project-calendar-container .fc .fc-daygrid .fc-col-header-cell.fc-day-sat,
.project-calendar-container .fc .fc-daygrid .fc-col-header-cell.fc-day-sun {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
}

/* line 281, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-daygrid-day {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 4px;
  margin: 1px;
  aspect-ratio: 2;
}

/* line 287, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-daygrid-day.fc-day-today {
  background: rgba(74, 144, 226, 0.1) !important;
  border-color: rgba(74, 144, 226, 0.3) !important;
}

/* line 292, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-daygrid-day.fc-day-other {
  opacity: 0.3;
}

/* line 301, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-daygrid-day-number {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 6px !important;
  text-align: left !important;
}

/* line 310, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-daygrid-day-frame {
  min-height: 80px;
  padding: 6px;
  display: flex;
  flex-direction: column;
}

/* line 319, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-daygrid-body .fc-daygrid-day-events {
  margin: 0;
  min-height: 20px;
}

/* line 326, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-daygrid .fc-daygrid-day-events {
  margin-top: 4px;
  flex: 1;
}

/* line 334, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-dayGridWeek-view .fc-col-header {
  background: rgba(255, 255, 255, 0.02) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* line 338, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-dayGridWeek-view .fc-col-header .fc-col-header-cell {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px;
  margin: 4px;
  padding: 12px !important;
  text-align: center;
}

/* line 346, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-dayGridWeek-view .fc-col-header .fc-col-header-cell .fc-col-header-cell-cushion {
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
}

/* line 356, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-dayGridWeek-view .fc-daygrid-day {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px;
  margin: 4px;
  min-height: 180px;
}

/* line 363, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-dayGridWeek-view .fc-daygrid-day.fc-day-today {
  background: rgba(74, 144, 226, 0.1) !important;
  border-color: rgba(74, 144, 226, 0.3) !important;
}

/* line 369, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-dayGridWeek-view .fc-daygrid-day-number {
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600 !important;
  padding: 12px !important;
}

/* line 376, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-dayGridWeek-view .fc-daygrid-day-frame {
  min-height: 160px;
  padding: 12px;
}

/* line 383, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-event {
  border-radius: 4px !important;
  padding: 2px 6px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  margin: 2px 0 !important;
  transition: all 0.2s ease !important;
}

/* line 392, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-event:hover {
  opacity: 0.95 !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  z-index: 100 !important;
}

/* line 399, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-event .fc-event-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.3;
}

/* line 407, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-event.project-step {
  border-left: 3px solid currentColor !important;
  padding-left: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* line 413, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-event.project-period-visible {
  background: rgba(195, 135, 97, 0.35) !important;
  border-color: #c38761 !important;
  color: #ffffff !important;
}

/* line 421, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-list {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px;
  padding: 8px;
}

/* line 428, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-list .fc-list-table .fc-list-day-cushion {
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 8px 12px !important;
  border-radius: 4px;
}

/* line 440, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-list .fc-list-event {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 4px;
  margin: 2px 0;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 448, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-list .fc-list-event:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  transform: translateY(-1px);
}

/* line 454, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-list .fc-list-event:hover td {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* line 459, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-list .fc-list-event .fc-list-event-title {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 11px !important;
  font-weight: 500;
}

/* line 465, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-list .fc-list-event .fc-list-event-time {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 9px !important;
  text-transform: uppercase;
  font-weight: 600;
}

/* line 476, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc .fc-list-event:hover td {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* line 481, app/assets/stylesheets/components/_fullcalendar.scss */
.project-calendar-container .fc {
  --fc-list-event-hover-bg-color: rgba(255, 255, 255, 0.04);
}

/* line 487, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip {
  position: fixed;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.95);
  padding: 10px 14px;
  border-radius: 8px;
  backdrop-filter: blur(15px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  max-width: 280px;
  min-width: 200px;
  font-size: 11px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.2s ease;
}

/* line 506, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip.visible {
  opacity: 1;
  transform: translateY(0);
}

/* line 517, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip .tooltip-header {
  font-weight: 600;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.95);
  font-size: 12px;
}

/* line 526, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip .tooltip-row {
  margin: 4px 0;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
}

/* line 531, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip .tooltip-row strong {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
}

/* line 537, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip .tooltip-row i {
  margin-right: 4px;
  color: rgba(255, 255, 255, 0.6);
  width: 12px;
  display: inline-block;
}

/* line 546, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgba(255, 255, 255, 0.15);
}

/* line 558, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 21px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(255, 255, 255, 0.08);
}

/* line 572, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip.position-left::before {
  left: auto;
  right: 20px;
}

/* line 577, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip.position-left::after {
  left: auto;
  right: 21px;
}

/* line 584, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip.position-bottom::before {
  top: auto;
  bottom: -6px;
  border-bottom: none;
  border-top: 6px solid rgba(255, 255, 255, 0.15);
}

/* line 591, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip.position-bottom::after {
  top: auto;
  bottom: -5px;
  border-bottom: none;
  border-top: 5px solid rgba(255, 255, 255, 0.08);
}

/* line 601, app/assets/stylesheets/components/_fullcalendar.scss */
.calendar-tooltip.no-arrow::before, .calendar-tooltip.no-arrow::after {
  display: none;
}

/* line 611, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-event.project-late {
  background: #dc3545 !important;
  border-color: #b02a37 !important;
  animation: pulse-warning 2s infinite;
}

/* line 618, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-event.status-todo {
  background: #6c757d !important;
  border-color: #5a6268 !important;
}

/* line 623, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-event.status-on_going {
  background: #007bff !important;
  border-color: #0056b3 !important;
}

/* line 628, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-event.status-done {
  background: #28a745 !important;
  border-color: #1e7e34 !important;
}

/* line 634, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-event.priority-high {
  box-shadow: 0 0 0 2px #dc3545;
}

/* line 638, app/assets/stylesheets/components/_fullcalendar.scss */
.fc-event.priority-medium {
  box-shadow: 0 0 0 1px #ffc107;
}

@keyframes pulse-warning {
  0%,
100% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
}

@media (max-width: 768px) {
  /* line 658, app/assets/stylesheets/components/_fullcalendar.scss */
  .project-calendar-container .fc .fc-toolbar {
    flex-direction: column;
    gap: 8px;
    padding: 8px !important;
  }
  /* line 663, app/assets/stylesheets/components/_fullcalendar.scss */
  .project-calendar-container .fc .fc-toolbar .fc-toolbar-title {
    font-size: 12px !important;
  }
  /* line 667, app/assets/stylesheets/components/_fullcalendar.scss */
  .project-calendar-container .fc .fc-toolbar .fc-button {
    padding: 6px 12px !important;
    font-size: 9px !important;
  }
  /* line 674, app/assets/stylesheets/components/_fullcalendar.scss */
  .project-calendar-container .fc .fc-view-harness {
    /* Scrollbar responsive pour mobile */
  }
  /* line 676, app/assets/stylesheets/components/_fullcalendar.scss */
  .project-calendar-container .fc .fc-view-harness::-webkit-scrollbar {
    width: 2px;
    /* Plus fine sur mobile */
  }
  /* line 682, app/assets/stylesheets/components/_fullcalendar.scss */
  .project-calendar-container .fc .fc-col-header-cell .fc-col-header-cell-cushion {
    font-size: 9px !important;
  }
  /* line 687, app/assets/stylesheets/components/_fullcalendar.scss */
  .project-calendar-container .fc .fc-daygrid-day-number {
    font-size: 11px !important;
    padding: 4px !important;
  }
  /* line 692, app/assets/stylesheets/components/_fullcalendar.scss */
  .project-calendar-container .fc .fc-event {
    font-size: 9px !important;
    padding: 1px 4px !important;
  }
  /* line 698, app/assets/stylesheets/components/_fullcalendar.scss */
  .project-calendar-container .fc .fc-dayGridWeek-view .fc-daygrid-day {
    min-height: 120px;
  }
  /* line 702, app/assets/stylesheets/components/_fullcalendar.scss */
  .project-calendar-container .fc .fc-dayGridWeek-view .fc-daygrid-day-frame {
    min-height: 100px;
    padding: 8px;
  }
  /* line 710, app/assets/stylesheets/components/_fullcalendar.scss */
  .calendar-tooltip {
    max-width: 250px;
    min-width: 200px;
    font-size: 11px;
    padding: 8px 12px;
    position: absolute !important;
    z-index: 1000 !important;
    pointer-events: none;
    max-height: 150px;
    overflow: hidden;
  }
  /* line 723, app/assets/stylesheets/components/_fullcalendar.scss */
  .calendar-tooltip .tooltip-header {
    font-weight: 600;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.95);
  }
  /* line 729, app/assets/stylesheets/components/_fullcalendar.scss */
  .calendar-tooltip .tooltip-row {
    margin-bottom: 3px;
    font-size: 10px;
  }
  /* line 733, app/assets/stylesheets/components/_fullcalendar.scss */
  .calendar-tooltip .tooltip-row strong {
    color: rgba(255, 255, 255, 0.8);
  }
}

/* line 3, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-dropdown-wrapper {
  position: relative;
  display: inline-block;
}

/* line 8, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-trigger {
  border-radius: 8px 0 0 8px !important;
  border-right: none !important;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.2s ease;
}

/* line 17, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-trigger:hover {
  background-color: #f8f9fa;
  border-color: #dee2e6;
}

/* line 22, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-trigger:focus {
  box-shadow: none;
  border-color: #dee2e6;
}

/* line 27, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-trigger i.fa-wand-magic-sparkles {
  color: #667eea;
}

/* line 31, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-trigger i.fa-chevron-down {
  font-size: 0.75rem;
  transition: transform 0.2s ease;
}

/* line 38, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-menu {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 0.5rem;
  width: 350px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.08);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1000;
  overflow: hidden;
}

/* line 56, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-menu.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

/* line 63, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-menu::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 20px;
  width: 16px;
  height: 16px;
  background: white;
  transform: rotate(45deg);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
}

/* line 76, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-menu-header {
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 600;
  font-size: 1rem;
}

/* line 86, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-menu-header i {
  font-size: 1.25rem;
}

/* line 91, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-menu-items {
  padding: 0.75rem;
  max-height: 400px;
  overflow-y: auto;
}

/* line 97, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-menu-items::-webkit-scrollbar {
  width: 6px;
}

/* line 101, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-menu-items::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

/* line 106, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-menu-items::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 3px;
}

/* line 110, app/assets/stylesheets/components/_generators_dropdown.scss */
.generators-menu-items::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}

/* line 116, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.875rem;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
  margin-bottom: 0.5rem;
}

/* line 127, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-item:last-child {
  margin-bottom: 0;
}

/* line 131, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-item:hover {
  background: #f7fafc;
  transform: translateX(4px);
}

/* line 135, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-item:hover .generator-icon {
  transform: scale(1.05);
}

/* line 141, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

/* line 151, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-icon i {
  font-size: 1.25rem;
  color: white;
}

/* line 156, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-icon.pitch {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* line 160, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-icon.visual {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

/* line 164, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-icon.report {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

/* line 168, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-icon.proposal {
  background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

/* line 172, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-icon.marketing {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

/* line 177, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-info {
  flex: 1;
  min-width: 0;
}

/* line 182, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-name {
  font-weight: 600;
  font-size: 0.95rem;
  color: #2d3748;
  margin-bottom: 0.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 192, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-desc {
  font-size: 0.8rem;
  color: #718096;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 201, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-toast {
  position: fixed;
  top: 80px;
  right: 20px;
  background: white;
  color: #2d3748;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  transform: translateX(100px);
  transition: all 0.3s ease;
  z-index: 10000;
  font-weight: 500;
  border-left: 4px solid #667eea;
}

/* line 217, app/assets/stylesheets/components/_generators_dropdown.scss */
.generator-toast.show {
  opacity: 1;
  transform: translateX(0);
}

@media (max-width: 768px) {
  /* line 225, app/assets/stylesheets/components/_generators_dropdown.scss */
  .generators-menu {
    width: 300px;
    left: auto;
    right: 0;
  }
  /* line 230, app/assets/stylesheets/components/_generators_dropdown.scss */
  .generators-menu::after {
    left: auto;
    right: 20px;
  }
  /* line 236, app/assets/stylesheets/components/_generators_dropdown.scss */
  .generator-name {
    font-size: 0.875rem;
  }
  /* line 240, app/assets/stylesheets/components/_generators_dropdown.scss */
  .generator-desc {
    font-size: 0.75rem;
  }
}

@media (prefers-color-scheme: dark) {
  /* line 247, app/assets/stylesheets/components/_generators_dropdown.scss */
  .generators-menu {
    background: #1a202c;
  }
  /* line 250, app/assets/stylesheets/components/_generators_dropdown.scss */
  .generators-menu::after {
    background: #1a202c;
  }
  /* line 256, app/assets/stylesheets/components/_generators_dropdown.scss */
  .generator-item:hover {
    background: #2d3748;
  }
  /* line 261, app/assets/stylesheets/components/_generators_dropdown.scss */
  .generator-name {
    color: #e2e8f0;
  }
  /* line 265, app/assets/stylesheets/components/_generators_dropdown.scss */
  .generator-desc {
    color: #a0aec0;
  }
  /* line 269, app/assets/stylesheets/components/_generators_dropdown.scss */
  .generator-toast {
    background: #2d3748;
    color: #e2e8f0;
  }
}

/* ==========================================================================
   NOTIFICATION STYLES
   Styles pour les notifications d'autocomplétion des contrats
   ========================================================================== */
/* Base pour toutes les notifications */
/* line 7, app/assets/stylesheets/components/_notification.scss */
.autocomplete-notification-base, .autocomplete-custom-recipient-notification, .autocomplete-recipient-notification, .autocomplete-custom-notification, .autocomplete-notification {
  position: fixed;
  z-index: 1000;
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 14px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  color: white;
  font-weight: 500;
  animation: slideInNotification 0.3s ease-out;
  transition: opacity 0.3s ease, transform 0.3s ease;
  /* Icône de succès */
}

/* line 20, app/assets/stylesheets/components/_notification.scss */
.autocomplete-notification-base::before, .autocomplete-custom-recipient-notification::before, .autocomplete-recipient-notification::before, .autocomplete-custom-notification::before, .autocomplete-notification::before {
  content: "✓ ";
  margin-right: 0.25rem;
}

/* Animation d'entrée */
@keyframes slideInNotification {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Animation de sortie */
@keyframes fadeOutNotification {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}

/* Classe pour l'animation de sortie */
/* line 51, app/assets/stylesheets/components/_notification.scss */
.notification-exit {
  animation: fadeOutNotification 0.3s ease-out forwards;
}

/* Notification pour l'autocomplétion du prestataire (owner) */
/* line 56, app/assets/stylesheets/components/_notification.scss */
.autocomplete-notification {
  top: 20px;
  right: 20px;
  background: #28a745;
}

/* line 62, app/assets/stylesheets/components/_notification.scss */
.autocomplete-notification:hover {
  background: #23923d;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Notification pour l'autocomplétion personnalisée du prestataire */
/* line 70, app/assets/stylesheets/components/_notification.scss */
.autocomplete-custom-notification {
  top: 60px;
  right: 20px;
  background: #17a2b8;
}

/* line 76, app/assets/stylesheets/components/_notification.scss */
.autocomplete-custom-notification:hover {
  background: #148ea1;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Notification pour l'autocomplétion du client (recipient) */
/* line 84, app/assets/stylesheets/components/_notification.scss */
.autocomplete-recipient-notification {
  top: 20px;
  left: 20px;
  background: #ffc107;
  color: #333;
}

/* line 91, app/assets/stylesheets/components/_notification.scss */
.autocomplete-recipient-notification:hover {
  background: #edb100;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Notification pour l'autocomplétion personnalisée du client */
/* line 99, app/assets/stylesheets/components/_notification.scss */
.autocomplete-custom-recipient-notification {
  top: 60px;
  left: 20px;
  background: #ff9800;
}

/* line 105, app/assets/stylesheets/components/_notification.scss */
.autocomplete-custom-recipient-notification:hover {
  background: #e68900;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

/* Variantes de couleur pour différents types de notifications */
/* line 113, app/assets/stylesheets/components/_notification.scss */
.notification-success {
  background: #28a745;
}

/* line 117, app/assets/stylesheets/components/_notification.scss */
.notification-info {
  background: #17a2b8;
}

/* line 121, app/assets/stylesheets/components/_notification.scss */
.notification-warning {
  background: #ffc107;
  color: #333;
}

/* line 126, app/assets/stylesheets/components/_notification.scss */
.notification-danger {
  background: #dc3545;
}

/* Responsive - Adaptations pour mobile */
@media (max-width: 768px) {
  /* line 132, app/assets/stylesheets/components/_notification.scss */
  .autocomplete-notification-base,
.autocomplete-notification,
.autocomplete-custom-notification,
.autocomplete-recipient-notification,
.autocomplete-custom-recipient-notification {
    font-size: 12px;
    padding: 8px 12px;
    max-width: calc(100vw - 40px);
    /* Repositionner pour mobile */
  }
  /* line 142, app/assets/stylesheets/components/_notification.scss */
  .autocomplete-notification-base[class*="-notification"],
.autocomplete-notification[class*="-notification"],
.autocomplete-custom-notification[class*="-notification"],
.autocomplete-recipient-notification[class*="-notification"],
.autocomplete-custom-recipient-notification[class*="-notification"] {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
  }
  /* Empiler verticalement sur mobile */
  /* line 150, app/assets/stylesheets/components/_notification.scss */
  .autocomplete-notification {
    top: 10px;
  }
  /* line 154, app/assets/stylesheets/components/_notification.scss */
  .autocomplete-custom-notification {
    top: 50px;
  }
  /* line 158, app/assets/stylesheets/components/_notification.scss */
  .autocomplete-recipient-notification {
    top: 90px;
  }
  /* line 162, app/assets/stylesheets/components/_notification.scss */
  .autocomplete-custom-recipient-notification {
    top: 130px;
  }
}

/* Mode sombre */
/* line 169, app/assets/stylesheets/components/_notification.scss */
.nightmode .autocomplete-recipient-notification {
  color: #fff;
}

/* Styles pour les notifications empilées */
/* line 175, app/assets/stylesheets/components/_notification.scss */
.notification-stack {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}

/* line 185, app/assets/stylesheets/components/_notification.scss */
.notification-stack > * {
  pointer-events: auto;
}

/* Animation de pulse pour attirer l'attention */
@keyframes notificationPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

/* line 200, app/assets/stylesheets/components/_notification.scss */
.notification-pulse {
  animation: notificationPulse 0.5s ease-in-out;
}

/* ==========================================================================
   PROACTIVE SUGGESTIONS & BRIEFINGS STYLES
   Glass Cockpit V2 — Dark theme using --oz-* design tokens
   ========================================================================== */
/* ===== SUGGESTION CARDS ===== */
/* line 8, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-card {
  background: var(--oz-depth-2);
  border-radius: 12px;
  border-left: 4px solid var(--oz-gold);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  padding: 16px;
  margin-bottom: 16px;
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 17, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(100, 1, 39, 0.15);
}

/* line 23, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-card.suggestion-critical {
  border-left-color: #dc3545;
  background: linear-gradient(to right, rgba(220, 53, 69, 0.08) 0%, var(--oz-depth-2) 20px);
}

/* line 28, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-card.suggestion-high {
  border-left-color: #ffc107;
  background: linear-gradient(to right, rgba(255, 193, 7, 0.06) 0%, var(--oz-depth-2) 20px);
}

/* line 33, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-card.suggestion-medium {
  border-left-color: #17a2b8;
}

/* line 37, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-card.suggestion-low {
  border-left-color: var(--oz-text-3);
  opacity: 0.9;
}

/* line 43, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--oz-glass-border);
}

/* line 52, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--oz-warm) 0%, var(--oz-gold) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 18px;
  flex-shrink: 0;
}

/* line 65, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  flex: 1;
}

/* line 73, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-type {
  font-weight: 600;
  color: var(--oz-text-1);
  font-size: 14px;
}

/* line 79, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-subtype {
  font-size: 13px;
  color: var(--oz-text-3);
}

/* line 84, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-priority {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* line 92, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-priority.priority-critical {
  background: rgba(220, 53, 69, 0.2);
  color: #ef4444;
}

/* line 97, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-priority.priority-high {
  background: rgba(255, 193, 7, 0.2);
  color: #ffc107;
}

/* line 102, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-priority.priority-medium {
  background: rgba(23, 162, 184, 0.2);
  color: #22d3ee;
}

/* line 107, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-priority.priority-low {
  background: var(--oz-glass);
  color: var(--oz-text-3);
}

/* line 113, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-body {
  margin-bottom: 16px;
}

/* line 117, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--oz-text-1);
  margin-bottom: 8px;
}

/* line 124, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-description {
  font-size: 14px;
  color: var(--oz-text-2);
  line-height: 1.6;
  margin-bottom: 12px;
}

/* line 131, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-explanation {
  font-size: 13px;
  color: var(--oz-text-2);
  font-style: italic;
  line-height: 1.5;
  margin-bottom: 12px;
  padding: 8px 12px;
  background: rgba(100, 1, 39, 0.08);
  border-left: 3px solid rgba(166, 2, 64, 0.4);
  border-radius: 0 4px 4px 0;
}

/* line 142, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-explanation i {
  color: var(--oz-gold);
  margin-right: 6px;
}

/* line 148, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-actions-list {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  padding: 12px;
  margin-top: 12px;
}

/* line 155, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-actions-list strong {
  display: block;
  margin-bottom: 8px;
  color: var(--oz-text-2);
  font-size: 13px;
}

/* line 162, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-actions-list ul {
  margin: 0;
  padding-left: 20px;
}

/* line 167, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-actions-list li {
  font-size: 13px;
  color: var(--oz-text-3);
  margin-bottom: 4px;
}

/* line 174, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--oz-glass-border);
}

/* line 184, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-timing {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--oz-text-3);
}

/* line 191, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-timing i {
  font-size: 14px;
}

/* line 196, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-action-buttons {
  display: flex;
  gap: 8px;
}

/* ===== SUGGESTION BUTTONS (Glass Cockpit V2) ===== */
/* line 203, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-btn {
  padding: 0.5rem 1rem;
  font-size: 0.82rem;
  border-radius: 8px;
  border: 1px solid var(--oz-glass-border);
  background: var(--oz-glass);
  color: var(--oz-text-1);
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

/* line 216, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-btn:hover {
  background: var(--oz-glass-hover);
  transform: translateY(-1px);
}

/* line 221, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-btn--danger {
  background: rgba(220, 53, 69, 0.1);
  border-color: rgba(220, 53, 69, 0.25);
  color: #ef4444;
}

/* line 226, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-btn--danger:hover {
  background: rgba(220, 53, 69, 0.2);
  border-color: rgba(220, 53, 69, 0.4);
}

/* line 232, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-btn--primary {
  background: var(--oz-warm-soft);
  border-color: rgba(100, 1, 39, 0.3);
  color: var(--oz-cream);
}

/* line 237, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-btn--primary:hover {
  background: rgba(100, 1, 39, 0.3);
  border-color: rgba(100, 1, 39, 0.5);
  box-shadow: 0 2px 8px rgba(100, 1, 39, 0.15);
}

/* ===== CONFIRMATION OVERLAY ===== */
/* line 247, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-confirmation {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--oz-depth-2);
  border-radius: inherit;
  color: var(--oz-text-1);
  font-weight: 600;
  font-size: 0.9rem;
  animation: fadeInConfirm 0.2s ease-out;
  z-index: 1;
}

/* line 262, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-confirmation i {
  font-size: 1.2rem;
}

/* line 266, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-confirmation--success i {
  color: #34d399;
}

/* line 270, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-confirmation--snooze i {
  color: var(--oz-gold);
}

/* line 274, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestion-confirmation--dismiss i {
  color: var(--oz-text-3);
}

@keyframes fadeInConfirm {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ===== BRIEFING CARDS ===== */
/* line 292, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-summary-card {
  background: var(--oz-depth-2);
  border-radius: 8px;
  border: 1px solid var(--oz-glass-border);
  padding: 16px;
  margin-bottom: 16px;
  transition: all 0.2s;
}

/* line 300, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-summary-card:hover {
  box-shadow: 0 4px 12px rgba(100, 1, 39, 0.15);
  border-color: rgba(100, 1, 39, 0.3);
}

/* line 305, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-summary-card.briefing-sent {
  border-left: 4px solid var(--oz-gold);
}

/* line 310, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--oz-glass-border);
}

/* line 319, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-date {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--oz-text-2);
}

/* line 325, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-date i {
  color: var(--oz-gold);
  font-size: 18px;
}

/* line 330, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-date strong {
  font-size: 15px;
  color: var(--oz-text-1);
}

/* line 336, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-sections-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

/* line 343, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: var(--oz-glass);
  border-radius: 8px;
  border-left: 3px solid var(--oz-gold);
  border: 1px solid var(--oz-glass-border);
}

/* line 353, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat i {
  font-size: 20px;
  color: var(--oz-gold);
}

/* line 358, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 364, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat strong {
  font-size: 18px;
  color: var(--oz-text-1);
  font-weight: 700;
}

/* line 370, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat span {
  font-size: 11px;
  color: var(--oz-text-3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 377, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat.priority {
  border-left: 3px solid #dc3545;
}

/* line 379, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat.priority i {
  color: #dc3545;
}

/* line 382, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat.suggestions {
  border-left: 3px solid #ffc107;
}

/* line 384, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat.suggestions i {
  color: #ffc107;
}

/* line 387, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat.patterns {
  border-left: 3px solid #48c6ef;
}

/* line 389, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-stat.patterns i {
  color: #48c6ef;
}

/* line 393, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  border-top: 1px solid var(--oz-glass-border);
}

/* line 401, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-timing {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  color: var(--oz-text-3);
}

/* line 408, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-timing span {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 414, app/assets/stylesheets/components/_proactive_suggestions.scss */
.briefing-timing i {
  font-size: 13px;
}

/* ===== ANIMATIONS ===== */
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideOutRight {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(20px);
  }
}

/* line 443, app/assets/stylesheets/components/_proactive_suggestions.scss */
.toast-notification {
  animation: slideInRight 0.3s ease-out;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  /* line 450, app/assets/stylesheets/components/_proactive_suggestions.scss */
  .suggestion-footer,
.briefing-footer {
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 456, app/assets/stylesheets/components/_proactive_suggestions.scss */
  .suggestion-action-buttons {
    width: 100%;
  }
  /* line 459, app/assets/stylesheets/components/_proactive_suggestions.scss */
  .suggestion-action-buttons .suggestion-btn {
    flex: 1;
  }
  /* line 464, app/assets/stylesheets/components/_proactive_suggestions.scss */
  .briefing-sections-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  /* line 470, app/assets/stylesheets/components/_proactive_suggestions.scss */
  .suggestion-card,
.briefing-summary-card {
    padding: 12px;
  }
  /* line 475, app/assets/stylesheets/components/_proactive_suggestions.scss */
  .briefing-sections-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== PROACTIVE TOAST NOTIFICATIONS (ActionCable real-time) ===== */
/* line 482, app/assets/stylesheets/components/_proactive_suggestions.scss */
.proactive-toast-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 380px;
}

/* line 494, app/assets/stylesheets/components/_proactive_suggestions.scss */
.proactive-toast {
  pointer-events: auto;
  background: var(--oz-depth-3);
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px var(--oz-glass-border);
  border-left: 4px solid var(--oz-gold);
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.3s ease;
  overflow: hidden;
}

/* line 505, app/assets/stylesheets/components/_proactive_suggestions.scss */
.proactive-toast.show {
  opacity: 1;
  transform: translateX(0);
}

/* line 510, app/assets/stylesheets/components/_proactive_suggestions.scss */
.proactive-toast .toast-header {
  display: flex;
  align-items: center;
  padding: 12px 14px 4px;
  gap: 8px;
}

/* line 516, app/assets/stylesheets/components/_proactive_suggestions.scss */
.proactive-toast .toast-header strong {
  font-size: 0.85rem;
  color: var(--oz-text-1);
}

/* line 521, app/assets/stylesheets/components/_proactive_suggestions.scss */
.proactive-toast .toast-header .btn-close {
  margin-left: auto;
  font-size: 0.65rem;
  opacity: 0.5;
  cursor: pointer;
  color: var(--oz-text-3);
  background: none;
  border: none;
}

/* line 530, app/assets/stylesheets/components/_proactive_suggestions.scss */
.proactive-toast .toast-header .btn-close:hover {
  opacity: 1;
  color: var(--oz-text-1);
}

/* line 537, app/assets/stylesheets/components/_proactive_suggestions.scss */
.proactive-toast .toast-body {
  padding: 4px 14px 12px;
  font-size: 0.82rem;
  color: var(--oz-text-2);
  line-height: 1.4;
}

/* line 544, app/assets/stylesheets/components/_proactive_suggestions.scss */
.proactive-toast .toast-explanation {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid var(--oz-glass-border);
  font-size: 0.75rem;
  color: var(--oz-text-3);
  font-style: italic;
}

/* line 552, app/assets/stylesheets/components/_proactive_suggestions.scss */
.proactive-toast .toast-explanation i {
  color: var(--oz-gold);
  margin-right: 4px;
  font-size: 0.7rem;
}

/* ===== SUGGESTIONS INDEX PAGE (scoped dark) ===== */
/* line 563, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .card {
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
}

/* line 568, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .card-body {
  color: var(--oz-text-1);
}

/* line 572, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .text-muted {
  color: var(--oz-text-3) !important;
}

/* line 576, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .h4, .suggestions-dark-page .h3, .suggestions-dark-page h1, .suggestions-dark-page .h1, .suggestions-dark-page h5, .suggestions-dark-page .h5 {
  color: var(--oz-text-1);
}

/* line 580, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .text-primary {
  color: var(--oz-cream) !important;
}

/* line 584, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .text-danger {
  color: #ef4444 !important;
}

/* line 588, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .text-warning {
  color: #ffc107 !important;
}

/* line 592, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .text-info {
  color: #22d3ee !important;
}

/* line 596, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page p {
  color: var(--oz-text-2);
}

/* line 600, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .stats-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: var(--oz-glass) !important;
}

/* line 612, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .btn-group .btn-outline-primary {
  border-color: var(--oz-glass-border);
  color: var(--oz-text-2);
}

/* line 616, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .btn-group .btn-outline-primary:hover {
  background: var(--oz-warm-soft);
  border-color: var(--oz-warm);
  color: var(--oz-cream);
}

/* line 623, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .btn-group .btn-primary {
  background: var(--oz-warm);
  border-color: var(--oz-warm);
  color: var(--oz-text-1);
}

/* line 630, app/assets/stylesheets/components/_proactive_suggestions.scss */
.suggestions-dark-page .shadow-sm {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* line 2, app/assets/stylesheets/components/_pagination.scss */
.pagination-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}

/* line 11, app/assets/stylesheets/components/_pagination.scss */
.pagination-nav .pagination-info {
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
}

/* line 17, app/assets/stylesheets/components/_pagination.scss */
.pagination-list {
  display: flex;
  list-style: none;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
}

/* line 27, app/assets/stylesheets/components/_pagination.scss */
.pagination-item.disabled .pagination-link {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 35, app/assets/stylesheets/components/_pagination.scss */
.pagination-item.active .pagination-link {
  background: linear-gradient(135deg, #F6E5B3, #D4AF37);
  color: #2a1e3e;
  font-weight: 600;
}

/* line 43, app/assets/stylesheets/components/_pagination.scss */
.pagination-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 0.9rem;
}

/* line 57, app/assets/stylesheets/components/_pagination.scss */
.pagination-link:hover:not(.disabled) {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* line 63, app/assets/stylesheets/components/_pagination.scss */
.pagination-link.disabled {
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.3);
}

@media (max-width: 768px) {
  /* line 71, app/assets/stylesheets/components/_pagination.scss */
  .pagination-nav {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 76, app/assets/stylesheets/components/_pagination.scss */
  .pagination-info {
    text-align: center;
  }
  /* line 80, app/assets/stylesheets/components/_pagination.scss */
  .pagination-list {
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 85, app/assets/stylesheets/components/_pagination.scss */
  .pagination-link {
    min-width: 36px;
    height: 36px;
    font-size: 0.85rem;
  }
}

/* line 3, app/assets/stylesheets/components/_questions.scss */
.question-form-container {
  margin-top: 1rem;
  border-top: 1px solid #e5e7eb;
  padding-top: 1rem;
}

/* line 9, app/assets/stylesheets/components/_questions.scss */
.question-form-card {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1.5rem;
}

/* line 16, app/assets/stylesheets/components/_questions.scss */
.question-form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 22, app/assets/stylesheets/components/_questions.scss */
.question-form-header h4, .question-form-header .h4 {
  margin: 0;
  color: #374151;
  font-size: 1.1rem;
}

/* line 27, app/assets/stylesheets/components/_questions.scss */
.question-form-header h4 i, .question-form-header .h4 i {
  margin-right: 0.5rem;
  color: #3b82f6;
}

/* line 35, app/assets/stylesheets/components/_questions.scss */
.question-form-body .form-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 40, app/assets/stylesheets/components/_questions.scss */
.question-form-body .form-row .form-group {
  flex: 1;
}

/* line 43, app/assets/stylesheets/components/_questions.scss */
.question-form-body .form-row .form-group:last-child {
  flex: 0 0 auto;
  display: flex;
  align-items: end;
}

/* line 48, app/assets/stylesheets/components/_questions.scss */
.question-form-body .form-row .form-group:last-child label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
}

/* line 60, app/assets/stylesheets/components/_questions.scss */
.question-options-section {
  margin-top: 1rem;
  padding: 1rem;
  background: white;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}

/* line 67, app/assets/stylesheets/components/_questions.scss */
.question-options-section .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

/* line 73, app/assets/stylesheets/components/_questions.scss */
.question-options-section .section-header h5, .question-options-section .section-header .h5 {
  margin: 0;
  color: #374151;
  font-size: 1rem;
}

/* line 81, app/assets/stylesheets/components/_questions.scss */
.option-form-item {
  display: flex;
  margin-bottom: 0.75rem;
}

/* line 85, app/assets/stylesheets/components/_questions.scss */
.option-form-item .option-inputs {
  display: flex;
  gap: 0.5rem;
  width: 100%;
  align-items: center;
}

/* line 91, app/assets/stylesheets/components/_questions.scss */
.option-form-item .option-inputs .option-label {
  flex: 2;
}

/* line 95, app/assets/stylesheets/components/_questions.scss */
.option-form-item .option-inputs .option-value {
  flex: 1;
}

/* line 101, app/assets/stylesheets/components/_questions.scss */
.question-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}

/* line 111, app/assets/stylesheets/components/_questions.scss */
.question-item {
  border: 1px solid #e5e7eb30;
  border-radius: 8px;
  padding: 1.25rem;
  margin-bottom: 1rem;
  color: #e5e7eb;
}

/* line 118, app/assets/stylesheets/components/_questions.scss */
.question-item:hover {
  border-color: #d1d5db;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 124, app/assets/stylesheets/components/_questions.scss */
.question-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}

/* line 131, app/assets/stylesheets/components/_questions.scss */
.question-info {
  flex: 1;
}

/* line 134, app/assets/stylesheets/components/_questions.scss */
.question-info .question-label {
  margin: 0 0 0.5rem 0;
  color: #f8f9fb;
  font-size: 1.1rem;
  font-weight: 600;
  opacity: 1 !important;
}

/* line 143, app/assets/stylesheets/components/_questions.scss */
.question-meta {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 149, app/assets/stylesheets/components/_questions.scss */
.question-actions {
  display: flex;
  gap: 0.5rem;
}

/* line 155, app/assets/stylesheets/components/_questions.scss */
.question-options .options-list {
  list-style: none;
  margin: 0.5rem 0 0 0;
  padding: 0;
}

/* line 160, app/assets/stylesheets/components/_questions.scss */
.question-options .options-list .option-item {
  padding: 0.375rem 0;
  color: #6b7280;
}

/* line 164, app/assets/stylesheets/components/_questions.scss */
.question-options .options-list .option-item .option-label {
  font-weight: 500;
  color: #374151;
}

/* line 169, app/assets/stylesheets/components/_questions.scss */
.question-options .options-list .option-item .option-value {
  margin-left: 0.5rem;
}

/* line 175, app/assets/stylesheets/components/_questions.scss */
.question-options h5, .question-options .h5 {
  margin: 0 0 0.5rem 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 186, app/assets/stylesheets/components/_questions.scss */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 4px;
}

/* line 195, app/assets/stylesheets/components/_questions.scss */
.badge.badge-single_choice {
  background-color: #dbeafe;
  color: #1e40af;
}

/* line 200, app/assets/stylesheets/components/_questions.scss */
.badge.badge-multiple_choice {
  background-color: #dcfce7;
  color: #166534;
}

/* line 205, app/assets/stylesheets/components/_questions.scss */
.badge.badge-text {
  background-color: #f3e8ff;
  color: #7c3aed;
}

/* line 210, app/assets/stylesheets/components/_questions.scss */
.badge.badge-email {
  background-color: #fef3c7;
  color: #92400e;
}

/* line 215, app/assets/stylesheets/components/_questions.scss */
.badge.badge-phone {
  background-color: #fed7d7;
  color: #c53030;
}

/* line 220, app/assets/stylesheets/components/_questions.scss */
.badge.badge-date {
  background-color: #e0f2fe;
  color: #0277bd;
}

/* line 225, app/assets/stylesheets/components/_questions.scss */
.badge.badge-number {
  background-color: #f0f9ff;
  color: #0284c7;
}

/* line 230, app/assets/stylesheets/components/_questions.scss */
.badge.badge-required {
  background-color: #fee2e2;
  color: #dc2626;
}

/* line 237, app/assets/stylesheets/components/_questions.scss */
.empty-state {
  text-align: center;
  padding: 3rem 1rem;
  color: #6b7280;
}

/* line 242, app/assets/stylesheets/components/_questions.scss */
.empty-state i {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #d1d5db;
}

/* line 248, app/assets/stylesheets/components/_questions.scss */
.empty-state p {
  margin: 0.5rem 0;
}

/* line 251, app/assets/stylesheets/components/_questions.scss */
.empty-state p.text-muted {
  font-size: 0.875rem;
}

/* line 258, app/assets/stylesheets/components/_questions.scss */
.info-message {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
}

/* line 267, app/assets/stylesheets/components/_questions.scss */
.info-message i {
  color: #3b82f6;
  margin-top: 0.125rem;
}

/* line 272, app/assets/stylesheets/components/_questions.scss */
.info-message p {
  margin: 0;
  color: #1e40af;
}

/* line 276, app/assets/stylesheets/components/_questions.scss */
.info-message p:last-child {
  margin-bottom: 0;
}

/* line 280, app/assets/stylesheets/components/_questions.scss */
.info-message p strong {
  font-weight: 600;
}

/* line 287, app/assets/stylesheets/components/_questions.scss */
.info-card .template-card-content {
  padding: 0;
}

/* Orizen global golden scrollbar */
/* line 3, app/assets/stylesheets/components/_scrollbars.scss */
.orizen-scroll {
  scrollbar-color: rgba(232, 185, 114, 0.6) rgba(255, 255, 255, 0.05);
  /* Firefox */
}

/* line 7, app/assets/stylesheets/components/_scrollbars.scss */
.orizen-scroll::-webkit-scrollbar {
  width: 5px;
}

/* line 11, app/assets/stylesheets/components/_scrollbars.scss */
.orizen-scroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
}

/* line 16, app/assets/stylesheets/components/_scrollbars.scss */
.orizen-scroll::-webkit-scrollbar-thumb {
  background: rgba(232, 185, 114, 0.6);
  border-radius: 3px;
}

/* line 21, app/assets/stylesheets/components/_scrollbars.scss */
.orizen-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(232, 185, 114, 0.8);
}

/* Titre style support tickets */
/* line 26, app/assets/stylesheets/components/_scrollbars.scss */
.support-tickets-title-like {
  text-align: center;
  color: #F6E5B3;
  font-weight: 700;
  font-size: 1.8rem;
  margin: 0;
  flex: 1;
}

/* line 34, app/assets/stylesheets/components/_scrollbars.scss */
.support-tickets-title-like .subscription-logo-inline {
  height: 0.9em;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
  filter: none;
  /* Conserver les couleurs originales du logo */
}

/* Header aligné: bouton Retour + Titre même ligne */
/* line 44, app/assets/stylesheets/components/_scrollbars.scss */
.subscription-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 15px;
}

/* line 51, app/assets/stylesheets/components/_scrollbars.scss */
.subscription-header .subscription-actions {
  position: absolute;
  left: 16px;
}

/* Panier sticky */
/* line 57, app/assets/stylesheets/components/_scrollbars.scss */
.subscription-layout {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 16px;
}

@media (max-width: 1024px) {
  /* line 63, app/assets/stylesheets/components/_scrollbars.scss */
  .subscription-layout {
    grid-template-columns: 1fr;
  }
}

/* line 65, app/assets/stylesheets/components/_scrollbars.scss */
.cart-sidebar {
  position: sticky;
  top: 16px;
  height: fit-content;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  padding: 16px;
  color: #fff;
}

/* line 75, app/assets/stylesheets/components/_scrollbars.scss */
.cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

/* line 76, app/assets/stylesheets/components/_scrollbars.scss */
.cart-lines {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 77, app/assets/stylesheets/components/_scrollbars.scss */
.cart-line {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.95rem;
}

/* line 78, app/assets/stylesheets/components/_scrollbars.scss */
.cart-line.empty {
  opacity: 0.7;
}

/* line 79, app/assets/stylesheets/components/_scrollbars.scss */
.cart-total {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 12px;
  padding-top: 12px;
  font-weight: 700;
}

/* line 2, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__iframe {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

/* line 9, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.5rem;
  margin-top: 1.5rem;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05);
}

/* line 17, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 25, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 30, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__title h3, .signature-panel__title .h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 0;
  color: #111827;
}

/* line 37, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__title i {
  font-size: 1.4rem;
  color: #7c3aed;
}

/* line 43, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__meta {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
  color: #6b7280;
}

/* line 51, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: #f3f4f6;
}

/* line 60, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  /* line 65, app/assets/stylesheets/components/_signature_panel.scss */
  .signature-panel__body--split {
    flex-direction: row;
    align-items: flex-start;
  }
}

/* line 73, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel-error {
  background-color: #c33;
  border: 1px solid #a22;
  border-radius: 4px;
  padding: 12px;
  margin: 10px 0;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 84, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel-error i {
  font-size: 1.1rem;
}

/* line 88, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel-error span {
  flex: 1;
}

/* line 93, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__form {
  flex: 1;
  background: #f9fafb;
  border-radius: 12px;
  padding: 1.25rem;
  border: 1px solid #e5e7eb;
}

/* line 100, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__form h4, .signature-panel__form .h4 {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
}

/* line 108, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__hint {
  font-size: 0.9rem;
  color: #6b7280;
  margin-bottom: 1rem;
}

/* line 114, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__timeline {
  flex: 1.4;
}

/* line 118, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__empty {
  text-align: center;
  padding: 2rem 1rem;
  border: 1px dashed #d1d5db;
  border-radius: 12px;
  color: #6b7280;
}

/* line 125, app/assets/stylesheets/components/_signature_panel.scss */
.signature-panel__empty i {
  font-size: 1.8rem;
  display: block;
  margin-bottom: 0.75rem;
  color: #9ca3af;
}

/* line 134, app/assets/stylesheets/components/_signature_panel.scss */
.signature-authentication {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 139, app/assets/stylesheets/components/_signature_panel.scss */
.signature-authentication h1, .signature-authentication .h1 {
  margin-bottom: 0.25rem;
  font-weight: 600;
  color: #0f172a;
}

/* line 145, app/assets/stylesheets/components/_signature_panel.scss */
.signature-authentication p {
  color: #475569;
}

/* line 150, app/assets/stylesheets/components/_signature_panel.scss */
.signature-authentication__layout {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* line 157, app/assets/stylesheets/components/_signature_panel.scss */
.signature-authentication__preview {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 1rem;
}

/* line 165, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  font-size: 0.85rem;
  color: #64748b;
}

/* line 177, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__page-count {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 182, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__page-count i {
  color: #ef4444;
  font-size: 0.95rem;
}

/* line 188, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__actions {
  display: flex;
  justify-content: flex-end;
}

/* line 193, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__page-selector {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(30, 41, 59, 0.75);
  border-radius: 999px;
  padding: 0.4rem 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.25);
}

/* line 202, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__page-selector label {
  font-size: 0.85rem;
  color: rgba(226, 232, 240, 0.75);
}

/* line 207, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__page-selector input {
  width: 70px;
  border: none;
  background: transparent;
  color: #f8fafc;
  font-size: 0.95rem;
  text-align: center;
}

/* line 215, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__page-selector input:focus {
  outline: none;
}

/* line 221, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__frame {
  position: relative;
  width: 100%;
}

/* line 226, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__frame iframe,
.signature-preview__frame object {
  display: block;
  width: 100%;
  border-radius: 14px;
}

/* line 234, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__pdf-frame {
  display: block;
  width: 100%;
  border: none;
  background: #ffffff;
  transition: height 0.15s ease-out;
}

/* line 245, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__scroll-container {
  position: relative;
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 14px;
  background: #ffffff;
}

/* line 254, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__scroll-container::-webkit-scrollbar {
  width: 8px;
}

/* line 258, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__scroll-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

/* line 263, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__scroll-container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/* line 267, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__scroll-container::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

/* line 273, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__scroll-container::after {
  content: '';
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.9), transparent);
  pointer-events: none;
  display: block;
}

/* line 286, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__scroll-container:not(:hover)::after {
  opacity: 0.7;
}

/* line 292, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__scroll-container .signature-preview__frame {
  position: relative;
}

/* line 295, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__scroll-container .signature-preview__frame iframe {
  border-radius: 0;
}

/* line 301, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__scroll-container .signature-preview__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100%;
  border-radius: 0;
}

/* line 311, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__overlay {
  position: absolute;
  inset: 0;
  border-radius: 14px;
  cursor: crosshair;
  background: transparent;
  pointer-events: none;
}

/* line 320, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__overlay--active {
  background: transparent;
}

/* line 324, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__marker {
  position: absolute;
  border: 2px dashed rgba(59, 130, 246, 0.8);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.15);
  box-shadow: 0 18px 35px rgba(15, 23, 42, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.7rem;
  color: rgba(248, 250, 252, 0.9);
  pointer-events: none;
}

/* line 339, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__marker span {
  padding: 0.25rem 0.5rem;
}

/* line 344, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__toggle {
  border-radius: 999px;
  padding: 0.55rem 1.25rem;
  font-size: 0.85rem;
  transition: all 0.2s ease;
}

/* line 351, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__toggle--active {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.9), rgba(59, 130, 246, 0.8));
  color: #f8fafc;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.35);
}

/* line 358, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__controls {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  gap: 0.75rem;
}

/* line 366, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  background: #f8fafc;
  border: 2px dashed #e2e8f0;
  border-radius: 14px;
  color: #64748b;
  font-size: 0.95rem;
}

/* line 377, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__placeholder p {
  margin: 0;
  padding: 2rem;
  text-align: center;
}

/* line 385, app/assets/stylesheets/components/_signature_panel.scss */
.signature-preview__frame-inner {
  position: relative;
  width: 100%;
}

/* line 391, app/assets/stylesheets/components/_signature_panel.scss */
.position-dynamic {
  width: var(--dynamic-width, auto);
  height: var(--dynamic-height, auto);
  left: var(--dynamic-left, 0);
  top: var(--dynamic-top, 0);
}

/* line 398, app/assets/stylesheets/components/_signature_panel.scss */
.signature-authentication__hint {
  margin-top: 0.75rem;
  font-size: 0.85rem;
  color: #64748b;
}

/* line 404, app/assets/stylesheets/components/_signature_panel.scss */
.signature-authentication__form {
  flex: 0.8;
  min-width: 320px;
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(30, 41, 59, 0.82) 100%);
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 18px;
  padding: 1.75rem;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.45);
  color: #f8fafc;
}

/* line 415, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 421, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__identity {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  opacity: 1;
}

/* line 428, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__label {
  font-size: 0.9rem;
  opacity: 1;
  font-weight: 500;
  color: rgba(226, 232, 240, 0.85);
}

/* line 435, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__identity-input {
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  padding: 0.75rem 1rem;
  background: rgba(15, 23, 42, 0.7);
  color: #f8fafc;
  font-size: 0.95rem;
  font-family: 'Playwrite GB S', 'Permanent Marker', cursive;
}

/* line 444, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__identity-input::placeholder {
  color: rgba(226, 232, 240, 0.55);
  font-family: 'Playwrite GB S', 'Permanent Marker', cursive;
}

/* line 450, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__mode {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

/* line 456, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__mode-option {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  opacity: 1;
  font-size: 0.95rem;
  color: rgba(226, 232, 240, 0.9);
  cursor: pointer;
  padding: 0.4rem 0.8rem;
  border-radius: 999px;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}

/* line 469, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__mode-option input {
  accent-color: #facc15;
}

/* line 473, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__mode-option:hover {
  background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.25);
}

/* line 479, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__canvas {
  position: relative;
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.85);
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.25);
}

/* line 486, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__canvas canvas {
  width: 100%;
  height: 240px;
  border-radius: 10px;
  border: 1px dashed rgba(241, 245, 249, 0.28);
  background: white;
  color: black;
  cursor: crosshair;
}

/* line 497, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__clear {
  margin-top: 0.85rem;
  align-self: flex-end;
  background: rgba(148, 163, 184, 0.2);
  border: 1px solid rgba(148, 163, 184, 0.35);
  color: #e2e8f0;
}

/* line 504, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__clear:hover {
  background: rgba(148, 163, 184, 0.35);
}

/* line 509, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__fallback {
  display: none;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 514, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__fallback.d-none {
  display: none;
}

/* line 518, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__fallback:not(.d-none) {
  display: flex;
}

/* line 522, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__fallback textarea,
.signature-capture__fallback .signature-capture__textarea {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.4);
  padding: 0.85rem;
  font-size: 0.95rem;
  background: rgba(15, 23, 42, 0.75);
  color: #f8fafc;
  font-family: 'Playwrite GB S', 'Permanent Marker', cursive;
  font-style: italic;
}

/* line 534, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__fallback textarea::placeholder,
.signature-capture__fallback .signature-capture__textarea::placeholder {
  color: rgba(226, 232, 240, 0.7);
  font-family: 'Playwrite GB S', 'Permanent Marker', cursive;
}

/* line 540, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__fallback small, .signature-capture__fallback .small {
  font-size: 0.8rem;
  color: rgba(226, 232, 240, 0.7);
}

/* line 546, app/assets/stylesheets/components/_signature_panel.scss */
.signature-capture__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

@media (max-width: 992px) {
  /* line 553, app/assets/stylesheets/components/_signature_panel.scss */
  .signature-authentication__layout {
    flex-direction: column;
  }
  /* line 557, app/assets/stylesheets/components/_signature_panel.scss */
  .signature-authentication__preview,
.signature-authentication__form {
    width: 100%;
  }
}

/* line 564, app/assets/stylesheets/components/_signature_panel.scss */
.signature-form__group {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 1.5rem;
}

/* line 570, app/assets/stylesheets/components/_signature_panel.scss */
.signature-form__group:last-child {
  margin-bottom: 0;
}

@media (min-width: 640px) {
  /* line 574, app/assets/stylesheets/components/_signature_panel.scss */
  .signature-form__group--inline {
    max-width: 320px;
  }
}

/* line 581, app/assets/stylesheets/components/_signature_panel.scss */
.signature-form__row {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 640px) {
  /* line 581, app/assets/stylesheets/components/_signature_panel.scss */
  .signature-form__row {
    flex-direction: row;
    gap: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 592, app/assets/stylesheets/components/_signature_panel.scss */
  .signature-form__group--half {
    flex: 1;
    width: 50%;
    max-width: 50%;
  }
}

/* line 600, app/assets/stylesheets/components/_signature_panel.scss */
.signature-form__label {
  font-size: 0.85rem;
  font-weight: 500;
  color: #4b5563;
}

/* line 606, app/assets/stylesheets/components/_signature_panel.scss */
.signature-form__input, .signature-form__textarea, .signature-form__select {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  padding: 0.65rem 0.75rem;
  font-size: 0.95rem;
  background: #ffffff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* line 617, app/assets/stylesheets/components/_signature_panel.scss */
.signature-form__input:focus, .signature-form__textarea:focus, .signature-form__select:focus {
  outline: none;
  border-color: #7c3aed;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);
}

/* line 624, app/assets/stylesheets/components/_signature_panel.scss */
.signature-form__textarea {
  min-height: 120px;
  resize: vertical;
}

/* line 629, app/assets/stylesheets/components/_signature_panel.scss */
.signature-form__help {
  font-size: 0.8rem;
  color: #9ca3af;
}

/* line 634, app/assets/stylesheets/components/_signature_panel.scss */
.signature-form__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1.25rem;
}

/* line 642, app/assets/stylesheets/components/_signature_panel.scss */
.signature-form__disabled {
  font-size: 0.85rem;
  color: #9ca3af;
}

/* line 648, app/assets/stylesheets/components/_signature_panel.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 660, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 668, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__item {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1rem;
  background: #ffffff;
}

/* line 675, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

/* line 682, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__header strong {
  font-size: 1rem;
  color: #111827;
}

/* line 688, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__meta {
  font-size: 0.82rem;
  color: #6b7280;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* line 695, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

/* line 702, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__participants {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* line 708, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__audit {
  margin-top: 0.85rem;
  border-top: 1px solid #f3f4f6;
  padding-top: 0.75rem;
}

/* line 713, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__audit strong {
  font-size: 0.85rem;
  color: #4b5563;
  display: block;
  margin-bottom: 0.5rem;
}

/* line 720, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__audit ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

/* line 728, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__audit ul li {
  font-size: 0.8rem;
  color: #6b7280;
  display: flex;
  gap: 0.5rem;
}

/* line 738, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__audit-date {
  font-weight: 500;
  color: #7c3aed;
}

/* line 743, app/assets/stylesheets/components/_signature_panel.scss */
.signature-timeline__audit-more {
  font-style: italic;
  color: #9ca3af;
}

/* line 748, app/assets/stylesheets/components/_signature_panel.scss */
.signature-participant {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid #f1f5f9;
  border-radius: 10px;
  background: #f8fafc;
}

/* line 758, app/assets/stylesheets/components/_signature_panel.scss */
.signature-participant__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ede9fe;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7c3aed;
}

/* line 769, app/assets/stylesheets/components/_signature_panel.scss */
.signature-participant__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

/* line 776, app/assets/stylesheets/components/_signature_panel.scss */
.signature-participant__name {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1f2937;
}

/* line 782, app/assets/stylesheets/components/_signature_panel.scss */
.signature-participant__email {
  font-size: 0.8rem;
  color: #6b7280;
}

/* line 788, app/assets/stylesheets/components/_signature_panel.scss */
.signature-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* line 799, app/assets/stylesheets/components/_signature_panel.scss */
.signature-badge i {
  font-size: 0.8rem;
}

/* line 803, app/assets/stylesheets/components/_signature_panel.scss */
.signature-badge--draft {
  background: #f3f4f6;
  color: #6b7280;
}

/* line 808, app/assets/stylesheets/components/_signature_panel.scss */
.signature-badge--ready {
  background: #ede9fe;
  color: #7c3aed;
}

/* line 813, app/assets/stylesheets/components/_signature_panel.scss */
.signature-badge--progress {
  background: #fef3c7;
  color: #f59e0b;
}

/* line 818, app/assets/stylesheets/components/_signature_panel.scss */
.signature-badge--completed {
  background: #dcfce7;
  color: #16a34a;
}

/* line 823, app/assets/stylesheets/components/_signature_panel.scss */
.signature-badge--cancelled {
  background: #fee2e2;
  color: #dc2626;
}

/* line 828, app/assets/stylesheets/components/_signature_panel.scss */
.signature-badge--expired {
  background: #f3f4f6;
  color: #ef4444;
}

/* line 834, app/assets/stylesheets/components/_signature_panel.scss */
.participant-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 500;
}

/* line 843, app/assets/stylesheets/components/_signature_panel.scss */
.participant-badge__label {
  line-height: 1;
}

/* line 847, app/assets/stylesheets/components/_signature_panel.scss */
.participant-badge--pending {
  background: #f3f4f6;
  color: #111827;
}

/* line 852, app/assets/stylesheets/components/_signature_panel.scss */
.participant-badge--viewed {
  background: #e0f2fe;
  color: #0284c7;
}

/* line 857, app/assets/stylesheets/components/_signature_panel.scss */
.participant-badge--signed {
  background: #dcfce7;
  color: #16a34a;
}

/* line 862, app/assets/stylesheets/components/_signature_panel.scss */
.participant-badge--declined {
  background: #fee2e2;
  color: #dc2626;
}

/* line 867, app/assets/stylesheets/components/_signature_panel.scss */
.participant-badge--bounced {
  background: #fef3c7;
  color: #d97706;
}

/* line 873, app/assets/stylesheets/components/_signature_panel.scss */
.adv-quote-signature-panel,
.adv-contract-signature-panel,
.adv-invoice-signature-panel,
.adv-credit-note-signature-panel,
.adv-client-acceptance-report-signature-panel,
.crm-contract-signature-panel {
  margin-top: 1.5rem;
}

/* line 882, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background: rgba(15, 23, 42, 0.85);
  border-radius: 18px;
  padding: 2rem;
  border: 1px solid rgba(148, 163, 184, 0.25);
}

/* line 891, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 896, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__header h1, .signature-confirmation__header .h1 {
  font-size: 2rem;
  font-weight: 600;
  color: #e2e8f0;
}

/* line 902, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__header p {
  color: rgba(226, 232, 240, 0.85);
  margin: 0;
  font-size: 1.05rem;
}

/* line 909, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__badge {
  display: inline-flex;
  margin-top: 0.5rem;
}

/* line 914, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

/* line 921, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__download {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 926, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__download--disabled {
  color: rgba(226, 232, 240, 0.5);
  border: 1px dashed rgba(148, 163, 184, 0.35);
  padding: 0.65rem 1.25rem;
  border-radius: 999px;
  cursor: not-allowed;
}

/* line 935, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
}

/* line 941, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__block {
  background: rgba(30, 41, 59, 0.85);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
}

/* line 947, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__block h2, .signature-confirmation__block .h2 {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  color: #f8fafc;
}

/* line 953, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__block ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 961, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__block ul li {
  color: rgba(226, 232, 240, 0.85);
}

/* line 964, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__block ul li strong {
  font-weight: 600;
  color: #f1f5f9;
}

/* line 972, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__timeline {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 980, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__timeline .timeline__date {
  display: block;
  font-size: 0.85rem;
  color: rgba(148, 163, 184, 0.85);
}

/* line 986, app/assets/stylesheets/components/_signature_panel.scss */
.signature-confirmation__timeline .timeline__event {
  font-size: 1rem;
  color: rgba(226, 232, 240, 0.95);
  font-weight: 500;
}

/* line 995, app/assets/stylesheets/components/_signature_panel.scss */
.contact-item-newly-added {
  animation: contactHighlight 2s ease-in-out;
}

@keyframes contactHighlight {
  0% {
    background-color: transparent;
  }
  10% {
    background-color: rgba(40, 167, 69, 0.15);
    transform: scale(1.02);
  }
  100% {
    background-color: transparent;
    transform: scale(1);
  }
}

/* line 1014, app/assets/stylesheets/components/_signature_panel.scss */
.contact-item-newly-added-border {
  animation: contactBorderHighlight 2s ease-in-out;
}

@keyframes contactBorderHighlight {
  0% {
    border-left: 3px solid transparent;
  }
  10% {
    border-left: 3px solid #28a745;
  }
  100% {
    border-left: 3px solid transparent;
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 1032, app/assets/stylesheets/components/_signature_panel.scss */
  .contact-item-newly-added,
.contact-item-newly-added-border {
    animation: none;
    background-color: rgba(40, 167, 69, 0.1);
    transition: background-color 0.5s ease-out;
  }
}

/* line 5, app/assets/stylesheets/components/_tooltips.scss */
.help-tooltip-icon {
  cursor: help;
  opacity: 0.6;
  transition: opacity 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.25rem;
}

/* line 14, app/assets/stylesheets/components/_tooltips.scss */
.help-tooltip-icon:hover, .help-tooltip-icon:focus {
  opacity: 1;
}

/* line 19, app/assets/stylesheets/components/_tooltips.scss */
.help-tooltip-icon:focus {
  outline: none;
}

/* line 23, app/assets/stylesheets/components/_tooltips.scss */
.help-tooltip-icon:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
  border-radius: 50%;
}

/* line 31, app/assets/stylesheets/components/_tooltips.scss */
.tooltip {
  --bs-tooltip-bg: rgba(0, 0, 0, 0.9);
  --bs-tooltip-color: #fff;
  --bs-tooltip-padding-x: 0.75rem;
  --bs-tooltip-padding-y: 0.5rem;
  --bs-tooltip-border-radius: 6px;
  font-size: 0.8rem;
  max-width: 250px;
  z-index: 10000;
}

/* line 41, app/assets/stylesheets/components/_tooltips.scss */
.tooltip .tooltip-inner {
  text-align: left;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* line 48, app/assets/stylesheets/components/_tooltips.scss */
.pv-client-help-tooltip {
  max-width: 320px;
}

/* line 51, app/assets/stylesheets/components/_tooltips.scss */
.pv-client-help-tooltip .tooltip-inner {
  line-height: 1.5;
}

/* line 57, app/assets/stylesheets/components/_tooltips.scss */
.crm-dashboard-tooltip {
  max-width: 300px;
}

/* line 60, app/assets/stylesheets/components/_tooltips.scss */
.crm-dashboard-tooltip .tooltip-inner {
  line-height: 1.5;
  font-size: 0.78rem;
  letter-spacing: 0.2px;
}

/* line 14, app/assets/stylesheets/components/_omnipresent_chat.scss */
.omnipresent-chat-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* line 26, app/assets/stylesheets/components/_omnipresent_chat.scss */
.omnipresent-chat-wrapper.visible {
  display: flex;
  opacity: 1;
  visibility: visible;
}

/* line 33, app/assets/stylesheets/components/_omnipresent_chat.scss */
.omnipresent-chat-wrapper .chat-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor: pointer;
}

/* line 47, app/assets/stylesheets/components/_omnipresent_chat.scss */
.omnipresent-chat-overlay {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 1000px;
  height: 700px;
  max-height: calc(100vh - 48px);
  background: var(--oz-depth-1);
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--oz-glass-border), 0 0 120px -20px var(--oz-warm-glow), 0 32px 80px -12px rgba(0, 0, 0, 0.7);
  z-index: 10001;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: default;
  user-select: none;
}

/* line 66, app/assets/stylesheets/components/_omnipresent_chat.scss */
.omnipresent-chat-overlay::before {
  content: '';
  position: absolute;
  width: 700px;
  height: 700px;
  top: -250px;
  right: -150px;
  background: radial-gradient(circle, rgba(100, 1, 39, 0.07) 0%, rgba(100, 1, 39, 0.03) 40%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* line 78, app/assets/stylesheets/components/_omnipresent_chat.scss */
.omnipresent-chat-overlay::after {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  bottom: -150px;
  left: -100px;
  background: radial-gradient(circle, rgba(166, 2, 64, 0.05) 0%, rgba(100, 1, 39, 0.02) 40%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* line 90, app/assets/stylesheets/components/_omnipresent_chat.scss */
.omnipresent-chat-overlay > * {
  position: relative;
  z-index: 1;
}

/* line 96, app/assets/stylesheets/components/_omnipresent_chat.scss */
.omnipresent-chat-wrapper.visible .omnipresent-chat-overlay {
  animation: slideInChat 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 101, app/assets/stylesheets/components/_omnipresent_chat.scss */
.omnipresent-chat-overlay.fullscreen {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  border-radius: 0;
}

@keyframes slideInChat {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* line 125, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  background: var(--oz-glass);
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 134, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 139, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-left .orizen-avatar {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: visible;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* line 152, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-left .orizen-avatar .orizen-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 158, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-left .orizen-avatar i {
  display: none;
}

/* line 165, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-info h4, .chat-overlay-header .chat-header-info .h4 {
  margin: 0;
  color: var(--oz-text-1);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 178, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-info .chat-tier-badge--pro {
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 2px 6px;
  border-radius: 4px;
  background: linear-gradient(135deg, var(--oz-warm), var(--oz-gold));
  color: white;
  text-transform: uppercase;
  line-height: 1;
}

/* line 189, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-info .chat-tier-badge--pro i {
  display: none;
}

/* line 193, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-info .chat-upgrade-link {
  color: #A60240;
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: opacity 0.15s;
}

/* line 203, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-info .chat-upgrade-link:hover {
  opacity: 0.8;
  text-decoration: underline;
}

/* line 208, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-info .chat-upgrade-link i {
  font-size: 0.65rem;
}

/* line 213, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-info .chat-header-status {
  margin: 0;
  font-size: 0.72rem;
  color: var(--oz-text-3);
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 222, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-info .chat-header-status span.status-indicator {
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  max-width: 6px !important;
  max-height: 6px !important;
  border-radius: 50% !important;
  background: var(--orizen-autonomy-3, #34d399);
  display: inline-block !important;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  padding: 0 !important;
  gap: 0 !important;
}

/* line 238, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-info .chat-header-status span.status-indicator.online {
  background: var(--orizen-autonomy-3, #34d399);
  box-shadow: 0 0 6px rgba(52, 211, 153, 0.5);
}

/* line 242, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-info .chat-header-status span.status-indicator.offline {
  background: var(--oz-text-4);
}

/* line 250, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .memory-indicator {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 6px;
  background: rgba(100, 1, 39, 0.12);
  border: 1px solid rgba(100, 1, 39, 0.2);
  border-radius: 8px;
  font-size: 0.62rem;
  color: var(--oz-cream);
  margin-left: 6px;
}

/* line 262, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .memory-indicator i {
  font-size: 0.58rem;
}

/* line 268, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
}

/* line 274, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge__track {
  width: 40px;
  height: 3px;
  border-radius: 2px;
  background: var(--oz-depth-4);
  overflow: hidden;
  position: relative;
}

/* line 283, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge__fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

/* line 290, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge__label {
  font-size: 0.62rem;
  font-weight: 500;
  color: var(--oz-text-3);
  white-space: nowrap;
}

/* line 297, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge__count {
  font-weight: 600;
  color: var(--oz-text-2);
}

/* line 302, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge__upgrade {
  font-size: 0.58rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 1px 6px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.2s ease;
  white-space: nowrap;
}

/* line 316, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge--healthy .orizen-quota-gauge__fill {
  background: var(--oz-success, #34d399);
}

/* line 322, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge--warning .orizen-quota-gauge__fill {
  background: var(--oz-warning, #A60240);
}

/* line 328, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge--critical .orizen-quota-gauge__fill {
  background: var(--oz-error, #f87171);
  animation: quota-pulse 2s ease-in-out infinite;
}

/* line 332, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge--critical .orizen-quota-gauge__upgrade {
  background: linear-gradient(135deg, #A60240, #640127);
  color: #1a1a2e;
}

/* line 335, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .orizen-quota-gauge--critical .orizen-quota-gauge__upgrade:hover {
  background: linear-gradient(135deg, #640127, #A60240);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(100, 1, 39, 0.4);
}

@keyframes quota-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

/* line 350, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .contextual-bubble-inline {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  text-align: left;
  flex: 1;
  margin: 0 10px;
  display: none;
}

/* line 360, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .contextual-bubble-inline strong {
  color: #F6E5B3;
  font-weight: 700;
}

/* line 366, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-actions {
  display: flex;
  gap: 6px;
  align-items: center;
}

/* line 372, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-btn {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(12px);
}

/* line 389, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-btn:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-2);
  border-color: rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
}

/* line 396, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-header .chat-header-btn i {
  font-size: 0.82rem;
  line-height: 1;
}

/* line 404, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-toggle {
  position: relative;
}

/* line 409, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-pill {
  display: inline-flex;
  align-items: center;
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 10px;
  padding: 3px;
  gap: 2px;
}

/* line 419, app/assets/stylesheets/components/_omnipresent_chat.scss */
.autonomy-seg {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 0.68rem;
  font-weight: 500;
  color: var(--oz-text-3);
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid transparent;
  white-space: nowrap;
  background: transparent;
  font-family: inherit;
}

/* line 435, app/assets/stylesheets/components/_omnipresent_chat.scss */
.autonomy-seg i {
  font-size: 0.7rem;
}

@media (max-width: 900px) {
  /* line 437, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .autonomy-seg .autonomy-seg-label {
    display: none;
  }
}

/* line 443, app/assets/stylesheets/components/_omnipresent_chat.scss */
.autonomy-seg:hover {
  color: var(--oz-text-2);
  background: var(--oz-glass);
}

/* line 449, app/assets/stylesheets/components/_omnipresent_chat.scss */
.autonomy-seg.active[data-level="restricted"] {
  background: rgba(148, 163, 184, 0.12);
  color: var(--orizen-autonomy-0);
  border-color: rgba(148, 163, 184, 0.2);
  box-shadow: 0 0 8px rgba(148, 163, 184, 0.1);
}

/* line 456, app/assets/stylesheets/components/_omnipresent_chat.scss */
.autonomy-seg.active[data-level="assisted"] {
  background: rgba(129, 140, 248, 0.12);
  color: var(--orizen-autonomy-1);
  border-color: rgba(129, 140, 248, 0.2);
  box-shadow: 0 0 8px rgba(129, 140, 248, 0.1);
}

/* line 463, app/assets/stylesheets/components/_omnipresent_chat.scss */
.autonomy-seg.active[data-level="autonomous"] {
  background: rgba(166, 2, 64, 0.12);
  color: var(--orizen-autonomy-2);
  border-color: rgba(166, 2, 64, 0.2);
  box-shadow: 0 0 8px rgba(166, 2, 64, 0.1);
}

/* line 470, app/assets/stylesheets/components/_omnipresent_chat.scss */
.autonomy-seg.active[data-level="expert"] {
  background: rgba(52, 211, 153, 0.12);
  color: var(--orizen-autonomy-3);
  border-color: rgba(52, 211, 153, 0.2);
  box-shadow: 0 0 8px rgba(52, 211, 153, 0.1);
}

/* line 479, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  width: 260px;
  background: var(--oz-depth-3);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
  backdrop-filter: blur(20px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  z-index: 1000;
  overflow: hidden;
}

/* line 493, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-dropdown .autonomy-dropdown-header {
  padding: 10px 14px;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--oz-text-3);
  border-bottom: 1px solid var(--oz-glass-border);
}

/* line 502, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-dropdown .autonomy-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  background: transparent;
  border: none;
  color: var(--oz-text-2);
  cursor: pointer;
  text-align: left;
  transition: background 0.15s ease;
}

/* line 515, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-dropdown .autonomy-option:hover {
  background: var(--oz-glass-hover);
}

/* line 519, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-dropdown .autonomy-option.active {
  background: var(--oz-warm-soft);
  color: var(--oz-text-1);
}

/* line 523, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-dropdown .autonomy-option.active i {
  color: var(--oz-warm);
}

/* line 526, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-dropdown .autonomy-option i {
  font-size: 0.9rem;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
}

/* line 533, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-dropdown .autonomy-option .autonomy-option-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

/* line 538, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-dropdown .autonomy-option .autonomy-option-text strong {
  font-size: 0.8rem;
  font-weight: 600;
}

/* line 543, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-autonomy-dropdown .autonomy-option .autonomy-option-text small, .chat-autonomy-dropdown .autonomy-option .autonomy-option-text .small {
  font-size: 0.65rem;
  color: var(--oz-text-4);
  line-height: 1.3;
}

/* line 553, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tabs-container {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  background: var(--oz-glass);
  border-bottom: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

/* line 566, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tabs-container::-webkit-scrollbar {
  height: 4px;
}

/* line 570, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tabs-container::-webkit-scrollbar-track {
  background: transparent;
}

/* line 574, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tabs-container::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
}

/* line 581, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tabs-skeleton {
  display: flex;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

/* line 587, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tabs-skeleton.hidden {
  display: none;
}

/* line 592, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab-skeleton {
  width: 140px;
  height: 32px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 100%);
  background-size: 200% 100%;
  border-radius: 8px;
  animation: shimmer 1.5s infinite;
  flex-shrink: 0;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* line 616, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tabs {
  display: flex;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

/* line 622, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tabs.loading {
  display: none;
}

/* line 627, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--oz-text-3);
  font-size: 0.72rem;
  font-weight: 500;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  max-width: 200px;
  min-width: 120px;
}

/* line 645, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab:hover {
  color: var(--oz-text-2);
  background: var(--oz-glass);
}

/* line 650, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab.active {
  color: var(--oz-cream);
  background: var(--oz-warm-soft);
  border-color: rgba(100, 1, 39, 0.18);
}

/* line 656, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab .chat-tab-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

/* line 664, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab .chat-tab-close,
.chat-tab .chat-tab-delete {
  background: transparent;
  border: none;
  color: var(--oz-text-3);
  width: 18px;
  height: 18px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s ease;
  opacity: 0;
}

/* line 682, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab .chat-tab-close i,
.chat-tab .chat-tab-delete i {
  font-size: 0.6rem;
  line-height: 1;
}

/* line 687, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab .chat-tab-close:hover,
.chat-tab .chat-tab-delete:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--oz-text-1);
  opacity: 1;
}

/* line 694, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab .chat-tab-delete:hover {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

/* line 699, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab:hover .chat-tab-close, .chat-tab:hover .chat-tab-delete {
  opacity: 1;
}

/* line 705, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab-new {
  background: transparent;
  border: 1px dashed var(--oz-glass-border);
  color: var(--oz-text-4);
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s ease;
  position: relative;
  z-index: 10;
  user-select: none;
  -webkit-user-select: none;
}

/* line 725, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab-new i {
  font-size: 0.9rem;
  line-height: 1;
  pointer-events: none;
}

/* line 731, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab-new:hover {
  border-color: var(--oz-warm);
  color: var(--oz-warm);
  border-style: solid;
  transform: scale(1.05);
}

/* line 738, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab-new:active {
  transform: scale(0.95);
}

/* line 742, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-tab-new:focus {
  outline: 2px solid rgba(100, 1, 39, 0.3);
  outline-offset: 2px;
}

/* line 749, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-messages {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  background: var(--oz-depth-0);
  mask-image: linear-gradient(to bottom, transparent 0%, black 16px, black calc(100% - 16px), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 16px, black calc(100% - 16px), transparent 100%);
}

/* line 775, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-messages::-webkit-scrollbar {
  width: 4px;
}

/* line 779, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-messages::-webkit-scrollbar-track {
  background: transparent;
}

/* line 783, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-messages::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* line 787, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-messages::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* line 794, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-messages {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 800, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message {
  display: flex;
  flex-direction: column;
  gap: 4px;
  animation: slideInMessage 0.3s ease-out;
}

/* line 806, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message.message-user {
  align-items: flex-end;
}

/* line 809, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message.message-user .message-content {
  background: linear-gradient(135deg, rgba(100, 1, 39, 0.14), rgba(80, 1, 30, 0.08));
  border: 1px solid rgba(100, 1, 39, 0.18);
  color: var(--oz-text-1);
  border-radius: 16px 16px 4px 16px;
  padding: 12px 18px;
  max-width: 70%;
  box-shadow: 0 2px 12px rgba(100, 1, 39, 0.08);
}

/* line 820, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message.message-assistant {
  flex-direction: column;
  gap: 4px;
}

/* line 824, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message.message-assistant .message-avatar {
  display: none;
}

/* line 828, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message.message-assistant .message-content {
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  backdrop-filter: blur(16px);
  color: var(--oz-text-1);
  border-radius: 16px;
  max-width: 100%;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 838, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message.message-assistant .message-content:hover {
  background: var(--oz-depth-3);
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 844, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message.message-assistant .message-content:has(.dialog-multi-field-form) {
  padding: 12px;
}

/* line 850, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content {
  padding: 16px 20px;
  font-size: 0.82rem;
  line-height: 1.6;
  position: relative;
  flex: unset;
  width: 100%;
}

/* line 859, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content p {
  margin: 0;
  margin-bottom: 8px;
}

/* line 863, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content p:last-child {
  margin-bottom: 0;
}

/* line 868, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content strong {
  font-weight: 600;
  color: var(--oz-cream);
}

/* line 873, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content em {
  font-style: italic;
  color: var(--oz-text-2);
}

/* line 878, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content code {
  background: rgba(0, 0, 0, 0.3);
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
  font-size: 0.85em;
}

/* line 886, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .text-muted {
  color: var(--oz-text-3);
}

/* line 890, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .small {
  font-size: 0.85rem;
}

/* line 895, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-title {
  font-size: 1rem;
  font-weight: 700;
  color: #F6E5B3;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid rgba(246, 229, 179, 0.3);
}

/* line 904, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-summary {
  background: rgba(99, 102, 241, 0.15);
  border-left: 3px solid rgba(99, 102, 241, 0.6);
  padding: 12px 14px;
  border-radius: 8px;
  margin-bottom: 16px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.6;
}

/* line 915, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-section-title {
  font-size: 0.88rem;
  font-weight: 600;
  color: #F6E5B3;
  margin-bottom: 10px;
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 925, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-section-title:first-child {
  margin-top: 0;
}

/* line 930, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-alert {
  background: rgba(239, 68, 68, 0.15);
  border-left: 3px solid rgba(239, 68, 68, 0.8);
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 12px;
}

/* line 937, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-alert .action-response-section-title {
  color: #FCA5A5;
  margin-top: 0;
}

/* line 943, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-insight {
  background: rgba(59, 130, 246, 0.1);
  border-left: 3px solid rgba(59, 130, 246, 0.6);
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 12px;
}

/* line 950, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-insight .action-response-section-title {
  color: #93C5FD;
}

/* line 955, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-recommendation {
  background: rgba(34, 197, 94, 0.1);
  border-left: 3px solid rgba(34, 197, 94, 0.6);
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 12px;
}

/* line 962, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-recommendation .action-response-section-title {
  color: #86EFAC;
}

/* line 967, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-list {
  margin: 0;
  padding-left: 20px;
  list-style-position: outside;
}

/* line 972, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-list li {
  margin-bottom: 8px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
}

/* line 977, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-list li:last-child {
  margin-bottom: 0;
}

/* line 985, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-list ol {
  counter-reset: item;
  padding-left: 24px;
}

/* line 989, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-list ol li {
  counter-increment: item;
  list-style: none;
  position: relative;
}

/* line 994, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .action-response-list ol li::before {
  content: counter(item) ".";
  position: absolute;
  left: -20px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
}

/* line 1008, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card {
  margin: 0.5rem 0 0.25rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
  font-size: 0.78rem;
}

/* line 1016, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-main {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  color: var(--oz-text-3);
}

/* line 1023, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-main .audit-card-icon {
  color: var(--oz-cream);
  font-size: 0.7rem;
  opacity: 0.7;
}

/* line 1029, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-main .audit-card-label {
  font-weight: 500;
  color: var(--oz-text-2);
  font-size: 0.76rem;
}

/* line 1035, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-main .audit-card-provider {
  margin-left: auto;
  font-size: 0.68rem;
  opacity: 0.45;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 1043, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-main .audit-card-toggle {
  background: none;
  border: none;
  color: var(--oz-text-4);
  cursor: pointer;
  padding: 0.2rem;
  font-size: 0.6rem;
  line-height: 1;
  border-radius: 4px;
  transition: color 0.2s ease;
}

/* line 1054, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-main .audit-card-toggle:hover {
  color: var(--oz-cream);
}

/* line 1060, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-details {
  padding: 0.4rem 0.75rem 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/* line 1067, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-details.hidden {
  display: none;
}

/* line 1071, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-details .audit-card-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 1076, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-details .audit-card-detail .audit-card-detail-label {
  color: var(--oz-text-3);
  font-size: 0.72rem;
}

/* line 1081, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .chat-audit-card .audit-card-details .audit-card-detail .audit-card-detail-value {
  color: var(--oz-text-2);
  font-size: 0.72rem;
  font-family: 'SF Mono', 'Fira Code', monospace;
}

/* line 1091, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-actions-bar {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px 8px 0;
  opacity: 0;
  transition: opacity 0.15s ease;
}

/* line 1099, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-actions-bar .action-icon-btn {
  background: none;
  border: none;
  color: var(--oz-text-4);
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: all 0.15s ease;
}

/* line 1113, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-actions-bar .action-icon-btn i {
  font-size: 0.72rem;
  line-height: 1;
}

/* line 1118, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-actions-bar .action-icon-btn:hover {
  color: var(--oz-text-2);
  background: var(--oz-glass);
}

/* line 1123, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-actions-bar .action-icon-btn.active, .message .message-actions-bar .action-icon-btn.copied {
  color: var(--oz-warm);
}

/* line 1131, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message:hover .message-actions-bar {
  opacity: 1;
}

/* line 1136, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message .message-content .message-copy-btn {
  display: none;
}

/* line 1142, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-welcome-message {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 1147, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-welcome-message .message-avatar {
  display: none;
}

/* line 1151, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-welcome-message .message-content {
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-1);
  border-radius: 16px;
  padding: 16px 20px;
  max-width: 100%;
}

/* line 1159, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-welcome-message .message-content p {
  margin: 0;
  margin-bottom: 8px;
  font-size: 0.82rem;
}

/* line 1164, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-welcome-message .message-content p:last-child {
  margin-bottom: 0;
}

/* line 1169, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-welcome-message .message-content strong {
  color: var(--oz-cream);
}

/* line 1176, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-typing-indicator {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 10px 16px;
  background: linear-gradient(135deg, rgba(166, 2, 64, 0.08), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(166, 2, 64, 0.12);
  border-radius: 20px;
  margin: 4px 0;
  animation: thinking-appear 0.3s ease-out;
}

/* line 1187, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-typing-indicator.hidden {
  display: none;
}

/* line 1191, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-typing-indicator .message-avatar {
  display: none;
}

/* line 1195, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-typing-indicator .typing-dots {
  display: flex;
  gap: 5px;
  flex-shrink: 0;
}

/* line 1200, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-typing-indicator .typing-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(166, 2, 64, 0.6);
  animation: typing 1.4s ease-in-out infinite;
}

/* line 1207, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-typing-indicator .typing-dots span:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 1211, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-typing-indicator .typing-dots span:nth-child(3) {
  animation-delay: 0.4s;
}

/* line 1217, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-typing-indicator .thinking-text {
  margin-left: 12px;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  letter-spacing: 0.01em;
  opacity: 0;
  transition: opacity 0.35s ease, transform 0.35s ease;
  transform: translateX(-4px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 280px;
}

/* line 1231, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-typing-indicator .thinking-text.visible {
  opacity: 1;
  transform: translateX(0);
}

@keyframes thinking-appear {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 1250, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-progress-indicator {
  display: flex;
  padding: 12px 16px;
  background: var(--oz-glass);
  border-radius: 12px;
  margin: 8px 0;
  transition: opacity 0.3s ease;
}

/* line 1258, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-progress-indicator.hidden {
  display: none;
}

/* line 1262, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-progress-indicator .progress-content {
  width: 100%;
}

/* line 1266, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-progress-indicator .progress-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

/* line 1272, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-progress-indicator .progress-header .progress-label {
  font-size: 0.78rem;
  color: var(--oz-text-2);
  font-weight: 500;
}

/* line 1278, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-progress-indicator .progress-header .progress-percentage {
  font-size: 0.72rem;
  color: var(--oz-cream);
  font-weight: 600;
  min-width: 35px;
  text-align: right;
}

/* line 1287, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-progress-indicator .progress-bar-wrapper {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

/* line 1295, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-progress-indicator .progress-bar-wrapper .progress-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #640127, #A60240);
  border-radius: 2px;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  box-shadow: 0 0 8px rgba(246, 229, 179, 0.5);
}

/* line 1304, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-progress-indicator .progress-bar-wrapper .progress-bar-fill::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

/* line 1335, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message.streaming .streaming-cursor {
  display: inline-block;
  animation: cursor-blink 1s step-end infinite;
  color: #640127;
  font-weight: bold;
  margin-left: 2px;
  font-size: 1em;
}

/* line 1345, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message:not(.streaming) .streaming-cursor {
  display: none;
}

@keyframes cursor-blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}

/* line 1356, app/assets/stylesheets/components/_omnipresent_chat.scss */
.streaming-tool-indicator {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  margin-top: 6px;
  background: rgba(100, 1, 39, 0.15);
  border-radius: 6px;
  font-size: 0.8rem;
  color: var(--oz-text-secondary, #C38761);
  flex-wrap: wrap;
}

/* line 1368, app/assets/stylesheets/components/_omnipresent_chat.scss */
.streaming-tool-indicator i {
  color: #640127;
}

/* line 1370, app/assets/stylesheets/components/_omnipresent_chat.scss */
.streaming-tool-indicator .tool-name {
  font-weight: 500;
  text-transform: capitalize;
}

/* line 1376, app/assets/stylesheets/components/_omnipresent_chat.scss */
.streaming-tool-indicator .tool-progress-bar {
  width: 100%;
  height: 3px;
  background: rgba(100, 1, 39, 0.2);
  border-radius: 2px;
  margin-top: 4px;
  overflow: hidden;
}

/* line 1384, app/assets/stylesheets/components/_omnipresent_chat.scss */
.streaming-tool-indicator .tool-progress-bar .tool-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #E5A82E, #C38761);
  border-radius: 2px;
  transition: width 0.3s ease;
  width: 0%;
}

/* line 1394, app/assets/stylesheets/components/_omnipresent_chat.scss */
.streaming-cancel-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  padding: 3px 10px;
  background: rgba(100, 1, 39, 0.2);
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(100, 1, 39, 0.3);
  border-radius: 6px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
}

/* line 1408, app/assets/stylesheets/components/_omnipresent_chat.scss */
.streaming-cancel-btn:hover {
  background: rgba(100, 1, 39, 0.4);
  color: rgba(255, 255, 255, 0.9);
}

/* line 1416, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message:not(.streaming) .streaming-cancel-btn,
.message:not(.streaming) .streaming-tool-indicator {
  display: none !important;
}

/* line 1423, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-boost-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

/* line 1432, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-boost-bar::-webkit-scrollbar {
  display: none;
}

/* line 1435, app/assets/stylesheets/components/_omnipresent_chat.scss */
.boost-chip {
  padding: 4px 10px;
  border-radius: 20px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.68rem;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

/* line 1451, app/assets/stylesheets/components/_omnipresent_chat.scss */
.boost-chip i {
  font-size: 0.6rem;
}

/* line 1453, app/assets/stylesheets/components/_omnipresent_chat.scss */
.boost-chip:hover {
  background: var(--oz-warm-soft);
  color: var(--oz-cream);
  border-color: rgba(100, 1, 39, 0.2);
}

/* line 1461, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-generators-menu {
  padding: 0 16px;
  flex-shrink: 0;
}

/* line 1465, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-generators-menu .generators-toggle-btn {
  display: none;
}

/* line 1469, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-generators-menu .generators-dropdown {
  display: none;
}

/* line 1472, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-generators-menu .generators-dropdown.hidden {
  display: none;
}

/* line 1477, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-generators-menu .generator-item-mini {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  color: var(--oz-text-2);
  text-decoration: none;
  font-size: 0.75rem;
  font-weight: 500;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 1491, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-generators-menu .generator-item-mini:hover {
  background: var(--oz-warm-soft);
  border-color: rgba(100, 1, 39, 0.2);
  color: var(--oz-cream);
  text-decoration: none;
}

/* line 1497, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-generators-menu .generator-item-mini:hover i {
  color: var(--oz-warm);
}

/* line 1502, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-generators-menu .generator-item-mini i {
  font-size: 0.85rem;
  color: var(--oz-text-3);
  transition: color 0.2s ease;
}

/* line 1511, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input {
  padding: 12px 16px 16px;
  background: var(--oz-glass);
  border-top: 1px solid var(--oz-glass-border);
  flex-shrink: 0;
}

/* line 1517, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-input-group {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}

/* line 1523, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-input-field {
  flex: 1;
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 14px;
  padding: 11px 16px;
  color: var(--oz-text-1);
  font-size: 0.82rem;
  line-height: 1.5;
  resize: none;
  min-height: 42px;
  max-height: 120px;
  font-family: inherit;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 1538, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-input-field::placeholder {
  color: var(--oz-text-4);
}

/* line 1542, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-input-field:focus {
  outline: none;
  background: var(--oz-depth-3);
  border-color: rgba(100, 1, 39, 0.3);
  box-shadow: 0 0 0 3px rgba(100, 1, 39, 0.06), 0 0 20px rgba(100, 1, 39, 0.04);
}

/* line 1550, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-upload-btn {
  width: 36px;
  height: 36px;
  background: transparent;
  border: 1px solid var(--oz-glass-border);
  border-radius: 10px;
  color: var(--oz-text-3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

/* line 1564, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-upload-btn:hover {
  background: var(--oz-depth-3);
  color: var(--oz-text-1);
}

/* line 1569, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-upload-btn i {
  font-size: 0.85rem;
}

/* line 1572, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .document-upload-progress,
.chat-overlay-input .document-upload-success,
.chat-overlay-input .document-upload-error {
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 0.85rem;
  margin: 4px 0;
}

/* line 1581, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .document-upload-progress {
  background: var(--oz-depth-2);
  color: var(--oz-text-2);
}

/* line 1586, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .document-upload-success {
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.2);
  color: var(--oz-text-1);
}

/* line 1591, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .document-upload-success small, .chat-overlay-input .document-upload-success .small {
  color: var(--oz-text-3);
}

/* line 1594, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .document-upload-error {
  background: rgba(239, 68, 68, 0.1);
  border: 1px solid rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

/* line 1600, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-voice-btn {
  width: 42px;
  height: 42px;
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
  color: var(--oz-text-3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: visible;
}

/* line 1616, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-voice-btn:hover {
  background: var(--oz-depth-3);
  color: var(--oz-text-1);
  border-color: rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
}

/* line 1623, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-voice-btn i {
  font-size: 0.9rem;
  z-index: 1;
  position: relative;
}

/* line 1629, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-voice-btn .voice-pulse {
  display: none;
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid rgba(100, 1, 39, 0.6);
  animation: voicePulse 1.5s ease-in-out infinite;
}

/* line 1639, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-voice-btn.voice-listening {
  background: linear-gradient(135deg, var(--oz-warm), var(--oz-gold));
  color: white;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(100, 1, 39, 0.4);
}

/* line 1645, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-voice-btn.voice-listening .voice-pulse {
  display: block;
}

/* line 1651, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-voice-btn.voice-transcribing {
  background: rgba(100, 1, 39, 0.15);
  color: var(--oz-gold);
  border-color: rgba(100, 1, 39, 0.3);
  pointer-events: none;
}

/* line 1657, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-voice-btn.voice-transcribing i {
  animation: voiceSpin 1s linear infinite;
}

/* line 1661, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-voice-btn.voice-transcribing i::before {
  content: "\f110";
}

/* line 1667, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-send-btn {
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, var(--oz-warm), var(--oz-gold));
  border: none;
  border-radius: 12px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(100, 1, 39, 0.25);
}

/* line 1682, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-send-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(100, 1, 39, 0.4);
}

/* line 1687, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-send-btn:active {
  transform: translateY(0) scale(0.96);
}

/* line 1691, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-overlay-input .chat-send-btn i {
  font-size: 0.9rem;
}

@keyframes voicePulse {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.3);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes voiceSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 1711, app/assets/stylesheets/components/_omnipresent_chat.scss */
.voice-toast {
  position: fixed;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: var(--oz-depth-3);
  color: var(--oz-text-1);
  padding: 10px 20px;
  border-radius: 12px;
  font-size: 0.78rem;
  border: 1px solid var(--oz-glass-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
  z-index: 100001;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
  max-width: 320px;
  text-align: center;
}

/* line 1730, app/assets/stylesheets/components/_omnipresent_chat.scss */
.voice-toast.voice-toast-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* line 1737, app/assets/stylesheets/components/_omnipresent_chat.scss */
.voice-auto-submit-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(100, 1, 39, 0.15);
  border-radius: 8px;
  margin-bottom: 6px;
}

/* line 1749, app/assets/stylesheets/components/_omnipresent_chat.scss */
.voice-auto-submit-hint .voice-cancel-submit {
  background: none;
  border: 1px solid rgba(100, 1, 39, 0.5);
  color: #640127;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 1759, app/assets/stylesheets/components/_omnipresent_chat.scss */
.voice-auto-submit-hint .voice-cancel-submit:hover {
  background: rgba(100, 1, 39, 0.2);
}

@keyframes slideInMessage {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes typing {
  0%, 60%, 100% {
    transform: translateY(0);
    opacity: 0.6;
  }
  30% {
    transform: translateY(-10px);
    opacity: 1;
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes pulse-subtle {
  0%, 100% {
    box-shadow: 0 3px 10px rgba(100, 1, 39, 0.4);
  }
  50% {
    box-shadow: 0 5px 15px rgba(100, 1, 39, 0.6);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

/* line 1817, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation {
  padding: 1rem;
  background: rgba(100, 1, 39, 0.1);
  border: 1px solid rgba(100, 1, 39, 0.3);
  border-radius: 12px;
  margin-top: 0.5rem;
}

/* line 1824, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation p {
  margin: 0 0 1rem 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.95rem;
  line-height: 1.5;
}

/* line 1831, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
}

/* line 1836, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions button {
  padding: 0.6rem 1.2rem;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 1848, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions button.btn-confirm {
  background: rgba(34, 197, 94, 0.2);
  border: 1px solid rgba(34, 197, 94, 0.4);
  color: #22c55e;
}

/* line 1853, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions button.btn-confirm:hover {
  background: rgba(34, 197, 94, 0.3);
  border-color: rgba(34, 197, 94, 0.5);
  transform: translateY(-1px);
}

/* line 1860, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions button.btn-cancel {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
}

/* line 1865, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions button.btn-cancel:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
}

/* line 1872, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions button i {
  font-size: 0.85rem;
}

/* line 1883, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 0.5rem 0;
  padding: 0.25rem 0 0.25rem 0.75rem;
  border-left: 3px solid rgba(195, 135, 97, 0.5);
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.01em;
}

/* line 1895, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-title .title-icon {
  display: none;
}

/* line 1900, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-title.chat-title-section {
  margin: 1.5rem 0 0.6rem 0;
  padding: 0 0 0.4rem 0;
  border-left: none;
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, rgba(166, 2, 64, 0.6), rgba(195, 135, 97, 0.4), transparent) 1;
  font-size: 0.92rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
  letter-spacing: 0.02em;
}

/* line 1911, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-title.chat-title-section .title-icon {
  display: block;
  color: rgba(166, 2, 64, 0.7);
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* line 1921, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-title.chat-title-main {
  margin: 1.75rem 0 0.75rem 0;
  padding: 0.5rem 0.85rem;
  border-left: none;
  background: linear-gradient(135deg, rgba(166, 2, 64, 0.15), rgba(195, 135, 97, 0.1));
  border: 1px solid rgba(166, 2, 64, 0.2);
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.02em;
}

/* line 1933, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-title.chat-title-main .title-icon {
  display: block;
  color: rgba(166, 2, 64, 0.8);
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* line 1944, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-link-bar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.75rem 0;
  flex-wrap: wrap;
}

/* line 1951, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-link-bar .chat-link-bar-item {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.85rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  color: var(--oz-cream, rgba(255, 255, 255, 0.85));
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 500;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* line 1965, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-link-bar .chat-link-bar-item:hover {
  background: rgba(166, 2, 64, 0.2);
  border-color: rgba(166, 2, 64, 0.4);
  color: #fff;
  transform: translateY(-1px);
}

/* line 1973, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-link-bar .chat-link-bar-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
}

/* line 1983, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-separator {
  margin: 0.75rem 0;
}

/* line 1986, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-separator .separator-line {
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03) 60%, transparent 100%);
}

/* line 1997, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-title-pill {
  margin: 0.75rem 0 0.35rem 0;
}

/* line 2002, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0.25rem 0.25rem 0.25rem 0;
  white-space: nowrap;
  border: 1px solid;
}

/* line 2013, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-badge.chat-badge-default {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.9);
}

/* line 2019, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-badge.chat-badge-success {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.3);
  color: #22c55e;
}

/* line 2025, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-badge.chat-badge-warning {
  background: rgba(100, 1, 39, 0.15);
  border-color: rgba(100, 1, 39, 0.3);
  color: #A60240;
}

/* line 2031, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-badge.chat-badge-error {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #ef4444;
}

/* line 2037, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-badge.chat-badge-info {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.3);
  color: #3b82f6;
}

/* line 2043, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-badge.chat-badge-primary {
  background: rgba(100, 1, 39, 0.15);
  border-color: rgba(100, 1, 39, 0.3);
  color: #A60240;
}

/* line 2051, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-list {
  margin: 0.75rem 0;
  padding-left: 1.5rem;
  color: rgba(255, 255, 255, 0.85);
}

/* line 2056, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-list li {
  margin: 0.35rem 0;
  line-height: 1.6;
  position: relative;
}

/* line 2061, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-list li::marker {
  color: rgba(166, 2, 64, 0.7);
  font-weight: 500;
}

/* line 2066, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-list li strong {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
}

/* line 2071, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-list li code {
  background: rgba(100, 1, 39, 0.15);
  color: #D8A0B8;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.9em;
}

/* line 2080, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-list li a {
  color: #D8A0B8;
  text-decoration: underline;
  text-decoration-color: rgba(200, 30, 160, 0.3);
  transition: all 0.2s ease;
}

/* line 2086, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-list li a:hover {
  text-decoration-color: #D8A0B8;
  color: #A60240;
}

/* line 2096, app/assets/stylesheets/components/_omnipresent_chat.scss */
.message-content {
  counter-reset: chat-section-counter;
}

/* line 2100, app/assets/stylesheets/components/_omnipresent_chat.scss */
ol.chat-list {
  list-style: none;
  padding-left: 0;
  margin: 1rem 0 0.25rem 0;
}

/* line 2105, app/assets/stylesheets/components/_omnipresent_chat.scss */
ol.chat-list > li {
  counter-increment: chat-section-counter;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  padding: 0.35rem 0 0.2rem 0;
  font-size: 0.85rem;
}

/* line 2112, app/assets/stylesheets/components/_omnipresent_chat.scss */
ol.chat-list > li::before {
  content: counter(chat-section-counter) ". ";
  color: #A60240;
  font-weight: 700;
}

/* line 2118, app/assets/stylesheets/components/_omnipresent_chat.scss */
ol.chat-list > li::marker {
  content: none;
}

/* line 2125, app/assets/stylesheets/components/_omnipresent_chat.scss */
ol.chat-list + ul.chat-list {
  border-left: 2px solid rgba(166, 2, 64, 0.25);
  margin: 0 0 1rem 0.25rem;
  padding-left: 1rem;
}

/* line 2130, app/assets/stylesheets/components/_omnipresent_chat.scss */
ol.chat-list + ul.chat-list li {
  margin: 0.2rem 0;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.75);
}

/* line 2135, app/assets/stylesheets/components/_omnipresent_chat.scss */
ol.chat-list + ul.chat-list li::marker {
  color: rgba(166, 2, 64, 0.4);
  font-size: 0.7em;
}

/* line 2140, app/assets/stylesheets/components/_omnipresent_chat.scss */
ol.chat-list + ul.chat-list li strong {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

/* line 2148, app/assets/stylesheets/components/_omnipresent_chat.scss */
ul.chat-list + ul.chat-list {
  margin-top: 0;
}

/* line 2153, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-list-nested {
  margin: 0.25rem 0 0.15rem 0;
  padding-left: 1.25rem;
  border-left: 2px solid rgba(166, 2, 64, 0.2);
}

/* line 2158, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-list-nested li {
  margin: 0.15rem 0;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.78);
}

/* line 2163, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-list-nested li::marker {
  color: rgba(166, 2, 64, 0.4);
}

/* line 2173, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-task-list {
  list-style: none;
  padding-left: 0.25rem;
}

/* line 2177, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-task-list .chat-task-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0.25rem 0;
}

/* line 2183, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-task-list .chat-task-item::marker {
  content: '';
}

/* line 2186, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-task-list .chat-task-checkbox {
  flex-shrink: 0;
  margin-top: 0.2rem;
  width: 14px;
  height: 14px;
  appearance: none;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  border-radius: 3px;
  background: transparent;
  cursor: not-allowed;
  position: relative;
  transition: border-color 0.2s, background 0.2s;
}

/* line 2199, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-task-list .chat-task-checkbox:checked {
  background: rgba(166, 2, 64, 0.7);
  border-color: rgba(166, 2, 64, 0.9);
}

/* line 2203, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-task-list .chat-task-checkbox:checked::after {
  content: '';
  position: absolute;
  left: 3px;
  top: 0;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}

/* line 2217, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-task-list .chat-task-label {
  flex: 1;
  line-height: 1.45;
}

/* line 2222, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-task-list .chat-task-item--done .chat-task-label {
  text-decoration: line-through;
  opacity: 0.6;
}

/* line 2229, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph s,
.chat-paragraph del,
.chat-list li s,
.chat-list li del {
  opacity: 0.7;
}

/* line 2238, app/assets/stylesheets/components/_omnipresent_chat.scss */
mark, .mark {
  background: rgba(216, 160, 184, 0.25);
  color: inherit;
  padding: 0 0.2em;
  border-radius: 2px;
}

/* line 2252, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-action-run-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.8rem;
  margin: 0.15rem 0.2rem 0.15rem 0;
  background: linear-gradient(135deg, rgba(166, 2, 64, 0.85), rgba(100, 1, 39, 0.85));
  border: 1px solid rgba(216, 160, 184, 0.35);
  border-radius: 8px;
  color: #fff;
  font-size: 0.88em;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.18s ease;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/* line 2269, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-action-run-btn:hover {
  background: linear-gradient(135deg, rgba(200, 30, 100, 0.95), rgba(140, 5, 60, 0.95));
  border-color: rgba(216, 160, 184, 0.6);
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(166, 2, 64, 0.3);
  color: #fff;
  text-decoration: none;
}

/* line 2278, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-action-run-btn:focus-visible {
  outline: 2px solid rgba(216, 160, 184, 0.7);
  outline-offset: 2px;
}

/* line 2283, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-action-run-btn:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* line 2289, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-action-run-btn.is-running {
  opacity: 0.7;
  pointer-events: none;
}

/* line 2293, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-action-run-btn.is-running .chat-action-run-btn__icon {
  animation: chat-action-run-spin 1s linear infinite;
}

/* line 2298, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-action-run-btn__icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  font-size: 0.7em;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
}

/* line 2309, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-action-run-btn__label {
  line-height: 1.2;
}

@keyframes chat-action-run-spin {
  to {
    transform: rotate(360deg);
  }
}

/* line 2319, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections {
  margin: 0.5rem 0;
}

/* line 2322, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .chat-analysis-section {
  margin-bottom: 0.75rem;
  padding-left: 0.25rem;
}

/* line 2326, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .chat-analysis-section:last-child {
  margin-bottom: 0.25rem;
}

/* line 2331, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .analysis-section-header {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.2rem;
}

/* line 2338, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .analysis-section-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  background: rgba(166, 2, 64, 0.2);
  border: 1px solid rgba(166, 2, 64, 0.35);
  color: #D8A0B8;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
}

/* line 2353, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .analysis-section-title {
  font-weight: 600;
  font-size: 0.83rem;
  color: rgba(255, 255, 255, 0.95);
}

/* line 2358, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .analysis-section-title a {
  color: #D8A0B8;
  text-decoration: underline;
  text-decoration-color: rgba(200, 30, 160, 0.3);
  font-weight: 400;
  margin-left: 0.25rem;
}

/* line 2365, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .analysis-section-title a:hover {
  text-decoration-color: #D8A0B8;
  color: #A60240;
}

/* line 2372, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .analysis-section-details {
  list-style: none;
  margin: 0.15rem 0 0 0;
  padding: 0.25rem 0 0.25rem 2.1rem;
  border-left: 2px solid rgba(166, 2, 64, 0.2);
  margin-left: 0.65rem;
}

/* line 2379, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .analysis-section-details li {
  margin: 0.15rem 0;
  font-size: 0.78rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.7);
}

/* line 2385, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .analysis-section-details li strong {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

/* line 2390, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .analysis-section-details li a {
  color: #D8A0B8;
  text-decoration: underline;
  text-decoration-color: rgba(200, 30, 160, 0.3);
}

/* line 2395, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-analysis-sections .analysis-section-details li a:hover {
  text-decoration-color: #D8A0B8;
  color: #A60240;
}

/* line 2405, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block {
  margin: 1rem 0;
  border-radius: 12px;
  background: rgba(20, 16, 43, 0.6);
  border: 1px solid rgba(100, 1, 39, 0.2);
  overflow: hidden;
  backdrop-filter: blur(10px);
}

/* line 2413, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block .code-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: rgba(100, 1, 39, 0.1);
  border-bottom: 1px solid rgba(100, 1, 39, 0.2);
}

/* line 2421, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block .code-header .code-language {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #A60240;
  letter-spacing: 0.5px;
}

/* line 2429, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block .code-header .code-copy-btn {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.75rem;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 2443, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block .code-header .code-copy-btn svg {
  width: 14px;
  height: 14px;
}

/* line 2448, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block .code-header .code-copy-btn:hover {
  background: rgba(100, 1, 39, 0.2);
  border-color: rgba(100, 1, 39, 0.4);
  color: #A60240;
  transform: translateY(-1px);
}

/* line 2455, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block .code-header .code-copy-btn.copied {
  background: rgba(34, 197, 94, 0.2);
  border-color: rgba(34, 197, 94, 0.4);
  color: #22c55e;
}

/* line 2463, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block pre {
  margin: 0;
  padding: 1rem;
  overflow-x: auto;
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.85rem;
  line-height: 1.6;
}

/* line 2471, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block pre code {
  color: rgba(255, 255, 255, 0.95);
  background: none;
}

/* line 2478, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block pre::-webkit-scrollbar {
  height: 8px;
}

/* line 2482, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block pre::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

/* line 2487, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block pre::-webkit-scrollbar-thumb {
  background: rgba(100, 1, 39, 0.3);
  border-radius: 4px;
}

/* line 2491, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-code-block pre::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 1, 39, 0.5);
}

/* line 2498, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 12px;
  border: 1px solid;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

/* line 2508, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert .alert-icon {
  font-size: 1.25rem;
  flex-shrink: 0;
  line-height: 1;
}

/* line 2514, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert .alert-content {
  flex: 1;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
}

/* line 2519, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert .alert-content strong {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
}

/* line 2524, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert .alert-content code {
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.9em;
}

/* line 2532, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-info {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}

/* line 2536, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-info .alert-icon {
  color: #3b82f6;
}

/* line 2540, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-info .alert-content code {
  background: rgba(59, 130, 246, 0.15);
  color: #60a5fa;
}

/* line 2546, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-warning {
  background: rgba(100, 1, 39, 0.1);
  border-color: rgba(100, 1, 39, 0.3);
}

/* line 2550, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-warning .alert-icon {
  color: #A60240;
}

/* line 2554, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-warning .alert-content code {
  background: rgba(100, 1, 39, 0.15);
  color: #640127;
}

/* line 2560, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-success {
  background: rgba(34, 197, 94, 0.1);
  border-color: rgba(34, 197, 94, 0.3);
}

/* line 2564, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-success .alert-icon {
  color: #22c55e;
}

/* line 2568, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-success .alert-content code {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}

/* line 2574, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-error {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}

/* line 2578, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-error .alert-icon {
  color: #ef4444;
}

/* line 2582, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-error .alert-content code {
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}

/* line 2588, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-tip {
  background: rgba(100, 1, 39, 0.1);
  border-color: rgba(100, 1, 39, 0.3);
}

/* line 2592, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-tip .alert-icon {
  color: #A60240;
}

/* line 2596, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-tip .alert-content code {
  background: rgba(100, 1, 39, 0.15);
  color: #D8A0B8;
}

/* line 2602, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-data {
  background: rgba(168, 85, 247, 0.1);
  border-color: rgba(168, 85, 247, 0.3);
}

/* line 2606, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-data .alert-icon {
  color: #a855f7;
}

/* line 2610, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert.chat-alert-data .alert-content code {
  background: rgba(168, 85, 247, 0.15);
  color: #c084fc;
}

/* line 2616, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-alert:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* line 2623, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph {
  margin: 0.75rem 0;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
}

/* line 2628, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph strong {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
}

/* line 2633, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph em {
  font-style: italic;
  color: rgba(255, 255, 255, 0.85);
}

/* line 2638, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph code {
  background: rgba(100, 1, 39, 0.15);
  color: #D8A0B8;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.9em;
}

/* line 2647, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph a {
  color: #D8A0B8;
  text-decoration: underline;
  text-decoration-color: rgba(200, 30, 160, 0.3);
  transition: all 0.2s ease;
}

/* line 2653, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph a:hover {
  text-decoration-color: #D8A0B8;
  color: #A60240;
}

/* line 2658, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph a.chat-action-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.75rem;
  background: rgba(100, 1, 39, 0.15);
  border: 1px solid rgba(100, 1, 39, 0.3);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease;
}

/* line 2670, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph a.chat-action-link:hover {
  background: rgba(100, 1, 39, 0.25);
  border-color: rgba(100, 1, 39, 0.5);
  transform: translateX(2px);
}

/* line 2677, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph a.chat-suggestion-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.75rem;
  background: rgba(200, 80, 160, 0.1);
  border: 1px solid rgba(200, 80, 160, 0.25);
  border-radius: 20px;
  text-decoration: none;
  font-size: 0.88em;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

/* line 2693, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph a.chat-suggestion-chip:hover {
  background: rgba(200, 80, 160, 0.2);
  border-color: rgba(200, 80, 160, 0.45);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(200, 80, 160, 0.2);
}

/* line 2701, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-paragraph a.chat-suggestion-chip:active {
  transform: translateY(0);
  background: rgba(200, 80, 160, 0.3);
}

/* line 2710, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-mermaid-container {
  margin: 1.5rem 0;
  padding: 1.5rem;
  background: rgba(20, 16, 43, 0.6);
  border-radius: 12px;
  border: 1px solid rgba(100, 1, 39, 0.2);
  backdrop-filter: blur(10px);
  overflow-x: auto;
  animation: slideUpFadeIn 0.4s ease-out;
}

/* line 2719, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-mermaid-container .chat-mermaid-diagram {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

/* line 2726, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-mermaid-container .chat-mermaid-diagram svg {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
}

/* line 2733, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-mermaid-container .chat-mermaid-diagram .node rect,
.chat-mermaid-container .chat-mermaid-diagram .node circle,
.chat-mermaid-container .chat-mermaid-diagram .node ellipse,
.chat-mermaid-container .chat-mermaid-diagram .node polygon {
  fill: rgba(100, 1, 39, 0.2) !important;
  stroke: #A60240 !important;
  stroke-width: 2px !important;
}

/* line 2742, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-mermaid-container .chat-mermaid-diagram .edgePath path {
  stroke: #F6E5B3 !important;
  stroke-width: 2px !important;
}

/* line 2747, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-mermaid-container .chat-mermaid-diagram .edgeLabel {
  background-color: rgba(20, 16, 43, 0.9) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
}

/* line 2754, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-mermaid-container .chat-mermaid-diagram .nodeLabel {
  color: rgba(255, 255, 255, 0.95) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
}

/* line 2766, app/assets/stylesheets/components/_omnipresent_chat.scss */
.trend-up {
  color: #22c55e !important;
  font-weight: 600 !important;
}

/* line 2771, app/assets/stylesheets/components/_omnipresent_chat.scss */
.trend-down {
  color: #ef4444 !important;
  font-weight: 600 !important;
}

/* line 2776, app/assets/stylesheets/components/_omnipresent_chat.scss */
.trend-stable {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* line 2781, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-chart-container {
  margin: 1.5rem 0 !important;
  padding: 1.5rem !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(200, 80, 160, 0.15) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
  position: relative;
  animation: slideUpFadeIn 0.4s ease-out;
}

/* line 2792, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-chart-container .chat-chart-canvas {
  width: 100% !important;
  max-height: 400px;
  display: block;
}

@keyframes slideUpFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 2814, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container {
  margin: 1.5rem 0 !important;
  overflow-x: auto !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15) !important;
  animation: slideUpFadeIn 0.4s ease-out;
}

/* line 2826, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  font-size: 0.78rem !important;
  background: transparent !important;
}

/* line 2834, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table thead {
  background: none !important;
  border: none !important;
}

/* line 2838, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table thead tr {
  background: none !important;
  border-bottom: none !important;
}

/* line 2843, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table thead th {
  padding: 10px 14px !important;
  text-align: left !important;
  font-weight: 600 !important;
  color: var(--oz-cream) !important;
  white-space: nowrap !important;
  font-size: 0.78rem !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid var(--oz-glass-border) !important;
  background: none !important;
  background-color: var(--oz-depth-3) !important;
  position: relative !important;
}

/* line 2861, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody {
  background: transparent !important;
}

/* line 2864, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  background: transparent !important;
  transition: background-color 0.2s ease !important;
}

/* line 2869, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.03) !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
}

/* line 2874, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody tr:last-child {
  border-bottom: none !important;
}

/* line 2879, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody td {
  padding: 8px 14px !important;
  color: var(--oz-text-2) !important;
  vertical-align: middle !important;
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* line 2889, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody td a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.2rem 0.65rem !important;
  background: rgba(100, 1, 39, 0.12) !important;
  border: 1px solid rgba(100, 1, 39, 0.25) !important;
  border-radius: 6px !important;
  color: var(--oz-cream) !important;
  text-decoration: none !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

/* line 2903, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody td a::after {
  content: '→' !important;
  font-size: 0.85em !important;
  opacity: 0.6 !important;
  transition: all 0.2s ease !important;
}

/* line 2910, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody td a:hover {
  background: rgba(100, 1, 39, 0.22) !important;
  border-color: rgba(166, 2, 64, 0.4) !important;
  color: var(--oz-cream) !important;
}

/* line 2915, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody td a:hover::after {
  opacity: 1 !important;
  transform: translateX(2px) !important;
}

/* line 2922, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody td code {
  background: rgba(255, 255, 255, 0.06) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-family: 'Courier New', monospace !important;
  font-size: 0.85em !important;
  color: rgba(216, 160, 184, 0.8) !important;
}

/* line 2931, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container .chat-table tbody td strong {
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 600 !important;
}

/* line 2940, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container::-webkit-scrollbar {
  height: 4px !important;
}

/* line 2944, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container::-webkit-scrollbar-track {
  background: transparent !important;
}

/* line 2948, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 2px !important;
}

/* line 2952, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-table-container::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* line 2961, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--oz-glass-border);
}

/* line 2970, app/assets/stylesheets/components/_omnipresent_chat.scss */
.suggestion-btn {
  padding: 6px 14px;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-2);
  border-radius: 20px;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 500;
  font-family: inherit;
  transition: all 0.2s ease;
  backdrop-filter: blur(4px);
}

/* line 2983, app/assets/stylesheets/components/_omnipresent_chat.scss */
.suggestion-btn:hover {
  background: var(--oz-warm-soft);
  border-color: rgba(100, 1, 39, 0.3);
  color: var(--oz-cream);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(100, 1, 39, 0.2);
}

/* line 2991, app/assets/stylesheets/components/_omnipresent_chat.scss */
.suggestion-btn:active {
  transform: translateY(0);
}

/* line 2997, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-actions {
  display: flex;
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--oz-glass-border);
  justify-content: flex-start;
}

/* line 3007, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-dialog-btn {
  font-family: inherit;
}

/* line 3010, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-dialog-btn.btn-confirm {
  padding: 8px 20px;
  background: linear-gradient(135deg, #640127, #A60240);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.82rem;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(100, 1, 39, 0.3);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* line 3025, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-dialog-btn.btn-confirm:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(100, 1, 39, 0.4);
}

/* line 3030, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-dialog-btn.btn-confirm:active {
  transform: translateY(0);
}

/* line 3031, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-dialog-btn.btn-confirm:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* line 3034, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-dialog-btn.btn-cancel {
  padding: 8px 20px;
  background: var(--oz-glass);
  color: var(--oz-text-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.82rem;
  transition: all 0.2s ease;
}

/* line 3045, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-dialog-btn.btn-cancel:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-1);
  border-color: rgba(255, 255, 255, 0.12);
}

/* line 3053, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-dialog-btn:not(.btn-confirm):not(.btn-cancel) {
  padding: 8px 20px;
  background: var(--oz-warm-soft);
  color: var(--oz-cream);
  border: 1px solid rgba(100, 1, 39, 0.3);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.82rem;
  transition: all 0.2s ease;
}

/* line 3064, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-dialog-btn:not(.btn-confirm):not(.btn-cancel):hover {
  background: linear-gradient(135deg, #640127, #A60240);
  color: white;
  border-color: transparent;
  transform: translateY(-1px);
}

/* line 3074, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 14px;
  padding: 20px;
  background: var(--oz-depth-3);
  border-radius: 12px;
  border: 1px solid var(--oz-glass-border);
}

/* line 3084, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form.form-completed {
  opacity: 0.5;
  pointer-events: none;
}

/* line 3090, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form:has(textarea) {
  margin-left: -4px;
  margin-right: -4px;
}

/* line 3095, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .form-title {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--oz-cream);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 3104, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .form-title i {
  opacity: 0.7;
}

/* line 3107, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .form-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 3113, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .form-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 3119, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .field-label {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--oz-text-3);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* line 3126, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .field-label .required-star {
  color: var(--oz-warm);
}

/* line 3129, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form input, .dialog-multi-field-form select, .dialog-multi-field-form textarea {
  width: 100%;
  padding: 9px 14px;
  background: var(--oz-depth-1);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  color: var(--oz-text-1);
  font-size: 0.82rem;
  font-family: inherit;
  outline: none;
  transition: all 0.2s ease;
}

/* line 3141, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form input::placeholder, .dialog-multi-field-form select::placeholder, .dialog-multi-field-form textarea::placeholder {
  color: var(--oz-text-4);
}

/* line 3143, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form input:focus, .dialog-multi-field-form select:focus, .dialog-multi-field-form textarea:focus {
  border-color: rgba(100, 1, 39, 0.4);
  background: rgba(100, 1, 39, 0.05);
  box-shadow: 0 0 0 3px rgba(100, 1, 39, 0.08);
}

/* line 3149, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form input[readonly], .dialog-multi-field-form select[readonly], .dialog-multi-field-form textarea[readonly] {
  background: rgba(100, 1, 39, 0.06);
  border-color: rgba(100, 1, 39, 0.2);
  color: var(--oz-cream);
  cursor: not-allowed;
  opacity: 0.85;
}

/* line 3157, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form input.field-error, .dialog-multi-field-form select.field-error, .dialog-multi-field-form textarea.field-error {
  border-color: rgba(239, 68, 68, 0.6);
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}

/* line 3163, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgba(240,240,242,0.4)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 32px;
}

/* line 3170, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form select option {
  background: var(--oz-depth-2);
  color: var(--oz-text-1);
}

/* line 3176, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form textarea {
  resize: vertical;
  min-height: 120px;
}

/* line 3181, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .form-actions {
  display: flex;
  gap: 10px;
  margin-top: 4px;
  justify-content: flex-start;
}

/* line 3188, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .form-submit-btn {
  padding: 8px 20px;
  background: linear-gradient(135deg, #640127, #A60240);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.82rem;
  font-family: inherit;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(100, 1, 39, 0.3);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* line 3204, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .form-submit-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(100, 1, 39, 0.4);
}

/* line 3209, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .form-submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* line 3212, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .form-cancel-btn {
  padding: 8px 20px;
  background: var(--oz-glass);
  color: var(--oz-text-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.82rem;
  font-family: inherit;
  transition: all 0.2s ease;
}

/* line 3224, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .form-cancel-btn:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-1);
  border-color: rgba(255, 255, 255, 0.12);
}

/* line 3231, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .field-error-msg {
  font-size: 0.72rem;
  color: #f87171;
  margin-top: 2px;
}

/* line 3236, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .field-error-msg i {
  margin-right: 4px;
}

/* line 3240, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-zone {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 3246, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-drop-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 16px;
  border: 2px dashed var(--oz-glass-border);
  border-radius: 8px;
  background: var(--oz-depth-1);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}

/* line 3259, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-drop-area i {
  font-size: 1.2rem;
  color: var(--oz-text-3);
  opacity: 0.7;
}

/* line 3265, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-drop-area .file-upload-label {
  font-size: 0.78rem;
  color: var(--oz-text-2);
}

/* line 3268, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-drop-area .file-upload-label strong {
  color: var(--oz-warm);
}

/* line 3271, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-drop-area .file-upload-hint {
  font-size: 0.68rem;
  color: var(--oz-text-4);
}

/* line 3276, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-drop-area:hover, .dialog-multi-field-form .file-upload-drop-area.dragover {
  border-color: rgba(100, 1, 39, 0.4);
  background: rgba(100, 1, 39, 0.05);
}

/* line 3282, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-previews {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 3288, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 6px;
  background: var(--oz-depth-1);
  border: 1px solid var(--oz-glass-border);
  font-size: 0.78rem;
  transition: all 0.2s ease;
}

/* line 3299, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item .file-upload-item-info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
}

/* line 3306, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item .file-upload-item-info i {
  font-size: 0.9rem;
  color: var(--oz-text-3);
  flex-shrink: 0;
}

/* line 3312, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item .file-upload-item-info .file-upload-item-name {
  color: var(--oz-text-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 3319, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item .file-upload-item-info .file-upload-item-size {
  color: var(--oz-text-4);
  font-size: 0.7rem;
  flex-shrink: 0;
}

/* line 3326, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item .file-upload-item-progress {
  flex: 1;
}

/* line 3328, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item .file-upload-item-progress .file-upload-progress-bar {
  height: 3px;
  background: linear-gradient(90deg, #640127, #A60240);
  border-radius: 2px;
  animation: upload-progress 1.5s ease-in-out infinite;
}

/* line 3336, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item.uploading {
  opacity: 0.8;
}

/* line 3340, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item.uploaded {
  border-color: rgba(74, 222, 128, 0.3);
}

/* line 3342, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item.uploaded i {
  color: #4ade80;
}

/* line 3345, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item.uploaded-link {
  border-color: rgba(229, 168, 46, 0.3);
  background: rgba(229, 168, 46, 0.04);
}

/* line 3348, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item.uploaded-link i {
  color: #E5A82E;
}

/* line 3351, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item.error {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.05);
}

/* line 3354, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item.error .file-upload-error-text {
  color: #f87171;
  font-size: 0.72rem;
}

/* line 3355, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-item.error i {
  color: #f87171;
}

/* line 3359, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-remove-btn {
  background: none;
  border: none;
  color: var(--oz-text-4);
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.75rem;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

/* line 3370, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-remove-btn:hover {
  color: #f87171;
  background: rgba(239, 68, 68, 0.1);
}

/* line 3376, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-link-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: rgba(229, 168, 46, 0.12);
  color: #E5A82E;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 600;
  flex-shrink: 0;
  margin-left: auto;
}

/* line 3389, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-multi-field-form .file-upload-link-badge i {
  font-size: 0.6rem;
}

@keyframes upload-progress {
  0% {
    width: 0%;
  }
  50% {
    width: 70%;
  }
  100% {
    width: 100%;
  }
}

/* line 3400, app/assets/stylesheets/components/_omnipresent_chat.scss */
.dialog-progress-message {
  text-align: center;
  color: var(--oz-text-3);
  font-size: 0.78rem;
  margin: 8px 0;
  font-style: italic;
}

/* line 3410, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}

/* line 3415, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions .btn-confirm {
  padding: 8px 20px;
  background: linear-gradient(135deg, #640127, #A60240);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 0.82rem;
  font-family: inherit;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* line 3430, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions .btn-confirm:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(100, 1, 39, 0.4);
}

/* line 3436, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions .btn-cancel {
  padding: 8px 20px;
  background: var(--oz-glass);
  color: var(--oz-text-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.82rem;
  font-family: inherit;
  transition: all 0.2s ease;
}

/* line 3448, app/assets/stylesheets/components/_omnipresent_chat.scss */
.action-confirmation .confirmation-actions .btn-cancel:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-1);
}

/* line 3457, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-badge-danger {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #fca5a5;
}

/* line 3463, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-badge-muted {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--oz-text-3);
}

@media (max-width: 1100px) {
  /* line 3473, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .omnipresent-chat-overlay {
    width: calc(100vw - 48px);
    max-width: 800px;
  }
}

@media (max-width: 768px) {
  /* line 3481, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .omnipresent-chat-overlay {
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }
  /* line 3490, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .omnipresent-chat-overlay::before, .omnipresent-chat-overlay::after {
    display: none;
  }
  /* line 3496, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .chat-overlay-header {
    padding: 10px 14px;
  }
  /* line 3499, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .chat-overlay-header .orizen-avatar {
    width: 40px;
    height: 40px;
  }
  /* line 3506, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .autonomy-seg-label {
    display: none !important;
  }
  /* line 3510, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .chat-autonomy-pill {
    padding: 2px;
  }
  /* line 3514, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .autonomy-seg {
    padding: 5px 8px;
  }
  /* line 3518, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .chat-tabs-container {
    padding: 6px 10px;
  }
  /* line 3522, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .chat-overlay-messages {
    padding: 12px;
  }
  /* line 3526, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .chat-overlay-input {
    padding: 8px 12px 12px;
  }
  /* line 3530, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .chat-generators-menu {
    padding: 0 12px;
  }
  /* line 3536, app/assets/stylesheets/components/_omnipresent_chat.scss */
  .message.message-user .message-content {
    max-width: 85%;
  }
}

/* line 3543, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  animation: confirmFadeIn 0.2s ease;
}

/* line 3558, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-overlay.chat-confirm-closing {
  animation: confirmFadeOut 0.2s ease forwards;
}

/* line 3563, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-modal {
  background: var(--oz-depth-2);
  border: 1px solid var(--oz-glass-border);
  border-radius: 16px;
  padding: 28px 32px 24px;
  max-width: 380px;
  width: 90%;
  box-shadow: 0 0 0 1px var(--oz-glass-border), 0 0 60px -10px var(--oz-warm-glow), 0 24px 60px -12px rgba(0, 0, 0, 0.6);
  text-align: center;
  animation: confirmSlideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 3576, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-closing .chat-confirm-modal {
  animation: confirmSlideOut 0.2s ease forwards;
}

/* line 3581, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(220, 38, 38, 0.12);
  color: #f87171;
  font-size: 1.2rem;
}

/* line 3594, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-title {
  color: var(--oz-text-1);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}

/* line 3602, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-message {
  color: var(--oz-text-3);
  font-size: 0.85rem;
  line-height: 1.5;
  margin-bottom: 24px;
}

/* line 3609, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
}

/* line 3615, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-btn {
  flex: 1;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
  outline: none;
}

/* line 3626, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-btn:focus-visible {
  box-shadow: 0 0 0 2px var(--oz-warm);
}

/* line 3630, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-btn.chat-confirm-cancel {
  background: var(--oz-glass);
  color: var(--oz-text-2);
  border: 1px solid var(--oz-glass-border);
}

/* line 3635, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-btn.chat-confirm-cancel:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-1);
}

/* line 3641, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-btn.chat-confirm-ok {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  color: #fff;
  box-shadow: 0 2px 12px rgba(220, 38, 38, 0.3);
}

/* line 3646, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-btn.chat-confirm-ok:hover {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  box-shadow: 0 4px 16px rgba(220, 38, 38, 0.4);
  transform: translateY(-1px);
}

/* line 3652, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-confirm-btn.chat-confirm-ok:active {
  transform: translateY(0);
}

@keyframes confirmFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes confirmFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes confirmSlideIn {
  from {
    opacity: 0;
    transform: scale(0.92) translateY(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes confirmSlideOut {
  from {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  to {
    opacity: 0;
    transform: scale(0.92) translateY(8px);
  }
}

/* line 3692, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-consent-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10002;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(8px);
  align-items: center;
  justify-content: center;
  animation: consent-fade-in 0.3s ease;
}

/* line 3703, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-consent-modal.visible {
  display: flex;
}

/* line 3708, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-modal-card {
  background: linear-gradient(151deg, #140D23 25%, #640127 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 28px 24px;
  max-width: 380px;
  width: 90%;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

/* line 3719, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-modal-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 3728, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-modal-avatar {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 3734, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-modal-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px;
}

/* line 3741, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-modal-text {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  margin: 0 0 16px;
}

/* line 3748, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-modal-points {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  text-align: left;
}

/* line 3754, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-modal-points li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.8);
}

/* line 3762, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-modal-points li i {
  color: #C38761;
  font-size: 14px;
  width: 18px;
  text-align: center;
  flex-shrink: 0;
}

/* line 3772, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-modal-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}

/* line 3779, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-btn {
  border: none;
  border-radius: 10px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 3788, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-btn--accept {
  background: #E5A82E;
  color: white;
}

/* line 3792, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-btn--accept:hover {
  background: #d0931a;
}

/* line 3797, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-btn--decline {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}

/* line 3802, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-btn--decline:hover {
  color: rgba(255, 255, 255, 0.8);
}

/* line 3808, app/assets/stylesheets/components/_omnipresent_chat.scss */
.consent-modal-legal {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.35);
  line-height: 1.4;
  margin: 0;
}

@keyframes consent-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 3823, app/assets/stylesheets/components/_omnipresent_chat.scss */
.orizen-pro-blur {
  filter: blur(4px);
  user-select: none;
  pointer-events: none;
  transition: filter 0.3s ease;
}

/* line 3830, app/assets/stylesheets/components/_omnipresent_chat.scss */
.orizen-pro-gated-wrapper {
  position: relative;
}

/* line 3833, app/assets/stylesheets/components/_omnipresent_chat.scss */
.orizen-pro-gated-wrapper:hover .orizen-pro-blur {
  filter: blur(2px);
}

/* line 3838, app/assets/stylesheets/components/_omnipresent_chat.scss */
.orizen-pro-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 16px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  border-radius: 0 0 4px 4px;
  display: flex;
  justify-content: center;
  z-index: 2;
}

/* line 3851, app/assets/stylesheets/components/_omnipresent_chat.scss */
.orizen-pro-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  border-radius: 20px;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
}

/* line 3864, app/assets/stylesheets/components/_omnipresent_chat.scss */
.orizen-pro-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
  color: #fff;
  text-decoration: none;
}

/* line 3871, app/assets/stylesheets/components/_omnipresent_chat.scss */
.orizen-pro-cta i {
  font-size: 0.75rem;
}

/* line 3875, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-next-action-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 16px 12px;
  animation: suggestion-fade-in 0.3s ease;
}

/* line 3882, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-next-action-suggestions .chat-suggestion-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.75rem;
  background: rgba(200, 80, 160, 0.1);
  border: 1px solid rgba(200, 80, 160, 0.25);
  border-radius: 20px;
  text-decoration: none;
  font-size: 0.85em;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  transition: all 0.2s ease;
}

/* line 3896, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-next-action-suggestions .chat-suggestion-chip i {
  font-size: 0.8em;
  opacity: 0.7;
}

/* line 3898, app/assets/stylesheets/components/_omnipresent_chat.scss */
.chat-next-action-suggestions .chat-suggestion-chip:hover {
  background: rgba(200, 80, 160, 0.2);
  border-color: rgba(200, 80, 160, 0.45);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(200, 80, 160, 0.2);
}

@keyframes suggestion-fade-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 3913, app/assets/stylesheets/components/_omnipresent_chat.scss */
.orizen-pro-badge-inline {
  display: inline-block;
  padding: 1px 6px;
  font-size: 0.65rem;
  font-weight: 700;
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.4);
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 4, app/assets/stylesheets/components/_ai_feedback.scss */
.message-feedback {
  display: contents;
}

/* line 9, app/assets/stylesheets/components/_ai_feedback.scss */
.message-content > .message-feedback {
  display: flex;
  gap: 2px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid var(--oz-glass-border);
}

/* line 17, app/assets/stylesheets/components/_ai_feedback.scss */
.feedback-btn {
  background: none;
  border: none;
  color: var(--oz-text-4);
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: all 0.15s ease;
}

/* line 31, app/assets/stylesheets/components/_ai_feedback.scss */
.feedback-btn i {
  font-size: 0.72rem;
  line-height: 1;
}

/* line 36, app/assets/stylesheets/components/_ai_feedback.scss */
.feedback-btn:hover:not(:disabled) {
  color: var(--oz-text-2);
  background: var(--oz-glass);
}

/* line 41, app/assets/stylesheets/components/_ai_feedback.scss */
.feedback-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* line 46, app/assets/stylesheets/components/_ai_feedback.scss */
.feedback-btn.active, .feedback-btn.feedback-sent {
  color: var(--oz-warm);
}

/* line 52, app/assets/stylesheets/components/_ai_feedback.scss */
.feedback-positive.feedback-sent {
  color: #34d399;
}

/* line 56, app/assets/stylesheets/components/_ai_feedback.scss */
.feedback-negative.feedback-sent {
  color: #f87171;
}

/* line 13, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* line 25, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal.visible {
  display: flex;
  opacity: 1;
  visibility: visible;
}

/* line 32, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(1px);
  cursor: pointer;
}

/* line 44, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-content {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 1000px;
  height: 700px;
  max-height: calc(100vh - 48px);
  background: var(--oz-depth-1);
  border-radius: 24px;
  box-shadow: 0 0 0 1px var(--oz-glass-border), 0 0 80px -20px var(--oz-warm-glow), 0 32px 64px -12px rgba(0, 0, 0, 0.6);
  z-index: 10001;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
  cursor: default;
  user-select: none;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

/* line 65, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal.visible .morning-briefing-modal .briefing-content {
  animation: slideInBriefing 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 70, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-content::-webkit-scrollbar {
  width: 4px;
}

/* line 71, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-content::-webkit-scrollbar-track {
  background: transparent;
}

/* line 72, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* line 75, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-content::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* line 81, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 24px 20px;
  background: linear-gradient(135deg, var(--oz-glass) 0%, rgba(100, 1, 39, 0.06) 100%);
  border-bottom: 1px solid var(--oz-glass-border);
}

/* line 89, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-header .briefing-header-left {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 95, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-header h2, .morning-briefing-modal .briefing-header .h2 {
  margin: 0;
  color: var(--oz-text-1);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

/* line 104, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-header .briefing-subtitle {
  margin: 0;
  color: var(--oz-text-2);
  font-size: 0.9rem;
  font-weight: 500;
}

/* line 111, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-header .briefing-date {
  margin: 0;
  color: var(--oz-text-3);
  font-size: 0.8rem;
  font-weight: 400;
}

/* line 118, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-header .briefing-close {
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  color: var(--oz-text-3);
  font-size: 0.82rem;
  cursor: pointer;
  padding: 0;
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

/* line 135, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-header .briefing-close:hover {
  color: var(--oz-text-1);
  background: var(--oz-glass-hover);
  transform: translateY(-1px);
}

/* line 143, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body {
  padding: 20px 24px;
  min-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

/* line 153, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body::-webkit-scrollbar {
  width: 4px;
}

/* line 154, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body::-webkit-scrollbar-track {
  background: transparent;
}

/* line 155, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* line 158, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.15);
}

/* line 163, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-loading {
  text-align: center;
  padding: 2rem;
  color: var(--oz-text-2);
}

/* line 168, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-loading i {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: var(--oz-warm);
}

/* line 174, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-loading p {
  margin: 0;
  font-size: 1rem;
}

/* line 180, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-empty {
  text-align: center;
  padding: 2rem;
  color: var(--oz-text-2);
}

/* line 185, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-empty .briefing-empty-inner {
  padding: 2rem;
}

/* line 189, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-empty .briefing-empty-icon {
  font-size: 3rem;
  margin-bottom: 1rem;
}

/* line 194, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-empty h3, .morning-briefing-modal .briefing-body .briefing-empty .h3 {
  color: var(--oz-text-1);
  margin-bottom: 0.5rem;
}

/* line 199, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-empty p {
  margin: 0;
  font-size: 1.1rem;
  color: var(--oz-text-3);
}

/* line 206, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-section {
  margin-bottom: 2rem;
}

/* line 209, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-section:last-child {
  margin-bottom: 0;
}

/* line 213, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-section h3, .morning-briefing-modal .briefing-body .briefing-section .h3 {
  margin: 0 0 1rem 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--oz-text-1);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 222, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-section h3 i, .morning-briefing-modal .briefing-body .briefing-section .h3 i {
  margin-right: 0.4rem;
  font-size: 0.9rem;
}

/* line 227, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-section.urgent h3, .morning-briefing-modal .briefing-body .briefing-section.urgent .h3 {
  color: #ef4444;
}

/* line 231, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-section.suggestions h3, .morning-briefing-modal .briefing-body .briefing-section.suggestions .h3 {
  color: var(--oz-gold);
}

/* line 235, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-section.goals h3, .morning-briefing-modal .briefing-body .briefing-section.goals .h3 {
  color: #34d399;
}

/* line 239, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-section.stats h3, .morning-briefing-modal .briefing-body .briefing-section.stats .h3 {
  color: #60a5fa;
}

/* line 245, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .suggestion-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* line 251, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .suggestion-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--oz-text-1);
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  white-space: nowrap;
}

/* line 267, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .suggestion-chip i {
  font-size: 0.8rem;
  color: var(--oz-warm);
}

/* line 272, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .suggestion-chip:hover {
  background: var(--oz-warm-soft);
  border-color: rgba(100, 1, 39, 0.3);
  color: var(--oz-cream);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(100, 1, 39, 0.15);
}

/* line 281, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
  background: var(--oz-glass);
  border-radius: 12px;
  border: 1px solid var(--oz-glass-border);
  border-left: 3px solid transparent;
}

/* line 291, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item.urgent {
  border-left-color: #ef4444;
}

/* line 295, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item.warning {
  border-left-color: #A60240;
}

/* line 299, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item.info {
  border-left-color: #60a5fa;
}

/* line 303, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item.habit {
  border-left-color: #a78bfa;
}

/* line 307, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item.opportunity {
  border-left-color: #34d399;
}

/* line 311, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item .item-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--oz-glass-active);
  border-radius: 8px;
  color: var(--oz-text-2);
  font-size: 1rem;
}

/* line 324, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item .item-content {
  flex: 1;
}

/* line 327, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item .item-content h4, .morning-briefing-modal .briefing-body .briefing-item .item-content .h4 {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 334, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item .item-content p {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: var(--oz-text-2);
  line-height: 1.5;
}

/* line 341, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-item .item-content .item-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 349, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-action-btn {
  padding: 0.5rem 1rem;
  font-size: 0.82rem;
  border-radius: 8px;
  border: 1px solid var(--oz-glass-border);
  background: var(--oz-glass);
  color: var(--oz-text-1);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  display: inline-block;
  font-weight: 500;
}

/* line 362, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-action-btn:hover {
  background: var(--oz-warm-soft);
  border-color: rgba(100, 1, 39, 0.2);
  color: var(--oz-cream);
  transform: translateY(-1px);
}

/* line 370, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .goal-progress {
  padding: 1rem;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 10px;
}

/* line 376, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .goal-progress .goal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  color: var(--oz-text-2);
}

/* line 384, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .goal-progress .goal-header .goal-amount {
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 390, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .goal-progress .goal-bar {
  width: 100%;
  height: 6px;
  background: var(--oz-depth-4);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

/* line 398, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .goal-progress .goal-bar .goal-fill {
  height: 100%;
  background: linear-gradient(90deg, #34d399 0%, #10b981 100%);
  transition: width 0.3s ease;
}

/* line 405, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .goal-progress .goal-status {
  margin: 0;
  font-size: 0.85rem;
  color: var(--oz-text-3);
  text-align: center;
}

/* line 412, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .goal-progress.at_risk .goal-fill {
  background: linear-gradient(90deg, #A60240 0%, #48011C 100%);
}

/* line 416, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .goal-progress.behind .goal-fill {
  background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
}

/* line 421, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0.75rem;
}

/* line 426, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item {
  padding: 1rem;
  background: var(--oz-glass);
  border-radius: 12px;
  border: 1px solid var(--oz-glass-border);
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* line 434, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item:hover {
  background: var(--oz-glass-hover);
  transform: translateY(-2px);
}

/* line 439, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item .stat-label {
  font-size: 0.82rem;
  color: var(--oz-text-3);
  margin-bottom: 0.5rem;
}

/* line 445, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item .stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--oz-text-1);
  margin-bottom: 0.5rem;
}

/* line 452, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item .stat-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
}

/* line 459, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item .stat-badge.urgent {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
}

/* line 464, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item .stat-badge.warning {
  background: rgba(100, 1, 39, 0.15);
  color: #A60240;
}

/* line 469, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item .stat-badge.info {
  background: rgba(96, 165, 250, 0.15);
  color: #60a5fa;
}

/* line 474, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item .stat-badge.success {
  background: rgba(34, 197, 94, 0.15);
  color: #22c55e;
}

/* line 479, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item .stat-badge.neutral {
  background: var(--oz-glass);
  color: var(--oz-text-3);
}

/* line 485, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item .stat-badges {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  align-items: center;
  margin-top: 0.5rem;
}

/* line 495, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item.opportunities-stat .stat-badges .stat-badge {
  display: block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 506, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item.welcome-stat {
  grid-column: 1 / -1;
  padding: 1.5rem;
}

/* line 510, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .quick-stats-grid .stat-item.welcome-stat .stat-tip {
  font-size: 0.85rem;
  color: var(--oz-text-3);
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 521, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .enriched-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}

/* line 527, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .kpi-card {
  min-width: 0;
  padding: 0.85rem;
  background: var(--oz-glass);
  border-radius: 12px;
  border: 1px solid var(--oz-glass-border);
  transition: none;
}

/* line 535, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .kpi-card:hover {
  transform: none;
  background: var(--oz-glass);
  box-shadow: none;
}

/* line 541, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .kpi-card.kpi-alert {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.08);
}

/* line 546, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .kpi-card .kpi-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

/* line 553, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .kpi-card .kpi-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--oz-glass-active);
  border-radius: 6px;
  color: var(--oz-text-2);
  font-size: 0.8rem;
  flex-shrink: 0;
}

/* line 566, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .kpi-card .kpi-label {
  font-size: 0.75rem;
  color: var(--oz-text-3);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 574, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .kpi-card .kpi-body {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

/* line 581, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .kpi-card .kpi-value {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--oz-text-1);
  white-space: nowrap;
}

/* line 588, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .kpi-card .kpi-sub-value {
  font-size: 0.75rem;
  color: var(--oz-text-3);
  margin-top: 0.15rem;
}

/* line 594, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .kpi-card .kpi-sparkline {
  display: block;
  width: 100%;
  height: 32px;
  margin-top: 0.5rem;
}

/* line 602, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .trend-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.8rem;
  font-weight: 600;
  white-space: nowrap;
}

/* line 610, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .trend-indicator.trend-up {
  color: #34d399;
}

/* line 611, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .trend-indicator.trend-down {
  color: #ef4444;
}

/* line 612, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .trend-indicator.trend-stable {
  color: #A60240;
}

/* line 614, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .trend-indicator .trend-arrow {
  font-size: 0.9rem;
}

/* line 615, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .trend-indicator .trend-pct {
  font-size: 0.75rem;
}

/* line 620, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .commercial-health h3, .morning-briefing-modal .briefing-body .commercial-health .h3 {
  color: #f97316;
}

/* line 623, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-score-section {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  padding: 1rem;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-radius: 12px;
}

/* line 633, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-score-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 3px solid;
  flex-shrink: 0;
  background: var(--oz-glass);
}

/* line 645, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-score-badge.health-excellent {
  border-color: #34d399;
  color: #34d399;
}

/* line 646, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-score-badge.health-bon {
  border-color: #A60240;
  color: #A60240;
}

/* line 647, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-score-badge.health-surveiller {
  border-color: #f97316;
  color: #f97316;
}

/* line 648, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-score-badge.health-critique {
  border-color: #ef4444;
  color: #ef4444;
}

/* line 649, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-score-badge.health-no-data {
  border-color: var(--oz-text-3);
  color: var(--oz-text-3);
  opacity: 0.7;
}

/* line 651, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-score-badge .health-score-value {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}

/* line 657, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-score-badge .health-score-label {
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-top: 0.15rem;
  text-align: center;
  line-height: 1.15;
  max-width: 70px;
  word-wrap: break-word;
}

/* line 669, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bars {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 677, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bar-item .health-bar-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.35rem;
}

/* line 683, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bar-item .health-bar-label {
  font-size: 0.8rem;
  color: var(--oz-text-2);
}

/* line 688, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bar-item .health-bar-detail {
  font-size: 0.75rem;
  color: var(--oz-text-3);
}

/* line 693, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bar-item .health-bar-track {
  width: 100%;
  height: 6px;
  background: var(--oz-depth-4);
  border-radius: 3px;
  overflow: hidden;
}

/* line 701, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bar-item .health-bar-fill {
  height: 100%;
  border-radius: 3px;
  transition: width 0.6s ease;
}

/* line 706, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bar-item .health-bar-fill.bar-excellent {
  background: #34d399;
}

/* line 707, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bar-item .health-bar-fill.bar-bon {
  background: #A60240;
}

/* line 708, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bar-item .health-bar-fill.bar-surveiller {
  background: #f97316;
}

/* line 709, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bar-item .health-bar-fill.bar-critique {
  background: #ef4444;
}

/* line 710, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .health-bar-item .health-bar-fill.bar-no-data {
  background: var(--oz-text-3);
  opacity: 0.15;
}

/* line 716, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .this-week h3, .morning-briefing-modal .briefing-body .this-week .h3 {
  color: #7dd3fc;
}

/* line 719, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 725, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.75rem;
  background: var(--oz-glass);
  border-radius: 8px;
  border-left: 3px solid var(--oz-glass-border);
  transition: all 0.2s ease;
}

/* line 735, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item:hover {
  background: var(--oz-glass-hover);
  transform: translateX(3px);
}

/* line 740, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item.week-item-appointment {
  border-left-color: #7dd3fc;
}

/* line 741, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item.week-item-event {
  border-left-color: #a78bfa;
}

/* line 742, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item.week-item-deadline {
  border-left-color: #ef4444;
}

/* line 743, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item.week-item-invoice {
  border-left-color: #A60240;
}

/* line 744, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item.week-item-followup {
  border-left-color: #f97316;
}

/* line 746, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item .week-item-date {
  width: 52px;
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--oz-text-3);
  text-align: center;
}

/* line 754, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item .week-item-icon {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--oz-glass-active);
  border-radius: 6px;
  color: var(--oz-text-2);
  font-size: 0.75rem;
  flex-shrink: 0;
}

/* line 767, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item .week-item-content {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

/* line 775, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item .week-item-label {
  font-size: 0.85rem;
  color: var(--oz-text-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 783, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .week-item .week-item-detail {
  font-size: 0.75rem;
  color: var(--oz-text-3);
  white-space: nowrap;
  margin-left: auto;
  flex-shrink: 0;
}

/* line 794, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison h3, .morning-briefing-modal .briefing-body .comparison .h3 {
  color: #34d399;
}

/* line 797, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.75rem;
}

/* line 803, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-card {
  padding: 1rem;
  background: var(--oz-glass);
  border-radius: 12px;
  border: 1px solid var(--oz-glass-border);
}

/* line 809, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-card .comparison-label {
  font-size: 0.8rem;
  color: var(--oz-text-3);
  margin-bottom: 0.75rem;
  text-align: center;
}

/* line 816, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-card .comparison-values {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

/* line 823, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-card .comparison-current,
.morning-briefing-modal .briefing-body .comparison-card .comparison-previous {
  text-align: center;
  flex: 1;
}

/* line 829, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-card .comparison-period {
  display: block;
  font-size: 0.65rem;
  color: var(--oz-text-4);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.25rem;
}

/* line 838, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-card .comparison-value {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--oz-text-1);
}

/* line 844, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-card .comparison-previous .comparison-value {
  color: var(--oz-text-3);
  font-weight: 500;
}

/* line 849, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-card .comparison-trend {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 855, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-card .comparison-trend .trend-indicator {
  font-size: 1rem;
}

/* line 858, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .comparison-card .comparison-trend .trend-indicator .trend-arrow {
  font-size: 1.2rem;
}

/* line 865, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-section.attention-areas h3, .morning-briefing-modal .briefing-body .briefing-section.attention-areas .h3 {
  color: #f59e0b;
}

/* line 870, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .attention-areas-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 876, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .attention-area-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--oz-glass);
  border: 1px solid var(--oz-glass-border);
  border-left: 3px solid #f59e0b;
  border-radius: 8px;
  transition: all 0.2s ease;
}

/* line 887, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .attention-area-item:hover {
  background: var(--oz-glass-hover);
  transform: translateX(3px);
}

/* line 893, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .attention-area-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.1);
  border-radius: 6px;
  color: #f59e0b;
  font-size: 0.85rem;
  flex-shrink: 0;
}

/* line 906, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .attention-area-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* line 912, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .attention-area-label {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--oz-text-1);
}

/* line 918, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .attention-area-count {
  font-size: 0.78rem;
  color: var(--oz-text-3);
}

/* line 923, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-info-note {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--oz-glass-border);
}

/* line 928, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-info-note .info-note-content {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: var(--oz-glass);
  border-radius: 8px;
  border-left: 3px solid rgba(96, 165, 250, 0.3);
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--oz-text-3);
}

/* line 940, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-info-note .info-note-content i {
  flex-shrink: 0;
  margin-top: 0.15rem;
}

/* line 945, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-body .briefing-info-note .info-note-content span {
  flex: 1;
}

/* line 952, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 16px 24px;
  border-top: 1px solid var(--oz-glass-border);
  background: var(--oz-glass);
}

/* line 960, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-footer .btn {
  padding: 0.6rem 1.25rem;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}

/* line 969, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-footer .btn.btn-secondary {
  background: var(--oz-glass-active);
  color: var(--oz-text-2);
  border: 1px solid var(--oz-glass-border);
}

/* line 974, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-footer .btn.btn-secondary:hover {
  background: var(--oz-glass-hover);
  color: var(--oz-text-1);
  transform: translateY(-1px);
}

/* line 981, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-footer .btn.btn-primary {
  background: linear-gradient(135deg, var(--oz-warm), var(--oz-gold));
  color: white;
  box-shadow: 0 2px 8px rgba(100, 1, 39, 0.25);
}

/* line 986, app/assets/stylesheets/components/_morning_briefing.scss */
.morning-briefing-modal .briefing-footer .btn.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(100, 1, 39, 0.4);
}

/* line 2, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-levels-form {
  width: 100%;
}

/* line 6, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-section-card {
  width: 100%;
  max-width: 100%;
}

/* line 11, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-levels {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

/* line 18, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card {
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease;
  cursor: pointer;
}

/* line 26, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.2);
}

/* line 31, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card.active {
  border-color: rgba(125, 211, 252, 0.6);
  background: rgba(125, 211, 252, 0.1);
  box-shadow: 0 4px 12px rgba(125, 211, 252, 0.2);
}

/* line 37, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .autonomy-level-label {
  display: block;
  cursor: pointer;
  margin: 0;
}

/* line 42, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .autonomy-level-label input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 55, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .level-content {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}

/* line 61, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .level-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.1rem;
}

/* line 73, app/assets/stylesheets/components/_agent_autonomy.scss */
.active .autonomy-level-card .level-icon {
  background: rgba(125, 211, 252, 0.2);
  color: #7dd3fc;
}

/* line 79, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .level-info {
  flex: 1;
}

/* line 82, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .level-info h4, .autonomy-level-card .level-info .h4 {
  margin: 0 0 0.25rem 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 91, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .level-info p {
  margin: 0 0 0.5rem 0;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.4;
  text-transform: none;
  font-weight: normal;
}

/* line 100, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .level-info .level-permissions {
  list-style: none;
  padding: 0;
  margin: 0 0 0.4rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

/* line 108, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .level-info .level-permissions li {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.6);
  padding: 0.2rem 0.4rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}

/* line 118, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .level-info .level-permissions li i {
  color: #34d399;
  font-size: 0.65rem;
}

/* line 125, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .level-info .level-limits {
  margin-top: 0.4rem;
  padding-top: 0.4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* line 130, app/assets/stylesheets/components/_agent_autonomy.scss */
.autonomy-level-card .level-info .level-limits small, .autonomy-level-card .level-info .level-limits .small {
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.5);
}

/* line 140, app/assets/stylesheets/components/_agent_autonomy.scss */
.lightmode .autonomy-level-card {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.5);
}

/* line 144, app/assets/stylesheets/components/_agent_autonomy.scss */
.lightmode .autonomy-level-card:hover {
  background: rgba(255, 255, 255, 0.7);
  border-color: rgba(0, 0, 0, 0.2);
}

/* line 149, app/assets/stylesheets/components/_agent_autonomy.scss */
.lightmode .autonomy-level-card.active {
  border-color: rgba(59, 130, 246, 0.6);
  background: rgba(59, 130, 246, 0.1);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

/* line 155, app/assets/stylesheets/components/_agent_autonomy.scss */
.lightmode .autonomy-level-card .level-icon {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.7);
}

/* line 159, app/assets/stylesheets/components/_agent_autonomy.scss */
.active .lightmode .autonomy-level-card .level-icon {
  background: rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}

/* line 166, app/assets/stylesheets/components/_agent_autonomy.scss */
.lightmode .autonomy-level-card .level-info h4, .lightmode .autonomy-level-card .level-info .h4 {
  color: #1f2937;
}

/* line 170, app/assets/stylesheets/components/_agent_autonomy.scss */
.lightmode .autonomy-level-card .level-info p {
  color: rgba(0, 0, 0, 0.7);
}

/* line 175, app/assets/stylesheets/components/_agent_autonomy.scss */
.lightmode .autonomy-level-card .level-info .level-permissions li {
  color: rgba(0, 0, 0, 0.6);
  background: rgba(0, 0, 0, 0.05);
}

/* line 181, app/assets/stylesheets/components/_agent_autonomy.scss */
.lightmode .autonomy-level-card .level-info .level-limits {
  border-top-color: rgba(0, 0, 0, 0.1);
}

/* line 184, app/assets/stylesheets/components/_agent_autonomy.scss */
.lightmode .autonomy-level-card .level-info .level-limits small, .lightmode .autonomy-level-card .level-info .level-limits .small {
  color: rgba(0, 0, 0, 0.5);
}

/* line 5, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-indicator-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 11, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-indicator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}

/* line 22, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.15);
  color: var(--bs-secondary, #6c757d);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.2s ease;
  font-size: 1.1rem;
}

/* line 37, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-btn:hover {
  background: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.15);
  color: var(--bs-primary, #0d6efd);
}

/* line 42, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-btn:focus-visible {
  outline: 2px solid var(--bs-primary, #0d6efd);
  outline-offset: 2px;
}

/* line 48, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-btn.voice-active {
  background: linear-gradient(135deg, #640127, #A60240);
  color: #fff;
  box-shadow: 0 0 0 4px rgba(100, 1, 39, 0.25);
  animation: voiceBtnGlow 1.5s ease-in-out infinite alternate;
}

/* line 57, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-pulse-ring {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(100, 1, 39, 0.5);
  opacity: 0;
  pointer-events: none;
}

/* line 65, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-active .voice-pulse-ring {
  animation: voicePulseRing 1.5s ease-out infinite;
}

/* line 74, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-status {
  font-size: 0.8rem;
  color: var(--bs-secondary, #6c757d);
  min-height: 1.2em;
  white-space: nowrap;
}

/* line 80, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.is-listening .orizen-voice-status {
  color: #ff6b35;
  font-weight: 500;
}

/* line 90, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-amplitude {
  display: flex;
  align-items: center;
  gap: 2px;
  height: 24px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* line 98, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-amplitude.active {
  opacity: 1;
}

/* line 102, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-amplitude .bar {
  width: 3px;
  height: 8px;
  background: #ff6b35;
  border-radius: 2px;
  transition: height 0.1s ease;
}

/* line 109, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-amplitude .bar:nth-child(1) {
  animation: amplitudeBar 0.8s ease-in-out infinite 0s;
}

/* line 110, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-amplitude .bar:nth-child(2) {
  animation: amplitudeBar 0.8s ease-in-out infinite 0.1s;
}

/* line 111, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-amplitude .bar:nth-child(3) {
  animation: amplitudeBar 0.8s ease-in-out infinite 0.2s;
}

/* line 112, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-amplitude .bar:nth-child(4) {
  animation: amplitudeBar 0.8s ease-in-out infinite 0.3s;
}

/* line 113, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-amplitude .bar:nth-child(5) {
  animation: amplitudeBar 0.8s ease-in-out infinite 0.4s;
}

/* line 121, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-fullscreen-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: var(--bs-secondary, #6c757d);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}

/* line 134, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.orizen-voice-fullscreen-btn:hover {
  background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.1);
}

/* line 143, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.92);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

/* line 154, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-indicator {
  flex-direction: column;
  gap: 1.5rem;
}

/* line 159, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-btn {
  width: 80px;
  height: 80px;
  font-size: 2rem;
}

/* line 165, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .voice-pulse-ring {
  inset: -10px;
  border-width: 3px;
}

/* line 170, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-status {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}

/* line 176, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-amplitude {
  height: 48px;
}

/* line 179, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-amplitude .bar {
  width: 5px;
  height: 16px;
}

/* line 185, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-fullscreen-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.2rem;
}

/* line 192, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-fullscreen-btn:hover {
  color: #fff;
}

/* line 199, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
body.voice-fullscreen-active {
  overflow: hidden;
}

@keyframes voicePulseRing {
  0% {
    opacity: 0.6;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.6);
  }
}

@keyframes voiceBtnGlow {
  0% {
    box-shadow: 0 0 0 4px rgba(100, 1, 39, 0.25);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(100, 1, 39, 0.1);
  }
}

@keyframes amplitudeBar {
  0%, 100% {
    height: 8px;
  }
  50% {
    height: 20px;
  }
}

@keyframes amplitudeBarLarge {
  0%, 100% {
    height: 16px;
  }
  50% {
    height: 40px;
  }
}

/* line 235, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-amplitude .bar:nth-child(1) {
  animation: amplitudeBarLarge 0.8s ease-in-out infinite 0s;
}

/* line 236, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-amplitude .bar:nth-child(2) {
  animation: amplitudeBarLarge 0.8s ease-in-out infinite 0.1s;
}

/* line 237, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-amplitude .bar:nth-child(3) {
  animation: amplitudeBarLarge 0.8s ease-in-out infinite 0.2s;
}

/* line 238, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-amplitude .bar:nth-child(4) {
  animation: amplitudeBarLarge 0.8s ease-in-out infinite 0.3s;
}

/* line 239, app/assets/stylesheets/components/_orizen_voice_indicator.scss */
.voice-fullscreen .orizen-voice-amplitude .bar:nth-child(5) {
  animation: amplitudeBarLarge 0.8s ease-in-out infinite 0.4s;
}

/* line 3, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-card {
  border-radius: var(--orizen-radius-md, 8px);
  border: 1px solid var(--orizen-muted-border, #dee2e6);
  overflow: hidden;
}

/* line 9, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-header {
  padding: var(--orizen-space-lg, 1rem);
  background: var(--orizen-muted-bg, #f8f9fa);
  border-bottom: 1px solid var(--orizen-muted-border, #dee2e6);
}

/* line 14, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-header h4, .orizen-briefing-header .h4 {
  margin: 0;
  font-size: var(--orizen-font-lg, 1.1rem);
}

/* line 20, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-sections {
  padding: var(--orizen-space-md, 0.75rem);
}

/* line 24, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-section {
  transition: background var(--orizen-transition-fast, 150ms ease);
}

/* line 27, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-section:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}

/* line 31, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-section--critical {
  border-left-color: var(--orizen-critical, #dc3545) !important;
}

/* line 35, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-section--opportunity {
  border-left-color: var(--orizen-info, #0d6efd) !important;
}

/* line 39, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-section--value {
  border-left-color: var(--orizen-success, #198754) !important;
}

/* line 44, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-chevron {
  transition: transform var(--orizen-transition-fast, 150ms ease);
  font-size: var(--orizen-font-sm, 0.85rem);
  opacity: 0.5;
}

/* line 49, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-chevron.collapsed {
  transform: rotate(-90deg);
}

/* line 54, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-items {
  overflow: hidden;
  transition: max-height var(--orizen-transition-normal, 250ms ease);
}

/* line 58, app/assets/stylesheets/components/_orizen_briefing_card.scss */
.orizen-briefing-items.collapsed {
  max-height: 0 !important;
  margin-top: 0 !important;
}

/* line 3, app/assets/stylesheets/components/_orizen_dry_run_card.scss */
.orizen-dry-run-card {
  border-radius: var(--orizen-radius-md, 8px);
  border: 1px solid var(--orizen-info-border, #bfdbfe);
  background: #fff;
  box-shadow: var(--orizen-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
  overflow: hidden;
}

/* line 11, app/assets/stylesheets/components/_orizen_dry_run_card.scss */
.orizen-dry-run-header {
  background: var(--orizen-info-bg, #eff6ff);
}

/* line 16, app/assets/stylesheets/components/_orizen_dry_run_card.scss */
.orizen-dry-run-steps .d-flex {
  position: relative;
}

/* line 22, app/assets/stylesheets/components/_orizen_dry_run_card.scss */
.orizen-dry-run-footer .btn {
  font-size: var(--orizen-font-sm, 0.85rem);
}

/* line 4, app/assets/stylesheets/components/_orizen_value_narrative.scss */
.orizen-value-narrative .orizen-value-amount {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  transition: color var(--orizen-transition-normal, 250ms ease);
}

/* line 12, app/assets/stylesheets/components/_orizen_value_narrative.scss */
.orizen-value-sparkline svg {
  display: block;
}

/* line 5, app/assets/stylesheets/components/_orizen_autonomy_slider.scss */
.orizen-autonomy-slider .orizen-autonomy-domain:last-child {
  margin-bottom: 0 !important;
}

/* line 10, app/assets/stylesheets/components/_orizen_autonomy_slider.scss */
.orizen-autonomy-slider .orizen-autonomy-notch {
  transition: background var(--orizen-transition-fast, 150ms ease), transform var(--orizen-transition-fast, 150ms ease);
}

/* line 14, app/assets/stylesheets/components/_orizen_autonomy_slider.scss */
.orizen-autonomy-slider .orizen-autonomy-notch:hover {
  transform: scaleY(1.5);
}

/* line 18, app/assets/stylesheets/components/_orizen_autonomy_slider.scss */
.orizen-autonomy-slider .orizen-autonomy-notch:focus-visible {
  outline: 2px solid var(--orizen-info, #0d6efd);
  outline-offset: 2px;
}

/* line 24, app/assets/stylesheets/components/_orizen_autonomy_slider.scss */
.orizen-autonomy-slider .orizen-autonomy-level-label {
  font-size: var(--orizen-font-sm, 0.85rem);
  min-width: 100px;
  text-align: right;
}

/* line 3, app/assets/stylesheets/components/_orizen_pro_blur.scss */
.orizen-pro-blur-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: var(--orizen-radius-md, 8px);
}

/* line 9, app/assets/stylesheets/components/_orizen_pro_blur.scss */
.orizen-pro-blur-content {
  transition: filter var(--orizen-transition-normal, 250ms ease);
}

/* line 13, app/assets/stylesheets/components/_orizen_pro_blur.scss */
.orizen-pro-blur-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--orizen-space-sm, 0.5rem);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1px);
}

/* line 25, app/assets/stylesheets/components/_orizen_pro_blur.scss */
.orizen-pro-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
  border-radius: var(--orizen-radius-sm, 4px);
  background: var(--orizen-pro-badge, #6366f1);
  color: #fff;
  font-size: var(--orizen-font-sm, 0.85rem);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* line 38, app/assets/stylesheets/components/_orizen_pro_blur.scss */
.orizen-pro-blur-label {
  font-size: var(--orizen-font-md, 0.9rem);
  color: #374151;
  text-align: center;
  margin: 0;
}

/* line 45, app/assets/stylesheets/components/_orizen_pro_blur.scss */
.orizen-pro-blur-cta {
  font-size: var(--orizen-font-sm, 0.85rem);
}

/* line 28, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-wrapper {
  position: relative;
  width: 100%;
}

/* line 32, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-wrapper--disabled {
  opacity: 0.4;
  pointer-events: none;
}

/* line 40, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 26px;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.4;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, border-radius 0.25s ease;
  text-align: left;
  font-family: inherit;
}

/* line 58, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-trigger:hover {
  border-color: rgba(195, 135, 97, 0.4);
  background: rgba(255, 255, 255, 0.08);
}

/* line 63, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-trigger:focus, .orizen-select-trigger:focus-visible {
  border-color: #C38761;
  box-shadow: 0 0 0 3px rgba(195, 135, 97, 0.15);
  outline: none;
}

/* line 71, app/assets/stylesheets/components/_orizen_select.scss */
.is-open .orizen-select-trigger {
  border-color: #C38761;
  box-shadow: 0 0 0 3px rgba(195, 135, 97, 0.15);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 78, app/assets/stylesheets/components/_orizen_select.scss */
.is-open.is-above .orizen-select-trigger {
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 87, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-label-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 93, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-label-text.is-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

/* line 100, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-arrow {
  display: flex;
  align-items: center;
  color: #F6E5B3;
  margin-left: 10px;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

/* line 108, app/assets/stylesheets/components/_orizen_select.scss */
.is-open .orizen-select-arrow {
  transform: rotate(180deg);
}

/* line 117, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-dropdown--floating {
  background: rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: none;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 24px rgba(100, 1, 39, 0.2);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* line 129, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-dropdown--floating.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* line 135, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-dropdown--floating.is-above {
  border-radius: 10px 10px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
  box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.5), 0 0 24px rgba(100, 1, 39, 0.2);
}

/* line 145, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-search {
  padding: 10px 12px 6px;
}

/* line 149, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-search-input {
  width: 100%;
  padding: 8px 12px;
  font-size: 0.82rem;
  font-family: inherit;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  outline: none;
  transition: border-color 0.2s ease;
}

/* line 161, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-search-input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

/* line 165, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-search-input:focus {
  border-color: rgba(195, 135, 97, 0.4);
}

/* line 172, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-options {
  max-height: 220px;
  overflow-y: auto;
  padding: 6px;
  scrollbar-color: rgba(195, 135, 97, 0.6) rgba(255, 255, 255, 0.05);
}

/* line 179, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-options::-webkit-scrollbar {
  width: 5px;
}

/* line 183, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-options::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
}

/* line 188, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-options::-webkit-scrollbar-thumb {
  background: rgba(195, 135, 97, 0.6);
  border-radius: 3px;
}

/* line 192, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-options::-webkit-scrollbar-thumb:hover {
  background: rgba(195, 135, 97, 0.8);
}

/* line 200, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.75);
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
  user-select: none;
}

/* line 212, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-option:hover, .orizen-select-option.is-focused {
  background: rgba(195, 135, 97, 0.12);
  color: #FFFFFF;
}

/* line 218, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-option.is-selected {
  color: #F6E5B3;
  font-weight: 500;
}

/* line 222, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-option.is-selected .orizen-select-check {
  opacity: 1;
}

/* line 227, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-option.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* line 231, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-option.is-disabled:hover, .orizen-select-option.is-disabled.is-focused {
  background: transparent;
  color: rgba(255, 255, 255, 0.75);
}

/* line 241, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-check {
  display: flex;
  align-items: center;
  color: #F6E5B3;
  opacity: 0;
  flex-shrink: 0;
  margin-left: 10px;
  transition: opacity 0.15s ease;
}

/* line 253, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select-empty {
  padding: 16px 12px;
  text-align: center;
  color: rgba(255, 255, 255, 0.35);
  font-size: 0.82rem;
  font-style: italic;
}

/* line 265, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select.is-invalid + .orizen-select-wrapper .orizen-select-trigger,
.orizen-select--error + .orizen-select-wrapper .orizen-select-trigger {
  border-color: #ef4444;
}

/* line 268, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select.is-invalid + .orizen-select-wrapper .orizen-select-trigger:focus,
.orizen-select--error + .orizen-select-wrapper .orizen-select-trigger:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}

/* line 276, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select.is-valid + .orizen-select-wrapper .orizen-select-trigger,
.orizen-select--success + .orizen-select-wrapper .orizen-select-trigger {
  border-color: #10b981;
}

/* line 279, app/assets/stylesheets/components/_orizen_select.scss */
.orizen-select.is-valid + .orizen-select-wrapper .orizen-select-trigger:focus,
.orizen-select--success + .orizen-select-wrapper .orizen-select-trigger:focus {
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
}

/* line 288, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-trigger {
  color: #140D23;
  background: rgba(20, 13, 35, 0.04);
  border-color: rgba(20, 13, 35, 0.15);
}

/* line 293, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-trigger:hover {
  border-color: rgba(195, 135, 97, 0.5);
  background: rgba(20, 13, 35, 0.06);
}

/* line 298, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-trigger:focus, .lightmode .orizen-select-trigger:focus-visible {
  border-color: #864B28;
  box-shadow: 0 0 0 3px rgba(134, 75, 40, 0.12);
}

/* line 306, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-label-text.is-placeholder {
  color: rgba(20, 13, 35, 0.4);
}

/* line 311, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-arrow {
  color: #864B28;
}

/* line 315, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-dropdown {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(20, 13, 35, 0.12);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}

/* line 321, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-search-input {
  color: #140D23;
  background: rgba(20, 13, 35, 0.04);
  border-color: rgba(20, 13, 35, 0.12);
}

/* line 326, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-search-input::placeholder {
  color: rgba(20, 13, 35, 0.35);
}

/* line 331, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-option {
  color: rgba(20, 13, 35, 0.7);
}

/* line 334, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-option:hover, .lightmode .orizen-select-option.is-focused {
  background: rgba(195, 135, 97, 0.1);
  color: #140D23;
}

/* line 340, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-option.is-selected {
  color: #864B28;
}

/* line 344, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-option.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* line 348, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-option.is-disabled:hover, .lightmode .orizen-select-option.is-disabled.is-focused {
  background: transparent;
  color: rgba(20, 13, 35, 0.7);
}

/* line 356, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-check {
  color: #864B28;
}

/* line 360, app/assets/stylesheets/components/_orizen_select.scss */
.lightmode .orizen-select-empty {
  color: rgba(20, 13, 35, 0.35);
}

/* line 9, app/assets/stylesheets/shared/_buttons.scss */
.btn-primary,
.btn.btn-primary {
  background-color: #E5A82E;
  background: #E5A82E;
  border-color: #E5A82E;
  color: #140D23;
  font-weight: 600;
}

/* line 17, app/assets/stylesheets/shared/_buttons.scss */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active {
  background-color: #d0931a;
  background: #d0931a;
  border-color: #d0931a;
  color: #140D23;
}

/* line 27, app/assets/stylesheets/shared/_buttons.scss */
.btn-primary:disabled,
.btn.btn-primary:disabled {
  background-color: #E5A82E;
  border-color: #E5A82E;
  color: #140D23;
  opacity: 0.65;
}

/* line 6, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: turboConfirmFadeIn 0.15s ease-out;
}

@keyframes turboConfirmFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 24, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-dialog {
  background: #1b1217;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
  width: 420px;
  max-width: 90vw;
  overflow: hidden;
  animation: turboConfirmSlideIn 0.2s ease-out;
}

/* line 35, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-dialog::before {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
}

@keyframes turboConfirmSlideIn {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* line 48, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-header {
  padding: 20px 24px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #f0f0f2;
}

/* line 57, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-header i {
  color: #f59e0b;
  font-size: 16px;
}

/* line 63, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-body {
  padding: 0 24px 16px;
  font-size: 13px;
  color: rgba(240, 240, 242, 0.6);
  line-height: 1.6;
}

/* line 70, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-footer {
  padding: 12px 24px 20px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

/* line 77, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-cancel {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(240, 240, 242, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 9px 20px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}

/* line 89, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-cancel:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f0f0f2;
}

/* line 95, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-ok {
  background: #E5A82E;
  color: #140d23;
  border: none;
  border-radius: 8px;
  padding: 9px 24px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}

/* line 107, app/assets/stylesheets/shared/_turbo_confirm.scss */
.turbo-confirm-ok:hover {
  filter: brightness(1.1);
  box-shadow: 0 4px 16px rgba(229, 168, 46, 0.3);
}

/* line 144, app/assets/stylesheets/landing.scss */
.ico {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentColor;
  fill-rule: evenodd;
  flex-shrink: 0;
}

/* line 156, app/assets/stylesheets/landing.scss */
.ico.fa-lg {
  font-size: 1.33em;
}

/* line 157, app/assets/stylesheets/landing.scss */
.ico.fa-2x {
  font-size: 2em;
}

/* line 158, app/assets/stylesheets/landing.scss */
.ico.fa-3x {
  font-size: 3em;
}