/* LewesGo For Business page.
   Deliberately scoped to the commercial information page so the core guide,
   harvesters and editorial layouts remain untouched. */

.sales-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(14rem, .6fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  margin: var(--space-7) 0 var(--space-8);
}

.sales-intro h2,
.sales-packages h2,
.sales-process h2,
.sales-microsite h2,
.sales-rules h2,
.sales-cta h2 {
  margin-top: 0;
}

.sales-price-callout {
  display: grid;
  gap: .25rem;
  align-content: center;
  min-height: 13rem;
  padding: 1.5rem;
  border: 1px solid color-mix(in srgb, var(--colour-logo-gold) 45%, var(--colour-border));
  border-radius: 1rem;
  background:
    radial-gradient(15rem 10rem at 100% 0%, rgb(216 168 72 / 18%), transparent 72%),
    var(--colour-logo-navy);
  color: #fff;
  box-shadow: 0 18px 38px rgb(12 25 57 / 14%);
}

.sales-price-callout span,
.sales-price-callout small {
  font-size: .83rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.sales-price-callout strong {
  font-family: var(--font-serif);
  font-size: clamp(2.6rem, 6vw, 4.4rem);
  line-height: .95;
  color: #fff;
}

.sales-packages,
.sales-process,
.sales-rules {
  margin: var(--space-8) 0;
}

.sales-section-lead {
  max-width: 50rem;
  color: var(--colour-ink-muted);
}

.sales-package-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.sales-package {
  position: relative;
  padding: clamp(1.25rem, 2.6vw, 2rem);
  border: 1px solid var(--colour-border);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 10px 28px rgb(12 25 57 / 6%);
}

.sales-package--featured {
  border-color: color-mix(in srgb, var(--colour-logo-gold) 60%, var(--colour-border));
  background: linear-gradient(180deg, #fffdf7, #fff);
}

.sales-package__label {
  margin: 0 0 var(--space-2);
  color: var(--colour-logo-navy);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sales-package h3 {
  margin: 0 0 var(--space-3);
  font-size: clamp(1.35rem, 1.15rem + .5vw, 1.7rem);
}

.sales-package > p:not(.sales-package__label):not(.sales-package__price) {
  color: var(--colour-ink-muted);
}

.sales-package__price {
  margin: var(--space-5) 0 var(--space-4);
  font-family: var(--font-serif);
  font-size: clamp(2rem, 1.5rem + 1.3vw, 3rem);
  font-weight: 800;
  color: var(--colour-logo-navy);
}

.sales-package__price span {
  font-family: var(--font-sans);
  font-size: .9rem;
  font-weight: 700;
  color: var(--colour-ink-muted);
}

.sales-package ul {
  margin-bottom: 0;
  padding-left: 1.2rem;
}

.sales-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
  padding: 0;
  list-style: none;
  counter-reset: sales-step;
}

.sales-steps li {
  counter-increment: sales-step;
  position: relative;
  padding: 4rem 1.2rem 1.25rem;
  border-top: 1px solid var(--colour-border);
}

.sales-steps li::before {
  content: "0" counter(sales-step);
  position: absolute;
  top: 1rem;
  left: 1.2rem;
  font-family: var(--font-serif);
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--colour-logo-gold);
}

.sales-steps strong,
.sales-steps span {
  display: block;
}

.sales-steps span {
  margin-top: .55rem;
  color: var(--colour-ink-muted);
  line-height: 1.55;
}

.sales-microsite {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(17rem, .7fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  margin: var(--space-8) 0;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 1rem;
  background: var(--colour-logo-navy);
  color: #fff;
}

.sales-microsite h2,
.sales-microsite a,
.sales-microsite .eyebrow {
  color: #fff;
}

.sales-microsite p {
  color: rgb(255 255 255 / 82%);
}

.sales-microsite__card {
  display: grid;
  gap: .65rem;
  padding: 1.35rem;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: .85rem;
  background: rgb(255 255 255 / 8%);
}

.sales-microsite__card span,
.sales-microsite__card small {
  color: rgb(255 255 255 / 72%);
}

.sales-microsite__card strong {
  font-family: var(--font-serif);
  font-size: 1.55rem;
}

.sales-rules {
  padding: clamp(1.25rem, 3vw, 2rem);
  border-left: 4px solid var(--colour-logo-gold);
  background: #fffdf8;
}

.sales-rules__list {
  display: grid;
  gap: .7rem;
  margin-bottom: 0;
}

.sales-cta {
  margin: var(--space-8) 0 var(--space-9);
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid color-mix(in srgb, var(--colour-logo-gold) 40%, var(--colour-border));
  border-radius: 1rem;
  background:
    radial-gradient(32rem 14rem at 100% 0%, rgb(216 168 72 / 13%), transparent 72%),
    #fffdf8;
}

.sales-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
}

@media (max-width: 62rem) {
  .sales-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 46rem) {
  .sales-intro,
  .sales-package-grid,
  .sales-microsite,
  .sales-steps {
    grid-template-columns: 1fr;
  }

  .sales-price-callout {
    min-height: 0;
  }
}