:root{
    --brand-1:#7FB8FF;
    --brand-2:#AFA4FF;
    --brand-3:#FF97AA;
    --ink:#1f2429;
    --muted:#4b535a;
    --paper:#fff;
    --bg:#f4f2ef;
  }

  .bright-wrap{
    position:relative;
    isolation:isolate;
    overflow:hidden;
  }

  .bright-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
      radial-gradient(
        60% 90% at 50% 0%,
        rgba(255,255,255,.85),
        transparent 62%
      ),
      conic-gradient(
        from .15turn,
        rgba(127,184,255,.55),
        rgba(175,164,255,.52),
        rgba(255,151,170,.46),
        rgba(216,243,229,.42),
        rgba(127,184,255,.55)
      );
    filter:blur(42px) saturate(110%);
    opacity:.8;
  }

  .chips{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    max-width:640px;
    list-style:none;
    padding:0;
    margin-top:12px;
  }

  .chip{
    display:inline-flex;
    gap:8px;
    align-items:center;
    padding:10px 14px;
    border-radius:999px;
    background:
      linear-gradient(
        180deg,
        color-mix(
          in oklab,
          var(--brand-1,#7FB8FF) 18%,
          #fff
        ) 0%,
        color-mix(
          in oklab,
          var(--brand-2,#AFA4FF) 14%,
          #fff
        ) 100%
      );
    border:
      1px solid
      color-mix(
        in oklab,
        var(--brand-1,#7FB8FF) 28%,
        #fff
      );
    box-shadow:0 6px 18px rgba(0,0,0,.06);
    font-size:14px;
    font-weight:700;
    color:#0b1324;
  }

  @media (prefers-color-scheme:dark){
    .chip{
      background:
        color-mix(
          in oklab,
          #000 86%,
          var(--brand-1,#7FB8FF) 26%
        );
      border-color:rgba(255,255,255,.22);
      color:#fff;
    }
  }

  .section{
    padding:clamp(36px,6vw,72px) 0;
  }

.btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 16px; border-radius:14px;
  font:800 15px/1 Inter,system-ui; text-decoration:none;
}

.btn .i{ font-size:18px; line-height:1; transform: translateY(-1px); }

.btn-primary{
  background: linear-gradient(90deg,#7a8cff,#e08bff);
  color:#fff; border:0; box-shadow:0 8px 24px rgba(122,140,255,.28);
}

.trial-premium{
  position: relative;
  isolation: isolate;
  overflow: clip;
  background:
    radial-gradient(120% 140% at 0% 0%,
      color-mix(in oklab, var(--brand-1,#7FB8FF) 12%, #fff) 0 40%, transparent 60%),
    radial-gradient(120% 140% at 100% 0%,
      color-mix(in oklab, var(--brand-2,#AFA4FF) 12%, #fff) 0 42%, transparent 64%),
    radial-gradient(120% 140% at 50% 100%,
      color-mix(in oklab, var(--brand-3,#FF97AA) 10%, #fff) 0 38%, transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.9));
}

.trial__wrap{
  width: min(1180px, 100% - 32px);
  margin: 0 auto;
  padding-block: clamp(36px, 6vw, 80px);
  text-align: center;
}

.trial__title{
  margin: 0 0 6px;
  text-align: center;
  font: 900 clamp(32px, 4.8vw, 64px)/1.05 Manrope, Inter, system-ui;
  letter-spacing: -.014em;
  background: linear-gradient(110deg,
    color-mix(in oklab, var(--brand-1,#7FB8FF) 55%, #1a1a1a),
    color-mix(in oklab, var(--brand-2,#AFA4FF) 55%, #1a1a1a));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
}

.trial__title::before{ content:none !important; }

.trial__lead{
  color:color-mix(in oklab,#0b1324 92%,#fff);
  opacity:.9;
}

.timeline{
  margin: clamp(16px, 3vw, 28px) auto 0;
  padding: 0;
  list-style: none;
  max-width: 860px;
  text-align: left;
}

.timeline li{
  position: relative;
  padding: 12px 0 12px 28px;
  border-bottom: 1px dashed rgba(11,19,36,.12);
}

.timeline li:last-child{ border-bottom: none; }

.timeline li::before{
  content:""; position: absolute; left: 0; top: 18px;
  width: 10px; height: 10px; border-radius: 50%;
  background: color-mix(in oklab, var(--brand-1,#7FB8FF) 70%, #fff);
  box-shadow: 0 0 0 2px #fff;
}

.timeline b{ font-weight: 800; }

.trial__note{
  margin: 10px 0 0; opacity: .85;
  font-size: 14px;
}

.trial__wrap .btn{ margin-top: 16px; }

#trial .chips{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 14px auto 0;
  max-width: none;
  width: fit-content;
}

#trial .chip{
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

.trial__lead{
  margin: 6px auto 0;
  max-width: 56ch;
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.45;
  text-align: center;
}