/* Sales path concept: retain the existing navigation, catalogue enquiry, and tracking hooks. */
:root { --sales-green: #123c34; --sales-deep: #0d2925; --sales-light: #e9f1e8; --sales-ink: #142825; }
.hero { background: var(--sales-deep); }
.hero-media { inset: 0 0 0 46%; }
.hero-media::after { background: linear-gradient(90deg, var(--sales-deep) 0%, rgba(13,41,37,.84) 26%, rgba(13,41,37,.08) 100%); }
.hero-copy { padding-top: 78px; }
.hero-copy h1 { max-width: 770px; font-size: clamp(52px, 5.5vw, 84px); }
.hero-copy .kicker { color: #bce7b1; }
.hero-copy .hero-sub { max-width: 570px; }
.hero-actions { padding-bottom: 74px; }
.hero-actions .button-light { background: #c7ebaa; color: var(--sales-deep); }
.hero-actions .button-glass { border: 1px solid rgba(255,255,255,.6); }
.hero-facts { width: 100%; max-width: none; padding-inline: max(var(--gutter), calc((100vw - var(--max))/2)); grid-template-columns: repeat(3, minmax(0,1fr)); background: var(--sales-light); color: var(--sales-ink); border-top: 0; }
.hero-facts div { padding: 22px 20px 23px 0; }
.hero-facts div + div { border-color: #cddfd0; padding-left: 26px; }
.hero-facts dt { color: #5d806c; }
.hero-facts dd { color: var(--sales-ink); font-weight: 600; font-size: 16px; }
.buyer-paths { padding: 84px 0 92px; background: #f7f8f4; }
.buyer-paths-head { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 28px; }
.buyer-paths-head .kicker, .order-steps .kicker, .catalogue-heading .kicker, .quality-section .kicker { color: #57836d; }
.buyer-paths h2, .order-steps h2, .catalogue-heading h2, .quality-section h2 { font-size: clamp(38px, 3.6vw, 55px); letter-spacing: -.055em; color: var(--sales-ink); }
.buyer-paths-head h2 { margin-top: 9px; }
.buyer-paths-head > p { max-width: 350px; color: #597067; font-size: 16px; }
.buyer-paths-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.buyer-path { display: flex; flex-direction: column; min-height: 250px; padding: 28px; border: 1px solid #dce6dd; border-radius: 16px; background: #fff; transition: transform .2s, box-shadow .2s; }
.buyer-path:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(14,56,40,.08); }
.buyer-path-featured { background: var(--sales-green); color: #fff; border-color: var(--sales-green); }
.buyer-path span { font: 500 11px var(--mono); letter-spacing: .05em; text-transform: uppercase; color: #598e69; }
.buyer-path-featured span { color: #b9dfbd; }
.buyer-path strong { display: block; margin-top: 30px; font-size: 24px; font-weight: 600; letter-spacing: -.045em; line-height: 1.2; }
.buyer-path p { margin: 8px 0 22px; font-size: 14px; line-height: 1.55; color: #627269; }
.buyer-path-featured p { color: #cde2d5; }
.buyer-path em { margin-top: auto; font-size: 14px; font-style: normal; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.order-steps { padding: 85px 0 92px; border: 0; }
.order-steps-grid { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: clamp(40px,8vw,120px); align-items: start; }
.order-steps h2 { max-width: 12ch; margin-top: 10px; }
.order-steps-copy > p:not(.kicker) { max-width: 460px; margin-top: 21px; color: #5c6e64; font-size: 16px; }
.order-steps-copy .button { margin-top: 24px; border-radius: 999px; background: var(--sales-green); color: #fff; min-width: 0; }
.order-steps ol { display: block; margin: 0; border-top: 1px solid #dce5dd; }
.order-steps li { display: grid; grid-template-columns: 38px 1fr; gap: 20px; padding: 19px 0; border: 0; border-bottom: 1px solid #dce5dd; border-radius: 0; background: transparent; }
.order-steps li span { margin: 3px 0 0; }
.order-steps li strong { font-size: 18px; color: var(--sales-ink); }
.order-steps li p { margin-top: 5px; }
.forge { background: #eef2ec; border: 0; }
.catalogue-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding-top: 77px; }
.catalogue-heading h2 { margin-top: 8px; }
.catalogue-heading > p { max-width: 360px; color: #5c6e64; font-size: 16px; }
.glimpse-ui { grid-template-columns: minmax(0,1fr) minmax(280px,340px); gap: 42px; padding-top: 25px; padding-bottom: 18px; }
.chips { align-content: start; gap: 8px; }
.chips button:nth-child(n+7) { display: none; }
.glimpse-panel { border: 0; border-radius: 16px; background: var(--sales-green); color: #fff; padding: 30px; }
.glimpse-panel .kicker { color: #b5dbbc; }
.glimpse-panel .glimpse-name, .glimpse-panel .glimpse-strength, .glimpse-panel .glimpse-simple { color: #fff; }
.glimpse-panel .glimpse-simple { color: #d0e0d5; }
.glimpse-panel .button-dark { background: #fff; color: var(--sales-green); }
.glimpse-panel .button-outline { border-color: #b5d3c0; color: #fff; background: transparent; }
.catalogue-index { padding-bottom: 62px; }
.quality-section { padding: 86px 0; background: #fff; }
.quality-section-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.85fr); gap: clamp(40px,8vw,120px); align-items: center; }
.quality-section h2 { margin-top: 9px; }
.quality-section p:not(.kicker) { max-width: 560px; margin-top: 20px; color: #5c6e64; font-size: 17px; }
.quality-section a { display: inline-block; margin-top: 20px; color: var(--sales-green); font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
.quality-section-card { border-radius: 18px; background: #e8f1e8; padding: 42px; color: var(--sales-green); }
.quality-section-card span { display: block; color: #61806b; font-size: 14px; }
.quality-section-card strong { display: block; margin-top: 6px; font-size: clamp(60px,6vw,90px); font-weight: 600; letter-spacing: -.075em; line-height: 1; }
.quality-section-card p { margin-top: 2px !important; font-size: 14px !important; color: #61806b !important; }
.booking-offer { background: var(--sales-deep); }
.booking-grid { align-items: center; }
.booking-offer h2 { max-width: 680px; }
.booking-offer .button-light { background: #c7ebaa; color: var(--sales-deep); }
@media (max-width: 900px) {
  .buyer-paths-grid { gap: 10px; }
  .buyer-path { padding: 22px; }
  .buyer-path strong { font-size: 21px; }
  .order-steps-grid, .quality-section-grid { gap: 36px; }
  .catalogue-heading { padding-top: 60px; }
}
@media (max-width: 760px) {
  .hero-media { inset: 0; opacity: .4; }
  .hero-media::after { background: linear-gradient(90deg, rgba(13,41,37,.9), rgba(13,41,37,.7)); }
  .hero-copy { padding-top: 64px; }
  .hero-copy h1 { font-size: clamp(42px,11vw,61px); }
  .hero-actions { padding-bottom: 58px; }
  .hero-facts { grid-template-columns: 1fr; padding-inline: var(--gutter); }
  .hero-facts div { padding: 13px 0; }
  .hero-facts div + div, .hero-facts div:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid #cddfd0; }
  .hero-facts dd { margin-top: 2px; font-size: 14px; }
  .buyer-paths { padding: 55px 0; }
  .buyer-paths-head, .catalogue-heading { display: block; }
  .buyer-paths-head > p, .catalogue-heading > p { margin-top: 15px; }
  .buyer-paths-grid { grid-template-columns: 1fr; }
  .buyer-path { min-height: 0; padding: 22px; }
  .buyer-path strong { margin-top: 12px; }
  .buyer-path p { margin-bottom: 12px; }
  .order-steps { padding: 54px 0; }
  .order-steps-grid, .quality-section-grid { grid-template-columns: 1fr; gap: 26px; }
  .order-steps h2 { max-width: none; }
  .order-steps ol { margin-top: 5px; }
  .catalogue-heading { padding-top: 54px; }
  .glimpse-ui { grid-template-columns: 1fr; padding-top: 22px; }
  .chips button:nth-child(n+7) { display: none; }
  .glimpse-panel { grid-column: auto; }
  .catalogue-index { padding-bottom: 42px; }
  .quality-section { padding: 56px 0; }
  .quality-section-card { padding: 30px; }
  .booking-offer { padding: 56px 0; }
}
