:root {
  --red: #e51920;
  --red-deep: #b90f15;
  --black: #0a0a0b;
  --ink: #17171a;
  --muted: #68686f;
  --line: #e8e7e4;
  --cream: #f7f5f1;
  --white: #ffffff;
  --soft-red: #fff1f1;
  --shadow-sm: 0 12px 30px rgba(12, 12, 14, .08);
  --shadow-lg: 0 32px 80px rgba(10, 10, 12, .16);
  --radius-sm: 14px;
  --radius-md: 24px;
  --radius-lg: 38px;
  --max: 1320px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
p { margin: 0; line-height: 1.72; }
button, summary, a { -webkit-tap-highlight-color: transparent; }

.section-shell {
  width: min(calc(100% - 48px), var(--max));
  margin-inline: auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid rgba(20,20,22,.07);
  backdrop-filter: blur(18px);
}
.header-shell {
  width: min(calc(100% - 48px), 1400px);
  height: 92px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 260px 1fr auto;
  align-items: center;
  gap: 30px;
}
.brand { width: 228px; }
.brand img { width: 100%; height: auto; }
.desktop-nav { display: flex; justify-content: center; gap: 34px; align-items: center; }
.desktop-nav a {
  position: relative;
  font-size: 14px;
  font-weight: 650;
  color: #35353a;
  letter-spacing: -.01em;
}
.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -13px;
  height: 2px;
  background: var(--red);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}
.desktop-nav a:hover::after,
.desktop-nav a.active::after { transform: scaleX(1); }
.desktop-nav a.active { color: var(--red); }

.cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f11a22 0%, var(--red) 55%, var(--red-deep) 100%);
  color: #fff;
  font-weight: 800;
  letter-spacing: -.01em;
  box-shadow: 0 14px 28px rgba(229,25,32,.23);
  transition: transform .2s ease, box-shadow .2s ease;
}
.cta:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(229,25,32,.32); }
.cta:focus-visible, .desktop-nav a:focus-visible, .text-link:focus-visible, summary:focus-visible, .site-footer a:focus-visible {
  outline: 3px solid rgba(229,25,32,.28);
  outline-offset: 4px;
}
.header-cta { min-height: 48px; padding: 0 22px; font-size: 13px; text-transform: uppercase; letter-spacing: .02em; }
.mobile-menu { display: none; }

.hero {
  min-height: 760px;
  display: grid;
  grid-template-columns: 1.04fr .96fr;
  align-items: center;
  gap: 64px;
  padding-block: 78px 72px;
  position: relative;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0 auto auto -18vw;
  width: 48vw;
  height: 620px;
  background: radial-gradient(circle at 50% 40%, rgba(229,25,32,.06), rgba(229,25,32,0) 66%);
  pointer-events: none;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #44444a;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: 11px;
  font-weight: 800;
}
.eyebrow > span { width: 42px; height: 1px; background: var(--red); }
.eyebrow.light { color: rgba(255,255,255,.62); }
.eyebrow.light > span { background: rgba(255,255,255,.42); }
.hero h1 {
  margin: 22px 0 24px;
  font-size: clamp(55px, 5.2vw, 82px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 800;
}
.hero h1 em, .section-heading h2 em, .product-copy h2 em, .trust-copy h2 em, .final-cta-inner h2 em {
  color: var(--red);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -.04em;
}
.hero-intro {
  max-width: 690px;
  color: #505058;
  font-size: 18px;
  line-height: 1.68;
}
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.hero-cta { min-height: 58px; padding: 0 30px; font-size: 14px; text-transform: uppercase; letter-spacing: .025em; }
.text-link { font-size: 14px; font-weight: 750; border-bottom: 1px solid #c8c7c3; padding-bottom: 5px; }
.hero-proof {
  margin-top: 52px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  padding-top: 22px;
}
.hero-proof > div { padding-right: 18px; }
.hero-proof > div + div { border-left: 1px solid var(--line); padding-left: 24px; }
.hero-proof strong { display: block; font-size: 13px; margin-bottom: 4px; }
.hero-proof span { display: block; color: var(--muted); font-size: 11px; line-height: 1.5; }

.hero-visual {
  min-height: 620px;
  position: relative;
  display: grid;
  place-items: center;
}
.hero-halo {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255,255,255,1) 0 45%, transparent 46%),
    conic-gradient(from 20deg, rgba(229,25,32,.11), rgba(229,25,32,0) 22%, rgba(15,15,18,.055) 22% 40%, transparent 40% 60%, rgba(229,25,32,.09) 60% 74%, transparent 74% 100%);
  filter: blur(.1px);
}
.machine-stage {
  width: min(390px, 80%);
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 35px 34px rgba(0,0,0,.18));
}
.machine-stage::after {
  content: "";
  position: absolute;
  left: 14%; right: 10%; bottom: -13px;
  height: 32px;
  background: radial-gradient(ellipse, rgba(0,0,0,.28), rgba(0,0,0,0) 68%);
  filter: blur(9px);
  z-index: -1;
}
.machine-stage img {
  width: 100%;
  clip-path: polygon(15% 4%, 85% 4%, 87% 45%, 91% 45%, 87% 97%, 13% 97%, 9% 45%, 13% 45%);
}
.floating-card {
  position: absolute;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 190px;
  padding: 13px 16px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(20,20,22,.08);
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(12px);
}
.floating-card-top { right: 2%; top: 24%; }
.floating-card-bottom { left: 0; bottom: 19%; }
.mini-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--soft-red);
  color: var(--red);
  font-weight: 850;
  font-size: 11px;
}
.floating-card strong { display: block; font-size: 12px; }
.floating-card small { color: var(--muted); font-size: 10px; }
.real-line {
  position: absolute;
  right: 0;
  bottom: 8%;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 15px;
  color: #44444a;
}
.real-line span { color: var(--red); }

.prestige-strip { background: var(--black); color: #fff; }
.prestige-grid { min-height: 126px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; }
.prestige-grid > div { padding: 8px 34px; position: relative; }
.prestige-grid > div + div { border-left: 1px solid rgba(255,255,255,.16); }
.strip-index { color: var(--red); font-size: 11px; font-weight: 850; letter-spacing: .15em; margin-right: 14px; }
.prestige-grid strong { font-size: 14px; }
.prestige-grid p { margin: 7px 0 0 34px; color: rgba(255,255,255,.54); font-size: 11px; line-height: 1.45; }

.content-section { padding-block: 112px; }
.section-heading h2, .product-copy h2, .trust-copy h2, .final-cta-inner h2 {
  margin: 16px 0 0;
  font-size: clamp(42px, 4.3vw, 66px);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.split-heading { display: grid; grid-template-columns: 1.25fr .75fr; gap: 80px; align-items: end; margin-bottom: 56px; }
.split-heading > p { color: var(--muted); max-width: 460px; padding-bottom: 6px; }
.benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.benefit-card {
  min-height: 290px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #fff;
  position: relative;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.benefit-card:hover { transform: translateY(-5px); border-color: #d9d7d2; box-shadow: var(--shadow-sm); }
.card-number { position: absolute; top: 24px; right: 25px; color: #aaa9a5; font-size: 10px; letter-spacing: .12em; }
.icon-mark { width: 52px; height: 52px; border-radius: 16px; background: var(--soft-red); color: var(--red); display: grid; place-items: center; font-weight: 900; font-size: 16px; margin-bottom: 40px; }
.benefit-card h3 { margin: 0 0 14px; font-size: 19px; letter-spacing: -.025em; }
.benefit-card p { color: var(--muted); font-size: 14px; }
.featured-card { background: linear-gradient(150deg, #fff 55%, #fff4f4); border-color: #f4d7d8; }
.dark-card { background: var(--black); color: #fff; border-color: var(--black); }
.dark-card .card-number { color: rgba(255,255,255,.38); }
.dark-card .icon-mark { background: rgba(229,25,32,.14); }
.dark-card p { color: rgba(255,255,255,.6); }

.serve-section {
  padding-block: 118px 126px;
  color: #fff;
  background:
    radial-gradient(circle at 75% 20%, rgba(229,25,32,.20), transparent 24%),
    linear-gradient(145deg, #0b0b0d 0%, #151517 58%, #070708 100%);
  position: relative;
  overflow: hidden;
}
.serve-section::before {
  content: "";
  position: absolute;
  width: 560px; height: 560px;
  right: -160px; top: -90px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 50%;
  box-shadow: 0 0 0 55px rgba(255,255,255,.015), 0 0 0 110px rgba(255,255,255,.012);
}
.centered-heading { text-align: center; max-width: 860px; margin: 0 auto 56px; }
.centered-heading .eyebrow { justify-content: center; }
.centered-heading h2 { color: inherit; }
.centered-heading > p { color: rgba(255,255,255,.55); max-width: 720px; margin: 22px auto 0; }
.dark-text > p { color: var(--muted); }
.serve-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.serve-grid article {
  min-height: 178px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  background: rgba(255,255,255,.035);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: background .25s ease, border-color .25s ease;
}
.serve-grid article:hover { background: rgba(255,255,255,.065); border-color: rgba(229,25,32,.45); }
.serve-grid span { color: var(--red); font-size: 10px; letter-spacing: .15em; font-weight: 850; }
.serve-grid h3 { margin: 0; font-size: 20px; max-width: 260px; line-height: 1.25; }

.how-section { padding-bottom: 126px; }
.steps-grid { display: grid; grid-template-columns: 1fr 80px 1fr 80px 1fr; align-items: start; margin-top: 12px; }
.steps-grid article { text-align: center; padding: 0 18px; }
.step-num {
  width: 62px; height: 62px;
  margin: 0 auto 24px;
  border-radius: 50%;
  border: 1px solid #e5c8c9;
  display: grid;
  place-items: center;
  color: var(--red);
  font-size: 12px;
  font-weight: 900;
  box-shadow: inset 0 0 0 9px #fff7f7;
}
.steps-grid h3 { margin: 0 0 12px; font-size: 20px; letter-spacing: -.02em; }
.steps-grid p { color: var(--muted); font-size: 14px; }
.step-line { height: 1px; background: linear-gradient(90deg, #eee, #efb5b8, #eee); margin-top: 31px; }
.steps-note { margin: 48px auto 0; text-align: center; color: #3f3f44; font-size: 13px; font-weight: 700; }

.products-section { background: var(--cream); padding-block: 118px; }
.product-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 86px; align-items: center; }
.product-copy > p { margin-top: 24px; color: var(--muted); max-width: 570px; }
.product-list { margin-top: 38px; border-top: 1px solid #dcd9d2; }
.product-list > div { display: grid; grid-template-columns: 42px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid #dcd9d2; }
.product-list > div > span { color: var(--red); font-size: 10px; font-weight: 900; letter-spacing: .12em; padding-top: 4px; }
.product-list h3 { margin: 0 0 4px; font-size: 16px; }
.product-list p { color: var(--muted); font-size: 12px; line-height: 1.5; }
.product-gallery { display: grid; grid-template-columns: 1.1fr .9fr; grid-template-rows: 1fr 1fr; gap: 16px; }
.product-gallery figure { margin: 0; position: relative; overflow: hidden; border-radius: 24px; min-height: 270px; background: #ddd; box-shadow: var(--shadow-sm); }
.product-gallery .gallery-main { grid-row: 1 / 3; min-height: 560px; }
.product-gallery img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.product-gallery figure::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.72)); }
.product-gallery figcaption { position: absolute; z-index: 2; left: 20px; bottom: 18px; color: #fff; font-weight: 750; font-size: 12px; letter-spacing: .01em; }

.trust-section { padding-block: 112px; }
.trust-panel {
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 80% 20%, rgba(229,25,32,.2), transparent 25%),
    linear-gradient(135deg, #0b0b0c, #1b1b1e);
  color: #fff;
  padding: 68px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 72px;
  box-shadow: var(--shadow-lg);
}
.trust-copy p { color: rgba(255,255,255,.58); margin-top: 20px; max-width: 670px; }
.trust-points { display: grid; align-content: center; }
.trust-points > div { padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.trust-points > div:first-child { border-top: 1px solid rgba(255,255,255,.12); }
.trust-points strong { display: block; font-size: 16px; }
.trust-points span { display: block; color: rgba(255,255,255,.46); font-size: 12px; margin-top: 5px; }

.final-cta-section { background: var(--red); color: #fff; overflow: hidden; position: relative; }
.final-cta-section::after { content: ""; position: absolute; width: 460px; height: 460px; right: -100px; top: -180px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.04), 0 0 0 110px rgba(255,255,255,.025); }
.final-cta-inner { min-height: 400px; display: grid; grid-template-columns: 1fr auto; gap: 72px; align-items: center; position: relative; z-index: 2; }
.final-cta-inner h2 em { color: #fff; }
.final-cta-inner p { max-width: 720px; margin-top: 22px; color: rgba(255,255,255,.72); }
.service-area { display: block; margin-top: 24px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; }
.final-cta-button { background: #fff; color: var(--black); box-shadow: 0 18px 35px rgba(110,0,0,.18); min-height: 62px; padding: 0 28px; white-space: nowrap; text-transform: uppercase; font-size: 13px; }
.final-cta-button:hover { box-shadow: 0 24px 44px rgba(110,0,0,.25); }

.site-footer { background: #080809; color: #fff; padding-top: 0; }
.footer-grid { display: grid; grid-template-columns: 1.45fr 1fr .7fr .9fr; gap: 50px; padding-bottom: 50px; }
.footer-brand img { width: 260px; max-width: 100%; }
.footer-brand p { color: rgba(255,255,255,.46); max-width: 360px; font-size: 12px; margin-top: 15px; }
.footer-grid > div:not(.footer-brand) { display: flex; flex-direction: column; gap: 9px; }
.footer-grid strong { font-size: 12px; text-transform: uppercase; letter-spacing: .14em; margin-bottom: 4px; }
.footer-grid a, .footer-grid span { color: rgba(255,255,255,.52); font-size: 12px; }
.footer-grid a:hover { color: #fff; }
.copyright { padding: 20px 0 28px; border-top: 1px solid rgba(255,255,255,.10); color: rgba(255,255,255,.34); font-size: 10px; }

@media (max-width: 1180px) {
  .header-shell { grid-template-columns: 220px 1fr auto; gap: 18px; }
  .brand { width: 205px; }
  .desktop-nav { gap: 22px; }
  .desktop-nav a { font-size: 13px; }
  .header-cta { padding: 0 18px; font-size: 11px; }
  .hero { gap: 28px; }
  .hero h1 { font-size: clamp(50px, 5vw, 68px); }
  .floating-card-top { right: -1%; }
  .floating-card-bottom { left: -3%; }
}

@media (max-width: 900px) {
  .section-shell { width: min(calc(100% - 32px), var(--max)); }
  .header-shell { width: calc(100% - 30px); height: 76px; grid-template-columns: 1fr auto; }
  .brand { width: 188px; }
  .desktop-nav, .header-cta { display: none; }
  .mobile-menu { display: block; position: relative; }
  .mobile-menu summary { list-style: none; width: 46px; height: 46px; display: grid; align-content: center; gap: 5px; cursor: pointer; padding: 11px; border: 1px solid var(--line); border-radius: 50%; }
  .mobile-menu summary::-webkit-details-marker { display: none; }
  .mobile-menu summary span { display: block; width: 100%; height: 2px; background: var(--black); border-radius: 2px; }
  .mobile-menu nav { position: absolute; top: 58px; right: 0; width: min(310px, calc(100vw - 32px)); background: #fff; padding: 15px; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow-lg); display: grid; gap: 2px; }
  .mobile-menu nav > a:not(.cta) { padding: 13px 12px; font-weight: 700; font-size: 14px; border-radius: 12px; }
  .mobile-menu nav > a:not(.cta):hover { background: var(--cream); }
  .mobile-cta { margin-top: 7px; min-height: 48px; padding: 0 18px; font-size: 12px; }

  .hero { min-height: auto; grid-template-columns: 1fr; padding-block: 64px 60px; gap: 34px; }
  .hero-copy { text-align: center; }
  .hero-copy .eyebrow { justify-content: center; }
  .hero h1 { font-size: clamp(48px, 10vw, 74px); }
  .hero-intro { margin-inline: auto; font-size: 17px; }
  .hero-actions { justify-content: center; flex-wrap: wrap; }
  .hero-proof { max-width: 680px; margin-inline: auto; text-align: left; }
  .hero-visual { min-height: 600px; }
  .machine-stage { width: min(370px, 70vw); }
  .floating-card-top { right: 9%; top: 25%; }
  .floating-card-bottom { left: 8%; bottom: 18%; }
  .real-line { right: 7%; }

  .prestige-grid { grid-template-columns: 1fr; padding-block: 20px; }
  .prestige-grid > div { padding: 20px 8px; }
  .prestige-grid > div + div { border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
  .prestige-grid p { margin-left: 34px; }

  .content-section { padding-block: 86px; }
  .split-heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 42px; }
  .benefit-grid, .serve-grid { grid-template-columns: repeat(2, 1fr); }
  .steps-grid { grid-template-columns: 1fr; gap: 28px; }
  .step-line { width: 1px; height: 34px; margin: -4px auto; }
  .products-section { padding-block: 86px; }
  .product-layout { grid-template-columns: 1fr; gap: 54px; }
  .product-gallery { max-width: 720px; margin-inline: auto; }
  .trust-panel { grid-template-columns: 1fr; gap: 42px; padding: 52px; }
  .final-cta-inner { grid-template-columns: 1fr; gap: 34px; padding-block: 70px; }
  .final-cta-button { justify-self: start; }
  .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .section-shell { width: min(calc(100% - 24px), var(--max)); }
  .header-shell { width: calc(100% - 24px); }
  .brand { width: 168px; }
  .hero { padding-top: 48px; }
  .hero h1 { margin-top: 18px; font-size: clamp(43px, 13vw, 62px); }
  .hero-intro { font-size: 15px; line-height: 1.62; }
  .hero-actions { gap: 18px; }
  .hero-cta { width: 100%; min-height: 56px; padding-inline: 20px; font-size: 12px; }
  .hero-proof { grid-template-columns: 1fr; gap: 0; margin-top: 36px; }
  .hero-proof > div { padding: 15px 0; }
  .hero-proof > div + div { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }
  .hero-visual { min-height: 520px; }
  .hero-halo { width: 420px; height: 420px; }
  .machine-stage { width: min(315px, 82vw); }
  .floating-card { min-width: 160px; padding: 11px 12px; }
  .floating-card-top { right: 0; top: 25%; }
  .floating-card-bottom { left: 0; bottom: 17%; }
  .real-line { bottom: 5%; right: 0; font-size: 13px; }

  .section-heading h2, .product-copy h2, .trust-copy h2, .final-cta-inner h2 { font-size: clamp(38px, 11vw, 52px); }
  .benefit-grid, .serve-grid { grid-template-columns: 1fr; }
  .benefit-card { min-height: 250px; }
  .serve-grid article { min-height: 142px; }
  .product-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 390px 220px; }
  .product-gallery .gallery-main { grid-row: auto; grid-column: 1 / -1; min-height: 390px; }
  .product-gallery figure { min-height: 220px; }
  .trust-panel { padding: 34px 24px; border-radius: 28px; }
  .final-cta-button { width: 100%; font-size: 12px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 20px; }
  .footer-brand { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ===== Approved homepage reference hero (Sep 10, 2026) ===== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid rgba(20,20,22,.08);
  box-shadow: 0 8px 28px rgba(20,20,22,.06);
  backdrop-filter: blur(16px);
}
.header-shell {
  width: min(calc(100% - 64px), 1420px);
  height: 116px;
  display: grid;
  grid-template-columns: 270px 1fr auto;
  gap: 28px;
  align-items: center;
}
.brand { width: 218px; height: 92px; display:flex; align-items:center; overflow:hidden; }
.brand img { width: 218px; height: auto; object-fit: contain; }
.desktop-nav { gap: 40px; justify-content: center; }
.desktop-nav a { font-size: 15px; font-weight: 550; color: #18181b; }
.desktop-nav a::after { bottom: -18px; }
.header-actions { display:flex; align-items:center; gap: 28px; }
.header-cta {
  min-height: 54px;
  padding: 0 28px;
  border-radius: 11px;
  font-size: 14px;
  letter-spacing: 0;
  box-shadow: 0 12px 28px rgba(229,25,32,.17);
}
.header-phone { display:flex; align-items:center; gap: 10px; white-space: nowrap; font-weight: 750; font-size: 15px; }
.header-phone span { color: var(--red); font-size: 22px; transform: rotate(-13deg); }

.hero-reference {
  background:
    radial-gradient(circle at 70% 43%, rgba(255,255,255,.98) 0 25%, rgba(248,248,248,.96) 62%, rgba(245,244,241,.86) 100%);
  min-height: 730px;
  overflow: hidden;
  position: relative;
}
.hero-reference-inner {
  width: min(calc(100% - 58px), 1480px);
  min-height: 730px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(560px, 1.22fr) minmax(390px,.76fr) 220px;
  align-items: center;
  gap: 12px;
  position: relative;
  isolation: isolate;
}
.hero-reference-inner::before {
  content:"";
  position:absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.91) 10%, rgba(255,255,255,.47) 46%, rgba(255,255,255,.18) 68%, rgba(255,255,255,.82) 100%);
  z-index:-3;
}
.luxury-blur { position:absolute; z-index:-4; pointer-events:none; filter: blur(7px); opacity:.58; }
.luxury-blur-left {
  left:-190px; top:60px; width:330px; height:560px;
  background: linear-gradient(135deg, #ece7df, #c9b7a4 38%, #fff 40% 55%, #d4ccc0 58%, #f7f5f0);
  transform: skewX(-8deg);
}
.luxury-blur-right {
  right:-170px; top:95px; width:330px; height:560px;
  background:
    radial-gradient(ellipse at 55% 30%, rgba(62,92,54,.62) 0 8%, transparent 9%),
    radial-gradient(ellipse at 75% 45%, rgba(74,105,64,.55) 0 10%, transparent 11%),
    radial-gradient(ellipse at 45% 60%, rgba(44,79,42,.5) 0 12%, transparent 13%),
    linear-gradient(90deg, transparent, rgba(221,213,202,.9));
}
.hero-reference-copy { padding: 70px 0 58px 40px; position:relative; z-index:5; }
.hero-reference-eyebrow {
  display:flex; align-items:center; gap:16px;
  font-size:12px; text-transform:uppercase; letter-spacing:.34em; color:#343438; font-weight:600;
}
.hero-reference-eyebrow span { width:56px; height:2px; background:var(--red); }
.hero-reference h1 {
  margin: 24px 0 18px;
  font-size: clamp(58px, 5.15vw, 83px);
  line-height: .99;
  letter-spacing: -.055em;
  font-weight: 825;
  max-width: 810px;
}
.hero-reference h1 strong { color:var(--red); font:inherit; font-weight:825; }
.hero-reference-intro {
  color:#2d2d32;
  font-size:18px;
  line-height:1.62;
  max-width:700px;
}
.reference-benefits {
  margin-top: 28px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  width:min(100%,760px);
}
.reference-benefit {
  min-height:128px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
  padding:8px 18px 0 0;
}
.reference-benefit + .reference-benefit { border-left:1px solid #e5e4e1; padding-left:24px; }
.reference-icon {
  width:48px; height:48px; border-radius:50%; display:grid; place-items:center;
  background:#fff0f0; color:var(--red); font-size:22px; font-weight:900;
}
.reference-benefit strong { display:block; font-size:15px; line-height:1.12; letter-spacing:-.02em; margin-bottom:5px; }
.reference-benefit small { display:block; color:#66666c; font-size:11.5px; line-height:1.42; }
.reference-actions { display:flex; align-items:center; gap:36px; margin-top:20px; }
.reference-primary-cta {
  min-height:68px;
  padding:0 34px;
  border-radius:10px;
  text-transform:uppercase;
  font-size:15px;
  letter-spacing:.01em;
}
.reference-learn { font-size:13px; font-weight:650; padding:10px 0 6px; border-bottom:1px solid #9e9e9e; }

.hero-reference-visual {
  height: 690px;
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  z-index:4;
}
.reference-machine {
  width: 430px;
  max-width:none;
  height:auto;
  position:relative;
  z-index:4;
  transform:translateY(18px);
  filter: drop-shadow(0 32px 20px rgba(0,0,0,.22));
}
.speed-mark { position:absolute; width:560px; height:560px; left:50%; top:48%; transform:translate(-50%,-50%); z-index:1; opacity:.36; }
.speed-mark::before, .speed-mark::after, .speed-mark i { content:""; position:absolute; border-radius:50%; border:32px solid transparent; }
.speed-mark::before { inset:50px; border-left-color:rgba(229,25,32,.40); border-bottom-color:rgba(229,25,32,.40); transform:rotate(21deg); }
.speed-mark::after { inset:104px; border-top-color:rgba(15,15,18,.18); border-right-color:rgba(15,15,18,.13); transform:rotate(-18deg); }
.speed-mark i:nth-child(1){ inset:0; border-left-color:rgba(229,25,32,.24); transform:rotate(40deg); }
.speed-mark i:nth-child(2){ inset:150px; border-right-color:rgba(229,25,32,.30); transform:rotate(5deg); }
.speed-mark i:nth-child(3){ width:200px;height:28px;left:5px;top:278px;border:0;background:rgba(229,25,32,.30);border-radius:4px;transform:rotate(-4deg);clip-path:polygon(0 40%,82% 40%,100% 0,92% 50%,100% 100%,82% 60%,0 60%); }
.speed-mark i:nth-child(4){ display:none; }
.reference-aside { align-self:stretch; padding:66px 6px 40px 6px; display:flex; flex-direction:column; justify-content:center; gap:48px; z-index:5; }
.real-results { text-transform:uppercase; font-size:12px; line-height:2; letter-spacing:.29em; font-weight:650; margin-bottom:2px; }
.real-results span { display:block; width:50px; height:2px; background:var(--red); margin-top:16px; }
.aside-point { display:grid; grid-template-columns:44px 1fr; gap:13px; align-items:start; }
.aside-icon { width:40px; height:40px; border-radius:50%; background:#fff0f0; color:var(--red); display:grid; place-items:center; font-weight:900; font-size:18px; }
.aside-point strong { display:block; font-size:13px; line-height:1.2; margin-bottom:5px; }
.aside-point small { display:block; color:#696970; font-size:11px; line-height:1.45; }

.hero-trustbar {
  min-height:165px;
  background:linear-gradient(105deg,#09090a 0%,#151516 72%,#09090a 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.toronto-silhouette { position:absolute; left:0; bottom:0; width:86%; height:104px; color:rgba(255,255,255,.11); }
.hero-trustbar-inner {
  width:min(calc(100% - 80px),1420px);
  min-height:165px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:1.05fr 1fr 1.12fr .68fr;
  align-items:center;
  position:relative;
  z-index:2;
}
.trustbar-item { min-height:78px; padding:10px 34px 10px 10px; display:grid; grid-template-columns:54px 1fr; gap:14px; align-items:start; }
.trustbar-item + .trustbar-item { border-left:1px solid rgba(255,255,255,.22); padding-left:34px; }
.trustbar-icon { width:48px;height:48px;display:grid;place-items:center;font-size:31px;color:#fff; }
.trustbar-item strong { display:block; text-transform:uppercase; font-size:13px; letter-spacing:.02em; margin:3px 0 7px; }
.trustbar-item small { color:rgba(255,255,255,.72); line-height:1.45; font-size:11px; display:block; max-width:270px; }
.trustbar-tagline {
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 18px 20px 58px;
  background:linear-gradient(115deg,#c60f16,#e51920 56%,#a8070c);
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:23px;
  line-height:1.35;
  position:relative;
  margin-right:calc((100vw - min(calc(100% - 80px),1420px))/ -2);
  padding-right:max(24px,calc((100vw - 1420px)/2 + 24px));
}
.trustbar-tagline::before { content:""; position:absolute; left:-40px; top:0; bottom:0; width:80px; background:#d11219; transform:skewX(-24deg); z-index:-1; }
.trustbar-tagline span { width:48px;height:2px;background:#fff;margin-top:14px;opacity:.8; }

@media (max-width: 1280px) {
  .header-shell { grid-template-columns:230px 1fr auto; width:min(calc(100% - 40px),1240px); }
  .brand,.brand img { width:200px; }
  .desktop-nav { gap:24px; }
  .header-phone { display:none; }
  .hero-reference-inner { grid-template-columns:minmax(520px,1.15fr) minmax(360px,.85fr) 170px; width:min(calc(100% - 38px),1240px); }
  .hero-reference-copy { padding-left:14px; }
  .hero-reference h1 { font-size:clamp(52px,5.1vw,70px); }
  .reference-machine { width:390px; }
  .reference-benefit + .reference-benefit { padding-left:16px; }
  .reference-benefit { padding-right:10px; }
  .hero-trustbar-inner { width:min(calc(100% - 40px),1240px); }
}

@media (max-width: 1000px) {
  .header-shell { grid-template-columns:1fr auto; height:88px; }
  .brand { height:72px; width:184px; }
  .brand img { width:184px; }
  .desktop-nav,.header-actions { display:none; }
  .mobile-menu { display:block; }
  .hero-reference { min-height:auto; }
  .hero-reference-inner { min-height:auto; display:block; width:min(calc(100% - 34px),760px); padding-bottom:0; }
  .hero-reference-copy { padding:58px 0 18px; }
  .hero-reference h1 { font-size:clamp(48px,10vw,70px); max-width:740px; }
  .hero-reference-intro { max-width:680px; }
  .reference-benefits { grid-template-columns:repeat(2,1fr); gap:18px 0; }
  .reference-benefit:nth-child(3) { border-left:0; padding-left:0; }
  .hero-reference-visual { height:570px; margin-top:8px; }
  .reference-machine { width:min(400px,78vw); transform:none; }
  .reference-aside { display:none; }
  .hero-trustbar-inner { grid-template-columns:1fr 1fr; width:min(calc(100% - 32px),760px); padding:24px 0; gap:16px; }
  .trustbar-item + .trustbar-item { border-left:0; padding-left:10px; }
  .trustbar-tagline { min-height:110px; margin:0; padding:24px 32px; }
  .trustbar-tagline::before { display:none; }
}

@media (max-width: 620px) {
  .header-shell { width:calc(100% - 28px); }
  .brand,.brand img { width:164px; }
  .hero-reference-inner { width:calc(100% - 28px); }
  .hero-reference-copy { padding-top:44px; }
  .hero-reference-eyebrow { font-size:9px; letter-spacing:.27em; }
  .hero-reference-eyebrow span { width:34px; }
  .hero-reference h1 { margin-top:18px; font-size:clamp(42px,13.2vw,60px); line-height:1.01; }
  .hero-reference-intro { font-size:15px; line-height:1.55; }
  .reference-benefits { grid-template-columns:1fr 1fr; margin-top:22px; }
  .reference-benefit { min-height:114px; padding-right:12px; }
  .reference-benefit + .reference-benefit { padding-left:15px; }
  .reference-benefit:nth-child(3) { padding-left:0; }
  .reference-icon { width:42px;height:42px;font-size:18px; }
  .reference-benefit strong { font-size:13px; }
  .reference-benefit small { font-size:10.5px; }
  .reference-actions { display:block; margin-top:10px; }
  .reference-primary-cta { width:100%; min-height:62px; font-size:13px; }
  .reference-learn { display:none; }
  .hero-reference-visual { height:520px; }
  .reference-machine { width:min(350px,88vw); }
  .speed-mark { width:440px;height:440px; }
  .hero-trustbar-inner { grid-template-columns:1fr; }
  .trustbar-item { padding:10px 4px; grid-template-columns:48px 1fr; }
  .trustbar-tagline { margin-top:8px; font-size:21px; }
}

/* Fine-tuning to mirror the approved 1536×1024 reference more closely */
@media (min-width: 1281px) {
  .hero-reference-inner {
    min-height: 715px;
    grid-template-columns: minmax(720px, 1.32fr) 430px 200px;
  }
  .hero-reference { min-height: 715px; }
  .hero-reference-copy { padding: 54px 0 40px 40px; }
  .hero-reference h1 { font-size: 68px; line-height: 1.01; max-width: 840px; }
  .hero-reference h1 strong { display:block; white-space:nowrap; }
  .hero-reference-intro { max-width: 720px; font-size: 17px; }
  .reference-benefits { margin-top: 24px; width: 760px; }
  .reference-benefit { min-height: 116px; }
  .reference-actions { margin-top: 12px; }
  .hero-reference-visual { height: 650px; }
  .reference-machine { width: 420px; transform: translateY(12px); }
  .speed-mark { width: 530px; height:530px; }
  .reference-aside { padding-top: 55px; padding-bottom: 34px; gap: 43px; }
  .hero-trustbar, .hero-trustbar-inner { min-height: 158px; }
}

@media (max-width: 620px) {
  .hero-reference h1 strong { white-space:normal; }
}

/* Reference alignment refinements after visual comparison */
@media (min-width: 1281px) {
  .header-shell { grid-template-columns: 280px 1fr auto; }
  .desktop-nav { justify-content:flex-start; }
  .brand { width:190px; height:106px; overflow:visible; }
  .brand img { width:190px; height:auto; }
  .hero-reference-copy { padding-left: 108px; }
  .reference-machine { width:378px; transform: translateY(6px); }
  .hero-reference-visual { height:680px; }
  .speed-mark { width:520px; height:520px; }
}

/* ===== Reference-fidelity rebuild v5 ===== */
@media (min-width: 1281px) {
  .site-header { height:120px; box-shadow:0 4px 18px rgba(20,20,22,.08); }
  .header-shell {
    width:100%; max-width:1536px; height:120px; margin:0 auto; padding:0 64px;
    display:flex; align-items:center; gap:0;
  }
  .brand { width:224px; height:106px; margin-right:58px; display:flex; align-items:center; overflow:visible; flex:0 0 224px; }
  .brand img { width:224px; height:auto; object-fit:contain; }
  .desktop-nav { display:flex; justify-content:flex-start; gap:40px; align-items:center; flex:0 0 auto; }
  .desktop-nav a { font-size:15px; font-weight:520; letter-spacing:-.015em; }
  .desktop-nav a::after { bottom:-20px; height:2px; }
  .header-actions { margin-left:auto; display:flex; align-items:center; gap:38px; }
  .header-cta {
    width:348px; min-height:52px; padding:0 24px; border-radius:10px;
    font-size:14px; font-weight:800; box-shadow:0 12px 28px rgba(229,25,32,.18);
  }
  .header-phone { font-size:15px; font-weight:760; gap:11px; }
  .header-phone span { font-size:22px; }

  .hero-reference {
    height:730px; min-height:730px; position:relative; overflow:hidden;
    background:linear-gradient(90deg,#faf9f7 0%,#fff 8%,#fff 91%,#faf9f7 100%);
  }
  .hero-reference::before,
  .hero-reference::after {
    content:""; position:absolute; top:0; bottom:0; z-index:0; pointer-events:none;
    background-repeat:no-repeat; background-position:center; background-size:100% 100%;
  }
  .hero-reference::before {
    left:0; width:106px; background-image:url('assets/approved-left-ambience.png');
  }
  .hero-reference::after {
    right:0; width:64px; background-image:url('assets/approved-right-ambience.png');
  }
  .hero-reference-inner {
    width:100%; max-width:1536px; height:730px; min-height:730px; margin:0 auto; display:block;
    position:relative; isolation:isolate;
  }
  .hero-reference-inner::before {
    content:""; position:absolute; left:105px; right:63px; top:0; bottom:0; z-index:-1;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.96) 83%,rgba(247,246,243,.98));
  }
  .luxury-blur { display:none !important; }

  .hero-reference-copy {
    position:absolute; left:138px; top:63px; width:705px; padding:0; z-index:5;
  }
  .hero-reference-eyebrow {
    font-size:12px; font-weight:560; letter-spacing:.32em; color:#2d2d30; gap:18px;
  }
  .hero-reference-eyebrow span { width:57px; height:2px; }
  .hero-reference h1 {
    margin:28px 0 18px; max-width:none; font-family:Arial,Helvetica,sans-serif;
    font-size:64px; line-height:1.035; letter-spacing:-.052em; font-weight:800;
  }
  .hero-reference h1 strong { display:block; color:#e51820; white-space:nowrap; font:inherit; font-weight:800; }
  .hero-reference-intro {
    width:690px; max-width:none; font-size:17px; line-height:1.55; color:#343438;
  }
  .reference-benefits {
    margin-top:25px; width:670px; display:grid; grid-template-columns:repeat(4,1fr);
  }
  .reference-benefit {
    min-height:138px; padding:3px 20px 0 0; gap:8px;
  }
  .reference-benefit + .reference-benefit { border-left:1px solid #e3e2df; padding-left:26px; }
  .reference-icon {
    width:50px; height:50px; border-radius:50%; background:#fff0f0; color:#e51920;
    display:grid; place-items:center; margin-bottom:2px;
  }
  .reference-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
  .reference-benefit strong { font-size:15px; line-height:1.08; font-weight:800; margin-bottom:6px; }
  .reference-benefit small { font-size:11.6px; line-height:1.42; color:#65656a; }
  .reference-actions { margin-top:4px; gap:38px; }
  .reference-primary-cta {
    width:402px; min-height:70px; border-radius:9px; padding:0 32px; font-size:15px; font-weight:800;
    justify-content:space-between; box-shadow:0 12px 25px rgba(229,25,32,.18);
  }
  .reference-learn { font-size:13px; font-weight:520; padding:9px 0 7px; border-bottom:1px solid #9d9d9d; }

  .hero-reference-visual {
    position:absolute; left:850px; top:0; width:425px; height:730px; display:block; z-index:3;
  }
  .reference-machine {
    width:425px; height:730px; max-width:none; object-fit:contain; object-position:center;
    transform:none; filter:none; position:static; mix-blend-mode:multiply;
  }
  .speed-mark { display:none !important; }

  .reference-aside {
    position:absolute; left:1311px; top:59px; width:174px; height:620px; padding:0;
    display:flex; flex-direction:column; justify-content:flex-start; gap:0; z-index:5;
  }
  .real-results {
    margin:0 0 43px; font-size:12px; line-height:2.05; letter-spacing:.29em; font-weight:560;
  }
  .real-results span { width:49px; height:2px; margin-top:15px; }
  .aside-point {
    display:grid; grid-template-columns:48px 1fr; gap:14px; align-items:start; margin-bottom:43px;
  }
  .aside-icon {
    width:43px; height:43px; border-radius:50%; background:#fff0f0; color:#e51920; display:grid; place-items:center;
  }
  .aside-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; }
  .aside-point strong { display:block; font-size:13px; line-height:1.14; font-weight:800; margin:3px 0 5px; }
  .aside-point small { display:block; font-size:11.2px; line-height:1.45; color:#66666b; }

  .hero-trustbar {
    height:174px; min-height:174px; background:linear-gradient(90deg,#09090a,#171718 78%,#09090a); overflow:hidden;
  }
  .hero-trustbar::after {
    content:""; position:absolute; left:0; bottom:0; width:81%; height:94px;
    background:url('assets/approved-skyline.png') left bottom / 100% 94px no-repeat;
    opacity:.9; filter:contrast(1.15) brightness(.86); z-index:0; pointer-events:none;
  }
  .toronto-silhouette { display:none; }
  .hero-trustbar-inner {
    width:100%; max-width:1536px; height:174px; min-height:174px; margin:0 auto; padding:0 64px;
    display:grid; grid-template-columns:1fr 1fr 1.08fr 275px; align-items:center; position:relative; z-index:2;
  }
  .trustbar-item {
    min-height:78px; padding:6px 34px 6px 0; display:grid; grid-template-columns:58px 1fr; gap:15px; align-items:start;
  }
  .trustbar-item + .trustbar-item { border-left:1px solid rgba(255,255,255,.26); padding-left:36px; }
  .trustbar-icon { width:52px; height:52px; display:grid; place-items:center; color:#fff; }
  .trustbar-icon svg { width:38px; height:38px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .trustbar-item strong { margin:4px 0 7px; font-size:13px; font-weight:800; }
  .trustbar-item small { max-width:280px; font-size:11.3px; line-height:1.45; color:rgba(255,255,255,.78); }
  .trustbar-tagline {
    height:174px; margin:0 -64px 0 0; padding:42px 54px 28px 74px; justify-content:center;
    background:linear-gradient(112deg,#d11118 0%,#e51920 58%,#c90d14 100%);
    font-size:22px; line-height:1.42; font-family:Georgia,'Times New Roman',serif; font-style:italic;
  }
  .trustbar-tagline::before { left:-45px; width:90px; transform:skewX(-25deg); background:#c80d14; }
  .trustbar-tagline span { margin-top:15px; width:48px; }
}

/* Keep the reference-derived scene from overpowering tablets/mobile. */
@media (min-width:1001px) and (max-width:1280px) {
  .hero-reference { background:#fff; }
  .hero-reference::before { content:""; position:absolute; left:0; top:0; bottom:0; width:75px; background:url('assets/approved-left-ambience.png') center/100% 100% no-repeat; opacity:.8; }
  .hero-reference::after { content:""; position:absolute; right:0; top:0; bottom:0; width:50px; background:url('assets/approved-right-ambience.png') center/100% 100% no-repeat; opacity:.8; }
  .hero-reference-visual { overflow:hidden; }
  .reference-machine { content:url('assets/approved-machine-scene.png'); object-fit:contain; mix-blend-mode:multiply; }
  .hero-trustbar::after { content:""; position:absolute; left:0; bottom:0; width:82%; height:80px; background:url('assets/approved-skyline.png') left bottom/100% 80px no-repeat; opacity:.75; }
}

.headline-line, .headline-red { display:block; }
@media (min-width:1281px) {
  .hero-reference h1 { font-size:64px; }
  .hero-reference h1 .headline-line { font-size:69px; line-height:1.01; }
  .hero-reference h1 .headline-red { font-size:62px; line-height:1.06; }
  .reference-benefits { margin-top:28px; }
  .reference-benefit { min-height:153px; }
  .reference-actions { margin-top:7px; }
}


/* ===== Approved mockup precision pass v7 ===== */
@media (min-width: 1281px) {
  .header-shell {
    padding-left: 64px;
    padding-right: 45px;
  }

  .hero-reference-copy {
    left: 138px;
    top: 63px;
    width: 720px;
  }
  .hero-reference h1 {
    margin-top: 27px;
    margin-bottom: 17px;
    font-family: 'Lato', 'Inter Display', Arial, sans-serif;
    font-weight: 900;
    letter-spacing: -0.047em;
  }
  .hero-reference h1 .headline-line:nth-child(1) {
    font-size: 70px;
    line-height: 1.01;
    letter-spacing: -0.052em;
  }
  .hero-reference h1 .headline-line:nth-child(2) {
    font-size: 69px;
    line-height: 1.01;
    letter-spacing: -0.058em;
  }
  .hero-reference h1 .headline-red {
    font-size: 60px;
    line-height: 1.08;
    letter-spacing: -0.049em;
  }
  .hero-reference-intro {
    width: 670px;
    max-width: none;
    font-size: 17.5px;
    line-height: 1.56;
    color: #29292d;
  }

  .reference-benefits {
    width: 600px;
    grid-template-columns: 142px 174px 173px 1fr;
    margin-top: 25px;
  }
  .reference-benefit {
    min-height: 177px;
    padding: 4px 18px 0 0;
    gap: 9px;
  }
  .reference-benefit + .reference-benefit {
    padding-left: 22px;
  }
  .reference-icon {
    width: 52px;
    height: 52px;
  }
  .reference-icon svg {
    width: 28px;
    height: 28px;
  }
  .reference-benefit strong {
    font-family: 'Lato', Arial, sans-serif;
    font-size: 15px;
    font-weight: 900;
  }
  .reference-benefit small {
    font-size: 11.5px;
    line-height: 1.42;
  }
  .reference-actions {
    margin-top: 3px;
    gap: 39px;
  }

  .hero-reference-visual {
    left: 865px;
    width: 390px;
  }
  .reference-machine {
    width: 425px;
    margin-left: -15px;
  }

  .hero-reference::after {
    width: 58px;
    opacity: .72;
  }
  .hero-reference-inner::after {
    content: '';
    position: absolute;
    left: 825px;
    top: 0;
    width: 75px;
    height: 730px;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.52) 47%, rgba(255,255,255,0));
  }

  .reference-aside {
    left: 1304px;
    top: 59px;
    width: 180px;
    height: 650px;
  }
  .real-results {
    margin-bottom: 42px;
  }
  .aside-point {
    margin-bottom: 82px;
    grid-template-columns: 48px 1fr;
  }
  .aside-point:last-child {
    margin-bottom: 0;
  }
  .aside-icon {
    width: 45px;
    height: 45px;
  }

  .hero-trustbar,
  .hero-trustbar-inner {
    height: 174px;
    min-height: 174px;
  }
  .hero-trustbar::after {
    width: 81.5%;
    height: 138px;
    background-size: 100% 138px;
    opacity: .88;
    filter: contrast(1.06) brightness(1.05);
  }
  .hero-trustbar-inner {
    width: 100%;
    max-width: 1536px;
    padding: 0 300px 0 64px;
    grid-template-columns: 1.05fr .95fr 1.25fr;
    column-gap: 0;
  }
  .trustbar-item {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .trustbar-item small {
    color: rgba(255,255,255,.78);
  }
  .trustbar-tagline {
    position: absolute;
    top: 0;
    right: 0;
    width: 256px;
    height: 174px;
    margin: 0;
    padding: 44px 42px 30px 52px;
    font-size: 21px;
    line-height: 1.45;
    z-index: 3;
  }
  .trustbar-tagline::before {
    left: -45px;
    width: 90px;
  }
}

/* ===== Approved mockup precision pass v8 ===== */
@media (min-width: 1281px) {
  .header-shell {
    padding-left: 72px;
    padding-right: 45px;
  }
  .brand {
    width: 205px;
    flex-basis: 205px;
    margin-right: 70px;
  }
  .brand img { width: 205px; }

  .hero-reference h1 {
    font-family: 'Roboto', 'Inter Display', Arial, sans-serif;
    font-weight: 900;
    letter-spacing: 0;
  }
  .hero-reference h1 .headline-line:nth-child(1) {
    font-size: 72px;
    line-height: 1.01;
    letter-spacing: -0.015em;
  }
  .hero-reference h1 .headline-line:nth-child(2) {
    font-size: 68px;
    line-height: 1.02;
    letter-spacing: -0.018em;
  }
  .hero-reference h1 .headline-red {
    font-size: 61px;
    line-height: 1.075;
    letter-spacing: -0.02em;
  }
  .hero-reference-intro {
    width: 625px;
    font-size: 17.5px;
    line-height: 1.55;
  }
  .reference-benefits {
    width: 650px;
    grid-template-columns: 142px 174px 173px 161px;
  }
  .reference-benefit strong {
    font-family: 'Roboto', 'Inter Display', Arial, sans-serif;
    font-weight: 900;
  }

  .hero-reference::after {
    width: 60px;
    opacity: .5;
  }

  .hero-trustbar::after {
    height: 108px;
    background-size: 100% 108px;
    opacity: .78;
    filter: contrast(1.04) brightness(.95);
  }
  .toronto-silhouette {
    display: block;
    width: 72%;
    height: 150px;
    left: -68px;
    bottom: -1px;
    color: rgba(255,255,255,.08);
    z-index: 1;
  }
  .hero-trustbar-inner {
    padding-left: 64px;
    padding-right: 286px;
  }
  .trustbar-tagline {
    width: 256px;
    padding-left: 52px;
    padding-right: 34px;
  }
}

/* ===== Approved mockup precision pass v9 ===== */
@media (min-width: 1281px) {
  .header-shell {
    padding-left: 68px;
    padding-right: 45px;
  }
  .brand {
    width: 218px;
    flex-basis: 218px;
    margin-right: 61px;
  }
  .brand img { width: 218px; }

  .hero-reference h1 .headline-line:nth-child(2) {
    font-size: 69.5px;
    letter-spacing: -0.017em;
  }
  .hero-reference h1 .headline-red {
    font-size: 62px;
    letter-spacing: -0.02em;
  }
  .hero-reference-intro {
    width: 690px;
  }
  .reference-benefits {
    width: 650px;
    grid-template-columns: 142px 184px 180px 144px;
  }
  .reference-benefit {
    min-height: 183px;
  }

  .reference-aside {
    left: 1312px;
    top: 55px;
    width: 170px;
  }

  .hero-reference::after {
    opacity: .42;
  }

  .toronto-silhouette { display: none; }
  .hero-trustbar-inner {
    padding-left: 64px;
    padding-right: 286px;
    grid-template-columns: 369px 396px 421px;
  }
}

/* ===== Approved blueprint fidelity pass v10 =====
   Desktop reproduces the user-approved 1536×1024 composition exactly,
   while keeping semantic HTML and responsive mobile/tablet layouts. */
@media (min-width: 1281px) {
  .hero-reference {
    height: 730px;
    min-height: 730px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1536px 730px;
  }
  .hero-reference::before,
  .hero-reference::after,
  .hero-reference-inner::before,
  .hero-reference-inner::after {
    display: none !important;
    content: none !important;
  }
  .hero-reference-inner {
    width: 1536px;
    max-width: 1536px;
    height: 730px;
    min-height: 730px;
    margin: 0 auto;
    background: transparent;
  }
  .hero-reference-copy,
  .hero-reference-copy a,
  .hero-reference-visual,
  .reference-aside {
    pointer-events: auto;
  }

  .hero-trustbar {
    height: 174px;
    min-height: 174px;
    background-color: #0a0a0b;
    background-image:url('assets/approved-trustbar-blueprint.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 1536px 174px;
  }
  .hero-trustbar::after,
  .toronto-silhouette {
    display: none !important;
    content: none !important;
  }
  .hero-trustbar-inner {
    opacity: 0;
    width: 1536px;
    max-width: 1536px;
    height: 174px;
    min-height: 174px;
    margin: 0 auto;
  }
}

/* ===== Live hero polish pass v11 =====
   Rebuilds the approved desktop hero with editable HTML/CSS so typography
   remains crisp and no letters are baked/clipped into a raster mockup. */
@media (min-width: 1281px) {
  .hero-reference {
    height: 730px;
    min-height: 730px;
    background:
      linear-gradient(to bottom, rgba(255,255,255,0) 0 82%, rgba(248,247,244,.30) 82% 100%),
      #fff;
    overflow: hidden;
  }
  .hero-reference::before {
    display:block !important;
    content:"" !important;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:105px;
    background:url('assets/approved-left-ambience.png') left center / 105px 730px no-repeat;
    opacity:.96;
    z-index:0;
    pointer-events:none;
  }
  .hero-reference::after {
    display:block !important;
    content:"" !important;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:110px;
    background:url('assets/approved-right-ambience.png') right center / 110px 730px no-repeat;
    opacity:.72;
    z-index:0;
    pointer-events:none;
  }
  .hero-reference-inner {
    width:1536px;
    max-width:1536px;
    height:730px;
    min-height:730px;
    margin:0 auto;
    display:block;
    position:relative;
    background:
      linear-gradient(to bottom, transparent 0 83.5%, rgba(241,239,235,.26) 83.5% 100%);
    isolation:isolate;
  }
  .hero-reference-inner::before {
    display:block !important;
    content:"" !important;
    position:absolute;
    left:695px;
    right:72px;
    bottom:0;
    height:120px;
    z-index:0;
    pointer-events:none;
    background:
      linear-gradient(172deg, transparent 0 36%, rgba(214,211,205,.25) 36.5% 37%, transparent 37.5%),
      linear-gradient(8deg, transparent 0 38%, rgba(214,211,205,.20) 38.5% 39%, transparent 39.5%),
      linear-gradient(to bottom, rgba(255,255,255,.30), rgba(239,237,232,.55));
    opacity:.72;
  }
  .hero-reference-inner::after { display:none !important; content:none !important; }

  .hero-reference-copy,
  .hero-reference-visual,
  .reference-aside {
    opacity:1 !important;
    pointer-events:auto;
  }

  .hero-reference-copy {
    position:absolute;
    left:138px;
    top:63px;
    width:720px;
    padding:0;
    z-index:6;
  }
  .hero-reference-eyebrow {
    gap:16px;
    font-size:12px;
    letter-spacing:.34em;
    font-weight:550;
    line-height:1.2;
  }
  .hero-reference-eyebrow span { width:58px; height:2px; }
  .hero-reference h1 {
    margin:27px 0 17px;
    max-width:none;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:900;
    letter-spacing:-.042em;
  }
  .hero-reference h1 .headline-line:nth-child(1) {
    font-size:72px;
    line-height:1.01;
  }
  .hero-reference h1 .headline-line:nth-child(2) {
    font-size:69px;
    line-height:1.015;
  }
  .hero-reference h1 .headline-red {
    font-size:61px;
    line-height:1.08;
    letter-spacing:-.035em;
  }
  .hero-reference-intro {
    width:660px;
    max-width:none;
    color:#2a2a2f;
    font-size:18px;
    line-height:1.55;
    margin:0;
  }

  .reference-benefits {
    width:670px;
    margin-top:27px;
    display:grid;
    grid-template-columns:145px 182px 183px 160px;
    align-items:start;
    overflow: visible;
  }
  .reference-benefit {
    min-height:141px;
    height:auto;
    padding:0 20px 8px 0;
    gap:7px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    overflow: visible;
  }
  .reference-benefit + .reference-benefit {
    border-left:1px solid rgba(25,25,28,.08);
    padding-left:26px;
  }
  .reference-icon {
    width:50px;
    height:50px;
    min-width:50px;
    min-height:50px;
    margin:0 0 2px;
    border-radius:50%;
    background:#fff1f1;
    color:#e51920;
    display:grid;
    place-items:center;
  }
  .reference-icon svg {
    width:27px;
    height:27px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.15;
    stroke-linecap:round;
    stroke-linejoin:round;
    overflow:visible;
  }
  .reference-benefit strong {
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14.5px;
    line-height:1.24;
    font-weight:800;
    letter-spacing:-.018em;
    margin:0 0 4px;
    padding-bottom:1px;
    overflow: visible;
  }
  .reference-benefit small {
    display:block;
    color:#66666b;
    font-size:11.8px;
    line-height:1.52;
    font-weight:400;
    margin:0;
    padding-bottom:2px;
    overflow: visible;
  }

  .reference-actions {
    display:flex;
    align-items:center;
    gap:40px;
    margin-top:8px;
  }
  .reference-primary-cta {
    width:402px;
    min-height:70px;
    padding:0 32px 0 36px;
    border-radius:9px;
    justify-content:space-between;
    text-transform:uppercase;
    font-size:15px;
    line-height:1;
    letter-spacing:.005em;
    font-weight:850;
    box-shadow:0 15px 34px rgba(229,25,32,.20);
  }
  .reference-primary-cta span { font-size:27px; line-height:1; font-weight:400; margin-left:18px; }
  .reference-learn {
    display:inline-flex;
    align-items:center;
    gap:22px;
    min-width:119px;
    padding:10px 0 8px;
    border-bottom:1px solid #919195;
    font-size:13px;
    line-height:1;
    font-weight:520;
  }
  .reference-learn span { font-size:25px; line-height:.7; margin-bottom:-1px; }

  .hero-reference-visual {
    position:absolute;
    left:846px;
    top:0;
    width:445px;
    height:730px;
    display:block;
    overflow:visible;
    z-index:3;
  }
  .hero-reference-visual::after {
    content:"";
    position:absolute;
    left:66px;
    right:28px;
    bottom:10px;
    height:30px;
    background:radial-gradient(ellipse at center, rgba(0,0,0,.24) 0%, rgba(0,0,0,.10) 42%, rgba(0,0,0,0) 72%);
    filter:blur(7px);
    z-index:1;
    pointer-events:none;
  }
  .reference-machine {
    position:absolute;
    left:0;
    bottom:0;
    width:425px;
    height:730px;
    max-width:none;
    object-fit:contain;
    transform:none;
    filter:drop-shadow(10px 22px 14px rgba(0,0,0,.12));
    z-index:4;
  }
  .speed-mark {
    display:block !important;
    position:absolute;
    left:-74px;
    top:55px;
    width:590px;
    height:590px;
    border-radius:50%;
    opacity:.12;
    z-index:1;
    pointer-events:none;
    background:
      conic-gradient(from -14deg,
        #e51920 0 40deg, transparent 40deg 57deg,
        #e51920 57deg 101deg, transparent 101deg 119deg,
        #e51920 119deg 164deg, transparent 164deg 183deg,
        #e51920 183deg 230deg, transparent 230deg 250deg,
        #e51920 250deg 296deg, transparent 296deg 315deg,
        #e51920 315deg 360deg);
    -webkit-mask:radial-gradient(circle, transparent 0 61%, #000 61.5% 68%, transparent 68.5% 100%);
            mask:radial-gradient(circle, transparent 0 61%, #000 61.5% 68%, transparent 68.5% 100%);
  }
  .speed-mark::before {
    display:block;
    content:"";
    position:absolute;
    inset:50px;
    border-radius:50%;
    background:conic-gradient(from 18deg,
      #e51920 0 54deg, transparent 54deg 72deg,
      #e51920 72deg 135deg, transparent 135deg 154deg,
      #e51920 154deg 214deg, transparent 214deg 235deg,
      #e51920 235deg 294deg, transparent 294deg 314deg,
      #e51920 314deg 360deg);
    -webkit-mask:radial-gradient(circle, transparent 0 63%, #000 63.5% 71%, transparent 71.5% 100%);
            mask:radial-gradient(circle, transparent 0 63%, #000 63.5% 71%, transparent 71.5% 100%);
  }
  .speed-mark::after {
    display:block;
    content:"";
    position:absolute;
    left:15px;
    top:255px;
    width:265px;
    height:36px;
    border:0;
    border-radius:0;
    background:#e51920;
    transform:rotate(-4deg);
    clip-path:polygon(0 44%, 76% 44%, 100% 0, 88% 50%, 100% 100%, 76% 56%, 0 56%);
  }
  .speed-mark i { display:none !important; }

  .reference-aside {
    position:absolute;
    left:1304px;
    top:59px;
    width:180px;
    height:640px;
    padding:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:0;
    z-index:6;
  }
  .real-results { margin:0 0 42px; font-size:12px; line-height:2.05; letter-spacing:.29em; font-weight:560; }
  .real-results span { width:49px; height:2px; margin-top:15px; }
  .aside-point { grid-template-columns:48px 1fr; gap:14px; margin-bottom:68px; }
  .aside-point:last-child { margin-bottom:0; }
  .aside-icon { width:45px; height:45px; }
  .aside-icon svg { width:25px; height:25px; }
  .aside-point strong { font-size:13px; line-height:1.22; margin:2px 0 6px; }
  .aside-point small { font-size:11.5px; line-height:1.48; }
}

/* ===== V12: V10 rollback + text clipping fix only ===== */
@media (min-width: 1281px) {
  .hero-reference {
    height: 730px;
    min-height: 730px;
    background-color: #fff;
    background-image:url('assets/approved-hero-blueprint-v12.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-size:1536px 730px;
    overflow:hidden;
  }
  .hero-reference::before,
  .hero-reference::after,
  .hero-reference-inner::before,
  .hero-reference-inner::after { display:none !important; content:none !important; }
  .hero-reference-inner {
    width:1536px;
    max-width:1536px;
    height:730px;
    min-height:730px;
    margin:0 auto;
    display:block;
    position:relative;
    background:transparent;
  }

  /* The approved V10 artwork remains untouched visually. Only its four
     small benefit text blocks are replaced by crisp live text so descenders
     (g, p, y, etc.) cannot be clipped by raster scaling. */
  .hero-reference-eyebrow,
  .hero-reference h1,
  .hero-reference-intro,
  .hero-reference-visual,
  .reference-aside { opacity:0 !important; pointer-events:none !important; }

  .reference-actions {
    position:absolute;
    left:0;
    top:531px;
    width:560px;
    height:90px;
    margin:0;
    opacity:0 !important;
    pointer-events:auto;
  }

  .reference-benefits {
    position:absolute;
    left:0;
    top:413px;
    width:660px;
    height:94px;
    margin:0;
    display:grid;
    grid-template-columns:162px 183px 182px 133px;
    align-items:start;
    overflow:visible;
    z-index:9;
  }
  .reference-benefit {
    display:block;
    min-height:0;
    height:auto;
    padding:0;
    margin:0;
    border:0 !important;
    overflow:visible;
  }
  .reference-benefit + .reference-benefit { padding-left:0; border-left:0 !important; }
  .reference-icon { display:none !important; }
  .reference-benefit > div {
    display:block;
    position:relative;
    margin:0;
    padding:0 8px 5px 0;
    min-height:84px;
    background:rgba(255,255,255,.985);
    overflow:visible;
  }
  .reference-benefit:nth-child(2) > div { margin-left:0; }
  .reference-benefit:nth-child(3) > div { margin-left:0; }
  .reference-benefit:nth-child(4) > div { margin-left:0; }
  .reference-benefit strong {
    display:block;
    margin:0 0 5px;
    padding:0 0 2px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:1.24;
    font-weight:800;
    letter-spacing:-.02em;
    color:#111114;
    overflow:visible;
  }
  .reference-benefit small {
    display:block;
    margin:0;
    padding:0 0 3px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11.7px;
    line-height:1.5;
    font-weight:400;
    color:#65656a;
    overflow:visible;
  }

  .hero-trustbar {
    height:174px;
    min-height:174px;
    background-color:#0a0a0b;
    background-image:url('assets/approved-trustbar-blueprint.png');
    background-repeat:no-repeat;
    background-position:top center;
    background-size:1536px 174px;
  }
  .hero-trustbar::after,
  .toronto-silhouette { display:none !important; content:none !important; }
  .hero-trustbar-inner {
    opacity:0 !important;
    width:1536px;
    max-width:1536px;
    height:174px;
    min-height:174px;
    margin:0 auto;
  }
}

/* ===== V12b: preserve V10 exactly; replace only clipped raster text ===== */
@media (min-width: 1281px) {
  .hero-reference {
    background-image:url('assets/approved-hero-blueprint-v12-redrawn.png');
  }
  .reference-benefits {
    opacity:0 !important;
    pointer-events:none !important;
  }
}

/* ===== V13: paragraph clipping fix only ===== */
@media (min-width: 1281px) {
  .hero-reference {
    background-image:url('assets/approved-hero-blueprint-v15-cardclean.png');
  }
  .hero-reference-intro {
    opacity:1 !important;
    pointer-events:none !important;
    overflow:visible !important;
  }
}

/* Match the existing paragraph's visual scale while rendering it as live text. */
@media (min-width: 1281px) {
  .hero-reference-intro {
    font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size:22px;
    line-height:1.45;
    font-weight:400;
    letter-spacing:0;
  }
}

/* ===== Approved glossy pass ===== */
/* Surface-only polish: no approved layout, wording, spacing or hero geometry changes. */
.site-header {
  box-shadow: 0 10px 32px rgba(10,10,12,.07), inset 0 1px 0 rgba(255,255,255,.96);
}
.site-header::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:44%;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,0));
  opacity:.68;
}
.site-header .header-shell { position:relative; z-index:1; }

.cta {
  position:relative;
  overflow:hidden;
  box-shadow:
    0 15px 30px rgba(229,25,32,.24),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(100,0,0,.18);
}
.cta::before {
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:0;
  height:48%;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0));
}
.cta > * { position:relative; z-index:1; }

.content-section {
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg, #fff 0%, #fdfdfd 52%, #fff 100%);
}
.content-section::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.96), rgba(255,255,255,0) 28%),
    radial-gradient(circle at 88% 18%, rgba(229,25,32,.035), rgba(229,25,32,0) 25%);
}
.content-section > * { position:relative; z-index:1; }

.benefit-card {
  box-shadow: 0 18px 45px rgba(13,13,16,.065), inset 0 1px 0 rgba(255,255,255,.9);
  background-image:linear-gradient(145deg, rgba(255,255,255,.98), rgba(249,249,248,.92));
}
.benefit-card::before {
  content:"";
  position:absolute;
  left:-15%;
  top:-28%;
  width:76%;
  height:56%;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(ellipse, rgba(255,255,255,.92), rgba(255,255,255,0) 70%);
  transform:rotate(-10deg);
}
.featured-card {
  background-image:linear-gradient(145deg, rgba(255,255,255,1) 36%, rgba(255,244,244,.96));
}
.dark-card {
  background-image:linear-gradient(145deg, #1a1a1d 0%, #09090a 52%, #161619 100%);
  box-shadow: 0 22px 50px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10);
}
.dark-card::before { opacity:.11; }

.serve-section {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(255,255,255,.04);
}
.serve-section::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(112deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,0) 27%),
    radial-gradient(circle at 78% 4%, rgba(255,255,255,.10), rgba(255,255,255,0) 24%);
}
.serve-section > .section-shell { position:relative; z-index:1; }
.serve-grid article {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 16px 35px rgba(0,0,0,.10);
  backdrop-filter: blur(9px);
}

.step-num {
  background:linear-gradient(145deg, #fff, #fff7f7);
  box-shadow:
    inset 0 0 0 9px rgba(255,247,247,.96),
    inset 0 1px 0 rgba(255,255,255,1),
    0 12px 26px rgba(229,25,32,.08);
}

.products-section {
  position:relative;
  isolation:isolate;
  background:linear-gradient(145deg, #f8f6f2 0%, #fff 45%, #f4f1ec 100%);
}
.products-section::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 76% 10%, rgba(255,255,255,.98), rgba(255,255,255,0) 30%),
    linear-gradient(118deg, rgba(255,255,255,.4), rgba(255,255,255,0) 35%);
}
.products-section > .section-shell { position:relative; z-index:1; }
.product-gallery figure {
  border:1px solid rgba(255,255,255,.72);
  box-shadow: 0 24px 55px rgba(20,20,22,.13), inset 0 1px 0 rgba(255,255,255,.85);
}
.product-gallery figure::before {
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:0;
  height:34%;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0));
}

.trust-panel {
  position:relative;
  overflow:hidden;
  box-shadow: 0 35px 90px rgba(7,7,9,.25), inset 0 1px 0 rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 80% 20%, rgba(229,25,32,.23), transparent 25%),
    linear-gradient(135deg, #18181b 0%, #080809 47%, #1c1c20 100%);
}
.trust-panel::before {
  content:"";
  position:absolute;
  left:-8%;
  top:-38%;
  width:74%;
  height:70%;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(ellipse, rgba(255,255,255,.11), rgba(255,255,255,0) 70%);
  transform:rotate(-8deg);
}
.trust-panel > * { position:relative; z-index:1; }

.final-cta-section {
  background:linear-gradient(135deg, #f11d25 0%, #e51920 44%, #bf0f15 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(86,0,0,.18);
}
.final-cta-section::after {
  background:
    radial-gradient(circle at 68% 34%, rgba(255,255,255,.18), rgba(255,255,255,0) 26%),
    radial-gradient(circle, transparent 0 59%, rgba(255,255,255,.13) 59.5% 60%, transparent 60.5% 100%);
  border-color:rgba(255,255,255,.16);
}
.final-cta-button {
  box-shadow: 0 20px 45px rgba(90,0,0,.22), inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(0,0,0,.06);
  background:linear-gradient(180deg, #fff 0%, #f9f9f9 100%);
}

.site-footer {
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg, #101012 0%, #050506 54%, #101012 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.site-footer::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.07), rgba(255,255,255,0) 28%),
    linear-gradient(110deg, rgba(255,255,255,.025), rgba(255,255,255,0) 36%);
}
.site-footer > * { position:relative; z-index:1; }

/* ===== Vending Solutions desktop page ===== */
.solutions-page { background:#fff; }
.solutions-hero { position:relative; overflow:hidden; background:linear-gradient(145deg,#fff 0%,#fbfbfb 48%,#f6f3ef 100%); }
.solutions-hero::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,rgba(255,255,255,.86),rgba(255,255,255,0) 38%),radial-gradient(circle at 78% 23%,rgba(229,25,32,.075),transparent 27%); }
.solutions-hero-glow { position:absolute; border-radius:50%; filter:blur(18px); pointer-events:none; }
.solutions-glow-left { width:420px; height:420px; left:-210px; top:40px; background:rgba(229,25,32,.04); }
.solutions-glow-right { width:550px; height:550px; right:-180px; top:30px; background:rgba(229,25,32,.05); }
.solutions-hero-grid { min-height:700px; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:70px; position:relative; z-index:2; padding-block:76px 70px; }
.solutions-hero-copy { max-width:720px; }
.solutions-hero-copy h1 { margin:22px 0 26px; font-size:clamp(54px,5vw,78px); line-height:.99; letter-spacing:-.055em; font-weight:820; }
.solutions-hero-copy h1 em { display:inline-block; color:var(--red); font-family:Georgia,"Times New Roman",serif; font-weight:500; letter-spacing:-.045em; }
.solutions-hero-copy > p { max-width:665px; color:#55555c; font-size:18px; line-height:1.72; }
.solutions-main-cta { min-height:60px; padding:0 31px; margin-top:34px; font-size:13px; text-transform:uppercase; letter-spacing:.025em; }
.solutions-machine-stage { min-height:565px; position:relative; display:grid; place-items:center; }
.solutions-machine-stage::before { content:""; position:absolute; width:430px; height:430px; border-radius:50%; border:1px solid rgba(229,25,32,.12); box-shadow:0 0 0 48px rgba(229,25,32,.025),0 0 0 96px rgba(229,25,32,.015); }
.solutions-machine-glow { position:absolute; width:430px; height:430px; border-radius:50%; background:radial-gradient(circle at 45% 42%,rgba(255,255,255,.98) 0 40%,rgba(255,255,255,.4) 58%,transparent 72%); }
.solutions-speed-mark { position:absolute; width:470px; height:470px; border:29px solid rgba(229,25,32,.07); border-radius:50%; transform:rotate(-16deg); }
.solutions-speed-mark i { position:absolute; display:block; height:28px; background:rgba(229,25,32,.07); border-radius:999px; right:-40px; }
.solutions-speed-mark i:nth-child(1){width:150px;top:108px}.solutions-speed-mark i:nth-child(2){width:185px;top:158px;right:-72px}.solutions-speed-mark i:nth-child(3){width:132px;top:208px;right:-24px}
.solutions-machine-stage img { position:relative; z-index:3; height:535px; width:auto; filter:drop-shadow(0 36px 32px rgba(0,0,0,.19)) contrast(1.03) saturate(1.02); }
.solutions-floor-shadow { position:absolute; z-index:2; bottom:36px; width:365px; height:54px; border-radius:50%; background:radial-gradient(ellipse,rgba(0,0,0,.25),rgba(0,0,0,0) 69%); filter:blur(8px); }
.solutions-trust-strip { position:relative; z-index:4; border-top:1px solid rgba(20,20,22,.07); background:rgba(255,255,255,.78); backdrop-filter:blur(18px); box-shadow:0 -12px 42px rgba(10,10,12,.03); }
.solutions-trust-grid { min-height:88px; display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; text-align:center; }
.solutions-trust-grid span { font-size:12px; font-weight:820; text-transform:uppercase; letter-spacing:.105em; color:#2f2f34; }
.solutions-trust-grid b { width:1px; height:28px; background:#deddda; }

.solutions-services { padding:118px 0 126px; background:linear-gradient(180deg,#fff,#fcfcfc); position:relative; overflow:hidden; }
.solutions-services::before { content:""; position:absolute; width:620px; height:620px; right:-320px; top:190px; border-radius:50%; background:radial-gradient(circle,rgba(229,25,32,.055),transparent 68%); }
.solutions-section-heading { display:grid; grid-template-columns:1fr .9fr; grid-template-areas:"eyebrow intro" "title intro"; align-items:end; gap:0 90px; margin-bottom:56px; }
.solutions-section-heading .eyebrow { grid-area:eyebrow; }
.solutions-section-heading h2 { grid-area:title; margin:17px 0 0; font-size:clamp(48px,4.6vw,70px); line-height:1.02; letter-spacing:-.05em; }
.solutions-section-heading h2 em,.solutions-custom-copy h2 em,.solutions-why-copy h2 em { color:var(--red); font-family:Georgia,"Times New Roman",serif; font-weight:500; letter-spacing:-.04em; }
.solutions-section-heading > p { grid-area:intro; max-width:510px; color:var(--muted); font-size:15px; padding-bottom:6px; }
.solutions-service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.solutions-service-card { min-height:290px; padding:32px; border:1px solid #e6e5e1; border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,1),rgba(249,249,247,.96)); position:relative; overflow:hidden; box-shadow:0 18px 46px rgba(13,13,16,.055),inset 0 1px 0 rgba(255,255,255,.95); }
.solutions-service-card::after { content:""; position:absolute; left:-18%; top:-31%; width:80%; height:56%; border-radius:50%; background:radial-gradient(ellipse,rgba(255,255,255,.98),rgba(255,255,255,0) 70%); transform:rotate(-12deg); }
.solutions-card-icon { position:relative; z-index:2; width:54px; height:54px; display:grid; place-items:center; border-radius:16px; background:#fff0f0; color:var(--red); font-size:11px; font-weight:900; letter-spacing:.08em; box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(229,25,32,.08); margin-bottom:50px; }
.solutions-service-card h3,.solutions-service-card p { position:relative; z-index:2; }
.solutions-service-card h3 { margin:0 0 13px; font-size:20px; letter-spacing:-.028em; }
.solutions-service-card p { color:var(--muted); font-size:14px; line-height:1.68; max-width:340px; }
.solutions-service-card-featured { border-color:#f0d6d7; background:linear-gradient(145deg,#fff 35%,#fff3f3 100%); }

.solutions-why { position:relative; overflow:hidden; padding:120px 0; color:#fff; background:radial-gradient(circle at 18% 20%,rgba(229,25,32,.18),transparent 27%),linear-gradient(132deg,#161619 0%,#070708 52%,#131316 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(255,255,255,.04); }
.solutions-why::after { content:""; position:absolute; width:660px; height:660px; border-radius:50%; right:-250px; top:-220px; border:1px solid rgba(255,255,255,.05); box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(255,255,255,.01); }
.solutions-why-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:110px; align-items:center; position:relative; z-index:2; }
.solutions-why-copy h2 { margin:18px 0 22px; font-size:clamp(48px,4.7vw,70px); line-height:1.03; letter-spacing:-.05em; }
.solutions-why-copy h2 em { color:#ff383e; }
.solutions-why-copy > p { max-width:470px; color:rgba(255,255,255,.56); font-size:15px; }
.solutions-why-list { border-top:1px solid rgba(255,255,255,.13); }
.solutions-why-list article { display:grid; grid-template-columns:56px 1fr; gap:22px; padding:26px 0; border-bottom:1px solid rgba(255,255,255,.13); }
.solutions-why-list article > span { color:#ff3238; font-size:10px; font-weight:900; letter-spacing:.12em; padding-top:5px; }
.solutions-why-list h3 { margin:0 0 7px; font-size:18px; letter-spacing:-.02em; }
.solutions-why-list p { color:rgba(255,255,255,.52); font-size:13px; line-height:1.58; }

.solutions-process { padding:122px 0 132px; background:#fff; }
.solutions-process-heading { text-align:center; margin-bottom:68px; }
.solutions-process-heading .eyebrow { justify-content:center; }
.solutions-process-heading h2 { margin:15px 0 0; font-size:clamp(50px,4.8vw,72px); letter-spacing:-.052em; }
.solutions-process-grid { display:grid; grid-template-columns:1fr 54px 1fr 54px 1fr 54px 1fr; align-items:start; }
.solutions-process-grid article { text-align:center; padding:0 9px; }
.solutions-step-number { width:66px; height:66px; margin:0 auto 25px; border-radius:50%; display:grid; place-items:center; color:var(--red); font-weight:900; font-size:11px; letter-spacing:.08em; background:linear-gradient(145deg,#fff,#fff4f4); border:1px solid #efcdcf; box-shadow:inset 0 0 0 9px #fff9f9,0 12px 28px rgba(229,25,32,.07); }
.solutions-process-grid h3 { margin:0 0 12px; font-size:17px; line-height:1.28; letter-spacing:-.02em; }
.solutions-process-grid p { color:var(--muted); font-size:13px; line-height:1.62; }
.solutions-step-line { height:1px; background:linear-gradient(90deg,#eee,#efb5b8,#eee); margin-top:32px; }
.solutions-process-note { margin-top:54px; text-align:center; font-size:12px; font-weight:820; text-transform:uppercase; letter-spacing:.13em; color:#3a3a3f; }

.solutions-custom { position:relative; overflow:hidden; padding:124px 0 132px; background:linear-gradient(145deg,#f6f3ee 0%,#fff 48%,#f3f0eb 100%); }
.solutions-custom::before { content:""; position:absolute; width:540px; height:540px; left:-200px; top:-160px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.98),rgba(255,255,255,0) 68%); }
.solutions-custom-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:92px; align-items:center; position:relative; z-index:2; }
.solutions-custom-gallery { min-height:620px; position:relative; }
.solutions-custom-gallery figure { margin:0; position:absolute; overflow:hidden; border-radius:26px; border:1px solid rgba(255,255,255,.9); background:#ddd; box-shadow:0 30px 70px rgba(17,17,20,.18),inset 0 1px 0 rgba(255,255,255,.8); }
.solutions-custom-gallery figure::after { content:""; position:absolute; inset:0; background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,0) 30%); pointer-events:none; }
.solutions-custom-gallery img { width:100%; height:100%; object-fit:cover; }
.solutions-custom-main { width:68%; height:580px; left:0; top:0; }
.solutions-custom-main img { object-position:center; }
.solutions-custom-secondary { width:43%; height:390px; right:0; bottom:0; border:7px solid #fff !important; }
.solutions-custom-secondary img { object-position:center; }
.solutions-custom-copy h2 { margin:18px 0 24px; font-size:clamp(48px,4.6vw,70px); line-height:1.02; letter-spacing:-.05em; }
.solutions-custom-copy > p { color:var(--muted); max-width:560px; font-size:15px; }
.solutions-custom-list { margin-top:36px; border-top:1px solid #d9d5cf; }
.solutions-custom-list > div { display:grid; grid-template-columns:42px 1fr; gap:16px; padding:17px 0; border-bottom:1px solid #d9d5cf; }
.solutions-custom-list span { color:var(--red); font-size:9px; font-weight:900; letter-spacing:.1em; padding-top:6px; }
.solutions-custom-list p { color:#5d5d63; font-size:13px; line-height:1.58; }
.solutions-custom-list strong { color:#1d1d20; }

@media (max-width: 1180px) {
  .solutions-hero-grid { gap:30px; }
  .solutions-machine-stage img { height:490px; }
  .solutions-section-heading { gap:0 50px; }
  .solutions-why-grid { gap:70px; }
  .solutions-custom-grid { gap:55px; }
}

@media (max-width: 900px) {
  /* Mobile design will receive its own dedicated approval pass after desktop pages are complete. */
  .solutions-hero-grid,.solutions-why-grid,.solutions-custom-grid { grid-template-columns:1fr; }
  .solutions-service-grid { grid-template-columns:1fr 1fr; }
  .solutions-section-heading { display:block; }
  .solutions-section-heading > p { margin-top:22px; }
  .solutions-process-grid { grid-template-columns:1fr; gap:24px; }
  .solutions-step-line { display:none; }
  .solutions-trust-grid { grid-template-columns:1fr 1fr; gap:0; padding:12px 0; }
  .solutions-trust-grid b { display:none; }
  .solutions-trust-grid span { padding:12px 8px; }
}

/* ===== Approved one-page contact section ===== */
.anchor-target { position:relative; top:-110px; display:block; visibility:hidden; }
.contact-section {
  position:relative;
  overflow:hidden;
  padding:112px 0 120px;
  color:#fff;
  background:
    radial-gradient(circle at 14% 18%, rgba(229,25,32,.20), transparent 26%),
    radial-gradient(circle at 86% 82%, rgba(255,255,255,.055), transparent 24%),
    linear-gradient(138deg, #141416 0%, #070708 52%, #121215 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(255,255,255,.04);
}
.contact-section::before {
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  right:-290px;
  top:-270px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.05);
  box-shadow:0 0 0 68px rgba(255,255,255,.014),0 0 0 136px rgba(255,255,255,.009);
  pointer-events:none;
}
.contact-panel {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:88px;
  align-items:start;
}
.contact-copy {
  padding-top:12px;
  align-self:stretch;
  display:flex;
  flex-direction:column;
}

.contact-promo {
  position:relative;
  height:60px;
  margin-top:auto;
  margin-bottom:38px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(255,52,59,.72);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), transparent 38%),
    linear-gradient(115deg, rgba(229,25,32,.055), rgba(255,255,255,.015) 38%, rgba(0,0,0,.24));
  box-shadow:
    0 15px 34px rgba(0,0,0,.22),
    0 0 26px rgba(229,25,32,.07),
    inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
  white-space:nowrap;
}
.contact-promo::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:36%;
  height:38%;
  border-radius:18px 0 60% 0;
  background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  pointer-events:none;
}
.contact-promo-star {
  position:relative;
  z-index:1;
  color:#ff343b;
  font-size:18px;
  line-height:1;
  text-shadow:0 0 10px rgba(255,52,59,.7),0 0 18px rgba(255,52,59,.35);
  transform:translateY(-1px);
}
.contact-promo-divider {
  position:relative;
  z-index:1;
  width:1px;
  height:28px;
  margin:0 7px 0 2px;
  background:linear-gradient(180deg, rgba(255,52,59,0), rgba(255,52,59,.95) 25%, rgba(255,52,59,.95) 75%, rgba(255,52,59,0));
  box-shadow:0 0 8px rgba(255,52,59,.28);
}
.contact-promo-main {
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.9);
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.11em;
}
.contact-promo strong {
  position:relative;
  z-index:1;
  color:#ff343b;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.035em;
}
.contact-copy h2 {
  margin:18px 0 24px;
  font-size:clamp(50px,4.8vw,72px);
  line-height:1.01;
  letter-spacing:-.052em;
}
.contact-copy h2 em {
  color:#ff343b;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  letter-spacing:-.04em;
}
.contact-copy > p {
  max-width:500px;
  color:rgba(255,255,255,.62);
  font-size:15px;
  line-height:1.75;
}
.contact-direct {
  display:grid;
  gap:12px;
  margin-top:42px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.12);
}
.contact-direct a { display:flex; flex-direction:column; gap:4px; width:max-content; max-width:100%; }
.contact-direct span { color:rgba(255,255,255,.42); text-transform:uppercase; letter-spacing:.16em; font-size:9px; font-weight:800; }
.contact-direct strong { font-size:14px; font-weight:700; color:#fff; }
.contact-form-wrap {
  position:relative;
  padding:38px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:26px;
  background:linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
  box-shadow:0 30px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter:blur(18px);
}
.contact-form-wrap::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(120deg, rgba(255,255,255,.10), transparent 28%);
}
.contact-form { position:relative; z-index:1; display:grid; gap:18px; }
.contact-field-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-form label { display:grid; gap:8px; }
.contact-form label > span {
  color:rgba(255,255,255,.68);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
  width:100%;
  border:1px solid rgba(255,255,255,.15);
  border-radius:13px;
  background:rgba(255,255,255,.96);
  color:#18181b;
  font:inherit;
  font-size:14px;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 8px 24px rgba(0,0,0,.08);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.contact-form input,
.contact-form select { height:52px; padding:0 15px; }
.contact-form textarea { min-height:118px; padding:14px 15px; resize:vertical; }
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color:rgba(255,64,70,.85);
  box-shadow:0 0 0 4px rgba(229,25,32,.13), inset 0 1px 0 rgba(255,255,255,1);
}
.contact-submit {
  border:0;
  min-height:60px;
  margin-top:4px;
  padding:0 28px;
  justify-self:start;
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:.025em;
  font-size:13px;
}
@media(min-width:901px){.contact-page .contact-promo{margin-bottom:121px}.contact-page .contact-submit{justify-self:center;margin-top:84px;margin-bottom:38px}.contact-page .form-phone{display:none}}
.contact-success {
  position:relative;
  z-index:1;
  min-height:438px;
  place-content:center;
  text-align:center;
  padding:40px;
}
.contact-success:not([hidden]) { display:grid; }
.contact-success-mark {
  width:64px;
  height:64px;
  margin:0 auto 20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(229,25,32,.16);
  color:#ff3a41;
  font-size:26px;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(255,70,76,.22);
}
.contact-success h3 { margin:0 0 10px; font-size:34px; letter-spacing:-.035em; }
.contact-success p { color:rgba(255,255,255,.62); font-size:15px; }

@media (max-width: 900px) {
  /* Temporary stacking only. Dedicated mobile design remains deferred until desktop is finalized. */
  .contact-panel { grid-template-columns:1fr; gap:48px; }
  .contact-field-row { grid-template-columns:1fr; }
  .desktop-contact-submit { display:none; }
  .contact-promo { margin-top:34px; margin-bottom:0; width:100%; white-space:normal; text-align:center; flex-wrap:wrap; row-gap:4px; }
}

/* ===== V15 precision patch: bottom CTA only ===== */
@media (min-width: 1281px) {
  .reference-actions {
    opacity: 1 !important;
    pointer-events: auto !important;
    left: 0 !important;
    top: 531px !important;
    width: 402px !important;
    height: 70px !important;
    z-index: 30;
  }
  .hero-bottom-cta-live {
    width: 402px;
    min-height: 70px;
    padding: 0 36px;
    border-radius: 11px;
    justify-content: center;
    gap: 42px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    background: linear-gradient(135deg, #f01820 0%, var(--red) 58%, #c90f16 100%);
    box-shadow: 0 12px 28px rgba(229,25,32,.17), inset 0 1px 0 rgba(255,255,255,.22);
  }
  .hero-bottom-cta-live::before {
    content:"";
    position:absolute;
    left:24px;
    right:24px;
    top:3px;
    height:17px;
    border-radius:10px;
    background:linear-gradient(180deg,rgba(255,255,255,.23),rgba(255,255,255,0));
    pointer-events:none;
  }
  .hero-bottom-cta-live span { font-size: 24px; line-height: 1; }
}



/* ===== Independent right-side SpeedyCrave logo (outside hidden baked-card overlay) ===== */
.hero-corner-logo { display:none; }
@media (min-width:1001px) {
  .hero-corner-logo {
    display:block;
    position:absolute;
    z-index:8;
    right:28px;
    top:466px;
    width:170px;
    line-height:0;
    background:transparent;
  }
  .hero-corner-logo img { display:block; width:100%; height:auto; }
}
@media (min-width:1281px) {
  .hero-corner-logo { right:34px; top:468px; width:170px; }
}