/* BECLICK v2 — une composition propre à la commande directe. */
:root {
  --bc-ink: #17191f;
  --bc-soft: #53636b;
  --bc-mint: #b9e2de;
  --bc-mint-strong: #1d858c;
  --bc-mint-deep: #0d666d;
  --bc-wash: #e8f4f2;
  --bc-paper: #f6f9fa;
  --bc-blue: #315f7d;
  --bc-night: #061419;
}

.marketing-site .mark {
  color: inherit;
  background: linear-gradient(100deg, transparent 0%, rgba(185,226,222,.2) 3%, rgba(185,226,222,.95) 9%, rgba(185,226,222,.95) 92%, transparent 100%);
}

.marketing-site .marketing-demo,
.marketing-site .marketing-primary,
.marketing-site .sector-detail > button,
.marketing-site .pricing-grid article > button {
  background: var(--bc-mint);
  color: var(--bc-ink);
}

/* Plus aucun effet hérité du scanner / de l'inventaire. */
.marketing-site .problem-grid article::after,
.marketing-site .problem-grid article::before,
.marketing-site .solution-card::after,
.marketing-site .solution-card::before {
  content: none !important;
  animation: none !important;
}

.marketing-site .marketing-problems article,
.marketing-site .steps-grid article,
.marketing-site .support-grid article,
.marketing-site .hardware-grid article {
  transform: none;
}

/* ---------- Hero : le produit réel avant la décoration ---------- */
.marketing-site .v2-hero {
  min-height: calc(100vh - 78px);
  grid-template-columns: minmax(420px, .88fr) minmax(540px, 1.12fr);
  gap: clamp(42px, 6vw, 96px);
  padding: 74px clamp(28px, 7vw, 110px) 86px;
  background:
    radial-gradient(circle at 84% 18%, rgba(29,133,140,.22), transparent 32%),
    radial-gradient(circle at 60% 86%, rgba(185,226,222,.56), transparent 34%),
    linear-gradient(132deg, var(--bc-paper) 0%, #eef7f6 44%, #d5ece9 100%);
  background-size: 155% 155%, 145% 145%, 220% 220%;
  animation: beclick-hero-gradient 10s ease-in-out infinite alternate;
}

.marketing-site .v2-hero::before {
  inset: 0;
  z-index: -1;
  filter: none;
  animation: none;
  opacity: .09;
  background-image: radial-gradient(circle at 1px 1px, var(--bc-mint-deep) 1px, transparent 0);
  background-size: 30px 30px;
  mask-image: linear-gradient(90deg, transparent, #000 42%, #000);
}
.marketing-site .v2-hero::after {
  inset: -18%;
  z-index: -1;
  background:
    radial-gradient(circle at 72% 28%, rgba(29,133,140,.3), transparent 27%),
    radial-gradient(circle at 38% 78%, rgba(185,226,222,.46), transparent 30%);
  filter: blur(44px);
  opacity: .84;
  animation: beclick-hero-glow 8s ease-in-out infinite alternate;
}

@keyframes beclick-hero-gradient {
  0% { background-position: 100% 0%, 28% 100%, 0% 50%; }
  50% { background-position: 68% 34%, 78% 70%, 55% 50%; }
  100% { background-position: 42% 12%, 100% 42%, 100% 50%; }
}

@keyframes beclick-hero-glow {
  0% { transform: translate3d(-3%,-2%,0) scale(.96); opacity: .68; }
  100% { transform: translate3d(5%,4%,0) scale(1.08); opacity: .92; }
}

.marketing-site .v2-hero .marketing-hero-copy { max-width: 650px; }
.marketing-site .v2-hero h1 { max-width: 650px; font-size: clamp(50px, 5.25vw, 78px); line-height: .92; }
.marketing-site .v2-hero h1 .h1-blue { color: var(--bc-mint-strong); }
.marketing-site .v2-hero .marketing-hero-copy > p { max-width: 620px; font-size: 18px; }
.marketing-site .v2-hero .marketing-eyebrow { border-color: rgba(13,102,109,.28); background: rgba(255,255,255,.58); color: var(--bc-mint-deep); }

.hero-product-scene {
  position: relative;
  min-height: 640px;
  width: min(100%, 760px);
  margin-inline: auto;
  isolation: isolate;
}

.hero-product-scene::before {
  content: '';
  position: absolute;
  inset: 7% 4% 5% 8%;
  z-index: -1;
  border: 2px dashed rgba(23,25,31,.22);
  border-radius: 48% 52% 48% 52%;
  background: rgba(185,226,222,.44);
  transform: rotate(-4deg);
}

.hero-product-scene-original::before { display: none; }

.hero-beclick-main {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 112%;
  max-width: none;
  height: auto;
  filter: drop-shadow(0 34px 46px rgba(16,63,67,.19));
  transform: translate(-50%,-50%);
  animation: hero-beclick-float 7s ease-in-out infinite;
}

@keyframes hero-beclick-float {
  0%,100% { transform: translate(-50%,-50%) rotate(-.4deg); }
  50% { transform: translate(-50%,calc(-50% - 10px)) rotate(.4deg); }
}

.hero-app-tablet,
.hero-app-phone {
  position: absolute;
  overflow: hidden;
  margin: 0;
  border: 3px solid var(--bc-ink);
  background: #fff;
  box-shadow: 10px 12px 0 rgba(23,25,31,.13), 0 32px 70px rgba(16,63,67,.18);
}

.hero-app-tablet {
  left: 2%;
  top: 7%;
  width: 78%;
  aspect-ratio: 1.33;
  border-radius: 28px;
  transform: rotate(-2.2deg);
}

.hero-app-tablet img,
.hero-app-phone img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: top; }

.hero-app-phone {
  right: 1%;
  bottom: 3%;
  z-index: 2;
  width: 34%;
  aspect-ratio: .48;
  border-width: 6px;
  border-radius: 34px;
  transform: rotate(3deg);
}

.hero-order-toast,
.hero-direct-badge {
  position: absolute;
  z-index: 4;
  border: 2px solid var(--bc-ink);
  background: rgba(255,255,255,.94);
  box-shadow: 5px 6px 0 rgba(23,25,31,.16);
}

.hero-order-toast {
  left: -3%;
  bottom: 14%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 17px;
  border-radius: 13px;
  transform: rotate(-2deg);
}
.hero-order-toast svg { width: 35px; height: 35px; padding: 8px; border-radius: 50%; background: var(--bc-mint); color: var(--bc-mint-deep); }
.hero-order-toast span { display: grid; }
.hero-order-toast small { color: var(--bc-soft); }

.hero-direct-badge {
  right: 3%;
  top: 1%;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 15px;
  border-radius: 999px;
  background: var(--bc-mint);
  transform: rotate(2deg);
}
.hero-direct-badge strong { font-size: 30px; line-height: 1; }
.hero-direct-badge span { font-size: 10px; font-weight: 900; line-height: 1.1; text-transform: uppercase; }

/* ---------- Preuves immédiates ---------- */
.beclick-proof {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 0;
  padding: 0 clamp(24px,7vw,110px);
  border-block: 2px solid var(--bc-ink);
  background: var(--bc-night);
  color: #fff;
  min-height: 0 !important;
  scroll-snap-align: none !important;
}
.beclick-proof article { display: flex; align-items: center; gap: 15px; min-height: 132px; padding: 25px clamp(18px,2.5vw,38px); border-right: 1px dashed rgba(185,226,222,.38); }
.beclick-proof article:last-child { border-right: 0; }
.beclick-proof strong { color: var(--bc-mint); font-size: clamp(28px,3vw,47px); line-height: .9; white-space: nowrap; }
.beclick-proof span { color: #c4d4d7; font-size: 12px; line-height: 1.45; }

/* ---------- Solution : bento utile ---------- */
.marketing-site .beclick-solution { padding: 110px clamp(24px,7vw,110px); background: var(--bc-paper); }
.solution-bento { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; width: min(1180px,100%); margin: auto; }
.solution-card { position: relative; display: grid; grid-template-columns: 50px minmax(0,1fr); grid-template-rows: auto auto 1fr auto; column-gap: 18px; align-content: start; min-height: 228px; padding: 25px 27px; border: 2px solid var(--bc-ink); border-radius: 18px; background: #fff; box-shadow: 5px 6px 0 rgba(23,25,31,.12); }
.solution-card-main { min-height: 228px; background: linear-gradient(145deg,#d9efed 0%,#fff 72%); }
.solution-card-wide { min-height: 228px; background: var(--bc-night); color: #fff; }
.solution-card > span,.solution-card > h3,.solution-card > p,.solution-card > ul,.solution-card > .solution-points,.solution-card > .solution-stats { grid-column: 2; }
.solution-icon { grid-column: 1; grid-row: 1 / span 4; display: grid; place-items: center; width: 48px; height: 48px; margin: 0; border: 2px solid var(--bc-ink); border-radius: 14px; background: var(--bc-mint); color: var(--bc-mint-deep); transform: rotate(-3deg); }
.solution-icon svg { width: 23px; height: 23px; }
.solution-card-wide .solution-icon { border-color: var(--bc-mint); background: transparent; color: var(--bc-mint); }
.solution-card > span { color: var(--bc-mint-deep); font-size: 11px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.solution-card h3 { max-width: 590px; margin-top: 7px; font-size: clamp(22px,2.15vw,31px); line-height: 1.05; }
.solution-card p { max-width: 650px; margin-top: 10px; color: var(--bc-soft); font-size: 14px; line-height: 1.45; }
.solution-card-wide > span { color: var(--bc-mint); }
.solution-card-wide p { color: #aec2c6; }
.solution-card ul,.solution-points { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; list-style: none; }
.solution-card li,.solution-points b,.solution-stats b { padding: 7px 10px; border: 1px solid rgba(13,102,109,.24); border-radius: 999px; background: rgba(255,255,255,.78); color: var(--bc-mint-deep); font-size: 10px; }
.solution-stats { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.solution-stats b { border-color: rgba(185,226,222,.3); background: rgba(185,226,222,.08); color: var(--bc-mint); }

/* ---------- Vraies interfaces ---------- */
.marketing-site .marketing-real-ui { padding-block: 115px; background: var(--bc-wash); }
.marketing-site .marketing-real-ui .marketing-section-heading > span { color: var(--bc-mint-deep); }
.marketing-site .real-ui-window { border-color: var(--bc-ink); box-shadow: 8px 10px 0 rgba(23,25,31,.13); }
.marketing-site .real-ui-window-bar { background: #fff; }

.interface-client-composite {
  position: relative;
  width: min(1420px,100%);
  margin: 0 auto;
  overflow: hidden;
  border: 3px solid var(--bc-ink);
  border-radius: 28px;
  background: #cbe8e6;
  box-shadow: 10px 12px 0 rgba(23,25,31,.13), 0 36px 72px rgba(16,63,67,.14);
}
.interface-client-composite > img { display: block; width: 100%; height: auto; }
.interface-caption {
  position: absolute;
  bottom: 24px;
  z-index: 2;
  display: grid;
  gap: 4px;
  padding: 17px 20px;
  border: 3px solid var(--bc-ink);
  border-radius: 17px;
  background: rgba(255,255,255,.94);
  color: var(--bc-ink);
  box-shadow: 6px 7px 0 rgba(23,25,31,.16);
  backdrop-filter: blur(12px);
}
.interface-caption strong { font-size: clamp(16px,1.45vw,24px); line-height: 1.08; }
.interface-caption span { color: var(--bc-soft); font-size: clamp(11px,.9vw,15px); line-height: 1.25; }
.interface-caption-tablet { left: 24px; width: 56%; }
.interface-caption-mobile { right: 24px; width: 29%; }

/* ---------- Parcours commande ---------- */
.beclick-flow { position: relative; padding: 110px clamp(24px,7vw,110px); overflow: hidden; background: #fff; }
.flow-track { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; width: min(1180px,100%); margin: auto; }
.flow-track::before { content: ''; position: absolute; left: 8%; right: 8%; top: 53px; border-top: 3px dashed rgba(29,133,140,.38); }
.flow-track article { position: relative; min-height: 255px; padding: 28px 23px; border: 2px solid var(--bc-ink); border-radius: 17px; background: var(--bc-paper); box-shadow: 4px 5px 0 rgba(23,25,31,.1); }
.flow-track b { position: absolute; right: 17px; top: 16px; color: rgba(29,133,140,.18); font-size: 46px; }
.flow-track svg { position: relative; z-index: 2; width: 50px; height: 50px; padding: 12px; border: 2px solid var(--bc-ink); border-radius: 50%; background: var(--bc-mint); color: var(--bc-mint-deep); }
.flow-track h3 { margin-top: 46px; font-size: 21px; }
.flow-track p { margin-top: 9px; color: var(--bc-soft); line-height: 1.55; }

/* ---------- Fidélité et pilotage ---------- */
.beclick-growth { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: clamp(48px,7vw,105px); padding: 115px clamp(24px,8vw,130px); background: linear-gradient(135deg,#d8efed,#f6fafa 54%,#e6f4f2); }
.growth-dashboard { padding: 24px; border: 2px solid var(--bc-ink); border-radius: 24px; background: #fff; box-shadow: 9px 11px 0 rgba(23,25,31,.12); transform: rotate(-1deg); }
.growth-head { display: flex; justify-content: space-between; align-items: end; padding-bottom: 18px; border-bottom: 2px dashed rgba(23,25,31,.18); }
.growth-head span { color: var(--bc-soft); font-size: 12px; }
.growth-head strong { font-size: 23px; }
.growth-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 18px; }
.growth-kpis article { display: grid; gap: 7px; padding: 17px; border: 1px solid #cbdeda; border-radius: 13px; background: #f7fbfa; }
.growth-kpis small { color: var(--bc-soft); }
.growth-kpis strong { font-size: clamp(22px,2.5vw,34px); }
.growth-kpis i { color: var(--bc-mint-deep); font-size: 10px; font-style: normal; font-weight: 800; }
.growth-bars { display: flex; align-items: end; gap: 13px; height: 200px; margin-top: 22px; padding: 18px 14px 0; border-radius: 14px; background: #edf7f6; }
.growth-bars span { flex: 1; display: grid; grid-template-rows: 1fr auto; align-items: end; gap: 8px; height: 100%; text-align: center; }
.growth-bars span:nth-child(1) { --bar-delay: 0s; }
.growth-bars span:nth-child(2) { --bar-delay: .1s; }
.growth-bars span:nth-child(3) { --bar-delay: .2s; }
.growth-bars span:nth-child(4) { --bar-delay: .3s; }
.growth-bars span:nth-child(5) { --bar-delay: .4s; }
.growth-bars span:nth-child(6) { --bar-delay: .5s; }
.growth-bars span:nth-child(7) { --bar-delay: .6s; }
.growth-bars i {
  position: relative;
  display: block;
  height: var(--value);
  overflow: hidden;
  border: 2px solid var(--bc-ink);
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background: linear-gradient(180deg,#c8ebe7 0%,var(--bc-mint) 58%,#96d0cc 100%);
  transform-origin: center bottom;
  animation:
    growth-bar-rise .9s cubic-bezier(.18,.82,.24,1) var(--bar-delay) both,
    growth-bar-breathe 4.8s ease-in-out calc(1.35s + var(--bar-delay)) infinite;
}
.growth-bars i::after {
  content: '';
  position: absolute;
  inset: -45% -35%;
  background: linear-gradient(115deg,transparent 38%,rgba(255,255,255,.7) 50%,transparent 62%);
  transform: translateY(110%);
  animation: growth-bar-sheen 4.8s ease-in-out calc(1.4s + var(--bar-delay)) infinite;
}
.growth-bars b { padding-bottom: 7px; color: var(--bc-soft); font-size: 10px; }

@keyframes growth-bar-rise {
  0% { transform: scaleY(.06); opacity: .35; }
  72% { transform: scaleY(1.04); opacity: 1; }
  100% { transform: scaleY(1); opacity: 1; }
}
@keyframes growth-bar-breathe {
  0%,100% { transform: scaleY(1); }
  35% { transform: scaleY(.94); }
  68% { transform: scaleY(1.025); }
}
@keyframes growth-bar-sheen {
  0%,22% { transform: translateY(115%); opacity: 0; }
  42% { opacity: .9; }
  62%,100% { transform: translateY(-115%); opacity: 0; }
}
.growth-copy h2 { margin-top: 13px; font-size: clamp(42px,4.8vw,68px); line-height: .98; }
.growth-copy > p { margin-top: 20px; color: var(--bc-soft); font-size: 16px; line-height: 1.65; }
.growth-copy ul { display: grid; gap: 10px; margin-top: 26px; list-style: none; }
.growth-copy li { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; padding: 14px 0; border-bottom: 1px dashed rgba(23,25,31,.25); }
.growth-copy li svg { width: 40px; height: 40px; padding: 9px; border-radius: 11px; background: #fff; color: var(--bc-mint-deep); }
.growth-copy li span { display: grid; gap: 4px; }
.growth-copy li small { color: var(--bc-soft); line-height: 1.45; }

/* ---------- Livraison ---------- */
.marketing-site .marketing-orders { background: #fff; animation: none; }
.marketing-site .marketing-orders::before { opacity: .08; background-image: radial-gradient(circle at 1px 1px,var(--bc-mint-deep) 1px,transparent 0); }
.marketing-site .marketing-order-promise { border-color: rgba(13,102,109,.25); background: var(--bc-wash); }
.marketing-site .marketing-order-panel { border-color: var(--bc-ink); background: var(--bc-paper); box-shadow: 7px 8px 0 rgba(23,25,31,.12); }
.marketing-site .order-channel > svg { background: var(--bc-mint); color: var(--bc-mint-deep); }
.marketing-site .order-channel i,.marketing-site .order-channel i.tag-new { border: 0; background: var(--bc-mint); color: var(--bc-mint-deep); }
.marketing-site .order-summary { background: var(--bc-night); }
.marketing-site .order-summary button { background: var(--bc-mint); }

/* ---------- IA : plus focalisée ---------- */
.marketing-site #ia { padding-block: 120px; }
.marketing-site #ia .ia-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; max-width: 1040px; }
.marketing-site #ia .ia-grid article { min-height: 225px; padding: 27px; transform: none; background: rgba(5,20,25,.62); backdrop-filter: blur(10px); }
.marketing-site #ia .ia-grid article:hover { transform: translateY(-4px); }
.marketing-site #ia .ia-head svg.ic {
  background:
    linear-gradient(155deg,#18272d,#0b151a 72%) padding-box,
    conic-gradient(from var(--iri-a),#b9e2de,#1d858c,#315f7d,#6d8fa3,#b9e2de) border-box;
  box-shadow: 0 0 14px rgba(29,133,140,.3), 0 0 28px rgba(49,95,125,.22);
}

/* ---------- Conversion : étapes, tarifs, comparatif ---------- */
.marketing-site .marketing-steps { background: var(--bc-wash); }
.marketing-site .steps-clock { color: var(--bc-mint-strong); opacity: .1; }
.marketing-site .steps-grid article { border: 2px solid var(--bc-ink); border-top-width: 2px; border-radius: 16px; box-shadow: 4px 5px 0 rgba(23,25,31,.1); }
.marketing-site .steps-grid svg { color: var(--bc-mint-deep); }
.marketing-site .step-time { background: var(--bc-mint); }

.marketing-site .marketing-pricing { background: #fff; }
.marketing-site .pricing-grid article { border: 2px solid var(--bc-ink); box-shadow: 4px 5px 0 rgba(23,25,31,.1); }
.marketing-site .pricing-grid article.featured { border-color: var(--bc-mint-deep); background: #f1faf8; box-shadow: 7px 9px 0 rgba(13,102,109,.18); }
.marketing-site .pricing-badge { background: var(--bc-mint); color: var(--bc-ink); }
.marketing-site .pricing-grid .featured > button { background: var(--bc-mint-strong); color: #fff; }

.marketing-site .marketing-compare { background: var(--bc-paper); }
.marketing-site .compare-head > span:last-child { background: var(--bc-mint); }
.marketing-site .compare-row > span:last-child { background: rgba(185,226,222,.34); }
.marketing-site .compare-yes svg { color: var(--bc-mint-deep); }

.marketing-site .marketing-faq { background: #fff; }
.marketing-site .faq-list details[open] { background: var(--bc-wash); }
.marketing-site .marketing-contact {
  background:
    radial-gradient(circle at 12% 22%, rgba(29,133,140,.34), transparent 34%),
    radial-gradient(circle at 88% 76%, rgba(49,95,125,.2), transparent 32%),
    linear-gradient(135deg,#c7e9e5 0%,#f7fbfb 48%,#a9d8d5 100%);
  background-size: 165% 165%, 155% 155%, 220% 220%;
  animation: beclick-contact-gradient 9s ease-in-out infinite alternate;
}
.marketing-site .marketing-contact::before { content: none; }

@keyframes beclick-contact-gradient {
  0% { background-position: 0% 0%, 100% 100%, 0% 50%; }
  50% { background-position: 42% 30%, 58% 65%, 52% 50%; }
  100% { background-position: 100% 62%, 18% 20%, 100% 50%; }
}
.marketing-site .contact-choice { background: var(--bc-mint); }

@media (max-width: 1050px) {
  .marketing-site .v2-hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-product-scene { min-height: 590px; width: min(100%,720px); }
  .beclick-proof { grid-template-columns: repeat(2,1fr); }
  .beclick-proof article:nth-child(2) { border-right: 0; }
  .beclick-proof article:nth-child(-n+2) { border-bottom: 1px dashed rgba(185,226,222,.38); }
  .beclick-growth { grid-template-columns: 1fr; }
  .growth-dashboard { width: min(100%,760px); margin: auto; }
  .flow-track { grid-template-columns: repeat(2,1fr); }
  .flow-track::before { content: none; }
}

@media (max-width: 720px) {
  .marketing-site .v2-hero { padding: 44px 18px 62px; }
  .marketing-site .v2-hero h1 { font-size: clamp(42px,11.5vw,52px); line-height: .94; }
  .marketing-site .v2-hero .marketing-hero-copy > p { font-size: 15px; }
  .hero-product-scene { min-height: 390px; margin-top: 12px; }
  .hero-product-scene-original { min-height: 370px; }
  .hero-beclick-main { width: 118%; }
  .hero-app-tablet { left: 0; width: 88%; }
  .hero-app-phone { right: 0; width: 38%; }
  .hero-order-toast { left: 0; bottom: 3%; padding: 10px 12px; }
  .hero-direct-badge { right: 0; top: 0; }
  .beclick-proof { grid-template-columns: 1fr; padding-inline: 18px; }
  .beclick-proof article { min-height: 105px; border-right: 0; border-bottom: 1px dashed rgba(185,226,222,.38); }
  .solution-bento { grid-template-columns: 1fr; }
  .solution-card { min-height: 0; grid-template-columns: 44px minmax(0,1fr); column-gap: 14px; padding: 22px 19px; }
  .solution-card-main,.solution-card-wide { min-height: 0; }
  .solution-icon { width: 42px; height: 42px; }
  .flow-track { grid-template-columns: 1fr; }
  .flow-track article { min-height: 210px; }
  .beclick-growth { padding: 80px 18px; }
  .growth-kpis { grid-template-columns: 1fr; }
  .growth-bars { height: 150px; gap: 7px; }
  .marketing-site #ia .ia-grid { grid-template-columns: 1fr; }
  .interface-client-composite { overflow: visible; margin-bottom: 250px; border-radius: 18px; }
  .interface-caption { bottom: auto; width: calc(100% - 24px); left: 12px; right: auto; padding: 14px 15px; border-width: 2px; border-radius: 13px; }
  .interface-caption-tablet { top: calc(100% + 14px); }
  .interface-caption-mobile { top: calc(100% + 126px); }
  .interface-caption strong { font-size: 17px; }
  .interface-caption span { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-app-tablet,.hero-app-phone,.hero-order-toast,.hero-direct-badge,.growth-dashboard { transform: none; }
  .hero-beclick-main { animation: none; }
  .marketing-site .v2-hero,
  .marketing-site .v2-hero::after,
  .marketing-site .marketing-contact { animation: none; }
  .growth-bars i,
  .growth-bars i::after { animation: none; }
}