﻿.header-menu {
  position: sticky !important;
  top: 0;
  margin-top: 0 !important;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid rgba(17, 24, 39, .08);
  box-shadow: 0 12px 32px rgba(17, 24, 39, .06);
  z-index: 1000 !important;
}

.crea-service-status-strip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  min-height: 34px;
  padding: 7px 18px;
  color: #155724;
  background: linear-gradient(90deg, #e9fbe9, #f4fff5 48%, #e7f8ec);
  border-bottom: 1px solid rgba(33, 136, 56, .22);
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.crea-service-status-strip span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.crea-service-status-strip i {
  color: #15803d;
}

/* Crea panel storefront refinements. */
.crea-store .crea-hero {
  display: none !important;
}

.panel-landing {
  padding: 54px 0 24px;
  background: #fff;
}

.crea-home .panel-landing > .crea-container {
  display: flex;
  flex-direction: column;
}

.crea-home .panel-heading { order: 1; }
.crea-home .panel-actions {
  order: 5;
  margin-bottom: 28px;
}
.crea-home .crea-service-switcher { order: 2; }
.crea-home .panel-stats { order: 3; }
.crea-home .crea-press-mentions { order: 4; }
.crea-home .crea-apple-parallax { order: 6; }
.crea-home .crea-flow-section { order: 7; }

.panel-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  margin: 8px auto 76px;
}

.crea-store:not(.crea-home) .panel-stats {
  display: none;
}

.crea-store:not(.crea-home) .panel-landing {
  padding: 42px 0 0;
}

.crea-store:not(.crea-home) .panel-heading {
  margin-bottom: 14px;
}

.crea-store:not(.crea-home) .order-shell,
.crea-store:not(.crea-home).product .order-shell {
  margin-top: 34px;
}

.panel-stat-card {
  min-height: 186px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 0 22px;
  align-items: center;
  padding: 28px;
  border: 1px solid rgba(17, 24, 39, .06);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 36px rgba(17, 24, 39, .12);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.panel-stat-card:hover,
.panel-stat-card:focus-within {
  transform: translateY(-4px);
  border-color: rgba(15, 115, 217, .18);
  box-shadow: 0 24px 54px rgba(17, 24, 39, .16);
}

.panel-stat-card i {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 3px solid currentColor;
  border-radius: 14px;
  font-size: 28px;
  transition: transform .24s ease, background .24s ease;
}

.panel-stat-card:hover i,
.panel-stat-card:focus-within i {
  transform: scale(1.05) rotate(-3deg);
  background: rgba(15, 115, 217, .04);
}

.panel-stat-card.stat-instagram i { color: #10b981; }
.panel-stat-card.stat-likes i { color: #0b73df; }
.panel-stat-card.stat-views i { color: #f43f72; }

.panel-stat-card strong {
  color: #b94707;
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: #b94707;
  font-size: clamp(30px, 3.2vw, 44px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: .02em;
}

.panel-stat-card span {
  max-width: 210px;
  color: #4f5562;
  font-size: 17px;
  line-height: 1.38;
}

.crea-press-mentions {
  position: relative;
  width: min(100vw, 100%);
  margin: -26px auto 52px;
  padding: 36px 0 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0, rgba(15, 115, 217, .10), transparent 34%),
    linear-gradient(180deg, #f4f7ff 0%, #eef3ff 100%);
  border-top: 1px solid rgba(15, 115, 217, .08);
  border-bottom: 1px solid rgba(15, 115, 217, .08);
}

.crea-press-knot {
  position: absolute;
  top: -11px;
  left: 50%;
  width: 22px;
  height: 22px;
  border: 3px solid #fff;
  border-radius: 8px;
  background: linear-gradient(135deg, #e9efff, #fff);
  box-shadow: 0 8px 20px rgba(15, 23, 42, .14);
  transform: translateX(-50%) rotate(45deg);
}

.crea-press-mentions p {
  margin: 0 0 22px;
  color: #7b8497;
  font-size: 13px;
  font-weight: 850;
  text-align: center;
}

.crea-press-track {
  display: flex;
  width: max-content;
  gap: 32px;
  will-change: transform;
  animation: creaPressMarquee 44s linear infinite;
}

.crea-press-mentions:hover .crea-press-track,
.crea-press-mentions:focus-within .crea-press-track {
  animation-play-state: paused;
}

.crea-press-row {
  display: flex;
  align-items: center;
  gap: 32px;
  padding-inline: 16px;
}

.crea-press-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 178px;
  min-height: 46px;
  padding: 8px 14px;
  color: #687285;
  border: 1px solid rgba(104, 114, 133, .10);
  border-radius: 14px;
  background: rgba(255, 255, 255, .52);
  opacity: .78;
  transition: transform .22s ease, opacity .22s ease, color .22s ease, background .22s ease, box-shadow .22s ease;
}

.crea-press-logo img {
  display: block;
  width: 136px;
  max-width: 100%;
  height: 30px;
  object-fit: contain;
  filter: grayscale(1) saturate(0) contrast(.82);
  opacity: .74;
}

.crea-press-logo.is-light-logo img {
  filter: grayscale(1) saturate(0) invert(1) contrast(.74);
  opacity: .70;
}

.crea-press-logo:hover,
.crea-press-logo:focus-visible {
  color: #172033;
  background: #fff;
  opacity: 1;
  box-shadow: 0 18px 34px rgba(15, 23, 42, .12);
  transform: translateY(-3px);
}

.crea-press-logo:hover img,
.crea-press-logo:focus-visible img {
  filter: grayscale(.25) saturate(.65) contrast(.92);
  opacity: .92;
}

.crea-press-logo.is-light-logo:hover img,
.crea-press-logo.is-light-logo:focus-visible img {
  filter: grayscale(.25) saturate(.65) invert(1) contrast(.9);
}

@keyframes creaPressMarquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

.panel-heading {
  max-width: 880px;
  margin: 0 auto 20px;
  text-align: center;
}

.panel-heading > span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  margin-bottom: 18px;
  border-radius: 7px;
  color: #fff;
  background: #ff760a;
  font-size: 15px;
  font-weight: 850;
}

.panel-heading h1 {
  margin: 0 auto;
  color: #3e414a;
  font-size: clamp(31px, 3.6vw, 48px);
  line-height: 1.22;
  font-weight: 900;
  letter-spacing: 0;
}

.panel-heading p {
  max-width: 800px;
  margin: 18px auto 0;
  color: #626978;
  font-size: 18px;
  line-height: 1.65;
}

.panel-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.panel-actions .btn {
  min-width: 170px;
}

.crea-service-switcher {
  width: min(920px, 100%);
  margin: 0 auto 34px;
  border: 1px solid rgba(15, 115, 217, .10);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .08);
}

.crea-service-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  background: #eef3fa;
}

.crea-service-tabs button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  gap: 4px 8px;
  min-height: 66px;
  border: 0;
  color: #344054;
  background: transparent;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.1;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

.crea-service-tabs button.active {
  background: #fff;
  border-radius: 0 0 28px 0;
  color: #172033;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .04);
}

.crea-service-tabs button:hover,
.crea-service-tabs button:focus-visible {
  color: #0f73d9;
  transform: translateY(-1px);
}

.crea-service-tabs small {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-basis: 100%;
  justify-content: center;
  padding: 2px 7px;
  border-radius: 999px;
  color: #0f7a4b;
  background: #e8fff4;
  font-size: 11px;
  font-weight: 950;
}

.crea-service-tabs small .fa-star {
  color: #ff9f1c;
  font-size: 10px;
}

.crea-service-panels {
  background: #fff;
}

.crea-service-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 30px 72px;
}

.crea-service-actions[hidden] {
  display: none !important;
}

.crea-service-actions a {
  display: grid;
  place-items: center;
  min-height: 48px;
  border-radius: 9px;
  color: #fff;
  background: linear-gradient(135deg, #ff9b5c, #ff3f2c);
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(255, 91, 45, .16);
}

.crea-service-actions a:hover,
.crea-service-actions a:focus-visible {
  transform: translateY(1px);
  filter: saturate(1.08);
}

.crea-switcher-proof {
  display: grid;
  grid-template-columns: 1fr 1.8fr 1fr;
  gap: 18px;
  align-items: center;
  padding: 16px 72px;
  border-top: 1px solid rgba(17, 24, 39, .08);
  color: #344054;
  font-size: 13px;
  font-weight: 850;
}

.crea-switcher-proof span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.crea-switcher-proof .fa-star {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  color: #fff;
  background: #35c889;
  font-size: 12px;
}

.panel-actions .btn,
.crea-store .btn.primary,
.crea-store .btn.secondary {
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}

.panel-actions .btn:hover,
.panel-actions .btn:focus-visible,
.crea-store .btn.primary:hover,
.crea-store .btn.primary:focus-visible,
.crea-store .btn.secondary:hover,
.crea-store .btn.secondary:focus-visible {
  transform: translateY(-2px);
}

.crea-apple-parallax {
  --floor-x: 0px;
  --floor-y: 0px;
  --device-x: 0px;
  --device-y: 0px;
  --device-rx: 0deg;
  --device-ry: 0deg;
  --layer-left-x: 0px;
  --layer-left-y: 0px;
  --layer-right-x: 0px;
  --layer-right-y: 0px;
  --rail-x: 0px;
  --rail-y: 0px;
  position: relative;
  width: min(980px, calc(100vw - 32px));
  min-height: 330px;
  margin: 34px auto 10px;
  perspective: 1200px;
  transform-style: preserve-3d;
}

.crea-apple-parallax::before {
  content: "";
  position: absolute;
  inset: 34px 8% 18px;
  border: 1px solid rgba(15, 115, 217, .10);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(246, 251, 255, .58)),
    repeating-linear-gradient(90deg, rgba(15, 115, 217, .075) 0 1px, transparent 1px 92px);
  box-shadow: 0 30px 80px rgba(17, 24, 39, .12);
  transform: translate3d(var(--floor-x), var(--floor-y), -80px) rotateX(64deg);
  transform-origin: center;
  pointer-events: none;
}

.crea-apple-device,
.crea-apple-layer,
.crea-apple-rail,
.crea-privacy-badges {
  will-change: transform;
  transition: transform .18s ease-out;
}

.crea-apple-device {
  position: relative;
  z-index: 3;
  width: min(430px, 74vw);
  min-height: 286px;
  margin: 0 auto;
  padding: 18px;
  border: 1px solid rgba(15, 115, 217, .13);
  border-radius: 26px;
  background: rgba(255, 255, 255, .82);
  backdrop-filter: blur(18px);
  box-shadow: 0 34px 80px rgba(17, 24, 39, .18), inset 0 1px 0 rgba(255, 255, 255, .7);
  transform: translate3d(var(--device-x), var(--device-y), 48px) rotateX(var(--device-rx)) rotateY(var(--device-ry));
}

.crea-device-top {
  display: flex;
  gap: 7px;
  margin-bottom: 17px;
}

.crea-device-top span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #dbe7f6;
}

.crea-device-profile,
.crea-device-order {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid #e4edf8;
  border-radius: 18px;
  background: #fff;
}

.crea-device-avatar {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0f73d9, #15a1ff 48%, #ff760a);
}

.crea-device-username {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}

.crea-verified-badge {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0f73d9, #35b7ff);
  box-shadow: 0 6px 16px rgba(15, 115, 217, .28);
}

.crea-verified-badge svg {
  width: 20px;
  height: 20px;
  display: block;
}

.crea-verified-badge svg path:first-child {
  fill: #0f73d9;
}

.crea-verified-badge svg path:last-child {
  fill: none;
  stroke: #fff;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.crea-device-profile strong,
.crea-device-order strong,
.crea-apple-layer strong {
  display: block;
  color: #111827;
  font-weight: 950;
}

.crea-device-profile small,
.crea-device-order span,
.crea-apple-layer span {
  display: block;
  color: #667085;
  font-size: 13px;
  line-height: 1.35;
}

.crea-device-profile em {
  padding: 6px 9px;
  border-radius: 999px;
  color: #0b8f5a;
  background: #e9fff5;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.crea-device-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin: 13px 0;
}

.crea-device-grid span {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / .78;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(15, 115, 217, .88), rgba(21, 161, 255, .54)),
    linear-gradient(45deg, rgba(255, 118, 10, .18), transparent);
}

.crea-device-grid span:nth-child(2n) {
  background:
    linear-gradient(135deg, rgba(255, 118, 10, .82), rgba(255, 183, 77, .48)),
    linear-gradient(45deg, rgba(15, 115, 217, .18), transparent);
}

.crea-live-heart {
  position: absolute;
  left: var(--heart-left, 50%);
  bottom: 10%;
  z-index: 2;
  color: #ff2f6d;
  font-size: var(--heart-size, 18px);
  line-height: 1;
  opacity: 0;
  text-shadow: 0 8px 18px rgba(255, 47, 109, .28);
  transform: translate(-50%, 0) scale(.72) rotate(var(--heart-rotate, 0deg));
  animation: creaHeartFloat 1.45s ease-out forwards;
  pointer-events: none;
}

@keyframes creaHeartFloat {
  0% {
    opacity: 0;
    transform: translate(-50%, 8px) scale(.6) rotate(var(--heart-rotate, 0deg));
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--heart-drift, 0px)), -88px) scale(1.18) rotate(calc(var(--heart-rotate, 0deg) + 12deg));
  }
}

.crea-device-order {
  grid-template-columns: minmax(0, 1fr) auto;
}

.crea-device-order button,
.crea-device-cta {
  display: inline-grid;
  place-items: center;
  min-height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #ff760a, #ff9f43);
  font-weight: 950;
  box-shadow: 0 12px 26px rgba(255, 118, 10, .22);
}

.crea-apple-device.is-live {
  border-color: rgba(255, 118, 10, .28);
  box-shadow: 0 38px 90px rgba(17, 24, 39, .2), 0 0 0 5px rgba(255, 118, 10, .08), inset 0 1px 0 rgba(255, 255, 255, .72);
}

.crea-apple-layer {
  position: absolute;
  z-index: 4;
  display: grid;
  gap: 5px;
  width: 216px;
  padding: 16px 17px;
  border: 1px solid rgba(15, 115, 217, .14);
  border-radius: 20px;
  background: rgba(255, 255, 255, .78);
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 58px rgba(17, 24, 39, .15);
}

.crea-apple-layer i,
.crea-security-emblem {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 3px;
  border-radius: 13px;
  color: #0f73d9;
  background: #edf6ff;
}

.crea-security-emblem {
  background: linear-gradient(135deg, #e8fff4, #edf6ff);
}

.crea-security-emblem svg {
  width: 26px;
  height: 26px;
  display: block;
}

.crea-security-emblem svg path:first-child {
  fill: #10b981;
}

.crea-security-emblem svg path:last-child {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.crea-apple-layer-left {
  top: 74px;
  left: 8px;
  transform: translate3d(var(--layer-left-x), var(--layer-left-y), 90px);
}

.crea-apple-layer-right {
  right: 0;
  bottom: 56px;
  transform: translate3d(var(--layer-right-x), var(--layer-right-y), 110px);
}

.crea-apple-rail {
  position: absolute;
  z-index: 1;
  left: 12%;
  right: 12%;
  bottom: 50px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(15, 115, 217, .12), rgba(255, 118, 10, .16), rgba(15, 115, 217, .12));
  filter: blur(.2px);
  transform: translate3d(var(--rail-x), var(--rail-y), -10px);
}

.crea-privacy-badges {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 4px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  width: min(720px, calc(100% - 24px));
  transform: translate3d(-50%, 0, 96px);
}

.crea-privacy-badges span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(16, 185, 129, .24);
  border-radius: 999px;
  color: #14532d;
  background: rgba(240, 253, 244, .88);
  backdrop-filter: blur(12px);
  box-shadow: 0 14px 34px rgba(20, 83, 45, .12);
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

.crea-privacy-badges i {
  color: #10b981;
}

.platform-strip {
  display: flex;
  gap: 18px;
  width: 100vw;
  margin: 18px 0 48px 50%;
  padding: 0 max(20px, calc((100vw - 1180px) / 2));
  transform: translateX(-50%);
  overflow-x: auto;
  scrollbar-width: none;
}

.platform-strip::-webkit-scrollbar {
  display: none;
}

.platform-chip {
  flex: 0 0 88px;
  min-height: 88px;
  display: grid;
  place-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 3px solid #e5e7eb;
  border-radius: 14px;
  background: #f9fafb;
  box-shadow: 0 8px 14px rgba(17, 24, 39, .14);
  color: #4b5563;
  text-decoration: none;
}

.platform-chip:hover,
.platform-chip:focus-visible {
  border-color: #ff760a;
  color: #0b73df;
  background: #fff;
  transform: translateY(-1px);
}

.platform-chip i,
.platform-chip > .crea-social-svg {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 10px;
  color: #fff;
  background: #0b73df;
  font-size: 26px;
}

.platform-chip > .crea-social-svg svg {
  width: 28px;
  height: 28px;
}

.platform-chip span {
  max-width: 76px;
  overflow: hidden;
  color: inherit;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.platform-chip small {
  color: #ff760a;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.platform-chip > .crea-social-svg {
  max-width: none;
  overflow: visible;
  color: #fff;
  font-size: 26px;
  line-height: 1;
  text-align: center;
}

.service-proof-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 26px auto 42px;
}

.service-proof-row span {
  min-height: 64px;
  padding: 14px;
  border: 1px solid #dce6f3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(17, 24, 39, .07);
  color: #5b6473;
  font-size: 13px;
}

.service-proof-row strong {
  display: block;
  margin-bottom: 4px;
  color: #111827;
  font-size: 16px;
}

.crea-home-flow {
  padding: 58px 0 68px;
  background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.crea-home-flow .section-heading-left {
  max-width: 820px;
  margin-bottom: 28px;
}

.crea-home-flow .section-heading-left > span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  margin-bottom: 12px;
  border-radius: 7px;
  color: #fff;
  background: #0f73d9;
  font-size: 14px;
  font-weight: 900;
}

.crea-home-flow .section-heading-left h2 {
  max-width: 760px;
  margin: 0;
  color: #1f2937;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.18;
  font-weight: 950;
  letter-spacing: 0;
}

.crea-home-flow .section-heading-left p {
  max-width: 780px;
  margin: 14px 0 0;
  color: #5b6473;
  font-size: 17px;
  line-height: 1.65;
}

.home-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.home-flow-steps {
  margin: 8px 0 0;
  row-gap: 32px;
}

.single_work_step {
  position: relative;
  text-align: center;
}

.single_work_step > div {
  position: relative;
  max-width: 245px;
  margin: 0 auto;
  padding: 0 8px;
}

.single_work_step .step-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  margin: 0 auto 18px;
  color: #111d99;
  background: #fff;
  border-radius: 50%;
  transition: transform .28s ease, color .28s ease, background .28s ease;
}

.single_work_step .step-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 5px dotted #111d99;
  border-radius: 50%;
  transition: border-color .28s ease, transform .28s ease;
}

.single_work_step .step-icon i {
  position: relative;
  z-index: 1;
  font-style: italic;
  font-size: 48px;
  line-height: 1;
  font-weight: 500;
}

.single_work_step:hover .step-icon,
.single_work_step:focus-within .step-icon {
  color: #ff760a;
  background: #fff8f1;
  transform: translateY(-4px);
}

.single_work_step:hover .step-icon::before,
.single_work_step:focus-within .step-icon::before {
  border-color: #ff760a;
  animation: creaStepOrbit 1.2s linear infinite;
}

@keyframes creaStepOrbit {
  to { transform: rotate(360deg); }
}

.single_work_step .arrow {
  position: absolute;
  top: 88px;
  right: -18px;
  color: #111;
  font-size: 62px;
  line-height: 1;
}

.single_work_step h3 {
  min-height: 52px;
  margin: 0 0 8px;
  color: #474952;
  font-size: 21px;
  line-height: 1.16;
  font-weight: 900;
  transition: color .28s ease;
}

.single_work_step:hover h3,
.single_work_step:focus-within h3 {
  color: #111d99;
}

.single_work_step p {
  max-width: 220px;
  margin: 0 auto;
  color: #555b66;
  font-size: 17px;
  line-height: 1.42;
}

.home-flow-card {
  position: relative;
  min-height: 292px;
  padding: 26px 22px 24px;
  overflow: hidden;
  border: 1px solid rgba(15, 115, 217, .12);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(17, 24, 39, .08);
}

.home-flow-card::after {
  content: "";
  position: absolute;
  right: -48px;
  bottom: -48px;
  width: 126px;
  height: 126px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(15, 115, 217, .12), transparent 68%);
  pointer-events: none;
}

.home-flow-number {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #ff760a, #ff9b36);
  box-shadow: 0 12px 24px rgba(255, 118, 10, .24);
  font-size: 18px;
  font-weight: 950;
}

.home-flow-card i {
  position: absolute;
  top: 25px;
  right: 22px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  color: #0f73d9;
  background: #eef7ff;
  font-size: 18px;
}

.home-flow-card h3 {
  margin: 0 0 10px;
  color: #172033;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 950;
}

.home-flow-card p {
  margin: 0;
  color: #5d6676;
  font-size: 15px;
  line-height: 1.62;
}

.crea-trust-ribbon {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px 14px;
  margin: 22px auto 24px;
  padding: 16px;
  border: 1px solid rgba(22, 163, 74, .38);
  border-radius: 14px;
  background: linear-gradient(135deg, #f0fff4 0%, #e8f9ef 55%, #f8fff9 100%);
  box-shadow: 0 18px 42px rgba(20, 83, 45, .12);
}

.crea-trust-ribbon-compact {
  margin: 0;
}

.platform-trust-strip {
  padding: 0 0 28px;
  background: #fff;
}

.crea-trust-ribbon-item {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: #173d2a;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
}

.crea-trust-ribbon-item i {
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  color: #13743f;
  background: #d8f5e4;
  box-shadow: inset 0 0 0 1px rgba(20, 83, 45, .08);
}

.crea-trust-ribbon-item strong,
.crea-trust-ribbon-item small {
  display: block;
}

.crea-trust-ribbon-item small {
  margin-top: 2px;
  color: #40624e;
  font-size: 11px;
  font-weight: 650;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.cookie-popup,
.cookie-popup.center {
  left: 18px !important;
  right: auto !important;
  bottom: 18px !important;
  transform: none !important;
  width: min(300px, calc(100vw - 32px)) !important;
  text-align: left !important;
  z-index: 1200 !important;
  padding: 18px !important;
}

.cookie-popup .button-container {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
}

.offcanvas.offcanvas-end:not(.show) {
  display: none !important;
  visibility: hidden;
  transform: translateX(100%);
}

.header-menu [data-bs-theme="dark"],
.header-menu .navbar {
  color: #111827;
}

.header-menu .navbar-brand img {
  max-width: 235px;
  height: 42px;
  object-fit: contain;
}

.crea-brand-logo {
  display: inline-grid;
  align-items: center;
  width: min(258px, 52vw);
  height: var(--crea-logo-height, 42px);
}

.crea-brand-logo img {
  width: 100%;
  height: var(--crea-logo-height, 42px) !important;
  object-fit: contain;
}

.crea-brand-logo .crea-logo-dark {
  display: none;
}

html[data-bs-theme="dark"] .crea-brand-logo .crea-logo-light {
  display: none;
}

html[data-bs-theme="dark"] .crea-brand-logo .crea-logo-dark {
  display: block;
}

.fa-twitter,
.fa-x,
.fa-square-x-twitter,
.bi-twitter-x,
.bi-tiktok,
.bi-threads {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
  font-style: normal;
}

.fa-twitter::before,
.fa-x::before,
.fa-square-x-twitter::before,
.bi-twitter-x::before {
  content: "\e61f" !important;
}

.bi-tiktok::before {
  content: "\e07b" !important;
}

.bi-threads::before {
  content: "\e618" !important;
}

.fa-tiktok::before,
.bi-tiktok::before {
  content: "\e07b" !important;
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}

.crea-social-svg {
  display: inline-flex;
  width: 1.05em;
  height: 1.05em;
  align-items: center;
  justify-content: center;
  vertical-align: -0.16em;
  flex: 0 0 auto;
}

.crea-social-svg svg {
  width: 1em;
  height: 1em;
  overflow: visible;
}

.crea-social-svg-tiktok .tk-cyan {
  fill: #25f4ee;
  transform: translate(-1px, 1px);
}

.crea-social-svg-tiktok .tk-pink {
  fill: #fe2c55;
  transform: translate(1px, -1px);
}

.crea-social-svg-tiktok .tk-main {
  fill: currentColor;
}

.fa-x-twitter::before,
.bi-twitter-x::before,
.fa-twitter::before,
.fa-x::before {
  content: "X" !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-weight: 950 !important;
}

.fa-threads::before,
.bi-threads::before {
  content: "@" !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-weight: 950 !important;
}

.crea-main-nav {
  gap: 2px;
  margin-left: 18px;
  max-width: min(920px, calc(100vw - 520px));
  overflow-x: auto;
  scrollbar-width: none;
  flex-wrap: nowrap;
}

.crea-main-nav::-webkit-scrollbar {
  display: none;
}

.crea-account-cta,
.crea-wallet-cta {
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 9px 13px;
  border: 1px solid rgba(255, 118, 10, .24);
  border-radius: 999px;
  background: linear-gradient(135deg, #ff760a, #ff9a3d);
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(255, 118, 10, .22);
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.crea-account-cta {
  margin-left: auto;
}

.crea-wallet-cta {
  margin-left: 10px;
  border-color: rgba(15, 115, 217, .22);
  background: linear-gradient(135deg, #0f73d9, #15a1ff);
  box-shadow: 0 14px 26px rgba(15, 115, 217, .18);
}

.crea-account-cta:hover,
.crea-account-cta:focus-visible,
.crea-wallet-cta:hover,
.crea-wallet-cta:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, #0f73d9, #15a1ff);
  box-shadow: 0 16px 30px rgba(15, 115, 217, .22);
  transform: translateY(-1px);
}

.crea-account-cta i,
.crea-wallet-cta i {
  color: currentColor;
  font-size: 15px;
}

.crea-nav-item {
  position: static;
}

.crea-nav-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  background: transparent;
  color: #111827;
  font-weight: 700;
  padding: 12px 10px;
  border-radius: 10px;
  white-space: nowrap;
}

.crea-nav-toggle:hover,
.crea-nav-item.is-open .crea-nav-toggle {
  background: #f3f7ff;
  color: #0f73d9;
}

.crea-nav-item.is-pinned .crea-nav-toggle {
  box-shadow: inset 0 0 0 1px rgba(15, 115, 217, .18);
}

.crea-mega {
  display: none;
  position: fixed;
  top: 96px;
  left: 50%;
  transform: translateX(-50%);
  width: min(980px, calc(100vw - 32px));
  padding: 22px;
  border: 1px solid rgba(15, 115, 217, .12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 28px 70px rgba(17, 24, 39, .18);
  z-index: 1050;
  max-height: min(72vh, 620px);
  overflow: auto;
}

.crea-nav-item.is-open .crea-mega {
  display: block;
}

.crea-mega-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.crea-mega a {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #111827;
  font-weight: 700;
  padding: 10px;
  border-radius: 12px;
  text-decoration: none;
}

.crea-mega-service {
  min-height: 48px;
  line-height: 1.2;
}

.crea-mega-service-icon {
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  color: #0f73d9;
  background: #edf6ff;
  box-shadow: inset 0 0 0 1px rgba(15, 115, 217, .08);
}

.crea-mega-service:hover .crea-mega-service-icon,
.crea-mega-service:focus-visible .crea-mega-service-icon {
  color: #fff;
  background: linear-gradient(135deg, #0f73d9, #15a1ff);
}

.crea-mega a:hover {
  background: #eef6ff;
  color: #0f73d9;
}

.crea-mega .crea-mega-category {
  grid-column: 1 / -1;
  color: #fff;
  background: linear-gradient(100deg, #0f73d9, #15a1ff);
  box-shadow: 0 12px 30px rgba(15, 115, 217, .18);
}

.crea-mega .crea-mega-category:hover {
  color: #fff;
  background: linear-gradient(100deg, #0f73d9, #ff760a);
}

.crea-mega-grid-other {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.crea-mega-category-lite {
  min-height: 52px;
  border: 1px solid rgba(15, 115, 217, .1);
  background: #fff;
}

.crea-nav-more .crea-mega {
  width: min(760px, calc(100vw - 32px));
}

.crea-mobile-category {
  font-weight: 900;
  color: #0f73d9 !important;
}

.crea-mobile-menu {
  padding: 0 24px 24px;
}

.crea-mobile-account-cta,
.crea-mobile-wallet-cta {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  margin-bottom: 12px;
  padding: 12px 14px !important;
  border-radius: 14px;
  background: linear-gradient(135deg, #ff760a, #ff9a3d);
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(255, 118, 10, .22);
  font-weight: 900;
  text-decoration: none;
}

.crea-mobile-wallet-cta {
  background: linear-gradient(135deg, #0f73d9, #15a1ff);
}

.crea-mobile-account-cta i,
.crea-mobile-wallet-cta i {
  width: auto !important;
  color: currentColor !important;
}

.crea-mobile-menu details {
  border-bottom: 1px solid rgba(17, 24, 39, .08);
  padding: 10px 0;
}

.crea-mobile-menu summary {
  font-weight: 800;
  color: #111827;
}

.crea-mobile-menu a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0 8px 16px;
  color: #263241;
  text-decoration: none;
}

.crea-mobile-menu a i {
  width: 22px;
  color: #0f73d9;
  text-align: center;
}

.crea-store {
  background: #fff;
  color: #172033;
}

.crea-container {
  width: min(1180px, calc(100vw - 32px));
  margin: 0 auto;
}

.crea-hero {
  padding: 120px 0 54px;
  background:
    radial-gradient(circle at 15% 18%, rgba(51, 166, 255, .16), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f4f8ff 45%, #fff3f7 100%);
}

.crea-hero.compact {
  padding: 112px 0 50px;
}

.crea-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .75fr);
  gap: 44px;
  align-items: center;
}

.crea-hero h1 {
  max-width: 760px;
  font-size: clamp(42px, 6vw, 76px);
  line-height: .95;
  font-weight: 900;
  letter-spacing: 0;
  margin: 0 0 22px;
  color: #111827;
}

.crea-hero p {
  max-width: 720px;
  font-size: 18px;
  line-height: 1.7;
  color: #4b5563;
}

.crea-hero-actions,
.target-input-row,
.trial-type-row,
.quantity-custom,
.payment-options {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.btn.primary,
.crea-store .btn.primary {
  border: 0;
  color: #fff;
  background: linear-gradient(100deg, #ff5b2d, #ff8a59, #0f86f7);
  background-size: 220% 220%;
  box-shadow: 0 16px 36px rgba(255, 91, 45, .24);
  animation: creaGradient 5s ease infinite;
}

.btn.secondary,
.crea-store .btn.secondary {
  color: #10243f;
  background: #fff;
  border: 1px solid rgba(16, 36, 63, .12);
}

@keyframes creaGradient {
  0%, 100% { background-position: 0 50%; }
  50% { background-position: 100% 50%; }
}

.crea-live-strip {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.crea-live-strip strong,
.crea-live-strip span {
  border-radius: 999px;
  background: #fff;
  padding: 9px 13px;
  box-shadow: 0 10px 24px rgba(17, 24, 39, .08);
}

.entry-price-note {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  width: max-content;
  max-width: 100%;
  margin-top: 14px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 118, 10, .26);
  border-radius: 999px;
  color: #8a3300;
  background: #fff7ed;
  box-shadow: 0 12px 26px rgba(255, 118, 10, .12);
}

.entry-price-note strong {
  font-size: 18px;
  font-weight: 950;
}

.entry-price-note span {
  color: #6b7280;
  font-size: 12px;
  font-weight: 800;
}

.panel-heading .entry-price-note {
  margin-inline: auto;
}

.flag,
.review-flag {
  display: inline-block;
  width: 18px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid rgba(17, 24, 39, .18);
  box-shadow: 0 1px 2px rgba(17, 24, 39, .14);
  vertical-align: -1px;
  overflow: hidden;
}

.review-flag {
  margin-left: 4px;
}

.flag-es,
.flag.es {
  background: linear-gradient(to bottom, #c60b1e 0 25%, #ffc400 25% 75%, #c60b1e 75% 100%);
}

.flag-mx {
  background: linear-gradient(to right, #006847 0 33%, #fff 33% 66%, #ce1126 66% 100%);
}

.flag-co {
  background: linear-gradient(to bottom, #fcd116 0 50%, #003893 50% 75%, #ce1126 75% 100%);
}

.flag-ar {
  background: linear-gradient(to bottom, #74acdf 0 33%, #fff 33% 66%, #74acdf 66% 100%);
}

.flag-cl {
  background: linear-gradient(to bottom, #fff 0 50%, #d52b1e 50% 100%);
  position: relative;
}

.flag-cl::before {
  content: "";
  position: absolute;
  inset: 0 62% 50% 0;
  background: #0039a6;
}

.flag-pe {
  background: linear-gradient(to right, #d91023 0 33%, #fff 33% 66%, #d91023 66% 100%);
}

.crea-free-trial-spotlight {
  width: min(720px, 100%);
  margin: 18px auto 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  text-decoration: none;
  color: #172033;
  padding: 14px 18px;
  border-radius: 20px;
  border: 1px solid rgba(255, 112, 26, .28);
  background: linear-gradient(135deg, rgba(255, 246, 232, .98), rgba(255, 255, 255, .95));
  box-shadow: 0 18px 46px rgba(255, 112, 26, .16);
}

.crea-free-trial-spotlight span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #ff7a18, #ff2d55);
  box-shadow: 0 10px 24px rgba(255, 86, 34, .26);
}

.crea-free-trial-spotlight strong {
  display: block;
  font-size: 16px;
  font-weight: 950;
}

.crea-free-trial-spotlight small {
  display: block;
  color: #667085;
  font-weight: 750;
  line-height: 1.35;
}

.crea-free-trial-spotlight em {
  font-style: normal;
  font-weight: 950;
  color: #ff4d1f;
  white-space: nowrap;
}

.hero-phone {
  width: min(360px, 100%);
  margin-left: auto;
  border-radius: 34px;
  padding: 20px;
  background: #0f172a;
  box-shadow: 0 30px 80px rgba(15, 23, 42, .28);
}

.hero-phone-top {
  width: 96px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.25);
  margin: 0 auto 20px;
}

.hero-profile-row {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #fff;
  margin-bottom: 18px;
}

.hero-profile-row small {
  display: block;
  color: #b6c6dd;
}

.avatar-dot {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff5b2d, #15a1ff);
}

.hero-media-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.hero-media-grid span {
  aspect-ratio: 1;
  border-radius: 14px;
  background: linear-gradient(135deg, #dbeafe, #fb7185);
}

.hero-order-preview {
  margin-top: 16px;
  padding: 14px;
  border-radius: 18px;
  color: #fff;
  background: rgba(255,255,255,.1);
}

.hero-order-preview small {
  display: block;
  color: #b6c6dd;
}

.crea-network-band,
.crea-trust-band,
.crea-seo-content,
.crea-reviews,
.crea-faq,
.crea-related {
  padding: 64px 0;
}

.network-grid,
.trust-grid,
.review-grid,
.related-grid,
.blog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.network-grid article,
.network-grid a,
.trust-grid article,
.review-grid article,
.related-grid a,
.blog-card,
.target-card,
.email-step-card,
.quantity-section,
.media-section,
.trial-selector-card,
.summary-card {
  border: 1px solid rgba(17, 24, 39, .1);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(17, 24, 39, .07);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.network-grid article,
.network-grid a,
.trust-grid article,
.review-grid article,
.related-grid a {
  padding: 20px;
  text-decoration: none;
  color: #172033;
}

.network-grid a:hover,
.network-grid a:focus-visible,
.related-grid a:hover,
.related-grid a:focus-visible,
.review-grid article:hover,
.review-grid article:focus-within,
.blog-card:hover,
.blog-card:focus-within,
.silo-service-card:hover,
.silo-service-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(15, 115, 217, .32);
  box-shadow: 0 22px 52px rgba(15, 115, 217, .14);
}

.trust-grid article strong,
.network-grid a strong,
.network-grid article strong,
.related-grid a strong {
  display: block;
  margin-bottom: 6px;
}

.trust-grid-premium {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.trust-grid-premium article {
  border-color: rgba(22, 163, 74, .22);
  background: linear-gradient(180deg, #ffffff 0%, #f3fff6 100%);
}

.trust-grid-premium article i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 12px;
  border-radius: 12px;
  color: #138044;
  background: #dff8e8;
  font-size: 18px;
}

.trust-grid-premium article span {
  color: #516070;
  font-size: 14px;
  line-height: 1.45;
}

.network-grid a small {
  display: inline-flex;
  width: max-content;
  margin-top: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  color: #b44705;
  background: #fff2e8;
  font-size: 12px;
  font-weight: 950;
}

.network-grid .network-card {
  --network-start: #0f73d9;
  --network-end: #ff6b1a;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  gap: 3px 14px;
  align-items: center;
  min-height: 132px;
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, var(--network-start), var(--network-end));
  box-shadow: 0 22px 48px color-mix(in srgb, var(--network-start) 24%, transparent);
}

.network-grid .network-card::before {
  content: "";
  position: absolute;
  inset: -42% -18% auto auto;
  width: 160px;
  height: 160px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .2);
  z-index: -1;
}

.network-grid .network-card::after {
  content: "";
  position: absolute;
  inset: auto 12px 12px auto;
  width: 68px;
  height: 68px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .08);
  transform: rotate(12deg);
  z-index: -1;
}

.network-grid .network-card i,
.network-grid .network-card .crea-social-svg {
  grid-row: 1 / span 3;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 17px;
  color: #fff;
  background: rgba(255, 255, 255, .18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22), 0 12px 24px rgba(0, 0, 0, .14);
  font-size: 24px;
}

.network-grid .network-card .crea-social-svg svg {
  width: 26px;
  height: 26px;
}

.network-grid .network-card .crea-social-svg .tk-main,
.network-grid .network-card .crea-social-svg .tk-shadow {
  fill: #fff;
}

.network-grid .network-card strong,
.network-grid .network-card span,
.network-grid .network-card small {
  color: #fff;
}

.network-grid .network-card strong {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0;
}

.network-grid .network-card span {
  opacity: .88;
  font-weight: 800;
}

.network-grid .network-card small {
  margin-top: 6px;
  background: rgba(255, 255, 255, .18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
}

.network-grid .network-card:hover,
.network-grid .network-card:focus-visible {
  transform: translateY(-4px);
  border-color: transparent;
  box-shadow: 0 30px 72px color-mix(in srgb, var(--network-start) 34%, transparent);
}

.network-grid .network-card-instagram { --network-start: #f58529; --network-end: #dd2a7b; }
.network-grid .network-card-tiktok { --network-start: #111827; --network-end: #ff2d55; }
.network-grid .network-card-youtube { --network-start: #ff0033; --network-end: #b91c1c; }
.network-grid .network-card-x,
.network-grid .network-card-twitter,
.network-grid .network-card-x-twitter { --network-start: #111827; --network-end: #374151; }
.network-grid .network-card-facebook { --network-start: #1877f2; --network-end: #0f4da8; }
.network-grid .network-card-linkedin { --network-start: #0a66c2; --network-end: #004182; }
.network-grid .network-card-whatsapp { --network-start: #25d366; --network-end: #128c7e; }
.network-grid .network-card-telegram { --network-start: #2aabee; --network-end: #1477b8; }
.network-grid .network-card-twitch { --network-start: #9146ff; --network-end: #5f22c8; }
.network-grid .network-card-discord { --network-start: #5865f2; --network-end: #3442c7; }
.network-grid .network-card-pinterest { --network-start: #e60023; --network-end: #a3081e; }
.network-grid .network-card-reddit { --network-start: #ff4500; --network-end: #c53700; }
.network-grid .network-card-snapchat { --network-start: #f8d900; --network-end: #ff9f1c; }
.network-grid .network-card-threads { --network-start: #0f172a; --network-end: #4b5563; }
.network-grid .network-card-cuentas { --network-start: #0f766e; --network-end: #14b8a6; }
.network-grid .network-card-seo { --network-start: #16a34a; --network-end: #0f766e; }

.order-shell,
.product .order-shell {
  width: min(1180px, calc(100vw - 32px));
  max-width: min(1180px, calc(100vw - 32px));
  margin: 54px auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 370px;
  gap: 22px;
  align-items: start;
}

.order-main,
.product .order-main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.steps {
  display: flex;
  gap: 8px;
}

.steps span {
  padding: 9px 14px;
  border-radius: 999px;
  background: #eef2f7;
  font-weight: 800;
  color: #667085;
  cursor: pointer;
  transition: color .18s ease, background .18s ease, transform .18s ease;
}

.steps span:hover,
.steps span:focus-visible {
  color: #0f73d9;
  background: #e7f2ff;
  outline: none;
  transform: translateY(-1px);
}

.steps span[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .55;
}

.steps span[aria-disabled="true"]:hover,
.steps span[aria-disabled="true"]:focus-visible {
  transform: none;
}

.steps span.active {
  color: #0f73d9;
  background: #e7f2ff;
}

.confirmed-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.confirmed-profile-actions .btn.slim {
  min-height: 34px;
  padding: 8px 12px;
  font-size: 13px;
}

.target-card,
.email-step-card,
.quantity-section,
.media-section,
.trial-selector-card,
.summary-card {
  padding: 24px;
}

.order-shell [data-step-panel] {
  animation: creaStepPanelIn .32s ease both;
}

.order-shell.flow-step-1 [data-step-panel]:not([data-step-panel="target"]),
.order-shell.flow-step-2 [data-step-panel]:not([data-step-panel="email"]),
.order-shell.flow-step-3:not(.target-confirmed) [data-step-panel]:not([data-step-panel="target"]),
.order-shell.flow-step-3.target-confirmed.primary-package-open [data-step-panel]:not([data-step-panel="package"]),
.order-shell.flow-step-3.target-confirmed:not(.primary-package-open) [data-step-panel]:not([data-step-panel="extras"]),
.order-shell.flow-step-4 [data-step-panel]:not([data-step-panel="extras"]) {
  display: none !important;
}

.order-shell.flow-step-3:not(.target-confirmed) .target-card .target-input-row,
.order-shell.flow-step-3:not(.target-confirmed) .target-card > h2,
.order-shell.flow-step-3:not(.target-confirmed) .target-card > p {
  display: none !important;
}

.order-shell.flow-step-3:not(.target-confirmed) .target-card {
  max-width: 760px;
  margin-inline: auto;
}

@keyframes creaStepPanelIn {
  from {
    opacity: 0;
    transform: translateX(26px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.target-input-row input,
.email-step-row input,
.manual-target input,
.summary-card input,
.trial-email-form input,
.quantity-custom input[type="number"] {
  min-height: 48px;
  border: 1px solid rgba(17, 24, 39, .16);
  border-radius: 12px;
  padding: 0 14px;
  flex: 1;
  color: #172033;
  background: #fff;
}

.email-step-card[hidden] {
  display: none !important;
}

.primary-package-panel[hidden] {
  display: none !important;
}

.primary-package-panel {
  animation: crea-panel-slide .28s ease both;
}

@keyframes crea-panel-slide {
  from {
    opacity: 0;
    transform: translateX(24px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.primary-package-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.primary-package-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff7ed, #fff);
  border: 1px solid rgba(255, 107, 26, .22);
}

.primary-package-preview span {
  color: #667085;
  font-weight: 850;
}

.primary-package-preview strong {
  color: #172033;
  font-size: 22px;
  font-weight: 950;
}

.primary-package-preview small {
  color: #ff6b1a;
  font-weight: 900;
}

.primary-package-actions .btn {
  min-height: 46px;
}

.email-step-row {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.newsletter-inline,
.dripfeed-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px;
  color: #344054;
  font-weight: 750;
}

.newsletter-inline input,
.dripfeed-option input {
  margin-top: 4px;
}

.dripfeed-option {
  padding: 14px;
  border: 1px solid rgba(15, 115, 217, .18);
  border-radius: 14px;
  background: #f4f9ff;
}

.dripfeed-option strong,
.follower-boost-head strong {
  display: block;
  color: #172033;
  font-weight: 950;
}

.dripfeed-option small,
.follower-boost-head span {
  display: block;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}

.dripfeed-config {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.dripfeed-config[hidden] {
  display: none !important;
}

.dripfeed-config label {
  display: grid;
  gap: 5px;
  color: #667085;
  font-size: 12px;
  font-weight: 850;
}

.dripfeed-config input {
  min-height: 42px;
  border: 1px solid rgba(17, 24, 39, .14);
  border-radius: 11px;
  padding: 0 10px;
}

.boost-followers-btn {
  margin-left: 8px;
  border: 0;
  border-radius: 999px;
  padding: 7px 11px;
  color: #fff;
  background: linear-gradient(135deg, #0f73d9, #15a1ff);
  font-size: 12px;
  font-weight: 950;
  box-shadow: 0 10px 24px rgba(15, 115, 217, .22);
}

.follower-boost-panel {
  display: none;
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(15, 115, 217, .16);
  border-radius: 16px;
  background: linear-gradient(180deg, #fff, #f4f9ff);
}

.follower-boost-panel.is-open {
  display: grid;
  gap: 12px;
}

.follower-boost-controls {
  display: grid;
  grid-template-columns: 1fr 120px auto;
  gap: 10px;
  align-items: center;
}

.follower-boost-controls select,
.follower-boost-controls input {
  min-height: 42px;
  border: 1px solid rgba(17, 24, 39, .14);
  border-radius: 11px;
  padding: 0 10px;
  background: #fff;
}

.metric-add-grid {
  display: grid;
  gap: 8px;
}

.metric-add-btn {
  width: 100%;
  border: 1px dashed rgba(15, 115, 217, .34);
  border-radius: 11px;
  padding: 8px 10px;
  color: #0f73d9;
  background: #f5faff;
  font-weight: 900;
  text-align: left;
  font-size: 12px;
  line-height: 1.2;
}

.metric-add-btn:hover,
.metric-add-btn:focus-visible {
  border-style: solid;
  background: #eaf4ff;
}

.metric-control {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(17, 24, 39, .1);
  border-radius: 11px;
  background: #fff;
  min-width: 0;
}

.metric-control + .metric-control,
.metric-add-btn + .metric-control,
.metric-control + .metric-add-btn {
  margin-top: 7px;
}

.metric-control-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 22px;
  gap: 5px;
  align-items: center;
  min-width: 0;
}

.metric-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.metric-price-preview {
  min-width: 0;
  text-align: right;
  color: #172033;
  font-weight: 950;
  white-space: nowrap;
  font-size: 11px;
}

.metric-price-preview small {
  display: block;
  color: #ff6b1a;
  font-size: 10px;
  font-weight: 900;
}

.metric-price-preview.is-calculating,
.visual-cart-line em.is-calculating {
  color: #667085;
  font-weight: 850;
}

.metric-price-preview.is-calculating strong::before,
.visual-cart-line em.is-calculating::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border: 2px solid rgba(15, 115, 217, .22);
  border-top-color: #0f73d9;
  border-radius: 999px;
  vertical-align: -1px;
  animation: creaSpin .7s linear infinite;
}

@keyframes creaSpin {
  to { transform: rotate(360deg); }
}

.metric-remove {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(17, 24, 39, .12);
  border-radius: 999px;
  color: #667085;
  background: #f8fafc;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.comment-count-hint {
  color: #667085;
  font-size: 11px;
  font-weight: 800;
}

.comment-count-stepper {
  grid-template-columns: minmax(0, 1fr);
}

.comment-count-stepper .metric-input {
  background: #f8fbff;
}

.cart-quality-bar {
  display: grid;
  gap: 10px;
  margin-bottom: 10px;
  padding: 12px;
  border: 1px solid rgba(15, 115, 217, .14);
  border-radius: 14px;
  background: linear-gradient(135deg, #f7fbff, #fff);
}

.cart-quality-copy strong {
  display: block;
  color: #172033;
  font-size: 13px;
  font-weight: 950;
}

.cart-quality-copy p {
  margin: 3px 0 0;
  color: #667085;
  font-size: 11px;
  line-height: 1.35;
}

.cart-quality-options,
.cart-tier-buttons,
.media-tier-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.cart-quality-options button,
.cart-tier-buttons button,
.media-tier-buttons button {
  border: 1px solid rgba(17, 24, 39, .12);
  border-radius: 10px;
  background: #fff;
  color: #172033;
  font-weight: 900;
  cursor: pointer;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.cart-quality-options button {
  display: grid;
  gap: 2px;
  padding: 8px 6px;
  font-size: 11px;
}

.cart-quality-options button strong {
  color: #ff6b1a;
  font-size: 12px;
}

.cart-tier-buttons {
  margin-top: 7px;
}

.cart-tier-buttons button,
.media-tier-buttons button {
  min-height: 30px;
  padding: 5px 4px;
  font-size: 10px;
}

.media-tier-buttons {
  margin: 0 0 8px;
  padding: 4px;
  border: 1px solid rgba(15, 115, 217, .12);
  border-radius: 12px;
  background: rgba(15, 115, 217, .04);
}

.cart-quality-options button.active,
.cart-tier-buttons button.active,
.media-tier-buttons button.active {
  border-color: #0f73d9;
  color: #0f73d9;
  box-shadow: 0 8px 18px rgba(15, 115, 217, .12);
}

.cart-quality-options button:hover,
.cart-tier-buttons button:hover,
.media-tier-buttons button:hover {
  transform: translateY(-1px);
}

.metric-remove:hover,
.metric-remove:focus-visible {
  border-color: rgba(255, 107, 26, .45);
  color: #ff5a1f;
  background: #fff4ee;
}

.comment-options.is-random .comment-textarea {
  display: none;
}

.preset-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}

.preset,
.tier {
  border: 2px solid #d9e2ef;
  border-radius: 16px;
  background: #f8fafc;
  color: #172033;
  padding: 14px;
  text-align: left;
}

.tier {
  position: relative;
  min-height: 86px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(180deg, #ffffff, #f5f8fc);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 22px rgba(17, 24, 39, .06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.tier span {
  font-size: 17px;
  font-weight: 950;
  line-height: 1.1;
}

.tier small {
  color: #667085;
  font-size: 12px;
  line-height: 1.25;
}

.tier em {
  display: inline-flex;
  width: max-content;
  padding: 2px 7px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(90deg, #0f73d9, #00a7ff);
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.tier::before {
  content: "\f00c";
  position: absolute;
  top: 10px;
  right: 10px;
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  color: transparent;
  background: #e8eef6;
  font-family: "Font Awesome 6 Free";
  font-size: 11px;
  font-weight: 900;
}

.preset.active,
.tier.active {
  border-color: #0f73d9;
  outline: 2px solid rgba(15, 115, 217, .72);
  outline-offset: 3px;
  background: #f3f9ff;
  box-shadow: 0 0 0 4px rgba(15, 115, 217, .12), 0 16px 34px rgba(15, 115, 217, .16);
}

.tier.active::before {
  color: #fff;
  background: #0f73d9;
}

.tier:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(17, 24, 39, .1);
}

.tier.premium-tier {
  border-color: rgba(15, 115, 217, .28);
  background: linear-gradient(135deg, #fff, #eef7ff 58%, #fff6ec);
}

.tier.premium-tier span {
  color: #0f73d9;
}

.tier.vip-tier {
  color: #fff;
  border-color: rgba(255,255,255,.5);
  background: linear-gradient(120deg, #7c3aed, #e11d48, #ff7a1a);
  background-size: 220% 220%;
  animation: creaGradient 6s ease infinite;
}

.tier.vip-tier small {
  color: rgba(255,255,255,.9);
}

.tier.vip-tier::after {
  content: "";
  position: absolute;
  inset: -40% auto -40% -60%;
  width: 55%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
  animation: vipSweep 3.8s ease-in-out infinite;
}

.tier.vip-tier::before {
  background: rgba(255,255,255,.22);
}

.tier.vip-tier.active {
  border-color: #fffbeb;
  outline-color: rgba(255, 118, 10, .95);
  box-shadow: 0 0 0 4px rgba(255, 118, 10, .42), 0 18px 42px rgba(124, 58, 237, .32);
}

.tier.vip-tier.active::before {
  color: #7c3aed;
  background: #fff;
}

.crea-free-trial-page .trial-tiers .vip-tier {
  color: #172033;
  border-style: dashed;
  border-color: #d9e2ef;
  background: #fff;
  animation: none;
}

.crea-free-trial-page .trial-tiers .vip-tier::after {
  display: none;
}

.crea-free-trial-page .trial-tiers .vip-tier small {
  color: #667085;
}

.crea-free-trial-page .trial-tiers .vip-tier::before {
  background: #e8eef6;
}

@keyframes vipSweep {
  0%, 42% { left: -60%; }
  72%, 100% { left: 115%; }
}

.tiers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.media-grid.empty {
  min-height: 140px;
  display: grid;
  place-items: center;
  background: #f8fafc;
  border-radius: 16px;
}

.manual-target {
  margin-top: 16px;
}

.order-shell.manual-only-flow .media-section {
  display: none;
}

.order-shell.manual-only-flow .target-card {
  border-color: rgba(15, 115, 217, .18);
}

.order-shell.manual-only-flow .visual-cart.empty p {
  margin: 0;
}

.summary-card {
  position: sticky;
  top: 94px;
}

.summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.summary-head span,
.checkout-review-label {
  display: block;
  color: #ff6b1a;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.summary-head h2 {
  margin: 0;
}

.summary-head button {
  border: 0;
  border-radius: 999px;
  padding: 9px 13px;
  color: #fff;
  background: linear-gradient(135deg, #ff5b2d, #ff8a59);
  font-weight: 950;
  box-shadow: 0 12px 30px rgba(255, 91, 45, .22);
}

.summary-mini {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 0 0;
  color: #667085;
  font-weight: 850;
}

.summary-mini strong {
  color: #172033;
  font-size: 20px;
  font-weight: 950;
}

.summary-card.is-collapsed .summary-body {
  display: none;
}

.summary-card.is-payment-mode {
  border-color: rgba(255, 91, 45, .34);
  box-shadow: 0 26px 70px rgba(255, 91, 45, .16), 0 18px 54px rgba(15, 23, 42, .08);
}

.summary-card.is-payment-mode .summary-head button {
  background: #111827;
}

.summary-card.is-payment-mode .checkout-review-label {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(15, 23, 42, .08);
}

.summary-body {
  animation: creaStepPanelIn .24s ease both;
}

.summary-card dl {
  display: grid;
  gap: 8px;
}

.summary-card dl div,
.total-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.total-line {
  margin: 16px 0;
  font-size: 20px;
}

.coupon-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin: 14px 0;
}

.coupon-row button {
  border: 0;
  border-radius: 12px;
  padding: 0 14px;
  font-weight: 800;
  color: #fff;
  background: #0f73d9;
}

.bundle-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin: 14px 0;
  padding: 13px;
  border: 1px solid rgba(236, 72, 153, .22);
  border-radius: 18px;
  background: linear-gradient(135deg, #fff1fb, #fff7ed);
}

.bundle-card > span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  color: #fff;
  background: radial-gradient(circle at 30% 20%, #ff7ac8, #f43f5e 58%, #ff6b1a);
  box-shadow: 0 12px 24px rgba(244, 63, 94, .24);
}

.bundle-card strong {
  display: block;
  color: #172033;
  font-weight: 950;
}

.bundle-card p {
  margin: 2px 0 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.4;
}

.billing-fields {
  display: grid;
  gap: 8px;
  margin: 10px 0;
}

.billing-fields[hidden] {
  display: none !important;
}

.invoice-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
  font-weight: 850;
}

.manual-cart-preview .btn {
  width: 100%;
  margin-top: 10px;
}

.manual-review-warning {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 91, 45, .24);
  border-radius: 14px;
  background: #fff7ed;
  color: #9a3412;
}

.manual-review-warning strong {
  display: block;
  color: #7c2d12;
  font-weight: 950;
}

.manual-review-warning p {
  margin: 4px 0 0;
  color: #9a3412;
  font-size: 12px;
  line-height: 1.4;
}

.success-box,
.alert-box {
  border-radius: 14px;
  padding: 14px 16px;
  font-weight: 700;
}

.success-box {
  border: 1px solid rgba(16, 185, 129, .28);
  color: #065f46;
  background: rgba(16, 185, 129, .1);
}

.alert-box {
  border: 1px solid rgba(239, 68, 68, .28);
  color: #7f1d1d;
  background: rgba(239, 68, 68, .08);
}

.trial-confirmed-box {
  max-width: 760px;
  margin: 18px auto 0;
  text-align: center;
}

.wallet-toggle,
.payment-options label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
}

.wallet-login-link {
  justify-content: center;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px dashed rgba(15, 115, 217, .42);
  border-radius: 12px;
  color: #0f73d9;
  font-weight: 800;
  text-decoration: none;
  background: rgba(15, 115, 217, .06);
}

.wallet-login-link:hover,
.wallet-login-link:focus-visible {
  color: #075baa;
  background: rgba(15, 115, 217, .11);
}

.crea-account-page .table td {
  vertical-align: top;
}

.crea-order-detail-row td {
  padding-top: 0 !important;
  background: #f8fbff;
  border-top: 0;
}

.crea-order-detail {
  margin: 0 0 10px;
  padding: 14px;
  border: 1px solid rgba(15, 115, 217, .12);
  border-radius: 14px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(15, 115, 217, .03);
}

.crea-order-detail summary {
  cursor: pointer;
  color: #0f73d9;
  font-weight: 900;
}

.crea-order-detail-grid,
.crea-order-field-list,
.crea-order-items-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.crea-order-detail-grid > div,
.crea-order-field-list > div,
.crea-order-items-list article {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 12px;
  background: #f9fbff;
}

.crea-order-detail-label,
.crea-order-field-list span,
.crea-order-target span,
.crea-order-items-list span,
.crea-order-item-meta em {
  display: block;
  color: #667085;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.crea-order-detail strong,
.crea-order-field-list strong,
.crea-order-items-list strong {
  display: block;
  overflow-wrap: anywhere;
  color: #172033;
}

.crea-order-target,
.crea-order-note,
.crea-order-note-list,
.crea-order-target-list {
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px;
  background: #f4f8ff;
}

.crea-order-target a,
.crea-order-target span,
.crea-order-note-list p,
.crea-order-note {
  overflow-wrap: anywhere;
}

.crea-order-note-list p {
  margin: 8px 0 0;
}

.crea-order-item-meta {
  margin-top: 8px;
  overflow-wrap: anywhere;
  color: #344054;
  font-size: 13px;
}

.content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 34px;
}

.faq-list {
  display: grid;
  gap: 10px;
  align-items: start;
}

.faq-list details {
  align-self: start;
  border: 1px solid rgba(17, 24, 39, .1);
  border-radius: 14px;
  padding: 16px 18px;
  background: #fff;
}

.faq-list summary {
  cursor: pointer;
  font-weight: 900;
}

.review-card-social {
  display: grid;
  gap: 14px;
}

.review-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.review-head strong {
  display: block;
  color: #172033;
  font-size: 15px;
}

.review-head small {
  display: block;
  margin-top: 2px;
  color: #667085;
  font-weight: 750;
}

.review-avatar {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #ff760a, #0f73d9);
  font-weight: 950;
}

.review-card-social .stars {
  color: #ff9f1a;
  letter-spacing: 2px;
}

.platform-silo-hero {
  padding: 66px 0 44px;
  background: linear-gradient(180deg, #fff, #f7fbff);
}

.silo-breadcrumb {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 22px;
  color: #667085;
  font-weight: 750;
}

.silo-breadcrumb a {
  color: #0f73d9;
  text-decoration: none;
}

.silo-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 30px;
  align-items: center;
}

.silo-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border-radius: 999px;
  color: #0f73d9;
  background: #eaf5ff;
  font-weight: 900;
}

.platform-silo h1 {
  max-width: 850px;
  margin: 18px 0;
  color: #172033;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.06;
  font-weight: 950;
}

.platform-silo-hero p {
  max-width: 760px;
  color: #5d6675;
  font-size: 18px;
  line-height: 1.72;
}

.silo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.silo-score-card {
  min-height: 260px;
  display: grid;
  align-content: center;
  padding: 28px;
  border: 1px solid rgba(15, 115, 217, .16);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 22px 54px rgba(17, 24, 39, .1);
}

.silo-score-card strong {
  color: #b94707;
  font-size: 72px;
  line-height: .9;
}

.silo-score-card span {
  margin: 8px 0;
  color: #172033;
  font-size: 22px;
  font-weight: 900;
}

.platform-service-section,
.platform-category-section,
.platform-silo-copy {
  padding: 58px 0;
}

.section-heading-left {
  max-width: 760px;
  margin-bottom: 24px;
}

.section-heading-left span {
  color: #ff760a;
  font-weight: 950;
}

.section-heading-left h2 {
  margin: 8px 0 0;
  color: #172033;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.16;
}

.silo-service-grid,
.silo-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.silo-service-card,
.silo-category-grid article {
  min-height: 180px;
  display: grid;
  gap: 9px;
  align-content: start;
  padding: 22px;
  border: 1px solid rgba(17, 24, 39, .1);
  border-radius: 16px;
  color: #172033;
  background: #fff;
  text-decoration: none;
  box-shadow: 0 16px 38px rgba(17, 24, 39, .07);
}

.silo-service-card i,
.silo-category-grid i {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  color: #fff;
  background: #0f73d9;
  font-size: 22px;
}

.silo-service-card strong,
.silo-category-grid strong {
  font-size: 18px;
  font-weight: 950;
}

.silo-service-card span,
.silo-category-grid p,
.platform-silo-copy p,
.platform-silo-copy li {
  color: #5d6675;
  line-height: 1.68;
}

.silo-service-card small {
  color: #ff760a;
  font-weight: 950;
}

.blog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: 42px;
  padding-bottom: 70px;
}

.blog-card {
  overflow: hidden;
}

.blog-card img,
.article-cover {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.blog-card div {
  padding: 18px;
}

.article-body {
  max-width: 860px;
  padding: 46px 0 80px;
  font-size: 18px;
  line-height: 1.8;
}

.article-body h2,
.article-body h3 {
  margin-top: 1.8em;
}

.legal-page .crea-hero {
  display: block !important;
}

.legal-content {
  max-width: 900px;
  padding: 48px 0 84px;
}

.legal-content section {
  padding: 24px 0;
  border-bottom: 1px solid rgba(17, 24, 39, .1);
}

.legal-content h2 {
  margin: 0 0 10px;
  color: #172033;
  font-size: 25px;
  font-weight: 950;
}

.legal-content p {
  margin: 0;
  color: #4f5968;
  font-size: 17px;
  line-height: 1.75;
}

.legal-contact-box {
  margin-top: 30px;
  padding: 22px;
  border: 1px solid rgba(15, 115, 217, .16);
  border-radius: 16px;
  background: #f3f9ff;
}

.crea-footer-legal-links {
  margin-top: 8px;
}

.crea-payment-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.crea-payment-badges span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(15, 115, 217, .18);
  border-radius: 999px;
  background: #fff;
  color: #172033;
  font-size: 13px;
  font-weight: 850;
  box-shadow: 0 8px 18px rgba(17, 24, 39, .06);
}

.private-precheck {
  margin-top: 10px;
  border-color: #ef4444;
  background: #fff1f2;
  color: #991b1b;
}

.private-precheck strong,
.private-block strong {
  color: #7f1d1d;
}

html[data-bs-theme="dark"],
html[data-bs-theme="dark"] body {
  background: #05101f;
  color: #e8f1ff;
}

html[data-bs-theme="dark"] .header-menu {
  background: rgba(5, 16, 31, .96);
  border-bottom-color: rgba(91, 155, 255, .18);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .35);
}

html[data-bs-theme="dark"] .header-menu .navbar,
html[data-bs-theme="dark"] .crea-nav-toggle {
  color: #e8f1ff;
}

html[data-bs-theme="dark"] .crea-nav-toggle i {
  color: #5b9bff;
}

html[data-bs-theme="dark"] .crea-nav-toggle:hover,
html[data-bs-theme="dark"] .crea-nav-item.is-open .crea-nav-toggle {
  background: #10243f;
  color: #f8fbff;
}

html[data-bs-theme="dark"] .crea-account-cta,
html[data-bs-theme="dark"] .crea-wallet-cta,
html[data-bs-theme="dark"] .crea-mobile-account-cta,
html[data-bs-theme="dark"] .crea-mobile-wallet-cta {
  border-color: rgba(91, 155, 255, .3);
  background: linear-gradient(135deg, #0f73d9, #15a1ff);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28);
}

html[data-bs-theme="dark"] .crea-account-cta:hover,
html[data-bs-theme="dark"] .crea-account-cta:focus-visible,
html[data-bs-theme="dark"] .crea-wallet-cta:hover,
html[data-bs-theme="dark"] .crea-wallet-cta:focus-visible {
  background: linear-gradient(135deg, #ff760a, #ff9a3d);
}

html[data-bs-theme="dark"] .panel-landing,
html[data-bs-theme="dark"] .crea-store,
html[data-bs-theme="dark"] .crea-network-band,
html[data-bs-theme="dark"] .content-grid,
html[data-bs-theme="dark"] .silo-hero,
html[data-bs-theme="dark"] .blog-grid,
html[data-bs-theme="dark"] .legal-content {
  background: #05101f;
  color: #e8f1ff;
}

html[data-bs-theme="dark"] .panel-heading h1,
html[data-bs-theme="dark"] .section-title,
html[data-bs-theme="dark"] .target-card h2,
html[data-bs-theme="dark"] .email-step-card h2,
html[data-bs-theme="dark"] .quantity-section h2,
html[data-bs-theme="dark"] .media-section h2,
html[data-bs-theme="dark"] .network-grid a strong,
html[data-bs-theme="dark"] .related-grid a strong,
html[data-bs-theme="dark"] .faq-list summary,
html[data-bs-theme="dark"] .trust-card h3,
html[data-bs-theme="dark"] .review-card-social strong,
html[data-bs-theme="dark"] .silo-service-card h3,
html[data-bs-theme="dark"] .legal-content h2,
html[data-bs-theme="dark"] .profile-card strong,
html[data-bs-theme="dark"] .profile-stats,
html[data-bs-theme="dark"] .summary-card h2,
html[data-bs-theme="dark"] .summary-card h3,
html[data-bs-theme="dark"] .order-card h2 {
  color: #f8fbff;
}

html[data-bs-theme="dark"] .panel-heading p,
html[data-bs-theme="dark"] .service-proof-row span,
html[data-bs-theme="dark"] .target-card p,
html[data-bs-theme="dark"] .email-step-card p,
html[data-bs-theme="dark"] .network-grid a,
html[data-bs-theme="dark"] .network-grid a p,
html[data-bs-theme="dark"] .related-grid a,
html[data-bs-theme="dark"] .related-grid a p,
html[data-bs-theme="dark"] .faq-list details p,
html[data-bs-theme="dark"] .trust-card p,
html[data-bs-theme="dark"] .review-card-social p,
html[data-bs-theme="dark"] .legal-content p,
html[data-bs-theme="dark"] .profile-card p,
html[data-bs-theme="dark"] .tier small,
html[data-bs-theme="dark"] .entry-price-note span {
  color: #b7c7dd;
}

html[data-bs-theme="dark"] .panel-stat-card,
html[data-bs-theme="dark"] .network-grid article,
html[data-bs-theme="dark"] .network-grid a,
html[data-bs-theme="dark"] .platform-chip,
html[data-bs-theme="dark"] .service-proof-row span,
html[data-bs-theme="dark"] .crea-mega,
html[data-bs-theme="dark"] .crea-mega a,
html[data-bs-theme="dark"] .crea-service-switcher,
html[data-bs-theme="dark"] .crea-order-detail,
html[data-bs-theme="dark"] .crea-order-detail-grid > div,
html[data-bs-theme="dark"] .crea-order-field-list > div,
html[data-bs-theme="dark"] .crea-order-items-list article,
html[data-bs-theme="dark"] .order-card,
html[data-bs-theme="dark"] .target-card,
html[data-bs-theme="dark"] .email-step-card,
html[data-bs-theme="dark"] .quantity-section,
html[data-bs-theme="dark"] .media-section,
html[data-bs-theme="dark"] .trial-selector-card,
html[data-bs-theme="dark"] .summary-card,
html[data-bs-theme="dark"] .trust-card,
html[data-bs-theme="dark"] .trust-grid-premium article,
html[data-bs-theme="dark"] .home-flow-card,
html[data-bs-theme="dark"] .review-card-social,
html[data-bs-theme="dark"] .related-grid a,
html[data-bs-theme="dark"] .silo-service-card,
html[data-bs-theme="dark"] .silo-category-card,
html[data-bs-theme="dark"] .blog-card,
html[data-bs-theme="dark"] .faq-list details,
html[data-bs-theme="dark"] .profile-card,
html[data-bs-theme="dark"] .follower-boost-panel,
html[data-bs-theme="dark"] .dripfeed-option,
html[data-bs-theme="dark"] .primary-package-preview,
html[data-bs-theme="dark"] .metric-control,
html[data-bs-theme="dark"] .metric-add-btn,
html[data-bs-theme="dark"] .media-tier-buttons,
html[data-bs-theme="dark"] .media-tier-buttons button,
html[data-bs-theme="dark"] .cart-tier-buttons button,
html[data-bs-theme="dark"] .cart-quality-options button,
html[data-bs-theme="dark"] .bundle-card,
html[data-bs-theme="dark"] .preset,
html[data-bs-theme="dark"] .tier,
html[data-bs-theme="dark"] .crea-payment-badges span {
  background: #0b182b;
  color: #e8f1ff;
  border-color: rgba(91, 155, 255, .18);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .26);
}

html[data-bs-theme="dark"] .network-grid .network-card {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(135deg, var(--network-start), var(--network-end));
  box-shadow: 0 24px 56px rgba(0, 0, 0, .34);
}

html[data-bs-theme="dark"] .network-grid .network-card strong,
html[data-bs-theme="dark"] .network-grid .network-card span,
html[data-bs-theme="dark"] .network-grid .network-card small {
  color: #fff;
}

html[data-bs-theme="dark"] .network-grid .network-card small {
  background: rgba(255, 255, 255, .18);
}

html[data-bs-theme="dark"] .primary-package-preview span,
html[data-bs-theme="dark"] .metric-price-preview small {
  color: #b7c7dd;
}

html[data-bs-theme="dark"] .primary-package-preview strong,
html[data-bs-theme="dark"] .metric-price-preview,
html[data-bs-theme="dark"] .summary-mini strong,
html[data-bs-theme="dark"] .bundle-card strong {
  color: #f8fbff;
}

html[data-bs-theme="dark"] .bundle-card p,
html[data-bs-theme="dark"] .summary-mini {
  color: #b7c7dd;
}

html[data-bs-theme="dark"] .metric-add-btn:hover,
html[data-bs-theme="dark"] .metric-add-btn:focus-visible {
  background: #10243f;
  color: #7db6ff;
}

html[data-bs-theme="dark"] .visual-cart-line p span {
  background: rgba(91, 155, 255, .14);
}

html[data-bs-theme="dark"] .manual-review-warning {
  background: rgba(154, 52, 18, .16);
  border-color: rgba(251, 146, 60, .28);
}

html[data-bs-theme="dark"] .manual-review-warning strong,
html[data-bs-theme="dark"] .manual-review-warning p,
html[data-bs-theme="dark"] .cart-review-note {
  color: #fdba74;
}

html[data-bs-theme="dark"] .cart-review-note {
  background: rgba(154, 52, 18, .18);
}

html[data-bs-theme="dark"] .crea-order-detail-row td,
html[data-bs-theme="dark"] .crea-order-target,
html[data-bs-theme="dark"] .crea-order-note,
html[data-bs-theme="dark"] .crea-order-note-list,
html[data-bs-theme="dark"] .crea-order-target-list {
  background: #071426;
}

html[data-bs-theme="dark"] .crea-mega a:hover,
html[data-bs-theme="dark"] .platform-chip:hover,
html[data-bs-theme="dark"] .platform-chip:focus-visible {
  background: #10243f;
  color: #5b9bff;
}

html[data-bs-theme="dark"] .crea-service-tabs {
  background: #071426;
}

html[data-bs-theme="dark"] .crea-service-tabs button {
  color: #dce8f8;
}

html[data-bs-theme="dark"] .crea-service-tabs button.active,
html[data-bs-theme="dark"] .crea-service-panels {
  background: #0b182b;
}

html[data-bs-theme="dark"] .crea-switcher-proof {
  border-color: rgba(91, 155, 255, .16);
  color: #b7c7dd;
}

html[data-bs-theme="dark"] .crea-press-mentions {
  background:
    radial-gradient(circle at 50% 0, rgba(91, 155, 255, .16), transparent 35%),
    linear-gradient(180deg, #071426 0%, #0b182b 100%);
  border-color: rgba(91, 155, 255, .12);
}

html[data-bs-theme="dark"] .crea-press-knot {
  border-color: #071426;
  background: linear-gradient(135deg, #0b182b, #10243f);
}

html[data-bs-theme="dark"] .crea-press-mentions p {
  color: #b7c7dd;
}

html[data-bs-theme="dark"] .crea-press-logo {
  color: #9db0ca;
  border-color: rgba(157, 176, 202, .14);
  background: rgba(11, 24, 43, .64);
}

html[data-bs-theme="dark"] .crea-press-logo span {
  color: #dce8f8;
  background: rgba(91, 155, 255, .18);
}

html[data-bs-theme="dark"] .crea-press-logo img {
  opacity: .82;
}

html[data-bs-theme="dark"] .crea-press-logo.is-light-logo img {
  filter: grayscale(1) saturate(0) contrast(.9);
}

html[data-bs-theme="dark"] .crea-press-logo:hover,
html[data-bs-theme="dark"] .crea-press-logo:focus-visible {
  color: #f8fbff;
  background: #10243f;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .30);
}

html[data-bs-theme="dark"] .trust-grid-premium article {
  background: linear-gradient(180deg, #0b182b 0%, #0d241f 100%);
}

html[data-bs-theme="dark"] .trust-grid-premium article span {
  color: #b7c7dd;
}

html[data-bs-theme="dark"] .trust-grid-premium article i {
  background: rgba(18, 185, 129, .16);
  color: #6ee7b7;
}

html[data-bs-theme="dark"] .crea-home-flow {
  background: linear-gradient(180deg, #05101f 0%, #071426 100%);
}

html[data-bs-theme="dark"] .crea-home-flow .section-heading-left h2,
html[data-bs-theme="dark"] .home-flow-card h3,
html[data-bs-theme="dark"] .single_work_step h3,
html[data-bs-theme="dark"] .crea-device-profile strong,
html[data-bs-theme="dark"] .crea-device-order strong,
html[data-bs-theme="dark"] .crea-apple-layer strong {
  color: #f8fbff;
}

html[data-bs-theme="dark"] .crea-home-flow .section-heading-left p,
html[data-bs-theme="dark"] .home-flow-card p,
html[data-bs-theme="dark"] .single_work_step p,
html[data-bs-theme="dark"] .crea-device-profile small,
html[data-bs-theme="dark"] .crea-device-order span,
html[data-bs-theme="dark"] .crea-apple-layer span {
  color: #b7c7dd;
}

html[data-bs-theme="dark"] .home-flow-card i {
  color: #6bb9ff;
  background: rgba(15, 115, 217, .18);
}

html[data-bs-theme="dark"] .single_work_step .step-icon {
  color: #8fbaff;
  background: #071426;
}

html[data-bs-theme="dark"] .single_work_step .step-icon::before {
  border-color: #5b9bff;
}

html[data-bs-theme="dark"] .single_work_step:hover .step-icon,
html[data-bs-theme="dark"] .single_work_step:focus-within .step-icon {
  color: #ffb26c;
  background: rgba(255, 118, 10, .12);
}

html[data-bs-theme="dark"] .single_work_step:hover .step-icon::before,
html[data-bs-theme="dark"] .single_work_step:focus-within .step-icon::before {
  border-color: #ffb26c;
}

html[data-bs-theme="dark"] .single_work_step:hover h3,
html[data-bs-theme="dark"] .single_work_step:focus-within h3 {
  color: #ffb26c;
}

html[data-bs-theme="dark"] .single_work_step .arrow {
  color: rgba(232, 241, 255, .84);
}

html[data-bs-theme="dark"] .crea-apple-parallax::before {
  border-color: rgba(91, 155, 255, .18);
  background:
    linear-gradient(135deg, rgba(11, 24, 43, .88), rgba(7, 20, 38, .56)),
    repeating-linear-gradient(90deg, rgba(91, 155, 255, .10) 0 1px, transparent 1px 92px);
  box-shadow: 0 30px 90px rgba(0, 0, 0, .42);
}

html[data-bs-theme="dark"] .crea-apple-device,
html[data-bs-theme="dark"] .crea-apple-layer {
  border-color: rgba(91, 155, 255, .22);
  background: rgba(11, 24, 43, .78);
  box-shadow: 0 34px 86px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .08);
}

html[data-bs-theme="dark"] .crea-device-profile,
html[data-bs-theme="dark"] .crea-device-order {
  border-color: rgba(91, 155, 255, .18);
  background: #071426;
}

html[data-bs-theme="dark"] .crea-device-top span {
  background: #1b3556;
}

html[data-bs-theme="dark"] .crea-device-profile em {
  color: #bbf7d0;
  background: rgba(16, 185, 129, .14);
}

html[data-bs-theme="dark"] .crea-verified-badge {
  background: linear-gradient(135deg, #5b9bff, #15a1ff);
  box-shadow: 0 8px 18px rgba(91, 155, 255, .25);
}

html[data-bs-theme="dark"] .crea-live-heart {
  color: #ff6f9b;
  text-shadow: 0 8px 20px rgba(255, 111, 155, .32);
}

html[data-bs-theme="dark"] .crea-apple-layer i,
html[data-bs-theme="dark"] .crea-security-emblem {
  color: #8fc7ff;
  background: rgba(91, 155, 255, .15);
}

html[data-bs-theme="dark"] .crea-security-emblem svg path:first-child {
  fill: #34d399;
}

html[data-bs-theme="dark"] .crea-privacy-badges span {
  color: #d7ffe5;
  background: rgba(8, 53, 31, .78);
  border-color: rgba(110, 231, 183, .26);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .32);
}

html[data-bs-theme="dark"] .crea-privacy-badges i {
  color: #6ee7b7;
}

html[data-bs-theme="dark"] .crea-apple-rail {
  background: linear-gradient(90deg, rgba(91, 155, 255, .16), rgba(255, 118, 10, .18), rgba(91, 155, 255, .16));
}

html[data-bs-theme="dark"] .crea-apple-device.is-live {
  border-color: rgba(255, 178, 108, .32);
  box-shadow: 0 38px 90px rgba(0, 0, 0, .5), 0 0 0 5px rgba(255, 118, 10, .09), inset 0 1px 0 rgba(255, 255, 255, .08);
}

html[data-bs-theme="dark"] .btn.secondary,
html[data-bs-theme="dark"] .crea-store .btn.secondary,
html[data-bs-theme="dark"] input,
html[data-bs-theme="dark"] textarea,
html[data-bs-theme="dark"] select {
  background: #071426;
  color: #e8f1ff;
  border-color: rgba(91, 155, 255, .22);
}

html[data-bs-theme="dark"] .entry-price-note {
  background: rgba(255, 118, 10, .1);
  color: #ffb26c;
  border-color: rgba(255, 118, 10, .35);
}

html[data-bs-theme="dark"] .crea-service-status-strip {
  color: #d7ffe5;
  background: linear-gradient(90deg, #08351f, #0c472b 48%, #082f1f);
  border-bottom-color: rgba(110, 231, 183, .24);
}

html[data-bs-theme="dark"] .crea-service-status-strip i {
  color: #6ee7b7;
}

html[data-bs-theme="dark"] .profile-loading {
  background: linear-gradient(90deg, #071426, #0b182b, #071426);
  border-color: rgba(91, 155, 255, .22);
}

html[data-bs-theme="dark"] .profile-loading-steps em {
  color: #bbf7d0;
  background: rgba(34, 197, 94, .14);
}

html[data-bs-theme="dark"] .alert-box,
html[data-bs-theme="dark"] .private-precheck {
  background: rgba(127, 29, 29, .32);
  border-color: rgba(248, 113, 113, .62);
  color: #fecaca;
}

html[data-bs-theme="dark"] .success-box {
  background: rgba(16, 185, 129, .16);
  border-color: rgba(110, 231, 183, .42);
  color: #bbf7d0;
}

html[data-bs-theme="dark"] .tier.active,
html[data-bs-theme="dark"] .preset.active {
  border-color: #5b9bff;
  outline-color: rgba(91, 155, 255, .78);
  box-shadow: 0 0 0 4px rgba(91, 155, 255, .16), 0 20px 44px rgba(0, 0, 0, .35);
}

html[data-bs-theme="dark"] .crea-free-trial-page .trial-tiers .vip-tier {
  background: #0b182b;
  color: #e8f1ff;
  border-color: rgba(91, 155, 255, .28);
}

html[data-bs-theme="dark"] .crea-free-trial-page .trial-tiers .vip-tier small {
  color: #b7c7dd;
}

@media (max-width: 1100px) {
  .crea-main-nav { display: none !important; }
  .crea-apple-parallax {
    min-height: 306px;
  }
  .crea-apple-layer {
    width: 188px;
    padding: 14px;
  }
  .crea-apple-layer-left {
    left: 0;
  }
  .crea-apple-layer-right {
    right: 0;
  }
  .panel-stats {
    grid-template-columns: 1fr;
    margin-bottom: 46px;
  }
  .crea-press-mentions {
    margin-top: -16px;
  }
  .service-proof-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crea-trust-ribbon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crea-hero-grid,
  .order-shell,
  .content-grid,
  .silo-hero-grid {
    grid-template-columns: 1fr;
  }
  .crea-order-detail-grid,
  .crea-order-field-list,
  .crea-order-items-list {
    grid-template-columns: 1fr;
  }
  .summary-card {
    position: static;
  }
  .network-grid,
  .trust-grid,
  .review-grid,
  .related-grid,
  .home-flow-grid,
  .silo-service-grid,
  .silo-category-grid,
  .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .single_work_step .arrow {
    display: none;
  }
}

@media (max-width: 680px) {
  .crea-service-status-strip {
    justify-content: center;
    flex-wrap: wrap;
    overflow-x: hidden;
    padding-inline: 12px;
    gap: 6px 12px;
    line-height: 1.25;
    scrollbar-width: none;
  }
  .crea-service-status-strip span {
    white-space: normal;
  }
  .crea-service-status-strip::-webkit-scrollbar {
    display: none;
  }
  .panel-landing {
    padding-top: 30px;
  }
  .panel-stat-card {
    min-height: 132px;
    padding: 18px;
  }
  .panel-stat-card strong {
    font-size: 32px;
  }
  .panel-stat-card span {
    font-size: 15px;
  }
  .crea-press-mentions {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-block: 28px;
  }
  .crea-press-track,
  .crea-press-row {
    gap: 16px;
  }
  .crea-press-logo {
    min-width: 148px;
    min-height: 42px;
    padding: 7px 10px;
  }
  .crea-press-logo img {
    width: 116px;
    height: 26px;
  }
  .panel-heading h1 {
    font-size: 31px;
  }
  .crea-apple-parallax {
    width: calc(100vw - 28px);
    min-height: 0;
    margin-top: 24px;
    perspective: none;
  }
  .crea-apple-parallax::before,
  .crea-apple-layer,
  .crea-apple-rail {
    display: none;
  }
  .crea-apple-device {
    width: 100%;
    min-height: 0;
    padding: 14px;
    border-radius: 22px;
    transform: none !important;
  }
  .crea-device-grid {
    gap: 7px;
  }
  .crea-privacy-badges {
    position: static;
    width: 100%;
    margin-top: 12px;
    transform: none !important;
  }
  .crea-privacy-badges span {
    min-height: 32px;
    padding-inline: 10px;
    font-size: 11px;
  }
  .crea-live-heart {
    font-size: 15px;
  }
  .platform-strip {
    gap: 10px;
    margin-bottom: 30px;
  }
  .platform-chip {
    flex-basis: 76px;
  }
  .service-proof-row {
    grid-template-columns: 1fr;
  }
  .crea-trust-ribbon {
    grid-template-columns: 1fr;
  }
  .crea-hero {
    padding-top: 96px;
  }
  .crea-hero h1 {
    font-size: 42px;
  }
  .preset-grid,
  .tiers,
  .follower-boost-controls,
  .dripfeed-config,
  .network-grid,
  .trust-grid,
  .review-grid,
  .related-grid,
  .home-flow-grid,
  .silo-service-grid,
  .silo-category-grid,
  .blog-grid {
    grid-template-columns: 1fr;
  }
  .home-flow-steps {
    padding: 28px 8px !important;
  }
  .single_work_step .arrow {
    display: none;
  }
  .single_work_step h3 {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .crea-apple-device,
  .crea-apple-layer,
  .crea-apple-rail,
  .crea-privacy-badges,
  .crea-apple-parallax::before,
  .single_work_step .step-icon,
  .single_work_step .step-icon::before,
  .crea-live-heart {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }

  .crea-live-heart {
    display: none !important;
  }

  .crea-press-track {
    animation: none !important;
    transform: none !important;
  }

  .crea-press-row[aria-hidden="true"] {
    display: none !important;
  }
}

.order-shell .summary-card {
  position: sticky;
  top: 112px;
  align-self: start;
  max-height: calc(100vh - 132px);
  overflow: auto;
  z-index: 20;
}

.order-shell:not(.target-confirmed) .summary-card {
  opacity: 1;
  filter: none;
}

.order-shell:not(.target-confirmed) .summary-card dl,
.order-shell:not(.target-confirmed) .summary-card .total-line,
.order-shell:not(.target-confirmed) .summary-card .suggestions,
.order-shell:not(.target-confirmed) .summary-card .coupon-box,
.order-shell:not(.target-confirmed) .summary-card .payment-options,
.order-shell:not(.target-confirmed) .summary-card #customerEmail,
.order-shell:not(.target-confirmed) .summary-card .wallet-toggle,
.order-shell:not(.target-confirmed) .summary-card #checkoutBtn,
.order-shell:not(.target-confirmed) .summary-card .secure-note {
  display: revert;
}

.visual-cart-line {
  position: relative;
}

.cart-service-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 5px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(15, 115, 217, .1);
  color: var(--crea-blue, #0f73d9);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  white-space: normal;
}

.cart-review-note {
  display: inline-flex;
  width: fit-content;
  margin: 6px 0;
  padding: 4px 8px;
  border-radius: 999px;
  color: #9a3412;
  background: #fff7ed;
  font-size: 11px;
  font-weight: 900;
}

.visual-cart-line p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.visual-cart-line p span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(17, 24, 39, .06);
  font-size: 12px;
}

.visual-cart-line p em {
  color: #ff6b1a;
  font-style: normal;
  font-weight: 850;
  font-size: 11px;
}

@media (max-width: 980px) {
  .crea-service-actions,
  .crea-switcher-proof {
    grid-template-columns: 1fr;
  }

  .crea-service-tabs {
    grid-template-columns: repeat(6, minmax(140px, 1fr));
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .crea-service-actions,
  .crea-switcher-proof {
    padding-inline: 18px;
  }

  .order-shell {
    padding-bottom: 280px;
  }

  .order-shell .summary-card {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: auto;
    max-height: 44vh;
    border-radius: 22px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, .28);
    z-index: 80;
  }

  .order-shell .summary-card h3 {
    margin-bottom: 8px;
  }
}

