/* ============================================================
   CRÉATION SOCIÉTÉ · CÔTÉ CLIENT — Pièces à fournir
   Scope strict : #creation-s3.bb-creation-s3
   ============================================================ */
#creation-s3.bb-creation-s3,
#creation-s3.bb-creation-s3 *,
#creation-s3.bb-creation-s3 *::before,
#creation-s3.bb-creation-s3 *::after { box-sizing: border-box; }

#creation-s3.bb-creation-s3 {
  --bb-ink: #0B1B2B;
  --bb-ink-soft: #3A4A5A;
  --bb-ink-mute: #5A6B7B;
  --bb-line: #E8EEF6;
  --bb-radius-lg: 28px;
  --bb-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --bb-font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #FFFFFF;
  font-family: var(--bb-font);
  -webkit-font-smoothing: antialiased;
}

#creation-s3.bb-creation-s3 .bb-creation-s3__inner {
  position: relative; z-index: 1;
  width: min(1200px, calc(100% - 40px));
  margin: 0 auto;
  padding: 100px 0;
}

/* HEADER CENTRÉ */
#creation-s3.bb-creation-s3 .bb-creation-s3__head {
  max-width: 880px; margin: 0 auto 70px; text-align: center;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__kicker {
  position: relative; display: inline-flex; align-items: center; gap: 10px;
  padding: 7px 14px 7px 16px; margin: 0 0 22px; border-radius: 999px;
  background: rgba(var(--color-blue-rgb), 0.08); border: 1px solid rgba(var(--color-blue-rgb), 0.16);
  color: var(--color-blue); font-family: var(--bb-font);
  font-size: 12.5px; font-weight: 700; letter-spacing: 0.06em;
  text-transform: uppercase; line-height: 1;
  overflow: hidden; isolation: isolate;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__kicker::before {
  content: ""; width: 7px; height: 7px; border-radius: 999px;
  background: var(--color-blue);
  box-shadow: 0 0 0 0 rgba(var(--color-blue-rgb), 0.5), 0 0 8px rgba(47,123,255,0.6);
  animation: bb-cs3-pulse 2.5s ease-out infinite; flex-shrink: 0;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__kicker::after {
  content: ""; position: absolute; top: 0; left: -50%; width: 50%; height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(47,123,255,0.25) 50%, transparent 100%);
  animation: bb-cs3-shimmer 8s ease-in-out infinite; pointer-events: none; z-index: -1;
}
@keyframes bb-cs3-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(var(--color-blue-rgb), 0.6), 0 0 8px rgba(47,123,255,0.6); }
  70%  { box-shadow: 0 0 0 8px rgba(var(--color-blue-rgb), 0), 0 0 8px rgba(47,123,255,0.6); }
  100% { box-shadow: 0 0 0 0 rgba(var(--color-blue-rgb), 0), 0 0 8px rgba(47,123,255,0.6); }
}
@keyframes bb-cs3-shimmer {
  0%,70%,100% { transform: translateX(0); opacity: 0; }
  80% { opacity: 1; }
  90% { transform: translateX(400%); opacity: 0; }
}
#creation-s3.bb-creation-s3 .bb-creation-s3__title {
  max-width: 24ch; margin: 0 auto 20px; color: var(--bb-ink);
  font-family: var(--bb-font); font-size: clamp(30px, 3.4vw, 48px);
  font-weight: 900; line-height: 1.05; letter-spacing: -0.025em;
  text-wrap: balance; text-transform: none;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__title-accent {
  position: relative; display: inline-block; color: var(--color-blue); white-space: nowrap;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__title-accent::after {
  content: "" !important;
  position: absolute !important;
  bottom: 4px !important;
  left: -4px !important;
  right: -4px !important;
  height: 16px !important;
  background: rgba(47, 123, 255, 0.35) !important;
  background-image: none !important;
  border-radius: 4px !important;
  z-index: 0 !important;
  display: block !important;
  pointer-events: none;
  /* Animation : la barre se déploie de gauche à droite au scroll */
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s;
}
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__title-accent::after { transform: scaleX(1); }
#creation-s3.bb-creation-s3 .bb-creation-s3__subtitle {
  max-width: 660px; margin: 0 auto; color: var(--bb-ink-soft);
  font-family: var(--bb-font); font-size: 17px; font-weight: 400;
  line-height: 1.65;
}

/* LAYOUT */
#creation-s3.bb-creation-s3 .bb-creation-s3__layout {
  display: grid; grid-template-columns: 1.5fr 1fr;
  gap: 24px; align-items: start;
}

/* PLAN 3D */
#creation-s3.bb-creation-s3 .bb-creation-s3__planWrapper {
  position: relative; perspective: 2000px; perspective-origin: 50% 30%;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__plan {
  position: relative; transform-style: preserve-3d; transform: rotateX(5deg);
  padding: 32px 30px 36px; border-radius: var(--bb-radius-lg);
  background:
    radial-gradient(ellipse 90% 100% at 50% 0%, rgba(47,123,255,0.05) 0%, transparent 70%),
    linear-gradient(180deg, #FFFFFF 0%, #FAFCFF 100%);
  border: 1px solid rgba(var(--color-blue-rgb), 0.10);
  box-shadow:
    0 34px 70px rgba(7,26,61,0.13),
    0 14px 32px rgba(11,27,43,0.08),
    inset 0 1px 0 rgba(255,255,255,0.95);
  overflow: hidden; isolation: isolate;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__plan::before {
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(var(--color-blue-rgb), 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--color-blue-rgb), 0.03) 1px, transparent 1px);
  background-size: 42px 42px; pointer-events: none;
  mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, #000 30%, transparent 90%);
  -webkit-mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, #000 30%, transparent 90%);
  z-index: 0;
}

/* PLAN HEAD */
#creation-s3.bb-creation-s3 .bb-creation-s3__planHead {
  position: relative; display: flex; align-items: center; gap: 16px;
  padding-bottom: 22px; margin-bottom: 28px;
  border-bottom: 1px solid rgba(11,27,43,0.07); z-index: 2;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__planIcon {
  flex-shrink: 0; display: grid; place-items: center;
  width: 48px; height: 48px; border-radius: 14px;
  background: linear-gradient(135deg, var(--color-blue), var(--color-blue-bright));
  color: #FFFFFF;
  box-shadow: 0 10px 22px rgba(var(--color-blue-rgb), 0.28), inset 0 1px 0 rgba(255,255,255,0.30);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__planIcon svg { width: 22px; height: 22px; color: #FFFFFF; }
#creation-s3.bb-creation-s3 .bb-creation-s3__planHeadText { flex: 1; min-width: 0; }
#creation-s3.bb-creation-s3 .bb-creation-s3__planTitle {
  margin: 0 0 4px 0; font-size: 19px; font-weight: 800;
  letter-spacing: -0.015em; color: var(--bb-ink); line-height: 1.2;
  text-transform: none;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__planSub {
  margin: 0; font-size: 13px; font-weight: 500;
  color: var(--bb-ink-mute); line-height: 1.5;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__planMeta {
  flex-shrink: 0; padding: 5px 12px; border-radius: 999px;
  background: rgba(var(--color-blue-rgb), 0.10); border: 1px solid rgba(var(--color-blue-rgb), 0.20);
  color: var(--color-blue); font-family: var(--bb-font);
  font-size: 11px; font-weight: 900; letter-spacing: 0.10em; text-transform: uppercase;
}

/* DOCS + SPINE */
#creation-s3.bb-creation-s3 .bb-creation-s3__docs {
  position: relative; margin: 0; padding: 0 0 0 42px;
  list-style: none; display: grid; gap: 14px; z-index: 2;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docs::before {
  content: ""; position: absolute; left: 17px; top: 14px; bottom: 14px;
  width: 2px; border-radius: 2px;
  background: linear-gradient(180deg,
    transparent 0%, rgba(var(--color-blue-rgb), 0.40) 8%,
    rgba(47,123,255,0.60) 50%, rgba(var(--color-blue-rgb), 0.40) 92%, transparent 100%);
  transform: scaleY(0); transform-origin: top center;
  transition: transform 1.3s var(--bb-ease) 0.95s; z-index: 0;
}
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__docs::before { transform: scaleY(1); }
#creation-s3.bb-creation-s3 .bb-creation-s3__docs::after {
  content: ""; position: absolute; left: 13px; width: 10px;
  top: -20%; height: 25%;
  background: linear-gradient(180deg,
    transparent 0%, rgba(47,123,255,0.85) 40%, rgba(255,255,255,1) 50%,
    rgba(47,123,255,0.85) 60%, transparent 100%);
  filter: blur(3px); border-radius: 999px; opacity: 0;
  animation: bb-cs3-flow 6s ease-in-out 2.2s infinite; pointer-events: none;
}
@keyframes bb-cs3-flow {
  0% { top: -20%; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { top: 100%; opacity: 0; }
}

#creation-s3.bb-creation-s3 .bb-creation-s3__doc { position: relative; }

/* CHECKPOINT */
#creation-s3.bb-creation-s3 .bb-creation-s3__docCheckpoint {
  position: absolute; left: -33px; top: 50%; transform: translateY(-50%);
  width: 16px; height: 16px; border-radius: 999px;
  background: #FFFFFF; border: 2px solid var(--color-blue);
  box-shadow: 0 0 0 4px #FFFFFF, 0 6px 14px rgba(var(--color-blue-rgb), 0.30);
  z-index: 3;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docCheckpoint::before {
  content: ""; position: absolute; inset: 2px; border-radius: 999px;
  background: linear-gradient(135deg, var(--color-blue), var(--color-blue-bright));
  transform: scale(0); transition: transform 0.6s var(--bb-ease);
}
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(1) .bb-creation-s3__docCheckpoint::before { transform: scale(1); transition-delay: 1.10s; }
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(2) .bb-creation-s3__docCheckpoint::before { transform: scale(1); transition-delay: 1.25s; }
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(3) .bb-creation-s3__docCheckpoint::before { transform: scale(1); transition-delay: 1.40s; }
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(4) .bb-creation-s3__docCheckpoint::before { transform: scale(1); transition-delay: 1.55s; }
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(5) .bb-creation-s3__docCheckpoint::before { transform: scale(1); transition-delay: 1.70s; }

/* DOC CARD */
#creation-s3.bb-creation-s3 .bb-creation-s3__docCard {
  position: relative; padding: 20px 22px 18px; border-radius: 18px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFE 100%);
  border: 1px solid rgba(var(--color-blue-rgb), 0.10);
  box-shadow: 0 8px 24px rgba(11,27,43,0.05);
  overflow: hidden; isolation: isolate;
  transition: transform 0.55s var(--bb-ease), box-shadow 0.55s ease, border-color 0.55s ease;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docCard::before {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px;
  background: linear-gradient(135deg, rgba(47,123,255,0.6), rgba(var(--color-blue-rgb), 0.3) 40%, transparent 70%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity: 0; transition: opacity 0.5s ease; pointer-events: none; z-index: 3;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docCard::after {
  content: ""; position: absolute; top: -50%; left: -50%; width: 50%; height: 200%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.7) 50%, transparent 100%);
  transform: translateX(-100%) rotate(15deg);
  transition: transform 1.2s var(--bb-ease); pointer-events: none; z-index: 2; opacity: 0.6;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__doc:hover .bb-creation-s3__docCard {
  transform: translateY(-4px);
  border-color: rgba(var(--color-blue-rgb), 0.22);
  box-shadow: 0 22px 42px rgba(var(--color-blue-rgb), 0.14), 0 8px 20px rgba(11,27,43,0.06);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__doc:hover .bb-creation-s3__docCard::before { opacity: 1; }
#creation-s3.bb-creation-s3 .bb-creation-s3__doc:hover .bb-creation-s3__docCard::after { transform: translateX(400%) rotate(15deg); }

/* DOC HEAD */
#creation-s3.bb-creation-s3 .bb-creation-s3__docHead {
  position: relative; display: flex; align-items: center;
  justify-content: space-between; gap: 10px; margin-bottom: 12px; z-index: 1;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docHeadLeft {
  display: flex; align-items: center; gap: 9px; min-width: 0;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docNum {
  font-family: var(--bb-font); font-size: 19px; font-weight: 900;
  letter-spacing: -0.04em; line-height: 1; color: var(--color-blue);
  flex-shrink: 0; transition: transform 0.5s var(--bb-ease), color 0.5s ease;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__doc:hover .bb-creation-s3__docNum {
  transform: scale(1.10); color: var(--color-blue-bright);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docBadge {
  display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px;
  background: rgba(var(--color-blue-rgb), 0.08); border: 1px solid rgba(var(--color-blue-rgb), 0.16);
  font-family: var(--bb-font); font-size: 9.5px; font-weight: 700;
  letter-spacing: 0.10em; text-transform: uppercase; color: var(--color-blue);
  white-space: nowrap; flex-shrink: 0;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docIcon {
  display: grid; place-items: center;
  width: 40px; height: 40px; border-radius: 12px;
  background: linear-gradient(135deg, var(--color-blue), var(--color-blue-bright));
  color: #FFFFFF; flex-shrink: 0;
  box-shadow: 0 10px 22px rgba(var(--color-blue-rgb), 0.28), inset 0 1px 0 rgba(255,255,255,0.30);
  transition: transform 0.5s var(--bb-ease);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__doc:hover .bb-creation-s3__docIcon {
  transform: rotate(-6deg) scale(1.08);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docIcon svg { width: 19px; height: 19px; color: #FFFFFF; }
#creation-s3.bb-creation-s3 .bb-creation-s3__docName {
  position: relative; margin: 0 0 6px 0; font-family: var(--bb-font);
  font-size: 17px; font-weight: 800; line-height: 1.25;
  letter-spacing: -0.015em; color: var(--bb-ink);
  text-transform: none; z-index: 1;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docText {
  position: relative; margin: 0 0 14px 0; font-family: var(--bb-font);
  font-size: 13.5px; font-weight: 500; line-height: 1.55;
  color: var(--bb-ink-soft); z-index: 1;
}

/* PROGRESS */
#creation-s3.bb-creation-s3 .bb-creation-s3__docProgress {
  position: relative; height: 3px; border-radius: 3px;
  background: rgba(var(--color-blue-rgb), 0.10); overflow: hidden; z-index: 1;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__docProgressBar {
  position: absolute; top: 0; left: 0; height: 100%; width: 100%;
  background: linear-gradient(90deg, var(--color-blue), var(--color-blue-bright)); border-radius: 3px;
  transform: scaleX(0); transform-origin: left center;
  transition: transform 1s var(--bb-ease);
}
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(1) .bb-creation-s3__docProgressBar { transform: scaleX(1); transition-delay: 1.60s; }
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(2) .bb-creation-s3__docProgressBar { transform: scaleX(1); transition-delay: 1.75s; }
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(3) .bb-creation-s3__docProgressBar { transform: scaleX(1); transition-delay: 1.90s; }
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(4) .bb-creation-s3__docProgressBar { transform: scaleX(1); transition-delay: 2.05s; }
#creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(5) .bb-creation-s3__docProgressBar { transform: scaleX(1); transition-delay: 2.20s; }

/* SIDE CARDS */
#creation-s3.bb-creation-s3 .bb-creation-s3__side {
  display: flex; flex-direction: column; gap: 22px;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideCard {
  position: relative; padding: 28px 26px 24px;
  border-radius: var(--bb-radius-lg);
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFBFD 100%);
  border: 1px solid var(--bb-line);
  box-shadow: 0 14px 40px rgba(11,27,43,0.07), inset 0 1px 0 rgba(255,255,255,0.95);
  overflow: hidden; isolation: isolate;
  transition: transform 0.5s var(--bb-ease), box-shadow 0.5s ease, border-color 0.5s ease;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideCard::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px;
  background: linear-gradient(135deg, rgba(var(--color-blue-rgb), 0.6), rgba(47,123,255,0.3) 40%, transparent 70%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 1;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideCard:hover {
  transform: translateY(-6px);
  border-color: rgba(var(--color-blue-rgb), 0.18);
  box-shadow: 0 30px 70px rgba(11,27,43,0.10), 0 8px 20px rgba(var(--color-blue-rgb), 0.10);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideCard:hover::after { opacity: 1; }
#creation-s3.bb-creation-s3 .bb-creation-s3__sideCard--accent {
  background:
    radial-gradient(500px circle at 100% 100%, rgba(47,123,255,0.14), transparent 50%),
    linear-gradient(160deg, #F4F8FF 0%, #FFFFFF 60%);
  border-color: rgba(var(--color-blue-rgb), 0.22);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideKicker,
#creation-s3.bb-creation-s3 .bb-creation-s3__sideTitle,
#creation-s3.bb-creation-s3 .bb-creation-s3__sideText,
#creation-s3.bb-creation-s3 .bb-creation-s3__sideList,
#creation-s3.bb-creation-s3 .bb-creation-s3__sideLink,
#creation-s3.bb-creation-s3 .bb-creation-s3__sideLine { position: relative; z-index: 2; }
#creation-s3.bb-creation-s3 .bb-creation-s3__sideKicker {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 5px 11px 5px 12px; margin: 0 0 12px; border-radius: 999px;
  background: rgba(47,123,255,0.10); border: 1px solid rgba(47,123,255,0.20);
  color: var(--color-blue); font-family: var(--bb-font);
  font-size: 10.5px; font-weight: 900;
  letter-spacing: 0.10em; text-transform: uppercase; line-height: 1;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideKicker::before {
  content: ""; width: 6px; height: 6px; border-radius: 999px;
  background: var(--color-blue);
  box-shadow: 0 0 0 0 rgba(var(--color-blue-rgb), 0.55), 0 0 8px rgba(47,123,255,0.65);
  animation: bb-cs3-pulse 2.5s ease-out infinite; flex-shrink: 0;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideTitle {
  margin: 0 0 10px 0; color: var(--bb-ink);
  font-family: var(--bb-font); font-size: 19px; font-weight: 800;
  line-height: 1.25; letter-spacing: -0.015em; text-transform: none;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideText {
  margin: 0 0 16px 0; color: var(--bb-ink-soft);
  font-family: var(--bb-font); font-size: 14px; font-weight: 500;
  line-height: 1.65;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideList {
  margin: 0; padding: 0; list-style: none;
  display: grid; gap: 8px;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideList li {
  position: relative; padding-left: 22px; color: var(--bb-ink);
  font-family: var(--bb-font); font-size: 13.5px;
  font-weight: 600; line-height: 1.45; text-transform: none;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideList li::before {
  content: ""; position: absolute; left: 0; top: 0.55em;
  width: 8px; height: 8px; border-radius: 999px;
  background: linear-gradient(135deg, var(--color-blue), var(--color-blue-bright));
  box-shadow: 0 0 0 4px rgba(var(--color-blue-rgb), 0.10);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideLink {
  all: unset; box-sizing: border-box;
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 4px; padding: 11px 18px; border-radius: 999px;
  background: linear-gradient(180deg, var(--color-blue-bright) 0%, var(--color-blue) 100%);
  color: #FFFFFF; font-family: var(--bb-font);
  font-size: 13.5px; font-weight: 900; line-height: 1;
  text-decoration: none; cursor: pointer;
  box-shadow: 0 14px 28px rgba(var(--color-blue-rgb), 0.22), inset 0 1px 0 rgba(255,255,255,0.24);
  transition: transform 0.25s var(--bb-ease), box-shadow 0.25s var(--bb-ease);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideLink:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(var(--color-blue-rgb), 0.30), inset 0 1px 0 rgba(255,255,255,0.24);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideLink svg { width: 14px; height: 14px; transition: transform 0.25s var(--bb-ease); }
#creation-s3.bb-creation-s3 .bb-creation-s3__sideLink:hover svg { transform: translateX(3px); }
#creation-s3.bb-creation-s3 .bb-creation-s3__sideLine {
  display: block; width: 100%; height: 2px; margin-top: 18px;
  border-radius: 2px; background: var(--bb-line); overflow: hidden;
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideLine::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--color-blue), var(--color-blue-bright));
  transform: translateX(-101%); transition: transform 0.6s var(--bb-ease);
}
#creation-s3.bb-creation-s3 .bb-creation-s3__sideCard:hover .bb-creation-s3__sideLine::after {
  transform: translateX(0);
}

/* SCROLL REVEAL */
@media (prefers-reduced-motion: no-preference) {
  #creation-s3.bb-creation-s3 .bb-creation-s3__kicker,
  #creation-s3.bb-creation-s3 .bb-creation-s3__title,
  #creation-s3.bb-creation-s3 .bb-creation-s3__subtitle,
  #creation-s3.bb-creation-s3 .bb-creation-s3__plan,
  #creation-s3.bb-creation-s3 .bb-creation-s3__doc,
  #creation-s3.bb-creation-s3 .bb-creation-s3__sideCard {
    opacity: 0; transform: translateY(28px); filter: blur(6px);
    transition: opacity 0.9s var(--bb-ease), transform 1s var(--bb-ease), filter 0.9s var(--bb-ease);
  }
  #creation-s3.bb-creation-s3 .bb-creation-s3__plan {
    transform: rotateX(20deg) translateY(50px);
    transition: opacity 0.9s var(--bb-ease), transform 1.3s var(--bb-ease), filter 0.9s var(--bb-ease);
  }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__kicker,
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__title,
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__subtitle,
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc,
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__sideCard {
    opacity: 1; transform: none; filter: blur(0);
  }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__plan {
    opacity: 1; transform: rotateX(5deg) translateY(0); filter: blur(0);
  }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__kicker   { transition-delay: 0.10s; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__title    { transition-delay: 0.25s; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__subtitle { transition-delay: 0.40s; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__plan     { transition-delay: 0.55s; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(1) { transition-delay: 1.10s; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(2) { transition-delay: 1.25s; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(3) { transition-delay: 1.40s; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(4) { transition-delay: 1.55s; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__doc:nth-child(5) { transition-delay: 1.70s; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__sideCard:nth-of-type(1) { transition-delay: 0.90s; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__sideCard:nth-of-type(2) { transition-delay: 1.10s; }
}

/* WP DEFENSIVE */
#creation-s3.bb-creation-s3 h2::before, #creation-s3.bb-creation-s3 h2::after,
#creation-s3.bb-creation-s3 h3::before, #creation-s3.bb-creation-s3 h3::after,
#creation-s3.bb-creation-s3 h4::before, #creation-s3.bb-creation-s3 h4::after,
#creation-s3.bb-creation-s3 p::before,  #creation-s3.bb-creation-s3 p::after,
#creation-s3.bb-creation-s3 a::before,  #creation-s3.bb-creation-s3 a::after,
#creation-s3.bb-creation-s3 li::marker { content: none; display: none; }

/* RESPONSIVE */
@media (max-width: 1000px) {
  #creation-s3.bb-creation-s3 .bb-creation-s3__layout { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  #creation-s3.bb-creation-s3 .bb-creation-s3__inner { padding: 64px 0; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__head  { margin-bottom: 44px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__plan  { transform: none; padding: 24px 18px 28px; }
  #creation-s3.bb-creation-s3.is-in-view .bb-creation-s3__plan { transform: none; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__planHead { gap: 12px; padding-bottom: 16px; margin-bottom: 20px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__planIcon { width: 42px; height: 42px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__planIcon svg { width: 20px; height: 20px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__planTitle { font-size: 17px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__planMeta { font-size: 10px; padding: 4px 10px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docs { padding-left: 34px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docs::before { left: 14px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docs::after  { left: 10px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docCheckpoint { left: -27px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docCard { padding: 18px 18px 16px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docIcon { width: 36px; height: 36px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docIcon svg { width: 17px; height: 17px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docName  { font-size: 16px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docText  { font-size: 13px; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__sideCard { padding: 24px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  #creation-s3.bb-creation-s3 *,
  #creation-s3.bb-creation-s3 *::before,
  #creation-s3.bb-creation-s3 *::after { animation: none !important; transition-duration: 0.1s !important; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__kicker,
  #creation-s3.bb-creation-s3 .bb-creation-s3__title,
  #creation-s3.bb-creation-s3 .bb-creation-s3__subtitle,
  #creation-s3.bb-creation-s3 .bb-creation-s3__plan,
  #creation-s3.bb-creation-s3 .bb-creation-s3__doc,
  #creation-s3.bb-creation-s3 .bb-creation-s3__sideCard { opacity: 1 !important; transform: none !important; filter: blur(0) !important; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__title-accent::after { transform: scaleX(1) !important; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docs::before { transform: scaleY(1) !important; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docCheckpoint::before { transform: scale(1) !important; }
  #creation-s3.bb-creation-s3 .bb-creation-s3__docProgressBar { transform: scaleX(1) !important; }
}