.vertical-offer-page {
  background:#fff8f5;
  color:#0a0a0a;
  font-family:var(--tfs-font-b);
}

.vertical-offer-page a {
  color:inherit;
  text-decoration:none;
}

.offer-nav {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:80;
  background:rgba(255,248,245,.96);
  border-bottom:1px solid rgba(10,10,10,.14);
  backdrop-filter:blur(18px);
}

.offer-nav-inner {
  width:min(100% - 48px,1180px);
  height:86px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.offer-logo img {
  width:auto;
  height:78px;
  display:block;
}

.offer-nav-links {
  display:flex;
  align-items:center;
  gap:24px;
}

.offer-nav-links a {
  font-family:var(--tfs-font-d);
  font-size:15px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.offer-wrap {
  width:min(100% - 48px,1180px);
  margin:auto;
}

.offer-hero {
  min-height:calc(100vh - 86px);
  padding:150px 0 70px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);
  gap:58px;
  align-items:center;
}

.offer-label,
.offer-kicker {
  font-family:var(--tfs-font-d);
  font-size:14px;
  font-weight:800;
  letter-spacing:.24em;
  line-height:1.1;
  text-transform:uppercase;
  background:var(--tfs-grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}

.offer-title,
.offer-section-title {
  margin:0;
  font-family:var(--tfs-font-d);
  font-weight:800;
  font-style:italic;
  letter-spacing:0;
  line-height:.86;
  text-transform:uppercase;
}

.offer-title {
  margin-top:22px;
  font-size:clamp(54px,7.3vw,108px);
  max-width:820px;
}

.offer-section-title {
  font-size:clamp(42px,5vw,78px);
}

.offer-copy {
  max-width:760px;
  margin:26px 0 0;
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.65;
  color:#333;
}

.offer-actions {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

.offer-btn {
  min-height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:16px 28px;
  border:2px solid #050505;
  font-family:var(--tfs-font-d);
  font-size:17px;
  font-weight:800;
  letter-spacing:.075em;
  line-height:1;
  text-transform:uppercase;
}

.offer-btn-primary {
  border-color:transparent;
  background:var(--tfs-grad);
  color:#050505;
}

.offer-btn-secondary {
  background:#050505;
  color:#fff !important;
  -webkit-text-fill-color:#fff;
}

.offer-media {
  margin:0;
  border:2px solid #050505;
  background:#050505;
  box-shadow:14px 14px 0 var(--tfs-cyan);
  overflow:hidden;
}

.offer-title span {
  display:block;
}

.offer-media img {
  width:100%;
  height:580px;
  display:block;
  object-fit:cover;
}

.offer-proof {
  border-top:2px solid #050505;
  border-bottom:2px solid #050505;
  background:#fffaf5;
}

.offer-proof-grid {
  width:min(100% - 48px,1180px);
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.offer-proof-item {
  min-height:124px;
  padding:24px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid rgba(10,10,10,.18);
  text-align:center;
}

.offer-proof-item:last-child {
  border-right:0;
}

.offer-proof-item strong {
  font-family:var(--tfs-font-d);
  font-size:34px;
  font-style:italic;
  line-height:.95;
  text-transform:uppercase;
}

.offer-proof-item span {
  margin-top:10px;
  font-family:var(--tfs-font-d);
  font-size:12px;
  font-weight:800;
  letter-spacing:.15em;
  line-height:1.2;
  text-transform:uppercase;
  color:#666;
}

.offer-section {
  padding:92px 0;
}

.offer-section-dark {
  background:#050505;
  color:#fff;
}

.offer-section-dark .offer-copy {
  color:#d7d7dd;
}

.offer-split {
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:56px;
  align-items:start;
}

.offer-list {
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}

.offer-list li,
.offer-step,
.offer-package {
  border:1px solid rgba(10,10,10,.2);
  background:#fffaf5;
  padding:24px;
}

.offer-section-dark .offer-list li,
.offer-section-dark .offer-step {
  border-color:rgba(255,255,255,.18);
  background:#111116;
}

.offer-list strong,
.offer-step strong,
.offer-package strong {
  display:block;
  margin-bottom:8px;
  font-family:var(--tfs-font-d);
  font-size:25px;
  font-style:italic;
  line-height:1;
  text-transform:uppercase;
}

.offer-list p,
.offer-step p,
.offer-package p {
  margin:0;
  color:#444;
  font-size:16px;
  line-height:1.6;
}

.offer-section-dark .offer-list p,
.offer-section-dark .offer-step p {
  color:#c9c9d1;
}

.offer-steps {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:42px;
}

.offer-step-number {
  display:inline-flex;
  margin-bottom:18px;
  font-family:var(--tfs-font-d);
  font-size:42px;
  font-weight:800;
  font-style:italic;
  line-height:.8;
  background:var(--tfs-grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}

.offer-package-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:42px;
}

.offer-package {
  min-height:240px;
}

.offer-final {
  background:linear-gradient(105deg,#00e5cc,#55aaff 52%,#9b59ff);
  color:#050505;
  text-align:center;
}

.offer-final .offer-copy {
  margin-left:auto;
  margin-right:auto;
  color:#111;
}

.offer-final .offer-actions {
  justify-content:center;
}

.offer-disclaimer {
  max-width:820px;
  margin:28px auto 0;
  color:rgba(10,10,10,.72);
  font-size:13px;
  line-height:1.55;
}

@media(max-width:980px) {
  .offer-nav-links a:not(.offer-btn) {
    display:none;
  }

  .offer-hero,
  .offer-split {
    grid-template-columns:1fr;
  }

  .offer-hero {
    padding-top:130px;
    text-align:center;
  }

  .offer-copy {
    margin-left:auto;
    margin-right:auto;
  }

  .offer-actions {
    justify-content:center;
  }

  .offer-media {
    box-shadow:none;
  }

  .offer-media img {
    height:auto;
    aspect-ratio:16/10;
  }

  .offer-proof-grid,
  .offer-steps,
  .offer-package-grid {
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px) {
  .offer-nav-inner,
  .offer-wrap,
  .offer-proof-grid {
    width:min(100% - 34px,480px);
  }

  .offer-nav-inner {
    height:76px;
  }

  .offer-logo img {
    height:64px;
  }

  .offer-nav-links {
    display:none;
  }

  .offer-hero {
    min-height:auto;
    padding:112px 0 56px;
  }

  .offer-title {
    font-size:clamp(36px,10.2vw,46px);
    line-height:.92;
    max-width:100%;
  }

  .offer-copy {
    font-size:16px;
    line-height:1.58;
    max-width:310px;
  }

  .offer-actions {
    flex-direction:column;
  }

  .offer-btn {
    width:100%;
    min-height:54px;
    white-space:normal;
  }

  .offer-proof-grid,
  .offer-steps,
  .offer-package-grid {
    grid-template-columns:1fr;
  }

  .offer-proof-item {
    border-right:0;
    border-bottom:1px solid rgba(10,10,10,.18);
  }

  .offer-proof-item:last-child {
    border-bottom:0;
  }

  .offer-section {
    padding:68px 0;
  }
}