/* Interactive Free Trial — match startups-advisory-free-trial-premium-v2.html */
.sa-trial {
  --ink: #151a38;
  --ink-soft: #2f365d;
  --muted: #7a809f;
  --violet: #5a61db;
  --violet-2: #7075ee;
  --aqua: #17bad1;
  --green: #16c56e;
  --paper: #ffffff;
  --lavender: #f5f5ff;
  --lavender-2: #eff1ff;
  --line: rgba(76, 84, 164, .15);
  --line-strong: rgba(76, 84, 164, .24);
  --shadow-lg: 0 28px 80px rgba(40, 47, 104, .11);
  --shadow-md: 0 14px 36px rgba(48, 55, 116, .10);
  --serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  box-sizing: border-box;
  font-family: var(--sans);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.sa-trial *,
.sa-trial *::before,
.sa-trial *::after { box-sizing: border-box; }
.sa-trial button,
.sa-trial input { font: inherit; }
.sa-trial button { -webkit-tap-highlight-color: transparent; }
    .sa-trial {
      position: relative;
      isolation: isolate;
      padding: clamp(76px, 8vw, 122px) 20px clamp(74px, 8vw, 112px);
      background:
        radial-gradient(circle at 16% 12%, rgba(94, 101, 224, .095), transparent 28%),
        radial-gradient(circle at 85% 34%, rgba(31, 192, 207, .065), transparent 22%),
        linear-gradient(180deg, #fafaff 0%, #f4f5ff 55%, #f9f9ff 100%);
    }

    .sa-trial::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background-image:
        radial-gradient(circle, rgba(88, 96, 190, .11) 1px, transparent 1.15px);
      background-size: 22px 22px;
      -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.28) 22%, rgba(0,0,0,.1) 68%, transparent 100%);
      mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.28) 22%, rgba(0,0,0,.1) 68%, transparent 100%);
      pointer-events: none;
    }

    .sa-orb {
      position: absolute;
      z-index: -1;
      border-radius: 999px;
      filter: blur(90px);
      pointer-events: none;
      opacity: .20;
    }
    .sa-orb.one {
      width: 340px;
      height: 340px;
      left: -170px;
      top: 340px;
      background: #7880ff;
    }
    .sa-orb.two {
      width: 300px;
      height: 300px;
      right: -160px;
      bottom: 140px;
      background: #20cab9;
    }

    .sa-shell {
      width: min(1210px, 100%);
      margin: 0 auto;
    }

    /* Heading */
    .sa-head {
      width: min(1040px, 100%);
      margin: 0 auto 38px;
      text-align: center;
    }
    .sa-kicker {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 19px;
      color: var(--aqua);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .34em;
      text-transform: uppercase;
    }
    .sa-kicker::before,
    .sa-kicker::after {
      content: "";
      width: 26px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(23,186,209,.55));
    }
    .sa-kicker::after {
      transform: scaleX(-1);
    }

    .sa-head h2 {
      margin: 0;
      color: var(--ink);
      font-family: var(--serif);
      font-size: clamp(28px, 3.5vw, 46px);
      font-weight: 500;
      letter-spacing: -.045em;
      line-height: 1.15;
    }
    .sa-head h2 em {
      color: #5861cf;
      font-weight: 500;
    }
    .sa-head p {
      width: min(720px, 100%);
      margin: 20px auto 0;
      color: var(--muted);
      font-size: clamp(15px, 1.45vw, 18px);
      line-height: 1.65;
    }
    .sa-head strong {
      color: #5962d5;
      font-weight: 700;
    }

    /* Journey shell */
    .sa-trial .journey-shell {
      position: relative;
      padding: 11px 6px 12px;
      border: 1px solid rgba(94, 103, 188, .17);
      border-radius: 24px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,255,255,.90));
      box-shadow: var(--shadow-lg);
      backdrop-filter: blur(18px);
    }

    .sa-trial .journey-shell::before {
      content: "";
      position: absolute;
      inset: -1px;
      z-index: -1;
      border-radius: inherit;
      background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(103,111,222,.14), rgba(31,197,199,.11));
      filter: blur(0);
    }

    .sa-trial .stage-rail {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      align-items: center;
      gap: 7px;
      padding: 0 8px 10px;
    }

    .sa-trial .stage-cell {
      position: relative;
      min-width: 0;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 12px;
    }

    .sa-trial .stage-cell:last-child {
      grid-template-columns: 1fr;
    }

    .sa-trial .stage-tab {
      min-width: 0;
      border: 0;
      background: transparent;
      color: #303863;
      cursor: pointer;
      padding: 9px 4px;
      text-align: center;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase;
      transition: color .25s ease, transform .25s ease;
    }
    .sa-trial .stage-tab:hover { color: var(--violet); }
    .sa-trial .stage-tab[aria-selected="true"] {
      color: var(--violet);
      transform: translateY(-1px);
    }

    .sa-trial .arrow-dots {
      width: clamp(46px, 5vw, 82px);
      height: 16px;
      overflow: visible;
      color: #6870e5;
      opacity: .82;
    }
    .sa-trial .arrow-dots path {
      fill: none;
      stroke: currentColor;
      stroke-width: 1.4;
      stroke-linecap: round;
      stroke-dasharray: 2.2 4.5;
    }
    .sa-trial .arrow-dots polyline {
      fill: none;
      stroke: currentColor;
      stroke-width: 1.55;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .sa-trial .visual-journey {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 4px;
      min-width: 0;
      overflow: hidden;
      border-radius: 16px;
      background: #12162b;
    }

    .sa-trial .stage-card {
      position: relative;
      min-width: 0;
      height: clamp(190px, 17vw, 235px);
      overflow: hidden;
      border-radius: 13px;
      isolation: isolate;
      cursor: pointer;
      background: #151829;
      border: 1px solid rgba(255,255,255,.05);
      transition:
        transform .35s cubic-bezier(.2,.7,.2,1),
        box-shadow .35s ease,
        opacity .28s ease;
    }

    .sa-trial .stage-card::after {
      display: none;
    }

    .sa-trial .stage-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transform: scale(1.03);
      filter: none;
      transition: transform .55s cubic-bezier(.2,.7,.2,1), opacity .35s ease;
    }

    .sa-trial .stage-card[data-stage="raw"] img,
    .sa-trial .stage-card[data-stage="cuts"] img,
    .sa-trial .stage-card[data-stage="color"] img,
    .sa-trial .stage-card[data-stage="final"] img {
      filter: none;
    }

    .sa-trial .stage-card.is-active {
      z-index: 5;
      transform: translateY(-4px);
      box-shadow: 0 16px 34px rgba(17, 22, 54, .24);
    }
    .sa-trial .stage-card.is-active img { transform: scale(1.075); }
    .sa-trial .stage-card:not(.is-active) { opacity: .88; }

    .sa-trial .stage-chip {
      position: absolute;
      left: 12px;
      top: 12px;
      z-index: 6;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      min-height: 28px;
      padding: 0 10px;
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 999px;
      background: rgba(14,18,38,.64);
      color: #fff;
      box-shadow: 0 5px 14px rgba(0,0,0,.14);
      backdrop-filter: blur(10px);
      font-size: 9.5px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .sa-trial .stage-chip i {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #8a90ff;
      box-shadow: 0 0 0 4px rgba(138,144,255,.12);
    }
    .sa-trial .stage-card.is-active .stage-chip i {
      background: #26d2ab;
      box-shadow: 0 0 0 4px rgba(38,210,171,.13);
    }

    /* diagonal edit slices visible in CUTS */
    .sa-trial .cuts-slashes {
      position: absolute;
      inset: 0;
      z-index: 4;
      pointer-events: none;
    }
    .sa-trial .cuts-slashes span {
      position: absolute;
      top: -15%;
      width: 2px;
      height: 135%;
      background: rgba(255,255,255,.95);
      box-shadow: 0 0 0 1px rgba(17,22,45,.18);
      transform: rotate(17deg);
      transform-origin: center;
    }
    .sa-trial .cuts-slashes span:nth-child(1) { left: 28%; }
    .sa-trial .cuts-slashes span:nth-child(2) { left: 57%; }
    .sa-trial .cuts-slashes span:nth-child(3) { left: 80%; }

    .sa-trial .color-sheen {
      display: none;
    }

    .sa-trial .final-caption {
      position: absolute;
      z-index: 6;
      left: 50%;
      bottom: 28px;
      width: min(84%, 260px);
      transform: translateX(-50%);
      color: #fff;
      text-align: center;
      font-family: var(--serif);
      font-size: clamp(18px, 1.8vw, 27px);
      line-height: 1.04;
      text-shadow: 0 3px 18px rgba(0,0,0,.38);
    }
    .sa-trial .final-caption em { font-weight: 500; }

    .sa-trial .segment-join {
      position: absolute;
      z-index: 7;
      top: 50%;
      right: -13px;
      width: 27px;
      height: 27px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      transform: translateY(-50%);
      background: #fff;
      color: var(--violet);
      border: 1px solid rgba(78,87,177,.19);
      box-shadow: 0 8px 18px rgba(34,40,92,.18);
      pointer-events: none;
    }
    .sa-trial .segment-join svg { width: 11px; height: 11px; }
    .sa-trial .stage-card:last-child .segment-join { display: none; }

    .sa-trial .journey-playhead {
      position: absolute;
      z-index: 12;
      top: 0;
      bottom: 0;
      left: 0;
      width: 2px;
      transform: translateX(-1px);
      background: rgba(255,255,255,.93);
      box-shadow: 0 0 0 1px rgba(92,99,221,.34), 0 0 22px rgba(92,99,221,.38);
      pointer-events: none;
    }
    .sa-trial .journey-playhead::before {
      content: "";
      position: absolute;
      top: 48%;
      left: 50%;
      width: 28px;
      height: 28px;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background: #fff;
      border: 1px solid rgba(84,92,199,.22);
      box-shadow: 0 8px 20px rgba(28,34,89,.20);
    }
    .sa-trial .journey-playhead::after {
      content: "\2039 \203A";
      position: absolute;
      top: 48%;
      left: 50%;
      transform: translate(-50%, -55%);
      color: #4e56c9;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: -1px;
      white-space: nowrap;
    }

    /* Player */
    .sa-trial .editor-player {
      position: relative;
      margin-top: 9px;
      padding: 10px 12px 11px;
      border-radius: 14px;
      overflow: visible;
      background:
        linear-gradient(180deg, #161a31 0%, #101427 100%);
      border: 1px solid rgba(255,255,255,.05);
      box-shadow: inset 0 1px rgba(255,255,255,.04);
      color: #fff;
    }

    .sa-trial .player-main {
      display: grid;
      grid-template-columns: 36px 58px minmax(0, 1fr) 60px;
      gap: 10px;
      align-items: center;
    }

    .sa-trial .play-btn {
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border: 0;
      border-radius: 10px;
      background: rgba(255,255,255,.065);
      color: #fff;
      cursor: pointer;
      transition: background .2s ease, transform .2s ease;
    }
    .sa-trial .play-btn:hover {
      background: rgba(255,255,255,.12);
      transform: translateY(-1px);
    }
    .sa-trial .play-btn svg {
      width: 15px;
      height: 15px;
      fill: currentColor;
    }

    .sa-trial .time {
      color: rgba(255,255,255,.68);
      font-size: 10px;
      font-variant-numeric: tabular-nums;
    }
    .sa-trial .time.total { text-align: right; }

    .sa-trial .scrub-zone {
      position: relative;
      height: 54px;
      display: flex;
      align-items: center;
    }

    .sa-trial .waveform {
      position: absolute;
      inset: 7px 0 6px;
      display: flex;
      align-items: center;
      gap: 2px;
      opacity: .54;
      overflow: hidden;
      pointer-events: none;
    }
    .sa-trial .wave-bar {
      flex: 1 1 2px;
      min-width: 1px;
      max-width: 4px;
      border-radius: 8px;
      background: rgba(187,193,255,.62);
      transform-origin: center;
    }

    .sa-trial .wave-progress {
      position: absolute;
      inset: 7px auto 6px 0;
      width: 0%;
      overflow: hidden;
      pointer-events: none;
    }
    .sa-trial .wave-progress-inner {
      width: calc((100vw - 40px) * .75);
      min-width: 800px;
      height: 100%;
      display: flex;
      align-items: center;
      gap: 2px;
    }
    .sa-trial .wave-progress-inner .wave-bar {
      background: linear-gradient(180deg, #7276ff, #5f64df);
      opacity: .95;
    }

    .sa-trial .scrubber {
      position: relative;
      z-index: 5;
      width: 100%;
      height: 54px;
      margin: 0;
      background: transparent;
      cursor: ew-resize;
      appearance: none;
    }
    .sa-trial .scrubber::-webkit-slider-runnable-track {
      height: 2px;
      background: rgba(255,255,255,.12);
    }
    .sa-trial .scrubber::-moz-range-track {
      height: 2px;
      background: rgba(255,255,255,.12);
    }
    .sa-trial .scrubber::-webkit-slider-thumb {
      appearance: none;
      width: 15px;
      height: 15px;
      margin-top: -7px;
      border: 3px solid #fff;
      border-radius: 50%;
      background: #6670ef;
      box-shadow: 0 4px 14px rgba(87,94,223,.5);
    }
    .sa-trial .scrubber::-moz-range-thumb {
      width: 11px;
      height: 11px;
      border: 3px solid #fff;
      border-radius: 50%;
      background: #6670ef;
      box-shadow: 0 4px 14px rgba(87,94,223,.5);
    }

    .sa-trial .timeline-ticks {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      padding: 1px 0 0;
      color: rgba(255,255,255,.30);
      font-size: 8px;
      font-variant-numeric: tabular-nums;
      pointer-events: none;
    }
    .sa-trial .timeline-ticks span { text-align: center; }
    .sa-trial .timeline-ticks span:first-child { text-align: left; }
    .sa-trial .timeline-ticks span:last-child { text-align: right; }

    .sa-trial .free-marker {
      position: absolute;
      z-index: 8;
      top: -8px;
      left: 100%;
      display: grid;
      justify-items: center;
      transform: translateX(-50%);
      pointer-events: none;
    }
    .sa-trial .free-marker::before {
      content: "";
      width: 1.5px;
      height: 48px;
      background: rgba(255,255,255,.90);
      box-shadow: 0 0 15px rgba(255,255,255,.26);
    }
    .sa-trial .free-marker::after {
      content: "30 SECS FREE";
      margin-top: 2px;
      padding: 5px 8px;
      border-radius: 5px;
      background: #14bbb9;
      color: #fff;
      box-shadow: 0 8px 18px rgba(20,187,185,.28);
      font-size: 8px;
      font-weight: 700;
      letter-spacing: .03em;
      white-space: nowrap;
    }

    /* Stage detail strip */
    .sa-trial .active-detail {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      min-height: 35px;
      margin-top: 12px;
      color: #4b547e;
      font-size: 11px;
      text-align: center;
    }
    .sa-trial .active-detail .detail-dot {
      width: 7px;
      height: 7px;
      flex: 0 0 auto;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--violet), var(--aqua));
      box-shadow: 0 0 0 5px rgba(86,96,218,.08);
    }
    .sa-trial .active-detail strong {
      color: var(--ink-soft);
      font-weight: 700;
    }

    /* CTA */
    .sa-trial .sa-cta-wrap {
      display: grid;
      justify-items: center;
      margin-top: 28px;
    }
    .sa-trial .sa-cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-height: 0;
      padding: 12px 28px;
      border: 0;
      border-radius: 13px;
      background: linear-gradient(135deg, var(--midnight, #454da1) 0%, var(--turquoise, #21bfcf) 100%);
      color: #fff;
      box-shadow:
        0 15px 32px rgba(69, 77, 161, .28),
        inset 0 1px rgba(255,255,255,.18);
      cursor: pointer;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: -.01em;
      transition: transform .22s ease, box-shadow .22s ease;
      width: auto;
    }
    .sa-trial .sa-cta:hover {
      transform: translateY(-2px);
      box-shadow:
        0 19px 38px rgba(33, 191, 207, .32),
        inset 0 1px rgba(255,255,255,.2);
    }
    .sa-trial .sa-cta svg { width: 16px; height: 16px; }
    .sa-trial .sa-cta-note {
      margin: 10px 0 0;
      color: #9196b0;
      font-size: 11px;
    }

    /* Benefits */
    .sa-trial .benefits {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 28px auto 0;
    }
    .sa-trial .benefit {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 30px;
      padding: 0 28px;
      color: #36406a;
      font-size: 12px;
      font-weight: 500;
    }
    .sa-trial .benefit + .benefit {
      border-left: 1px solid rgba(75,84,160,.18);
    }
    .sa-trial .benefit svg {
      width: 20px;
      height: 20px;
      color: #555ed1;
    }

    /* Three-step process */
    .sa-trial .sa-process {
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      margin-top: 34px;
      overflow: hidden;
      border: 1px solid rgba(84, 94, 177, .14);
      border-radius: 18px;
      background: rgba(98, 106, 183, .13);
    }

    .sa-trial .sa-process-step {
      position: relative;
      display: grid;
      grid-template-columns: 67px minmax(0,1fr);
      gap: 16px;
      align-items: center;
      min-height: 132px;
      padding: 23px 24px;
      background: rgba(255,255,255,.81);
    }

    .sa-trial .sa-process-step:not(:last-child)::after {
      content: "";
      position: absolute;
      right: -14px;
      top: 50%;
      z-index: 5;
      width: 28px;
      height: 28px;
      transform: translateY(-50%);
      border-radius: 50%;
      background: #f8f8ff;
      border: 1px solid rgba(83,91,177,.12);
      box-shadow: 0 4px 12px rgba(42,49,105,.08);
    }

    .sa-trial .sa-process-arrow {
      position: absolute;
      z-index: 6;
      right: -8px;
      top: 50%;
      width: 16px;
      transform: translateY(-50%);
      color: #6670df;
    }

    .sa-trial .step-icon {
      position: relative;
      width: 60px;
      height: 60px;
      display: grid;
      place-items: center;
      border-radius: 15px;
      color: #16a98f;
      background: linear-gradient(145deg, #f0f1ff, #ffffff);
      border: 1px solid rgba(84,93,175,.10);
      box-shadow: 0 8px 20px rgba(51,58,116,.06);
    }
    .sa-trial .step-icon svg { width: 29px; height: 29px; }
    .sa-trial .step-count {
      position: absolute;
      top: -11px;
      left: -11px;
      width: 28px;
      height: 28px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: linear-gradient(135deg, #7379ef, #555cd6);
      color: #fff;
      border: 2px solid #f7f7ff;
      box-shadow: 0 6px 14px rgba(67,76,189,.26);
      font-size: 11px;
      font-weight: 700;
    }

    .sa-trial .sa-process h3 {
      margin: 0 0 7px;
      font-family: var(--serif);
      color: var(--ink);
      font-size: 20px;
      font-weight: 500;
      letter-spacing: -.02em;
      line-height: 1.1;
    }
    .sa-trial .sa-process p {
      margin: 0;
      color: var(--muted);
      font-size: 11px;
      line-height: 1.55;
    }

    .sa-trial .slots {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 28px;
      color: #5761d5;
      text-align: center;
      font-size: 12px;
      font-weight: 700;
    }
    .sa-trial .slots svg {
      width: 15px;
      height: 15px;
      fill: currentColor;
    }
    .sa-trial .slots small {
      display: block;
      margin-top: 4px;
      color: #9398b1;
      font-size: 10px;
      font-weight: 400;
    }

    /* Responsive */
    @media (max-width: 980px) {
      .sa-trial .stage-rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2px;
      }
      .sa-trial .stage-cell:nth-child(2) .arrow-dots { display: none; }
      .sa-trial .visual-journey {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .sa-trial .stage-card {
        height: 220px;
      }
      .sa-trial .stage-card:nth-child(2) .segment-join { display: none; }
      .sa-trial .journey-playhead { display: none; }
      .sa-trial .sa-process {
        grid-template-columns: 1fr;
      }
      .sa-trial .sa-process-step:not(:last-child)::after,
      .sa-trial .sa-process-arrow {
        display: none;
      }
    }

    @media (max-width: 680px) {
      .sa-trial {
        padding: 64px 13px 74px;
      }
      .sa-head {
        margin-bottom: 28px;
      }
      .sa-head h2 {
        font-size: clamp(28px, 6.5vw, 36px);
        line-height: 1.15;
      }
      .sa-head p {
        margin-top: 16px;
        font-size: 14px;
      }

      .sa-trial .journey-shell {
        padding: 8px;
        border-radius: 19px;
      }

      .sa-trial .stage-rail {
        display: flex;
        gap: 7px;
        overflow-x: auto;
        padding: 1px 1px 9px;
        scrollbar-width: none;
      }
      .sa-trial .stage-rail::-webkit-scrollbar { display: none; }
      .sa-trial .stage-cell {
        display: block;
        flex: 0 0 auto;
      }
      .sa-trial .arrow-dots { display: none; }
      .sa-trial .stage-tab {
        min-width: 92px;
        padding: 9px 14px;
        border: 1px solid rgba(85,94,180,.11);
        border-radius: 999px;
        background: rgba(255,255,255,.70);
        font-size: 11px;
      }
      .sa-trial .stage-tab[aria-selected="true"] {
        color: #fff;
        background: linear-gradient(100deg, #5961dc, #7477ed);
        box-shadow: 0 7px 18px rgba(75,83,194,.18);
      }

      .sa-trial .visual-journey {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        background: transparent;
        scrollbar-width: none;
      }
      .sa-trial .visual-journey::-webkit-scrollbar { display: none; }
      .sa-trial .stage-card {
        flex: 0 0 88%;
        height: 230px;
        scroll-snap-align: center;
      }
      .sa-trial .segment-join { display: none !important; }

      .sa-trial .player-main {
        grid-template-columns: 36px minmax(0,1fr) 56px;
      }
      .sa-trial .time.current {
        display: none;
      }
      .sa-trial .time.total {
        font-size: 9px;
      }
      .sa-trial .free-marker {
        left: 100%;
      }

      .sa-trial .active-detail {
        padding: 0 10px;
        line-height: 1.45;
      }

      .sa-trial .benefits {
        margin-top: 24px;
      }
      .sa-trial .benefit {
        flex: 0 0 50%;
        justify-content: center;
        padding: 5px 8px;
        font-size: 10.5px;
      }
      .sa-trial .benefit + .benefit { border-left: 0; }
      .sa-trial .benefit:nth-child(even) {
        border-left: 1px solid rgba(75,84,160,.14);
      }

      .sa-trial .sa-process {
        margin-top: 27px;
      }
      .sa-trial .sa-process-step {
        grid-template-columns: 54px minmax(0,1fr);
        gap: 14px;
        min-height: 112px;
        padding: 19px 17px;
      }
      .sa-trial .step-icon {
        width: 52px;
        height: 52px;
      }
      .sa-trial .sa-process h3 {
        font-size: 18px;
      }

      .sa-trial .sa-cta {
        width: auto;
        min-height: 0;
        font-size: 14px;
        padding: 12px 28px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
  .sa-trial *,
  .sa-trial *::before,
  .sa-trial *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
      }
    }
/* Beat page equal-gap padding */
body.page-video-editing-ppc section#free-trial.sa-trial {
  padding: clamp(76px, 8vw, 122px) 20px clamp(74px, 8vw, 112px) !important;
}
@media (max-width: 680px) {
  body.page-video-editing-ppc section#free-trial.sa-trial {
    padding: 64px 13px 74px !important;
  }
}

/* Beat global site h2 / em / link styles */
.sa-trial .sa-head h2 {
  font-family: var(--serif) !important;
  font-size: clamp(28px, 3.5vw, 46px) !important;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
  line-height: 1.15 !important;
  color: var(--ink) !important;
  text-align: center !important;
  max-width: none !important;
  margin: 0 !important;
}
.sa-trial .sa-head h2 em {
  color: #5861cf !important;
  font-family: var(--serif) !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: inherit !important;
}
.sa-trial .sa-head p {
  text-align: center !important;
  max-width: min(720px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.sa-trial a.sa-cta {
  color: #fff !important;
  text-decoration: none !important;
  border: 0 !important;
}
.sa-trial .sa-process h3 {
  font-family: var(--serif) !important;
  font-weight: 500 !important;
  text-align: left !important;
  max-width: none !important;
  margin: 0 0 7px !important;
  font-size: 20px !important;
  color: var(--ink) !important;
}
.sa-trial .sa-process p {
  text-align: left !important;
  max-width: none !important;
  margin: 0 !important;
}
.sa-trial .sa-process-step {
  text-align: left !important;
}
.sa-trial .sa-cta,
.sa-trial a.sa-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 0 !important;
  padding: 12px 28px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, var(--midnight, #454da1) 0%, var(--turquoise, #21bfcf) 100%) !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow:
    0 15px 32px rgba(69, 77, 161, .28),
    inset 0 1px rgba(255,255,255,.18) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
  width: auto !important;
  max-width: none !important;
}
.sa-trial .sa-cta-note {
  margin: 10px 0 0 !important;
  color: #9196b0 !important;
  font-size: 11px !important;
  text-align: center !important;
}
.sa-trial .sa-kicker {
  color: var(--aqua) !important;
  letter-spacing: .34em !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.sa-trial .stage-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: none !important;
}
.sa-trial .stage-card[data-stage="raw"] img,
.sa-trial .stage-card[data-stage="cuts"] img,
.sa-trial .stage-card[data-stage="color"] img,
.sa-trial .stage-card[data-stage="final"] img {
  filter: none !important;
}
.sa-trial .final-caption {
  font-family: var(--serif) !important;
  color: #fff !important;
  text-align: center !important;
}

/* Kill design-services.css .cta / .process collisions */
.sa-trial .sa-process {
  padding: 0 !important;
  margin-top: 34px !important;
}
.sa-trial .sa-cta,
.sa-trial a.sa-cta {
  padding: 12px 28px !important;
}
.sa-trial .sa-cta h2,
.sa-trial .sa-cta p {
  margin: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
}