@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800;900&display=swap');
:root {
  --royal: #3b2acb; /* primary (indigo-violet) */
  --royal-2: #6c5ce7; /* secondary accent */
  --gold: #00e5a8; /* accent (teal) */
  --ink: #0f1623; /* base ink - dark text */
  --bg: #ffffff; /* background - white */
  --muted: #4b5565; /* muted text */
  --link-color: #3b2acb;
  --shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
  --radius: 18px;
  --container: 1200px;
  --text: #0f1623; /* dark text on light bg */
  --gap: 12px;
}
*,
.s-db2fa22612091bd69f80 *,
::after,
::before {
  box-sizing: border-box;
}
body,
html {
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
canvas,
img,
svg,
video {
  display: block;
  max-width: 100%;
  height: auto;
}
button,
input,
select,
textarea {
  font: inherit;
}
a {
  text-decoration: none;
  color: var(--link-color);
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: 'Jost', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color: var(--text);
  background: radial-gradient(
      1000px 500px at 90% 110%,
      rgba(0, 229, 168, 0.08),
      transparent 60%
    ),
    radial-gradient(
      1200px 600px at 10% -10%,
      rgba(108, 92, 231, 0.06),
      transparent 60%
    ),
    var(--bg);
  background-attachment: fixed;
  max-width: 100vw;
  overflow-x: hidden;
}
.s-255a762c36cdae2fe950 {
  width: min(100%, var(--container));
  margin-inline: auto;
  padding-inline: 24px;
  position: relative;
}
.s-255a762c36cdae2fe950:has(.s-b3cd584ff1d124ae8f1d) {
  overflow: visible;
}
.s-212301c593df7a10ee64 {
  cursor: pointer;
  display: inline-flex;
  gap: 0.6rem;
  align-items: center;
  padding: 0.9rem 1.15rem;
  border-radius: 999px;
  transition: transform 0.2s, box-shadow 0.2s;
}
.s-e45637b7764467b5a308 {
  margin-left: 8px;
}
.s-212301c593df7a10ee64:active,
.s-81670456322ce213f1a8:active {
  transform: translateY(1px);
}
.s-79e0e27271028698cccb {
  background: linear-gradient(135deg, var(--gold), #12f0c0);
  box-shadow: 0 8px 24px rgba(0, 229, 168, 0.35);
  color: #ffffff !important;
}
.s-bd80ddf7b5d0ce1978be {
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: var(--text);
  background: rgba(59, 42, 203, 0.08);
  backdrop-filter: blur(6px);
}
.s-7a86b15480e0a870f0b0,
details.s-e75bc04532a5639ed1e9[open] {
  background: rgba(59, 42, 203, 0.12);
}
header.s-f819d7dee1ee55de63a8 {
  position: sticky;
  top: 0;
  z-index: 9999;
  backdrop-filter: saturate(1.2) blur(8px);
  background: rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}
header.s-f819d7dee1ee55de63a8 * {
  overflow: visible;
}
header.s-f819d7dee1ee55de63a8 .s-b3cd584ff1d124ae8f1d,
header.s-f819d7dee1ee55de63a8 .s-9aff325758d6eb4af422 {
  overflow: visible !important;
  height: 100vh !important;
  max-height: none !important;
}
.s-d8e154c69563bce09a2f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 68px;
}
.s-63acf68c4f951d6412a8 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.s-692b487de2ca24216a14 {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  box-shadow: var(--shadow);
}
.s-17372aab96768df56d25 {
  font-weight: 800;
  letter-spacing: 0.2px;
}
nav.s-9579c21825ff83855299 {
  display: flex;
  align-items: center;
  gap: 24px;
}
nav.s-9579c21825ff83855299 a {
  color: var(--text);
  opacity: 0.8;
}
.s-e53f6505fb12a7b7f678 a:hover,
nav.s-9579c21825ff83855299 a:hover {
  opacity: 1;
}
.s-5c7d283db5846bba7f89 {
  position: relative;
  width: min(92%, 560px);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-static-image {
  width: 100%;
  max-width: 100%;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: linear-gradient(180deg, #ffffff, #f7f9ff);
  padding: 24px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hero-static-image:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}
.hero-static-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 8px 24px rgba(59, 42, 203, 0.15));
}
.s-e61e00f86d9fccdee24f {
  display: flex;
  gap: 16px;
}
.s-33259e4fb4e4fa7617fc {
  display: flex;
  gap: 12px;
}
.s-7a86b15480e0a870f0b0 {
  display: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;
}
.s-7a86b15480e0a870f0b0 svg {
  width: 22px;
  height: 22px;
  margin: auto;
  display: block;
}
.s-b3cd584ff1d124ae8f1d {
  position: fixed !important;
  inset: 0 !important;
  background: #0B0F1A !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: none;
  z-index: 999999 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.s-b3cd584ff1d124ae8f1d[aria-hidden="false"] {
  display: block !important;
  opacity: 1 !important;
  background: #0B0F1A !important;
}
.s-b3cd584ff1d124ae8f1d,
.s-b3cd584ff1d124ae8f1d *,
.s-b3cd584ff1d124ae8f1d::before,
.s-b3cd584ff1d124ae8f1d::after {
  background-color: #0B0F1A !important;
  background: #0B0F1A !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.s-9aff325758d6eb4af422 {
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: min(86%, 400px);
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: -20px 0 60px rgba(0, 0, 0, 0.3);
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-y: auto;
  z-index: 1000000 !important;
  margin: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.s-9aff325758d6eb4af422,
.s-9aff325758d6eb4af422 *,
.s-9aff325758d6eb4af422::before,
.s-9aff325758d6eb4af422::after {
  opacity: 1 !important;
  visibility: visible !important;
}
.s-9aff325758d6eb4af422 {
  background-color: #ffffff !important;
  background: #ffffff !important;
}
.s-9aff325758d6eb4af422 a {
  padding: 16px 18px;
  border-radius: 14px;
  background: #f5f5f5 !important;
  color: var(--text) !important;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.2s ease;
  border: 1px solid #e0e0e0 !important;
  text-decoration: none;
  opacity: 1 !important;
}
.s-9aff325758d6eb4af422 a:hover,
.s-9aff325758d6eb4af422 a:focus {
  background: #e8e8ff !important;
  border-color: #6C5CE7 !important;
  color: var(--royal-2) !important;
  transform: translateX(-3px);
  box-shadow: 0 4px 12px rgba(108, 92, 231, 0.15);
  opacity: 1 !important;
}
.s-599cbe12422e3034028e {
  align-self: flex-end;
  margin-bottom: 12px;
}
.s-599cbe12422e3034028e button {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid #d0d0d0 !important;
  background: #f5f5f5 !important;
  cursor: pointer;
  transition: all 0.2s ease;
  display: grid;
  place-items: center;
  opacity: 1 !important;
}
.s-599cbe12422e3034028e button:hover {
  background: #e8e8ff !important;
  border-color: #6C5CE7 !important;
  transform: scale(1.05);
  opacity: 1 !important;
}
.s-0911aed621a145fb7a54 {
  position: relative;
  overflow: hidden;
  min-height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.s-0911aed621a145fb7a54 .s-255a762c36cdae2fe950 {
  position: relative;
  z-index: 2;
}
.s-a15e3719de339d582e71 {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 32px;
  align-items: center;
  padding: 64px 0 48px;
}
.s-886faf6579329a2a6b27 {
  color: var(--gold);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.12em;
  font-size: 0.85rem;
}
.s-65c063a5fd6c22ace1c7 {
  font-weight: 900;
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 1.05;
  margin: 0.5rem 0 1rem;
}
.s-2d6f49881b6ed4915180 {
  color: var(--muted);
  font-size: clamp(1rem, 1.6vw, 1.25rem);
}
.s-9a5ec15963f5bdb02fb3 {
  display: flex;
  gap: 12px;
  margin-top: 22px;
  flex-wrap: wrap;
}
.hero-swiper {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}
.swiper {
  height: 100%;
  width: 100%;
}
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.hero-slide-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.hero-gradient {
  position: absolute;
  inset: 0;
  opacity: 0.4;
  transition: opacity 0.8s ease;
}
.hero-gradient-1 {
  background: radial-gradient(circle at 20% 30%, rgba(59, 42, 203, 0.6) 0%, transparent 50%),
              radial-gradient(circle at 80% 70%, rgba(0, 229, 168, 0.4) 0%, transparent 50%),
              linear-gradient(135deg, rgba(108, 92, 231, 0.2) 0%, rgba(0, 229, 168, 0.2) 100%);
  animation: gradientShift1 8s ease-in-out infinite;
}
.hero-gradient-2 {
  background: radial-gradient(circle at 70% 20%, rgba(0, 229, 168, 0.5) 0%, transparent 50%),
              radial-gradient(circle at 30% 80%, rgba(59, 42, 203, 0.5) 0%, transparent 50%),
              linear-gradient(225deg, rgba(0, 229, 168, 0.25) 0%, rgba(108, 92, 231, 0.25) 100%);
  animation: gradientShift2 10s ease-in-out infinite;
}
.hero-gradient-3 {
  background: radial-gradient(circle at 50% 50%, rgba(108, 92, 231, 0.4) 0%, transparent 60%),
              radial-gradient(circle at 10% 90%, rgba(0, 229, 168, 0.3) 0%, transparent 50%),
              linear-gradient(45deg, rgba(59, 42, 203, 0.2) 0%, rgba(0, 229, 168, 0.3) 100%);
  animation: gradientShift3 12s ease-in-out infinite;
}
.hero-gradient-4 {
  background: radial-gradient(circle at 90% 40%, rgba(0, 229, 168, 0.5) 0%, transparent 50%),
              radial-gradient(circle at 10% 60%, rgba(108, 92, 231, 0.4) 0%, transparent 50%),
              linear-gradient(315deg, rgba(0, 229, 168, 0.2) 0%, rgba(59, 42, 203, 0.3) 100%);
  animation: gradientShift4 9s ease-in-out infinite;
}
.hero-gradient-5 {
  background: radial-gradient(circle at 30% 50%, rgba(59, 42, 203, 0.5) 0%, transparent 55%),
              radial-gradient(circle at 70% 50%, rgba(0, 229, 168, 0.4) 0%, transparent 55%),
              linear-gradient(180deg, rgba(108, 92, 231, 0.25) 0%, rgba(0, 229, 168, 0.25) 100%);
  animation: gradientShift5 11s ease-in-out infinite;
}
@keyframes gradientShift1 {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.4; }
  50% { transform: scale(1.1) rotate(5deg); opacity: 0.5; }
}
@keyframes gradientShift2 {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.4; }
  50% { transform: scale(1.15) rotate(-5deg); opacity: 0.5; }
}
@keyframes gradientShift3 {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.4; }
  50% { transform: scale(1.2) rotate(3deg); opacity: 0.5; }
}
@keyframes gradientShift4 {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.4; }
  50% { transform: scale(1.1) rotate(-3deg); opacity: 0.5; }
}
@keyframes gradientShift5 {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.4; }
  50% { transform: scale(1.15) rotate(4deg); opacity: 0.5; }
}
.hero-shapes {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.hero-shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.3;
  animation: floatShape 15s ease-in-out infinite;
}
.hero-shape-1 {
  width: 400px;
  height: 400px;
  background: linear-gradient(135deg, var(--royal-2), var(--gold));
  top: 10%;
  left: 10%;
  animation-delay: 0s;
}
.hero-shape-2 {
  width: 300px;
  height: 300px;
  background: linear-gradient(225deg, var(--gold), var(--royal));
  top: 60%;
  right: 15%;
  animation-delay: 2s;
}
.hero-shape-3 {
  width: 350px;
  height: 350px;
  background: linear-gradient(45deg, var(--royal-2), var(--gold));
  bottom: 20%;
  left: 20%;
  animation-delay: 4s;
}
.hero-shape-4 {
  width: 380px;
  height: 380px;
  background: linear-gradient(315deg, var(--gold), var(--royal-2));
  top: 20%;
  right: 10%;
  animation-delay: 1s;
}
.hero-shape-5 {
  width: 320px;
  height: 320px;
  background: linear-gradient(135deg, var(--royal), var(--gold));
  bottom: 15%;
  right: 25%;
  animation-delay: 3s;
}
.hero-shape-6 {
  width: 360px;
  height: 360px;
  background: linear-gradient(225deg, var(--royal-2), var(--gold));
  top: 50%;
  left: 5%;
  animation-delay: 5s;
}
.hero-shape-7 {
  width: 410px;
  height: 410px;
  background: linear-gradient(45deg, var(--gold), var(--royal));
  top: 5%;
  left: 50%;
  animation-delay: 0.5s;
}
.hero-shape-8 {
  width: 290px;
  height: 290px;
  background: linear-gradient(315deg, var(--royal-2), var(--gold));
  bottom: 10%;
  left: 30%;
  animation-delay: 2.5s;
}
.hero-shape-9 {
  width: 340px;
  height: 340px;
  background: linear-gradient(135deg, var(--gold), var(--royal-2));
  top: 70%;
  right: 20%;
  animation-delay: 4.5s;
}
.hero-shape-10 {
  width: 370px;
  height: 370px;
  background: linear-gradient(225deg, var(--royal), var(--gold));
  top: 15%;
  left: 15%;
  animation-delay: 1.5s;
}
.hero-shape-11 {
  width: 310px;
  height: 310px;
  background: linear-gradient(45deg, var(--gold), var(--royal-2));
  bottom: 25%;
  right: 15%;
  animation-delay: 3.5s;
}
.hero-shape-12 {
  width: 390px;
  height: 390px;
  background: linear-gradient(315deg, var(--royal-2), var(--gold));
  top: 60%;
  left: 50%;
  animation-delay: 5.5s;
}
.hero-shape-13 {
  width: 350px;
  height: 350px;
  background: linear-gradient(135deg, var(--gold), var(--royal));
  top: 25%;
  right: 20%;
  animation-delay: 0.8s;
}
.hero-shape-14 {
  width: 330px;
  height: 330px;
  background: linear-gradient(225deg, var(--royal-2), var(--gold));
  bottom: 20%;
  left: 10%;
  animation-delay: 2.8s;
}
.hero-shape-15 {
  width: 380px;
  height: 380px;
  background: linear-gradient(45deg, var(--royal), var(--gold));
  top: 50%;
  right: 10%;
  animation-delay: 4.8s;
}
@keyframes floatShape {
  0%, 100% { transform: translate(0, 0) scale(1); }
  25% { transform: translate(30px, -40px) scale(1.1); }
  50% { transform: translate(-20px, 30px) scale(0.9); }
  75% { transform: translate(40px, 20px) scale(1.05); }
}
.hero-icons {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.hero-icon {
  width: 80px;
  height: 80px;
  color: var(--gold);
  opacity: 0.6;
  animation: iconPulse 4s ease-in-out infinite;
  filter: drop-shadow(0 4px 12px rgba(0, 229, 168, 0.3));
}
.hero-icon:nth-child(1) { animation-delay: 0s; }
.hero-icon:nth-child(2) { animation-delay: 1.3s; }
.hero-icon:nth-child(3) { animation-delay: 2.6s; }
@keyframes iconPulse {
  0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.6; }
  50% { transform: scale(1.15) rotate(5deg); opacity: 0.8; }
}
.swiper-button-next,
.swiper-button-prev {
  color: var(--gold);
  background: rgba(255, 255, 255, 0.9);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-top: -24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: var(--gold);
  color: #ffffff;
  transform: scale(1.1);
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 20px;
  font-weight: 700;
}
.swiper-pagination {
  bottom: 30px !important;
}
.swiper-pagination-bullet {
  background: var(--gold);
  opacity: 0.4;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  width: 24px;
  border-radius: 6px;
  background: linear-gradient(90deg, var(--gold), var(--royal-2));
}
.s-4499d1e2dc822f39cd33 {
  position: absolute;
  left: 50%;
  translate: -50% 0;
  bottom: -10px;
  color: var(--muted);
  font-size: 0.85rem;
  opacity: 0.9;
}
footer.s-a928d4c5751e4352ec16 {
  margin-top: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(255, 255, 255, 0.75);
}
.s-278578607e140ef0c4de {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px;
  padding: 28px 0;
}
.s-623b8e331687f0d3a7e0 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--muted);
}
.s-e53f6505fb12a7b7f678 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.s-e53f6505fb12a7b7f678 a {
  color: var(--text);
  opacity: 0.75;
}
.s-5109b8ed055a6af8a9f4 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.s-5e9b60f69165f32f8930 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  background: rgba(0, 229, 168, 0.1);
  color: #007a5e;
  border: 1px solid rgba(0, 229, 168, 0.3);
}
.s-09cfe333816be64fb89a,
.s-4c540d0aa144e71fa714,
.s-5e4523ebb66d2170b17b {
  margin-top: 14px;
}
.s-170fd7e84a1b2f972373 {
  background: linear-gradient(180deg, #ffffff, #f7f9ff);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: var(--shadow);
  border-radius: 24px;
  padding: 22px;
}
.s-0335bd3da698e00a3d2d {
  cursor: pointer;
}
.s-658c8286c17e402644ee {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.8s, transform 0.8s;
}
.s-658c8286c17e402644ee.s-5382195fe09e793b8e23 {
  opacity: 1;
  transform: none;
}
section.s-20182fbc10716eb197ea {
  padding: 72px 0;
}
.s-f3c543ad5fe9d69603e7 {
  display: grid;
  gap: 28px;
}
.s-d5948f14a8cbf327b197,
.s-e46d62f3bd0775f49f00 {
  margin-top: 16px;
}
.s-2abebee14a4c566c90e8,
.s-b6aa36b1d7c60366ee34 {
  margin-top: 10px;
}
.s-de820e2414088aefe2e5 {
  grid-template-columns: 1.1fr 0.9fr;
}
.s-8e6c522d6391250f675d {
  grid-template-columns: repeat(3, 1fr);
}
.s-584b59eaafaa354b39a5 {
  grid-template-columns: repeat(4, 1fr);
}
.s-2ab0591dbcf5fefdad65 {
  background: linear-gradient(180deg, #ffffff, #f7f9ff);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 22px;
}
.s-017d07875cd3f75c640d {
  display: grid;
  gap: 10px;
  place-items: center;
}
.s-27d5482eebd075de4438 {
  margin: 0 0 12px;
}
.s-3a1268a4e17ff1aae883 {
  font-size: clamp(1.7rem, 3.8vw, 2.4rem);
  line-height: 1.15;
  font-weight: 900;
}
.s-2f2a842e50fa8534db72 {
  font-size: 1.25rem;
  font-weight: 800;
}
.s-8cb33b2754e53feca4f7 {
  color: #2b3345;
}
.s-e4b074a036fcdaa716be {
  color: var(--muted);
}
.s-d87e6c08025168e6eb88 {
  text-align: center;
}
.s-657ce6c21cc08f06a3a0 {
  color: var(--gold);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.12em;
  font-size: 0.8rem;
}
.s-bc356d501e56466578c0 {
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: var(--shadow);
}
.s-967c8dd42ebc476d1446 {
  aspect-ratio: 16/9;
}
.s-5ee47fb42f98501efc36 {
  aspect-ratio: 4/3;
}
.s-5253736dfea35e1d9bcf {
  aspect-ratio: 1/1;
}
.s-c51048b7325d60e326d1 {
  border-radius: 16px;
  padding: 16px;
  background: linear-gradient(
    180deg,
    rgba(0, 229, 168, 0.08),
    rgba(0, 229, 168, 0.04)
  );
  border: 1px dashed rgba(0, 229, 168, 0.3);
  color: var(--text);
}
.s-c51048b7325d60e326d1 h4 {
  margin: 0 0 6px;
  color: var(--text);
  font-weight: 900;
}
.s-c51048b7325d60e326d1 p {
  margin: 0;
  color: var(--muted);
}
.s-463920bb36bfb3a1902d {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.s-62f197e4c43b3dec08d1,
.s-c387f29d4d4c3959ee99 {
  margin-top: 18px;
}
.s-c51048b7325d60e326d1.s-3d09ba44760d450f0971 {
  background: linear-gradient(
    180deg,
    rgba(108, 92, 231, 0.1),
    rgba(108, 92, 231, 0.05)
  );
  border-color: rgba(108, 92, 231, 0.3);
  color: var(--text);
}
.s-c51048b7325d60e326d1.s-3d09ba44760d450f0971 h4,
.s-c51048b7325d60e326d1.s-3d09ba44760d450f0971 p {
  color: var(--text);
}
.s-16c00449a9a3f15a3214 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.s-d18e20ba03071890a67e {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 16px;
  align-items: start;
}
.s-22d94899b0ce7d2d8804 {
  width: 96px;
  height: 96px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--royal-2), #3b2acb);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.s-9490f9e700aaf8a1dfad {
  padding: 12px 16px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.s-7e0e01909734624f68a5 {
  --v: 72;
  width: 140px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(
    var(--gold) calc(var(--v) * 1%),
    rgba(0, 0, 0, 0.06) 0
  );
  box-shadow: var(--shadow);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.s-c284038486c37c3f63eb {
  --v: 82;
}
.s-314e19675c2e404eb458 {
  --v: 74;
}
.s-f11f8fd6f247d1f27591 {
  --v: 68;
}
.s-7e0e01909734624f68a5::before {
  content: attr(data-label);
  color: var(--text);
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
}
.s-7e0e01909734624f68a5 b {
  font-size: 1.2rem;
}
details.s-e75bc04532a5639ed1e9 {
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 14px 16px;
}
details.s-e75bc04532a5639ed1e9 summary {
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}
@media (max-width: 980px) {
  .s-278578607e140ef0c4de,
  .s-8e6c522d6391250f675d,
  .s-a15e3719de339d582e71,
  .s-de820e2414088aefe2e5 {
    grid-template-columns: 1fr;
  }
  nav.s-9579c21825ff83855299 {
    display: none;
  }
  .s-7a86b15480e0a870f0b0 {
    display: block;
  }
  .s-a15e3719de339d582e71 {
    padding: 48px 0 40px;
  }
  .s-584b59eaafaa354b39a5 {
    grid-template-columns: 1fr 1fr;
  }
  .s-463920bb36bfb3a1902d {
    grid-template-columns: repeat(2, 1fr);
  }
}
.s-4499cee990910fd5ef01,
.s-d62d3a4c8b58700e803d {
  width: min(100vw - 20px, 380px);
  box-shadow: var(--shadow);
  padding: 14px;
}
.s-db2fa22612091bd69f80 {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 100000;
  font-family: 'Jost', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", sans-serif;
  color: var(--text);
}
.s-db2fa22612091bd69f80[hidden] {
  display: none !important;
}
.s-4499cee990910fd5ef01 {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--radius);
  display: grid;
  gap: var(--gap);
  align-items: center;
  backdrop-filter: saturate(1.2) blur(6px);
}
.s-77d53e8a568d11f1be30 {
  font-weight: 800;
  margin: 0 0 4px;
  font-size: 0.98rem;
  line-height: 1.2;
  align-items: center;
}
.s-b87ce0e10bde9ce84d95 {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
}
.s-4888ff1a41393831dc81 {
  margin-top: 6px;
}
.s-08752a0d3b8858c3a259 {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.s-db2fa22612091bd69f80 a {
  color: var(--gold);
  text-decoration: none;
}
.s-db2fa22612091bd69f80 a:hover {
  text-decoration: underline;
}
.s-d62d3a4c8b58700e803d {
  margin-top: 10px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: calc(var(--radius) - 2px);
  display: none;
}
.s-d62d3a4c8b58700e803d[aria-hidden="false"] {
  display: block;
}
.s-e0ffd48edacbb996a1a0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.s-e0ffd48edacbb996a1a0:last-child {
  border-bottom: none;
}
.s-45637040c64a25448c38 {
  font-weight: 700;
  font-size: 0.95rem;
}
.s-6bc1cbbd13c98c991262 {
  color: var(--muted);
  font-size: 0.85rem;
  margin-top: 2px;
  max-width: 260px;
}
.s-81670456322ce213f1a8 {
  cursor: pointer;
  border: none;
  border-radius: 999px;
  padding: 0.6rem 0.95rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.s-69f1ffba26ae68298f40 {
  background: linear-gradient(135deg, var(--gold), #12f0c0);
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(0, 229, 168, 0.35);
}
.s-cbbc3a7c3288c1ad985f {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: var(--text);
}
.s-481f79b11a3e8afb9d38 {
  background: 0 0;
  color: var(--royal);
  padding: 0.4rem 0.2rem;
}
.s-5ae696a3e7bd84af8577 {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.s-5ae696a3e7bd84af8577 input {
  opacity: 0;
  width: 0;
  height: 0;
}
.s-12aba2500cd22ad78751 {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background: #e5e7eb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: 0.2s;
  border-radius: 999px;
}
.s-12aba2500cd22ad78751:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 3px;
  top: 2.5px;
  background: #ffffff;
  border-radius: 50%;
  transition: 0.2s;
}
.s-5ae696a3e7bd84af8577 input:checked + .s-12aba2500cd22ad78751 {
  background: linear-gradient(135deg, var(--gold), #12f0c0);
  border-color: rgba(0, 229, 168, 0.6);
}
.s-5ae696a3e7bd84af8577 input:checked + .s-12aba2500cd22ad78751:before {
  transform: translateX(20px);
  background: #ffffff;
}
@media (max-width: 560px) {
  .s-db2fa22612091bd69f80 {
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
  .s-4499cee990910fd5ef01,
  .s-d62d3a4c8b58700e803d {
    width: calc(100vw - 20px);
  }
}

/* Notes marquee */
#notes .notes-marquee{display:grid;gap:14px;margin-top:20px}
#notes .notes-row{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}
#notes .notes-track{display:flex;gap:12px;will-change:transform}
#notes .notes-row--left .notes-track{animation:marquee-left 24s linear infinite}
#notes .notes-row--right .notes-track{animation:marquee-right 24s linear infinite}
#notes .note-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.06);color:var(--ink);white-space:nowrap}
@keyframes marquee-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes marquee-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}

/* Method redesigned */
#method .s-de820e2414088aefe2e5{grid-template-columns:1.1fr .9fr}
#method .s-d5948f14a8cbf327b197{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
#method .s-2ab0591dbcf5fefdad65{background:linear-gradient(180deg,#fff,#f7f9ff);border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:var(--shadow);padding:18px;position:relative}
#method .s-2ab0591dbcf5fefdad65::before{content:"";position:absolute;left:12px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(0,229,168,.15)}
#method h3{margin-top:0}

/* Carte redesigned */
#carte .s-de820e2414088aefe2e5{grid-template-columns:1.1fr .9fr}
#carte .s-bc356d501e56466578c0{background:#fff;border:1px solid rgba(0,0,0,.06)}
#carte .s-017d07875cd3f75c640d{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:16px;box-shadow:var(--shadow)}
#carte .s-7e0e01909734624f68a5{box-shadow:var(--shadow)}

/* Cas redesigned timeline */
#cas .s-16c00449a9a3f15a3214{gap:18px}
#cas .s-d18e20ba03071890a67e{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start;position:relative;padding:8px 0}
#cas .s-d18e20ba03071890a67e::before{content:"";position:absolute;left:47px;top:0;bottom:0;width:2px;background:rgba(0,0,0,.08)}
#cas .s-22d94899b0ce7d2d8804{width:96px;height:96px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--royal-2),#3b2acb);border:1px solid rgba(0,0,0,.08);color:#fff;box-shadow:var(--shadow)}
#cas .s-22d94899b0ce7d2d8804 span{font-weight:800}
#cas .s-9490f9e700aaf8a1dfad{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow)}
#cas .s-62f197e4c43b3dec08d1{margin-top:16px}

/* Responsive tweaks */
@media (max-width:980px){
  #method .s-d5948f14a8cbf327b197{grid-template-columns:1fr 1fr}
}

/* Redesigned METHOD */
#method .method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
#method .method-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:var(--shadow);padding:18px;display:grid;gap:8px}
#method .method-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--royal-2),var(--gold));color:#fff;font-weight:800;box-shadow:0 6px 16px rgba(0,0,0,.08)}
#method .method-cta{margin-top:16px}
@media (max-width:980px){#method .method-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){#method .method-grid{grid-template-columns:1fr}}

/* Redesigned CARTE */
#carte .carte-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start;margin-top:24px}
#carte .carte-visual{margin:0;border-radius:22px;overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow)}
#carte .carte-visual img{display:block;width:100%;height:auto}
#carte .carte-content{display:grid;gap:16px}
#carte .carte-feature{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:var(--shadow);transition:all .3s ease}
#carte .carte-feature:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(0,0,0,.12)}
#carte .feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--royal-2),#3b2acb);font-size:1.8rem;flex-shrink:0;box-shadow:var(--shadow)}
#carte .feature-text{display:grid;gap:6px}
#carte .feature-text h3{font-size:1.1rem;font-weight:800;color:#2b3345;margin:0}
#carte .feature-text p{color:var(--muted);font-size:.95rem;line-height:1.6;margin:0}
@media (max-width:980px){
  #carte .carte-wrap{grid-template-columns:1fr;}
  #carte .carte-content{grid-template-columns:1fr;margin-top:24px}
}

/* Redesigned CAS */
#cas .cas-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;position:relative}
#cas .cas-step{display:grid;gap:8px;position:relative}
#cas .cas-badge{width:90px;height:90px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--royal-2),#3b2acb);border:1px solid rgba(0,0,0,.08);color:#fff;font-weight:800;box-shadow:var(--shadow)}
#cas .cas-card{padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow)}
@media (max-width:980px){#cas .cas-progress{grid-template-columns:1fr 1fr}}
@media (max-width:640px){#cas .cas-progress{grid-template-columns:1fr}}

/* Redesigned FAQ */
#faq .faq-grid{display:grid;gap:12px;margin-top:18px}
#faq .faq-item{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}
#faq .faq-item[open]{border-color:rgba(59,42,203,.2);box-shadow:0 8px 24px rgba(59,42,203,.1)}
#faq .faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;cursor:pointer;list-style:none;gap:16px}
#faq .faq-item summary::-webkit-details-marker{display:none}
#faq .faq-item summary::marker{display:none}
#faq .faq-question{flex:1;font-weight:700;color:#2b3345;line-height:1.4}
#faq .faq-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--royal-2),var(--gold));color:#fff;font-weight:800;font-size:1.2rem;transition:transform .3s ease;flex-shrink:0}
#faq .faq-item[open] .faq-icon{transform:rotate(45deg)}
#faq .faq-answer{padding:0 20px 20px;color:var(--muted);line-height:1.6}
#faq .faq-answer p{margin:0}
@media (max-width:640px){
  #faq .faq-item summary{padding:16px 18px}
  #faq .faq-answer{padding:0 18px 18px}
}

/* Tarifs section */
#tarifs .tarifs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
#tarifs .tarif-card{background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:22px;padding:28px;display:grid;gap:20px;position:relative;transition:all .3s ease;box-shadow:var(--shadow)}
#tarifs .tarif-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.12)}
#tarifs .tarif-card-featured{border-color:#6C5CE7;background:linear-gradient(180deg,#fff,#f7f9ff)}
#tarifs .tarif-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold),#12f0c0);color:#fff;padding:6px 20px;border-radius:999px;font-weight:700;font-size:.85rem;box-shadow:0 4px 12px rgba(0,229,168,.4)}
#tarifs .tarif-header{text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.08)}
#tarifs .tarif-header h3{font-size:1.4rem;font-weight:800;margin:0 0 12px;color:#2b3345}
#tarifs .tarif-price{font-size:2.8rem;font-weight:900;color:#2b3345;line-height:1;margin:8px 0}
#tarifs .tarif-price-unit{font-size:1rem;font-weight:600;color:var(--muted)}
#tarifs .tarif-period{color:var(--muted);margin:8px 0 0;font-size:.9rem}
#tarifs .tarif-features{list-style:none;padding:0;margin:0;display:grid;gap:12px}
#tarifs .tarif-features li{display:flex;align-items:flex-start;gap:10px;color:var(--text);line-height:1.5}
#tarifs .tarif-features li::before{content:"✓";color:var(--gold);font-weight:800;flex-shrink:0;margin-top:2px}
#tarifs .tarif-cta{text-align:center;margin-top:auto}
#tarifs .tarifs-note{margin-top:24px;text-align:center;color:var(--muted);font-size:.9rem;padding:16px;background:rgba(0,0,0,.02);border-radius:12px}
@media (max-width:980px){#tarifs .tarifs-grid{grid-template-columns:1fr}}
@media (max-width:640px){#tarifs .tarif-card{padding:24px}}

/* Comparison table */
#comparaison{margin-top:48px}
#comparaison .comparison-table-wrapper{overflow-x:auto;margin-top:24px;border-radius:18px;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow)}
#comparaison .comparison-table{width:100%;border-collapse:collapse;background:#fff}
#comparaison .comparison-table thead{background:linear-gradient(180deg,#f7f9ff,#fff)}
#comparaison .comparison-table th{text-align:left;padding:16px 20px;font-weight:800;color:#2b3345;border-bottom:2px solid rgba(0,0,0,.1)}
#comparaison .comparison-table th:first-child{font-size:1rem}
#comparaison .comparison-table td{padding:14px 20px;border-bottom:1px solid rgba(0,0,0,.06);color:var(--text)}
#comparaison .comparison-table tbody tr:hover{background:rgba(108,92,231,.04)}
#comparaison .comparison-table tbody tr:last-child td{border-bottom:none}
@media (max-width:640px){
  #comparaison .comparison-table th,#comparaison .comparison-table td{padding:12px 16px;font-size:.9rem}
}

/* Footer company info */
.footer-company-info{margin-top:16px;display:grid;gap:8px}
.footer-company-info p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}
.footer-company-info p strong{color:var(--text);font-weight:700}
.footer-company-info a{color:var(--royal);text-decoration:none}
.footer-company-info a:hover{text-decoration:underline}