.marketing {
  --marketing-paper: #fafaf7;
  --marketing-ink: #161719;
  --marketing-muted: #666965;
  --marketing-line: #dcded7;
  --marketing-cyan: #00adee;
  --marketing-magenta: #e8007f;
  --marketing-yellow: #ffcd00;
  position: relative;
  z-index: 5;
  color: var(--marketing-ink);
  background: var(--marketing-paper);
  font-family: Arial, Helvetica, sans-serif;
  color-scheme: light;
}
.marketing *, .marketing *::before, .marketing *::after { box-sizing: border-box; }
.marketing a { color: inherit; text-decoration: none; }
.marketing a:focus-visible { outline: 3px solid var(--marketing-magenta); outline-offset: 7px; }
.marketing-wrap { width: min(1280px, calc(100% - 112px)); margin-inline: auto; }
.marketing-kicker { display: flex; align-items: center; gap: 12px; font-size: 11px; line-height: 1.6; font-weight: 700; letter-spacing: .14em; }
.marketing-color-dot { display: inline-block; flex: none; width: 24px; height: 24px; border-radius: 50%; background: conic-gradient(from 25deg, var(--marketing-cyan) 0 34%, var(--marketing-magenta) 34% 67%, var(--marketing-yellow) 67%); }
.marketing-intro { padding-block: 105px 34px; background: #fff; }
.marketing-intro-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 60px; align-items: end; margin: 70px 0 95px; }
.marketing-intro h1 { margin: 0; font-size: clamp(54px, 6.8vw, 92px); line-height: 1.015; letter-spacing: -.068em; font-weight: 600; }
.marketing-intro h1 span { color: #999d94; }
.marketing-intro-copy > p:first-child { margin: 0 0 25px; font-size: clamp(22px, 2.2vw, 30px); line-height: 1.3; letter-spacing: -.035em; }
.marketing-body { margin: 0; color: var(--marketing-muted); font-size: 16px; line-height: 1.8; letter-spacing: -.015em; text-wrap: pretty; }
.marketing-text-link { display: inline-flex; gap: 22px; align-items: center; margin-top: 28px; font-size: 14px; font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid var(--marketing-ink); }
.marketing-text-link span { font-size: 24px; transition: transform .25s; }
.marketing-text-link:hover span { transform: translate(3px, 3px); }
.marketing-intro-foot { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--marketing-line); padding-top: 23px; color: #74776f; font-size: 10px; letter-spacing: .1em; }
.marketing-products { padding-block: 40px 80px; }
.marketing-product { padding-block: 48px; scroll-margin-top: 24px; }
.marketing-product-grid { display: grid; grid-template-columns: 1.07fr 1fr; gap: clamp(40px, 7vw, 105px); align-items: center; }
.marketing-product:nth-child(even) .marketing-product-visual { order: 2; }
.marketing-product:nth-child(even) .marketing-product-copy { order: 1; padding-left: 25px; }
.marketing-product-visual { position: relative; display: grid; place-items: center; min-width: 0; height: clamp(450px, 46vw, 590px); overflow: hidden; background: #efefeb; border-radius: 4px; }
.marketing-product--pharmacy .marketing-product-visual { background: #f0ece9; }
.marketing-product--courier .marketing-product-visual { background: #e9eef1; }
.marketing-product--soft .marketing-product-visual { background: #f0eddf; }
.marketing-product--tee .marketing-product-visual { background: #eceee8; }
.marketing-visual-number { position: absolute; top: 26px; left: 28px; font-size: 13px; font-weight: 600; letter-spacing: -.02em; color: #82877e; }
.marketing-visual-caption { position: absolute; left: 28px; right: 28px; bottom: 24px; font-size: 9px; letter-spacing: .1em; color: #757b71; text-align: center; }
.marketing-image { display: block; width: auto; height: auto; max-width: 83%; max-height: 78%; object-fit: contain; filter: drop-shadow(0 22px 18px rgb(33 33 24 / .08)); }
.marketing-image--pharmacy { clip-path: url(#mask-pharmacy); }
.marketing-image--courier { clip-path: url(#mask-courier); }
.marketing-image--soft { max-width: 92%; max-height: 70%; clip-path: url(#mask-soft-handle); }
.marketing-image--tee { max-width: 92%; max-height: 95%; clip-path: url(#bag-outline-moving); }
.marketing-product-copy { padding-block: 16px; }
.marketing-product-copy h2 { margin: 27px 0 26px; font-size: clamp(42px, 4.7vw, 68px); line-height: 1.03; letter-spacing: -.06em; font-weight: 600; }
.marketing-product-copy h2 em { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.045em; }
.marketing-product--pharmacy h2 em { color: #b1342b; }
.marketing-product--courier h2 em { color: #2a657a; }
.marketing-product--soft h2 em { color: #9b7930; }
.marketing-product--tee h2 em { color: #677550; }
.marketing-product-copy .marketing-body { max-width: 380px; }
.marketing-properties { margin: 27px 0 33px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px 19px; max-width: 390px; }
.marketing-properties li { color: #555b51; font-size: 11px; line-height: 1.6; }
.marketing-properties li::before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 7px; border-radius: 50%; background: #8a8f83; vertical-align: middle; }
.pharmacy-sizes { width: min(100%, 385px); margin: -8px 0 23px; padding: 16px 0 6px; border-top: 1px solid #e6e5dd; }
.pharmacy-sizes-label { display:flex; justify-content:space-between; gap:15px; font-size:8px; letter-spacing:.1em; font-weight:500; color:#7d7268; }
.pharmacy-sizes-label>span { color:#7c8176; font-weight:400; }
.pharmacy-sizes dl { display:grid; gap:14px; margin:14px 0 0; }
.pharmacy-sizes dt { margin-bottom:7px; font-size:11px; font-weight:400; color:#62695d; }
.pharmacy-sizes dd { display:flex; flex-wrap:wrap; gap:6px; margin:0; }
.pharmacy-sizes dd span { padding:5px 8px; border:0; border-radius:12px; background:#f0eee8; color:#62695d; font-size:10px; line-height:1.2; white-space:nowrap; font-variant-numeric:tabular-nums; }
.marketing-product-cta { display: inline-flex; width: min(100%, 385px); align-items: center; justify-content: space-between; gap: 25px; padding: 18px 0; border-top: 1px solid #b8bdb1; border-bottom: 1px solid #b8bdb1; font-size: 13px; font-weight: 600; }
.marketing-product-cta span { font-size: 24px; font-weight: 400; line-height: 1; transition: transform .25s; }
.marketing-product-cta:hover span { transform: translate(3px, -3px); }
.marketing-details { color: #f7f7f0; background: #161719; padding-block: 98px 52px; color-scheme: dark; }
.marketing-details > .marketing-wrap > .marketing-kicker { color: #a8aaa3; }
.marketing-details-heading { display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px; align-items: end; margin: 53px 0 73px; }
.marketing-details-heading h2 { margin: 0; font-size: clamp(53px, 6.9vw, 95px); font-weight: 500; line-height: 1; letter-spacing: -.065em; }
.marketing-details-heading h2 span { color: #8c9087; }
.marketing-details-heading p { max-width: 350px; margin: 0 0 6px; font-size: 16px; line-height: 1.8; color: #b4b8ae; letter-spacing: -.015em; }
.marketing-detail-row { display: grid; grid-template-columns: 60px 1fr 1fr; gap: 36px; align-items: start; border-top: 1px solid #3b3d38; padding-block: 30px; }
.marketing-detail-row:last-child { border-bottom: 1px solid #3b3d38; }
.marketing-detail-index { font-size: 12px; line-height: 2; }
.marketing-detail-index--cyan { color: var(--marketing-cyan); }
.marketing-detail-index--magenta { color: #ff429d; }
.marketing-detail-index--yellow { color: var(--marketing-yellow); }
.marketing-detail-row h3 { font-size: clamp(22px, 2.6vw, 36px); font-weight: 400; letter-spacing: -.035em; margin: 0; }
.marketing-detail-row p { margin: 0; max-width: 400px; color: #a6aaa0; font-size: 14px; line-height: 1.75; }
.marketing-details-bottom { display: flex; align-items: center; gap: 22px; padding-top: 52px; }
.marketing-details-bottom .marketing-color-dot { width: 38px; height: 38px; }
.marketing-details-bottom p { color: #a5a99e; margin: 0; font-size: 13px; line-height: 1.6; }
.marketing-details-bottom strong { font-weight: 400; color: #f7f7f0; }
.marketing-dark-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 40px; margin-left: auto; border: 1px solid #777d6d; border-radius: 2px; padding: 17px 22px; font-size: 13px; transition: color .25s, background .25s; }
.marketing-dark-cta span { font-size: 21px; line-height: 1; }
.marketing-dark-cta:hover { background: var(--marketing-yellow); color: var(--marketing-ink); border-color: var(--marketing-yellow); }
@media (max-width: 950px) {
  .marketing-wrap { width: calc(100% - 64px); }
  .marketing-intro-grid { gap: 32px; grid-template-columns: 1.3fr 1fr; }
  .marketing-intro h1 { font-size: clamp(44px, 6.4vw, 68px); }
  .marketing-product-grid { gap: 35px; }
  .marketing-product:nth-child(even) .marketing-product-copy { padding-left: 0; }
  .marketing-product-visual { height: 470px; }
  .marketing-product-copy h2 { font-size: 46px; }
  .marketing-details-heading { gap: 40px; }
  .marketing-detail-row { grid-template-columns: 40px 1fr 1fr; gap: 20px; }
}
@media (max-width: 650px) {
  .marketing-wrap { width: calc(100% - 40px); }
  .marketing-kicker { font-size: 9px; letter-spacing: .105em; }
  .marketing-intro { padding-top: 65px; padding-bottom: 24px; }
  .marketing-intro-grid { grid-template-columns: 1fr; gap: 30px; margin: 43px 0 53px; }
  .marketing-intro h1 { font-size: clamp(43px, 10vw, 63px); }
  .marketing-intro-copy > p:first-child { font-size: 23px; margin-bottom: 18px; }
  .marketing-body { font-size: 15px; line-height: 1.75; }
  .marketing-intro-foot { font-size: 8px; line-height: 1.7; }
  .marketing-products { padding: 16px 0 57px; }
  .marketing-product { padding-block: 25px; }
  .marketing-product-grid { grid-template-columns: 1fr; gap: 25px; }
  .marketing-product:nth-child(even) .marketing-product-visual { order: 0; }
  .marketing-product:nth-child(even) .marketing-product-copy { order: 0; }
  .marketing-product-visual { height: clamp(390px, 106vw, 520px); }
  .marketing-image { max-width: min(83%, 340px); }
  .marketing-image--soft { max-width: min(92%, 430px); }
  .marketing-image--tee { max-width: min(95%, 480px); }
  .marketing-visual-number { top: 20px; left: 20px; }
  .marketing-visual-caption { bottom: 20px; font-size: 8px; }
  .marketing-product-copy { padding: 0 4px 14px; }
  .marketing-product-copy h2 { font-size: 48px; margin: 21px 0; }
  .marketing-product-copy .marketing-body { max-width: 100%; }
  .marketing-properties { margin-block: 22px 24px; }
  .marketing-product-cta { width: 100%; }
  .marketing-details { padding-block: 66px 40px; }
  .marketing-details-heading { grid-template-columns: 1fr; gap: 27px; margin: 37px 0 45px; }
  .marketing-details-heading h2 { font-size: clamp(55px, 13vw, 78px); }
  .marketing-details-heading p { max-width: 100%; font-size: 15px; }
  .marketing-detail-row { grid-template-columns: 26px 1fr; gap: 10px 17px; padding-block: 25px; }
  .marketing-detail-row h3 { font-size: 26px; }
  .marketing-detail-row p { grid-column: 2; font-size: 13px; }
  .marketing-details-bottom { flex-wrap: wrap; gap: 17px; padding-top: 36px; }
  .marketing-details-bottom p { font-size: 12px; }
  .marketing-dark-cta { width: 100%; margin-left: 0; margin-top: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .marketing a, .marketing a span { transition: none; }
}