:root {
  --dx-red: #aa0000;
  --dx-red-dark: #710000;
  --dx-red-bright: #d12424;
  --dx-red-soft: #f8e8e8;
  --dx-charcoal: #171717;
  --dx-black: #0a0a0a;
  --dx-gray-900: #242424;
  --dx-gray-700: #555;
  --dx-gray-500: #7a7a7a;
  --dx-gray-300: #d7d7d7;
  --dx-gray-200: #e9e9e9;
  --dx-gray-100: #f5f4f2;
  --dx-white: #fff;
  --shadow-sm: 0 8px 24px rgba(20, 20, 20, .08);
  --shadow-lg: 0 28px 80px rgba(20, 20, 20, .15);
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 34px;
  --container: min(1220px, calc(100% - 48px));
  --header-h: 84px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "DM Sans", Arial, sans-serif;
  color: var(--dx-charcoal);
  background: var(--dx-white);
  line-height: 1.55;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
.container { width: var(--container); margin-inline: auto; }
.section-pad { padding: 120px 0; }
.skip-link {
  position: fixed; top: -100px; left: 20px; z-index: 9999;
  background: var(--dx-red); color: #fff; padding: 12px 18px; border-radius: 8px;
}
.skip-link:focus { top: 20px; }

.site-header {
  position: fixed; inset: 0 0 auto 0; height: var(--header-h); z-index: 1000;
  display: flex; align-items: center; transition: background .3s, box-shadow .3s, height .3s;
}
.site-header.scrolled {
  height: 72px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(18px);
  box-shadow: 0 1px 0 rgba(0,0,0,.08);
}
.header-shell {
  width: min(1380px, calc(100% - 48px)); margin-inline: auto;
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 36px;
}
.brand img { width: 184px; height: auto; }
.primary-nav { display: flex; justify-content: center; align-items: center; gap: 8px; }
.nav-item { position: relative; }
.nav-link {
  border: 0; background: transparent; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
  padding: 12px 14px; font-weight: 600; font-size: 15px; border-radius: 9px; transition: .2s;
}
.nav-link:hover { background: rgba(170,0,0,.07); color: var(--dx-red); }
.header-actions { display: flex; align-items: center; gap: 18px; }
.text-link { font-weight: 600; }
.text-link:hover { color: var(--dx-red); }
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 54px; padding: 0 24px; border-radius: 999px; font-weight: 700;
  transition: transform .25s, box-shadow .25s, background .25s, color .25s, border .25s;
  border: 1px solid transparent;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: var(--dx-red); color: #fff; box-shadow: 0 12px 28px rgba(170,0,0,.18); }
.btn-primary:hover { background: var(--dx-red-dark); box-shadow: 0 18px 36px rgba(170,0,0,.24); }
.btn-secondary { background: transparent; color: var(--dx-charcoal); border-color: var(--dx-gray-300); }
.btn-secondary:hover { border-color: var(--dx-charcoal); background: #fff; }
.btn-light { background: #fff; color: var(--dx-black); }
.btn-light:hover { background: var(--dx-red-soft); }
.btn-sm { min-height: 44px; padding: 0 20px; font-size: 14px; }
.menu-toggle { display: none; border: 0; background: transparent; width: 42px; height: 42px; padding: 8px; }
.menu-toggle span { display: block; height: 2px; background: var(--dx-charcoal); margin: 6px 0; transition: .25s; }

.mega-menu {
  position: absolute; top: calc(100% + 12px); left: 50%; transform: translate(-50%, 10px);
  width: 720px; padding: 26px; background: #fff; border: 1px solid var(--dx-gray-200);
  border-radius: 20px; box-shadow: var(--shadow-lg); opacity: 0; visibility: hidden; pointer-events: none;
  display: grid; grid-template-columns: .85fr 1.4fr; gap: 28px; transition: .25s;
}
.nav-item.open .mega-menu, .nav-item:hover .mega-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
.mega-intro { background: var(--dx-gray-100); border-radius: 16px; padding: 24px; }
.mega-intro h3 { font: 700 22px/1.25 "Manrope"; margin: 10px 0 18px; }
.mega-intro a { color: var(--dx-red); font-weight: 700; }
.mega-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mega-grid a { padding: 16px; border-radius: 12px; }
.mega-grid a:hover { background: var(--dx-red-soft); }
.mega-grid strong, .mega-grid small { display: block; }
.mega-grid small { color: var(--dx-gray-700); margin-top: 5px; line-height: 1.4; }

.hero {
  position: relative; min-height: 920px; display: flex; align-items: center;
  padding-top: 175px; background:
  radial-gradient(circle at 78% 12%, rgba(170,0,0,.10), transparent 28%),
  linear-gradient(180deg, #fff 0%, #faf8f6 100%);
}
.hero-orb { position: absolute; border-radius: 50%; filter: blur(1px); opacity: .6; pointer-events: none; }
.hero-orb-one { width: 330px; height: 330px; right: -110px; top: 160px; background: radial-gradient(circle, rgba(170,0,0,.18), rgba(170,0,0,0)); }
.hero-orb-two { width: 220px; height: 220px; left: -100px; bottom: 100px; background: radial-gradient(circle, rgba(90,90,90,.13), rgba(90,90,90,0)); }
.hero-grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 58px; }
.trust-pill {
  display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px;
  background: rgba(255,255,255,.85); border: 1px solid var(--dx-gray-200); border-radius: 999px;
  font-size: 13px; font-weight: 700; color: var(--dx-gray-700); box-shadow: var(--shadow-sm);
}
.pulse-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--dx-red); box-shadow: 0 0 0 6px rgba(170,0,0,.1); }
.hero h1 {
  font: 800 clamp(54px, 6vw, 88px)/.98 "Manrope", sans-serif;
  letter-spacing: -.055em; margin: 30px 0 28px; max-width: 700px;
}
.rotating-line { display: block; min-height: 1.05em; color: var(--dx-red); }
#rotatingWord { display: inline-block; transition: opacity .2s, transform .2s; }
#rotatingWord.changing { opacity: 0; transform: translateY(10px); }
.hero-text { font-size: 19px; color: var(--dx-gray-700); max-width: 620px; margin: 0 0 34px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-proof { display: flex; gap: 34px; margin-top: 44px; padding-top: 28px; border-top: 1px solid var(--dx-gray-300); }
.hero-proof div { min-width: 0; }
.hero-proof strong { display: block; font: 700 18px "Manrope"; }
.hero-proof span { display: block; color: var(--dx-gray-500); font-size: 12px; margin-top: 4px; }

.hero-visual { position: relative; }
.dashboard-shell {
  background: #fff; border: 1px solid rgba(0,0,0,.07); border-radius: 25px; overflow: hidden;
  box-shadow: 0 40px 100px rgba(45,20,20,.18); transform: perspective(1200px) rotateY(-2deg) rotateX(1deg);
}
.dashboard-topbar { height: 52px; display: flex; align-items: center; gap: 20px; padding: 0 18px; border-bottom: 1px solid #eee; }
.window-dots { display: flex; gap: 6px; }
.window-dots span { width: 8px; height: 8px; border-radius: 50%; background: #d7d7d7; }
.window-dots span:first-child { background: var(--dx-red); }
.dashboard-search { flex: 1; max-width: 250px; margin-inline: auto; padding: 7px 12px; background: #f5f5f5; border-radius: 8px; color: #999; font-size: 10px; }
.avatar { width: 27px; height: 27px; border-radius: 50%; display: grid; place-items: center; background: var(--dx-red); color: white; font-size: 9px; font-weight: 800; }
.dashboard-body { min-height: 485px; display: grid; grid-template-columns: 58px 1fr; }
.dashboard-sidebar { background: #171717; display: flex; flex-direction: column; align-items: center; gap: 18px; padding-top: 18px; }
.side-logo { color: #fff; font-weight: 800; font-size: 11px; border: 1px solid rgba(255,255,255,.18); width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; }
.side-item { width: 24px; height: 24px; border-radius: 7px; border: 1px solid rgba(255,255,255,.12); }
.side-item.active { background: var(--dx-red); border-color: var(--dx-red); }
.dashboard-content { background: #f7f7f7; padding: 26px; }
.dashboard-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.dashboard-heading span { font-size: 9px; text-transform: uppercase; letter-spacing: .12em; color: #999; }
.dashboard-heading h3 { font: 800 22px "Manrope"; margin: 3px 0 0; }
.dashboard-heading button { border: 1px solid #ddd; background: #fff; border-radius: 8px; padding: 8px 10px; font-size: 9px; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.metric-card { background: #fff; padding: 16px; border: 1px solid #eee; border-radius: 12px; }
.metric-card span, .metric-card small { display: block; font-size: 8px; color: #888; }
.metric-card strong { display: block; font: 800 22px "Manrope"; margin: 8px 0 4px; }
.metric-card small { color: var(--dx-red); }
.dashboard-main-row { display: grid; grid-template-columns: 1.55fr .75fr; gap: 12px; margin-top: 12px; }
.chart-card, .insight-card { background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 16px; }
.card-title { display: flex; justify-content: space-between; }
.card-title span { display: block; font-size: 8px; color: #999; }
.card-title strong { display: block; font-size: 11px; margin-top: 3px; }
.legend { display: inline-flex !important; align-items: center; gap: 5px; }
.legend i { width: 7px; height: 7px; border-radius: 50%; background: var(--dx-red); }
.chart-area { height: 205px; position: relative; margin-top: 15px; }
.grid-lines { position: absolute; inset: 0; background: repeating-linear-gradient(to bottom, transparent 0 39px, #eee 40px); }
.chart-area svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.area-path { fill: url(#areaFill); }
.line-path { fill: none; stroke: var(--dx-red); stroke-width: 5; stroke-linecap: round; }
.chart-area circle { fill: white; stroke: var(--dx-red); stroke-width: 4; }
.insight-label { display: inline-flex; background: var(--dx-red-soft); color: var(--dx-red); padding: 5px 8px; border-radius: 999px; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.insight-card h4 { font: 800 14px/1.3 "Manrope"; margin: 13px 0 7px; }
.insight-card p { font-size: 9px; color: #777; }
.progress-list { margin-top: 20px; }
.progress-list div:not(.progress) { display: flex; justify-content: space-between; font-size: 8px; margin-top: 10px; }
.progress { height: 4px; background: #eee; border-radius: 99px; margin-top: 5px; overflow: hidden; }
.progress i { display: block; height: 100%; background: var(--dx-red); border-radius: 99px; }
.floating-card {
  position: absolute; display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid #eee;
  border-radius: 14px; padding: 13px 16px; box-shadow: var(--shadow-lg);
}
.floating-card-one { left: -34px; bottom: 50px; }
.floating-card-two { right: -25px; top: 75px; }
.float-icon { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--dx-red-soft); color: var(--dx-red); font-weight: 800; }
.float-icon.dark { background: var(--dx-charcoal); color: #fff; }
.floating-card small, .floating-card strong { display: block; }
.floating-card small { color: #888; font-size: 9px; }
.floating-card strong { font-size: 11px; margin-top: 2px; }

.logo-strip { padding: 28px 0; border-top: 1px solid var(--dx-gray-200); border-bottom: 1px solid var(--dx-gray-200); background: #fff; }
.logo-strip p { margin: 0 0 18px; text-align: center; color: var(--dx-gray-500); font-size: 12px; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; }
.technology-marquee {
  position: relative; overflow: hidden; width: 100%; padding: 8px 0 4px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.technology-track {
  display: flex; width: max-content; will-change: transform;
  animation: technology-scroll-right 34s linear infinite;
}
.technology-marquee:hover .technology-track { animation-play-state: paused; }
.technology-set { display: flex; align-items: center; flex-shrink: 0; gap: 64px; padding-right: 64px; }
.technology-logo {
  display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto;
  min-width: max-content; opacity: 1; filter: none;
  transition: transform .25s ease;
}
.technology-logo:hover { transform: translateY(-2px); }
.technology-logo img { width: 38px; height: 38px; object-fit: contain; }
.technology-logo--wordmark { width: 142px; height: 42px; justify-content: center; }
.technology-logo--wordmark .technology-wordmark { width: 100%; height: 100%; object-fit: contain; }
.technology-logo span { white-space: nowrap; font: 700 18px/1 "Inter", Arial, sans-serif; color: #626262; }
@keyframes technology-scroll-right {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

.section-heading { margin-bottom: 54px; }
.section-heading.centered { max-width: 760px; text-align: center; margin-left: auto; margin-right: auto; }
.section-heading h2, .value-copy h2, .calculator-copy h2, .faq-heading h2, .cta h2 {
  font: 800 clamp(40px, 5vw, 68px)/1.05 "Manrope"; letter-spacing: -.045em; margin: 12px 0 18px;
}
.section-heading p, .value-copy > p, .calculator-copy > p, .faq-heading p { font-size: 18px; color: var(--dx-gray-700); }
.eyebrow { color: var(--dx-red); text-transform: uppercase; letter-spacing: .16em; font-size: 12px; font-weight: 800; }
.split-heading { display: grid; grid-template-columns: 1.1fr .8fr; gap: 80px; align-items: end; }
.split-heading p { margin: 0 0 6px; }

.product-preview { background: var(--dx-charcoal); color: #fff; }
.product-preview .section-heading p { color: rgba(255,255,255,.62); }
.preview-frame { border: 1px solid rgba(255,255,255,.13); border-radius: 28px; overflow: hidden; background: #212121; }
.preview-tabs { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid rgba(255,255,255,.13); }
.preview-tab { border: 0; border-right: 1px solid rgba(255,255,255,.13); background: transparent; color: rgba(255,255,255,.55); padding: 20px; font-weight: 700; cursor: pointer; }
.preview-tab:last-child { border-right: 0; }
.preview-tab.active { color: white; background: rgba(170,0,0,.18); box-shadow: inset 0 -3px 0 var(--dx-red-bright); }
.preview-panel { display: none; grid-template-columns: .9fr 1.1fr; gap: 50px; align-items: center; padding: 60px; min-height: 520px; }
.preview-panel.active { display: grid; }
.preview-copy .number { color: rgba(255,255,255,.35); font: 800 14px "Manrope"; }
.preview-copy h3 { font: 800 38px/1.12 "Manrope"; letter-spacing: -.03em; margin: 16px 0; }
.preview-copy p { color: rgba(255,255,255,.64); font-size: 17px; }
.preview-copy ul { list-style: none; padding: 0; margin: 26px 0 0; }
.preview-copy li { position: relative; padding: 10px 0 10px 28px; border-bottom: 1px solid rgba(255,255,255,.11); }
.preview-copy li::before { content: "✓"; position: absolute; left: 0; color: var(--dx-red-bright); font-weight: 800; }
.preview-art { background: #f6f6f6; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.3); }


/* Simplify your business — three-channel growth section */
.simplify-business { background: var(--dx-white); }
.simplify-business__heading {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 32px;
  margin-bottom: 48px;
}
.simplify-business__heading h2 {
  margin: 10px 0 0; max-width: 900px;
  font: 900 clamp(46px, 6.2vw, 84px)/.94 "League Spartan", "Arial Black", sans-serif;
  letter-spacing: -.055em; text-transform: uppercase;
}
.simplify-business__link { flex: none; padding-bottom: 8px; font-weight: 800; border-bottom: 2px solid var(--dx-charcoal); }
.simplify-business__link:hover { color: var(--dx-red); border-color: var(--dx-red); }
.simplify-business__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.growth-tool-card {
  --tilt-x: 0deg; --tilt-y: 0deg;
  min-height: 520px; border-radius: 30px; padding: 30px; overflow: hidden; position: relative;
  transform: perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition: transform .22s ease, box-shadow .3s ease;
}
.growth-tool-card:hover { box-shadow: 0 28px 65px rgba(25,25,25,.15); }
.growth-tool-card--red { background: var(--dx-red); color: #fff; }
.growth-tool-card--gray { background: #eff0f5; color: var(--dx-charcoal); }
.growth-tool-card--dark { background: #17181f; color: #fff; }
.growth-tool-card__top { min-height: 84px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.growth-tool-card h3 {
  margin: 0; max-width: 260px; font: 800 clamp(24px, 2vw, 32px)/1.06 "Inter", Arial, sans-serif;
  letter-spacing: -.035em;
}
.growth-tool-card__badge { flex: none; padding: 7px 10px; border-radius: 999px; font-size: 10px; font-weight: 800; background: rgba(255,255,255,.2); }
.growth-tool-card--gray .growth-tool-card__badge { background: #fff; color: var(--dx-red); }
.growth-tool-card--dark .growth-tool-card__badge { background: rgba(255,255,255,.13); color: rgba(255,255,255,.75); }
.ads-ui, .profile-ui, .analytics-ui { margin-top: 25px; border-radius: 20px; box-shadow: 0 20px 50px rgba(0,0,0,.16); }
.ads-ui { background: #fff; color: #202124; padding: 18px; transform: rotate(-1.2deg); }
.ads-ui__bar { display: flex; align-items: center; gap: 7px; padding-bottom: 14px; border-bottom: 1px solid #ececec; font-size: 12px; font-weight: 800; }
.ads-ui__bar span { margin-right: auto; }.ads-ui__bar i { width: 7px; height: 7px; border-radius: 50%; background: #d6d6d6; }
.ads-ui__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0; }
.ads-ui__stats div { padding: 12px; background: #f7f7f7; border-radius: 10px; }
.ads-ui__stats small, .ads-ui__stats strong, .ads-ui__stats span { display: block; }
.ads-ui__stats small { color: #777; font-size: 9px; }.ads-ui__stats strong { font-size: 20px; margin: 4px 0; }.ads-ui__stats span { color: #188038; font-size: 9px; font-weight: 800; }
.ads-ui__chart { height: 118px; display: flex; align-items: flex-end; gap: 10px; padding: 12px 8px 0; background: repeating-linear-gradient(to bottom,#fff 0 28px,#ececec 29px); }
.ads-ui__chart span { flex: 1; min-width: 12px; border-radius: 6px 6px 2px 2px; background: var(--dx-red); }
.ads-ui__footer { display: flex; justify-content: space-between; padding-top: 14px; font-size: 10px; }.ads-ui__footer strong { color: #188038; }
.profile-ui { background: #fff; color: #202124; overflow: hidden; transform: translateY(8px); }
.profile-ui__cover { height: 92px; background: linear-gradient(135deg, #c9cbd2, #f8f8f9 45%, #aa0000 46%, #790000); position: relative; }
.profile-ui__cover::after { content: ""; position: absolute; inset: 30px 30px 0 50%; background: linear-gradient(145deg,#fff 0 48%,#dedede 49% 53%,#fff 54%); border-radius: 12px 12px 0 0; opacity: .9; }
.profile-ui__body { padding: 18px; }
.profile-ui__identity { display: flex; align-items: center; gap: 11px; }.profile-ui__identity > span { width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center; background: var(--dx-red); color: #fff; font-weight: 900; }
.profile-ui__identity strong,.profile-ui__identity small { display:block; }.profile-ui__identity small { color:#777; font-size:9px; }
.profile-ui__rating { display:flex; align-items:center; gap:7px; margin:16px 0; }.profile-ui__rating span { color:#fbbc04; letter-spacing:1px; }.profile-ui__rating small { color:#777; font-size:9px; }
.profile-ui__actions { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.profile-ui__actions span { padding:9px 5px; text-align:center; background:#f3f4f7; border-radius:999px; color:#555; font-size:9px; font-weight:800; }
.profile-ui__status { display:flex; gap:8px; align-items:center; margin-top:16px; color:#555; font-size:10px; }.profile-ui__status i { width:8px; height:8px; border-radius:50%; background:#188038; }
.analytics-ui { background: #fff; color: #202124; padding: 20px; transform: rotate(1deg); }
.analytics-ui__header { display:flex; justify-content:space-between; align-items:center; padding-bottom:15px; border-bottom:1px solid #ececec; font-size:11px; font-weight:800; }.analytics-ui__header small { color:#888; font-weight:600; }
.analytics-ui__metric { padding:18px 0 4px; }.analytics-ui__metric small,.analytics-ui__metric strong,.analytics-ui__metric span { display:block; }.analytics-ui__metric small { color:#777; font-size:10px; }.analytics-ui__metric strong { font-size:38px; line-height:1; margin:6px 0; }.analytics-ui__metric span { color:#188038; font-size:10px; font-weight:800; }
.analytics-ui__line { height:135px; color:var(--dx-red); }.analytics-ui__line svg { width:100%; height:100%; }
.analytics-ui__sources { display:flex; gap:14px; font-size:9px; color:#666; }.analytics-ui__sources span { display:flex; align-items:center; gap:5px; }.analytics-ui__sources i { width:7px; height:7px; border-radius:50%; background:var(--dx-red); }.analytics-ui__sources span:nth-child(2) i { opacity:.62; }.analytics-ui__sources span:nth-child(3) i { opacity:.28; }


.services { background: #fff; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--dx-gray-300); border-left: 1px solid var(--dx-gray-300); }
.service-card { min-height: 350px; padding: 34px; border-right: 1px solid var(--dx-gray-300); border-bottom: 1px solid var(--dx-gray-300); transition: .3s; position: relative; overflow: hidden; }
.service-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: -100px; bottom: -100px; border-radius: 50%; background: var(--dx-red-soft); transition: .35s; }
.service-card:hover { background: var(--dx-charcoal); color: #fff; transform: translateY(-6px); z-index: 2; box-shadow: var(--shadow-lg); }
.service-card:hover::after { width: 260px; height: 260px; background: rgba(170,0,0,.25); }
.service-card > span { position: absolute; top: 34px; right: 34px; font-size: 12px; color: var(--dx-gray-500); }
.service-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: var(--dx-red-soft); color: var(--dx-red); font-size: 23px; font-weight: 800; }
.service-card h3 { font: 800 25px "Manrope"; margin: 62px 0 14px; }
.service-card p { color: var(--dx-gray-700); max-width: 310px; }
.service-card:hover p { color: rgba(255,255,255,.65); }
.service-card a { position: absolute; left: 34px; bottom: 30px; font-weight: 700; color: var(--dx-red); z-index: 1; }
.service-card:hover a { color: #fff; }

.value-section { background: var(--dx-gray-100); }
.value-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.value-visual { position: relative; }
.value-panel { background: var(--dx-charcoal); padding: 28px; border-radius: 30px; box-shadow: var(--shadow-lg); }
.value-panel img { border-radius: 18px; }
.value-tag { position: absolute; left: 28px; right: 28px; bottom: -22px; background: #fff; padding: 16px 20px; border-radius: 12px; box-shadow: var(--shadow-sm); text-align: center; font-weight: 800; color: var(--dx-red); }
.value-copy > p { margin-bottom: 34px; }
.value-list > div { display: grid; grid-template-columns: 44px 1fr; gap: 20px; padding: 22px 0; border-top: 1px solid var(--dx-gray-300); }
.value-list > div > span { font: 800 12px "Manrope"; color: var(--dx-red); }
.value-list h3 { font: 800 20px "Manrope"; margin: 0 0 6px; }
.value-list p { margin: 0; color: var(--dx-gray-700); }

.results { background: var(--dx-red); color: white; position: relative; overflow: hidden; }
.results::before { content: ""; position: absolute; width: 700px; height: 700px; border-radius: 50%; border: 1px solid rgba(255,255,255,.11); right: -220px; top: -330px; }
.section-heading.light p { color: rgba(255,255,255,.68); }
.section-heading.light .eyebrow { color: #fff; opacity: .8; }
.results-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.28); border-left: 1px solid rgba(255,255,255,.28); }
.result-card { padding: 50px 34px; border-right: 1px solid rgba(255,255,255,.28); border-bottom: 1px solid rgba(255,255,255,.28); }
.result-card strong { display: block; font: 800 clamp(52px, 6vw, 84px)/1 "Manrope"; letter-spacing: -.05em; }
.result-card span { display: block; max-width: 260px; margin-top: 16px; color: rgba(255,255,255,.72); }
.case-study { margin-top: 60px; background: var(--dx-charcoal); border-radius: 28px; padding: 52px; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 60px; }
.case-label { color: #ff9c9c; text-transform: uppercase; font-size: 11px; letter-spacing: .15em; font-weight: 800; }
.case-copy h3 { font: 800 42px/1.08 "Manrope"; margin: 14px 0; }
.case-copy p { color: rgba(255,255,255,.62); margin-bottom: 26px; }
.case-flow { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr; align-items: center; }
.case-flow > div { text-align: center; }
.case-flow span, .case-flow strong, .case-flow small { display: block; }
.case-flow span { width: 58px; height: 58px; border-radius: 50%; margin: auto; display: grid; place-items: center; background: var(--dx-red); font-weight: 800; }
.case-flow strong { margin-top: 12px; font: 800 18px "Manrope"; }
.case-flow small { color: rgba(255,255,255,.5); margin-top: 4px; }
.case-flow i { height: 1px; background: rgba(255,255,255,.25); }

.industries { background: #fff; }
.industry-list { border-top: 1px solid var(--dx-gray-300); }
.industry-row { border-bottom: 1px solid var(--dx-gray-300); }
.industry-row button { width: 100%; display: grid; grid-template-columns: 70px 1fr 40px; align-items: center; padding: 26px 0; background: none; border: 0; cursor: pointer; text-align: left; }
.industry-row button span { color: var(--dx-red); font-weight: 800; }
.industry-row button strong { font: 800 clamp(24px, 3vw, 38px) "Manrope"; letter-spacing: -.02em; }
.industry-row button i { font-style: normal; font-size: 30px; transition: .25s; }
.industry-row.active button i { transform: rotate(45deg); color: var(--dx-red); }
.industry-content { max-height: 0; overflow: hidden; transition: max-height .35s ease; display: grid; grid-template-columns: 1fr auto; gap: 40px; padding-left: 70px; }
.industry-row.active .industry-content { max-height: 180px; padding-bottom: 26px; }
.industry-content p { margin: 0; color: var(--dx-gray-700); max-width: 720px; }
.industry-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.industry-tags span { border: 1px solid var(--dx-gray-300); border-radius: 999px; padding: 7px 11px; font-size: 12px; }

.calculator-section { background: var(--dx-gray-100); }
.calculator-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center; }
.calculator-copy small { display: block; margin-top: 24px; color: var(--dx-gray-500); }
.calculator-card { background: #fff; border-radius: 24px; padding: 40px; box-shadow: var(--shadow-lg); }
.field-group { padding: 20px 0; border-bottom: 1px solid var(--dx-gray-200); }
.field-group label { display: block; font-weight: 800; margin-bottom: 12px; }
.range-row { display: grid; grid-template-columns: 1fr 90px; gap: 18px; align-items: center; }
input[type="range"] { width: 100%; accent-color: var(--dx-red); }
output { display: inline-grid; place-items: center; min-height: 42px; background: var(--dx-gray-100); border-radius: 9px; font-weight: 800; }
.estimate-box { margin-top: 28px; padding: 28px; border-radius: 18px; background: var(--dx-charcoal); color: white; }
.estimate-box span, .estimate-box strong { display: block; }
.estimate-box span { color: rgba(255,255,255,.58); font-size: 13px; }
.estimate-box strong { font: 800 clamp(42px, 5vw, 64px) "Manrope"; color: #ff7d7d; margin: 10px 0; }
.estimate-box p { color: rgba(255,255,255,.55); margin: 0; font-size: 12px; }

.faq { background: #fff; }
.faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; align-items: start; }
.faq-heading { position: sticky; top: 120px; }
.faq-item { border-top: 1px solid var(--dx-gray-300); }
.faq-item:last-child { border-bottom: 1px solid var(--dx-gray-300); }
.faq-item button { width: 100%; display: grid; grid-template-columns: 52px 1fr 32px; align-items: center; gap: 14px; border: 0; background: none; padding: 24px 0; text-align: left; cursor: pointer; }
.faq-item button span { color: var(--dx-red); font-weight: 800; }
.faq-item button strong { font: 700 20px "Manrope"; }
.faq-item button i { font-style: normal; font-size: 28px; transition: .25s; }
.faq-item.active button i { transform: rotate(45deg); color: var(--dx-red); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.faq-item.active .faq-answer { max-height: 220px; }
.faq-answer p { margin: 0 0 26px 66px; color: var(--dx-gray-700); }

.cta { padding-top: 30px; }
.cta-card { position: relative; overflow: hidden; background: var(--dx-charcoal); color: white; border-radius: 34px; padding: 70px; display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 60px; }
.cta-orb { position: absolute; width: 500px; height: 500px; border-radius: 50%; right: -180px; top: -250px; background: radial-gradient(circle, rgba(170,0,0,.85), rgba(170,0,0,0)); }
.cta-copy, .cta-actions { position: relative; z-index: 1; }
.cta h2 { margin-bottom: 14px; }
.cta p { color: rgba(255,255,255,.62); font-size: 17px; }
.light-eyebrow { color: #ff9393; }
.cta-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.cta-email { color: rgba(255,255,255,.66); font-weight: 700; }

.site-footer { background: #101010; color: white; padding: 80px 0 30px; margin-top: 100px; }
.footer-top { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; padding-bottom: 60px; }
.footer-brand img { width: 210px; filter: brightness(0) invert(1); opacity: .95; }
.footer-brand p { color: rgba(255,255,255,.55); max-width: 360px; margin-top: 24px; }
.footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.footer-links h3 { font: 800 14px "Manrope"; margin: 0 0 18px; }
.footer-links a { display: block; color: rgba(255,255,255,.55); margin: 10px 0; }
.footer-links a:hover { color: white; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); padding-top: 24px; display: flex; justify-content: space-between; color: rgba(255,255,255,.45); font-size: 13px; }
.footer-bottom div { display: flex; gap: 22px; }

.reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: .12s; }
.reveal-delay-2 { transition-delay: .24s; }

@media (max-width: 1100px) {
  :root { --container: min(100% - 36px, 960px); }
  .header-shell { width: calc(100% - 36px); grid-template-columns: auto 1fr auto; }
  .primary-nav { gap: 0; }
  .header-actions .text-link { display: none; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero { padding-top: 155px; }
  .hero-copy { max-width: 800px; }
  .hero-visual { max-width: 850px; margin: auto; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .value-grid, .calculator-grid { gap: 55px; }
  .case-study { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  :root { --header-h: 72px; }
  .section-pad { padding: 90px 0; }
  .menu-toggle { display: block; order: 3; justify-self: end; }
  .header-shell { grid-template-columns: auto 1fr auto; }
  .header-actions { justify-self: end; }
  .header-actions .btn { display: none; }
  .primary-nav {
    position: fixed; inset: 72px 0 0 0; background: #fff; padding: 22px;
    display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;
    transform: translateX(100%); transition: .3s; overflow-y: auto;
  }
  .primary-nav.open { transform: translateX(0); }
  .nav-link { width: 100%; justify-content: space-between; padding: 16px 6px; border-bottom: 1px solid var(--dx-gray-200); border-radius: 0; font-size: 18px; }
  .mega-menu {
    position: static; width: 100%; transform: none !important; box-shadow: none; border: 0; padding: 14px 0;
    grid-template-columns: 1fr; display: none; opacity: 1; visibility: visible; pointer-events: auto;
  }
  .nav-item.open .mega-menu { display: grid; }
  .nav-item:hover .mega-menu { display: none; }
  .nav-item.open:hover .mega-menu { display: grid; }
  .mega-grid { grid-template-columns: 1fr; }
  .menu-toggle.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .menu-toggle.active span:nth-child(2) { opacity: 0; }
  .menu-toggle.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  .brand img { width: 168px; }

  .hero { min-height: auto; padding-bottom: 90px; }
  .hero h1 { font-size: clamp(54px, 11vw, 78px); }
  .hero-proof { flex-wrap: wrap; }
  .dashboard-shell { transform: none; }
  .floating-card-two { right: 10px; top: 60px; }
  .floating-card-one { left: 10px; bottom: 20px; }

  .split-heading, .value-grid, .calculator-grid, .faq-grid, .cta-card, .footer-top { grid-template-columns: 1fr; }
  .split-heading { gap: 18px; }
  .preview-panel { grid-template-columns: 1fr; padding: 38px; }
  .preview-art { order: -1; }
  .results-grid { grid-template-columns: 1fr; }
  .result-card { padding: 34px; }
  .case-flow { grid-template-columns: 1fr; gap: 12px; }
  .case-flow i { height: 28px; width: 1px; margin: auto; }
  .faq-heading { position: static; }
  .cta-card { padding: 50px 38px; }
  .footer-links { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 640px) {
  :root { --container: calc(100% - 28px); }
  .section-pad { padding: 72px 0; }
  .header-shell { width: calc(100% - 28px); }
  .brand img { width: 150px; }
  .hero { padding-top: 130px; }
  .hero h1 { font-size: 50px; }
  .hero-text { font-size: 17px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
  .hero-proof { gap: 20px; }
  .hero-proof div { width: calc(50% - 10px); }
  .dashboard-content { padding: 14px; }
  .dashboard-body { grid-template-columns: 42px 1fr; }
  .dashboard-sidebar { gap: 12px; }
  .metric-grid { grid-template-columns: 1fr; }
  .dashboard-main-row { grid-template-columns: 1fr; }
  .insight-card { display: none; }
  .chart-area { height: 165px; }
  .floating-card { display: none; }
  .technology-set { gap: 38px; padding-right: 38px; }
  .technology-logo img { width: 32px; height: 32px; }
  .technology-logo span { font-size: 16px; }
  .technology-track { animation-duration: 26s; }
  .section-heading h2, .value-copy h2, .calculator-copy h2, .faq-heading h2, .cta h2 { font-size: 40px; }
  .preview-tabs { grid-template-columns: 1fr; }
  .preview-tab { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .preview-panel { padding: 24px; min-height: auto; }
  .preview-copy h3 { font-size: 30px; }
  .service-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 320px; }
  .value-panel { padding: 14px; }
  .value-tag { position: static; margin-top: 14px; }
  .case-study { padding: 30px 22px; }
  .case-copy h3 { font-size: 34px; }
  .industry-row button { grid-template-columns: 42px 1fr 30px; }
  .industry-content { padding-left: 42px; grid-template-columns: 1fr; gap: 14px; }
  .industry-row.active .industry-content { max-height: 300px; }
  .calculator-card { padding: 26px 20px; }
  .range-row { grid-template-columns: 1fr 75px; }
  .faq-item button { grid-template-columns: 40px 1fr 26px; }
  .faq-answer p { margin-left: 54px; }
  .cta-card { padding: 38px 24px; border-radius: 24px; }
  .footer-links { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; gap: 16px; }
}


@media (max-width: 980px) {
  .simplify-business__grid { grid-template-columns: 1fr; }
  .growth-tool-card { min-height: 470px; }
  .growth-tool-card__top { min-height: 68px; }
}
@media (max-width: 640px) {
  .simplify-business__heading { align-items: flex-start; flex-direction: column; margin-bottom: 34px; }
  .simplify-business__heading h2 { font-size: 44px; }
  .growth-tool-card { min-height: 440px; padding: 22px; border-radius: 24px; }
  .growth-tool-card h3 { font-size: 25px; }
  .growth-tool-card__badge { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
  .technology-track { animation: none; transform: none; }
  .technology-marquee { overflow-x: auto; mask-image: none; -webkit-mask-image: none; }
}

/* Premium immersive slider */
.immersive { background:#fff; overflow:hidden; }
.immersive-heading { max-width:980px; margin-bottom:56px; }
.immersive-heading h2 { font:800 clamp(42px,6vw,78px)/1.02 "Manrope"; letter-spacing:-.05em; margin:14px 0 0; }
.immersive-stage { position:relative; min-height:720px; background:#151515; color:#fff; overflow:hidden; }
.immersive-progress { position:absolute; inset:0 0 auto; height:3px; background:rgba(255,255,255,.12); z-index:5; }
.immersive-progress i { display:block; width:33.333%; height:100%; background:var(--dx-red-bright); transition:width .55s cubic-bezier(.2,.8,.2,1); }
.immersive-slide { position:absolute; inset:0; display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:70px; padding:80px max(7vw,40px); opacity:0; visibility:hidden; transform:translateX(50px); transition:opacity .55s ease, transform .55s ease, visibility .55s; }
.immersive-slide::before { content:""; position:absolute; width:620px; height:620px; right:-180px; top:-200px; border-radius:50%; background:radial-gradient(circle,rgba(170,0,0,.33),rgba(170,0,0,0) 68%); }
.immersive-slide.is-active { opacity:1; visibility:visible; transform:none; }
.immersive-copy,.immersive-art { position:relative; z-index:1; }
.slide-kicker { color:#ff9393; text-transform:uppercase; letter-spacing:.16em; font-size:12px; font-weight:800; }
.immersive-copy h3 { font:800 clamp(46px,6vw,82px)/.98 "Manrope"; letter-spacing:-.055em; margin:18px 0 24px; }
.immersive-copy p { max-width:550px; color:rgba(255,255,255,.66); font-size:18px; }
.immersive-copy a { display:inline-flex; margin-top:24px; font-weight:800; color:#fff; border-bottom:1px solid rgba(255,255,255,.4); padding-bottom:5px; }
.immersive-art { border-radius:26px; overflow:hidden; box-shadow:0 36px 90px rgba(0,0,0,.42); transform:perspective(1200px) rotateY(-4deg); }
.immersive-art img { width:100%; }
.immersive-controls { position:absolute; left:max(7vw,40px); bottom:42px; z-index:6; display:flex; align-items:center; gap:18px; }
.immersive-controls>button { width:48px; height:48px; border-radius:50%; border:1px solid rgba(255,255,255,.25); background:transparent; color:#fff; cursor:pointer; transition:.25s; }
.immersive-controls>button:hover { background:#fff; color:#111; }
.immersive-dots { display:flex; gap:8px; }
.immersive-dots button { width:34px; height:3px; border:0; padding:0; background:rgba(255,255,255,.25); cursor:pointer; transition:.3s; }
.immersive-dots button.is-active { width:62px; background:var(--dx-red-bright); }

@media(max-width:860px){
 .immersive-stage{min-height:850px}
 .immersive-slide{grid-template-columns:1fr;align-content:start;padding:60px 28px 120px;gap:30px}
 .immersive-copy h3{font-size:52px}
 .immersive-art{transform:none}
 .immersive-controls{left:28px;bottom:32px}
}
@media(max-width:560px){
 .immersive-stage{min-height:790px}
 .immersive-copy h3{font-size:42px}
 .immersive-copy p{font-size:16px}
}


/* =========================================================
   DataXsys v3 visual refinement
   Engine font analysis: Oracle for UI/body and Sharp Sans
   Display No. 2 for display headings. This project uses the
   open web-font alternatives Inter + League Spartan.
   ========================================================= */
:root {
  --font-body: "Inter", Arial, sans-serif;
  --font-display: "League Spartan", "Arial Black", Arial, sans-serif;
  --dx-ink: #15151a;
  --dx-paper: #ffffff;
  --dx-soft-gray: #f4f4f2;
  --dx-mid-gray: #696970;
}

body {
  font-family: var(--font-body);
  background: var(--dx-paper);
  color: var(--dx-ink);
}

h1, h2, h3,
.hero h1,
.section-heading h2,
.value-copy h2,
.calculator-copy h2,
.faq-heading h2,
.cta h2,
.preview-copy h3,
.service-card h3,
.case-copy h3,
.immersive-heading h2,
.immersive-copy h3,
.industry-row button strong {
  font-family: var(--font-display);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.035em;
}

.hero h1 {
  color: var(--dx-ink);
  line-height: .95;
  letter-spacing: -.045em;
}

.hero,
.services,
.industries,
.faq,
.product-preview,
.immersive {
  background: var(--dx-paper);
}

.hero {
  background:
    radial-gradient(circle at 82% 20%, rgba(170,0,0,.07), transparent 30%),
    linear-gradient(180deg, #fff 0%, #fbfbfa 100%);
}

/* Section 2: white, airy, product-explorer treatment */
.product-preview {
  color: var(--dx-ink);
  border-top: 1px solid var(--dx-gray-200);
}

.product-preview .section-heading {
  max-width: 1000px;
  text-align: left;
  margin-left: 0;
}

.explore-title {
  max-width: 920px;
  margin-bottom: 18px !important;
}

.explore-intro {
  font-size: 20px !important;
  color: var(--dx-mid-gray) !important;
  margin: 0;
}

.preview-frame {
  border: 1px solid #dedede;
  background: var(--dx-paper);
  box-shadow: 0 22px 64px rgba(21,21,26,.09);
}

.preview-tabs {
  border-bottom: 1px solid #dedede;
  background: #fafafa;
}

.preview-tab {
  color: #626268;
  border-right: 1px solid #dedede;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 800;
}

.preview-tab.active {
  color: #fff;
  background: var(--dx-red);
  box-shadow: none;
}

.preview-panel {
  color: var(--dx-ink);
  background: #fff;
}

.preview-copy h3 { color: var(--dx-ink); }
.preview-copy p { color: #606067; }
.preview-copy li { border-bottom-color: #e5e5e5; }
.preview-copy li::before { color: var(--dx-red); }
.preview-copy .number { color: var(--dx-red); }
.preview-art {
  background: var(--dx-soft-gray);
  box-shadow: 0 18px 44px rgba(21,21,26,.12);
}

/* Replace the second heavy-black feature block with soft gray */
.immersive { background: var(--dx-soft-gray); }
.immersive-stage {
  background: #fff;
  color: var(--dx-ink);
  border: 1px solid #dedede;
  box-shadow: 0 24px 70px rgba(21,21,26,.10);
}
.immersive-progress { background: #e4e4e4; }
.immersive-slide::before {
  background: radial-gradient(circle, rgba(170,0,0,.12), rgba(170,0,0,0) 68%);
}
.immersive-copy p { color: #606067; }
.immersive-copy a {
  color: var(--dx-red);
  border-bottom-color: rgba(170,0,0,.35);
}
.immersive-controls > button {
  border-color: #c9c9c9;
  color: var(--dx-ink);
  background: #fff;
}
.immersive-controls > button:hover { background: var(--dx-red); color: #fff; }
.immersive-dots button { background: #d0d0d0; }
.immersive-dots button.is-active { background: var(--dx-red); }
.immersive-art { box-shadow: 0 24px 56px rgba(21,21,26,.14); }

/* Friendlier cards: white and gray first, black only where purposeful */
.service-card:hover {
  background: var(--dx-red);
  color: #fff;
}
.service-card:hover::after { background: rgba(255,255,255,.12); }
.value-section, .calculator-section { background: var(--dx-soft-gray); }
.value-panel { background: #fff; border: 1px solid #dedede; }
.results { background: var(--dx-red); }
.case-study { background: #fff; color: var(--dx-ink); }
.case-copy p, .case-flow small { color: #67676d; }
.case-flow i { background: #d2d2d2; }
.case-label { color: var(--dx-red); }
.case-study .btn-light { background: var(--dx-ink); color: #fff; }

.dashboard-sidebar { background: #333337; }
.cta-card { background: var(--dx-red); }
.cta-orb { background: radial-gradient(circle, rgba(255,255,255,.20), rgba(255,255,255,0)); }
.site-footer { background: #252529; }

/* Retain normal case for utility copy and navigation */
.nav-link, .btn, .eyebrow, .trust-pill, .preview-tab,
.faq-item button strong, .value-list h3, .footer-links h3,
.metric-card strong, .dashboard-heading h3 {
  font-family: var(--font-body);
  text-transform: none;
  letter-spacing: normal;
}

/* H3 remains display-like in primary content cards */
.service-card h3, .preview-copy h3, .immersive-copy h3,
.case-copy h3 { font-family: var(--font-display); text-transform: uppercase; }

@media (max-width: 640px) {
  .explore-title { font-size: 39px !important; }
  .product-preview .section-heading { text-align: left; }
  .preview-panel { padding: 24px; }
}

.display-title{
    font-size: inherit;
}

.hero-title,
.display-title{
    font-size: clamp(3.8rem, 7vw, 6.8rem);
    font-weight: 900;
    text-transform: uppercase;
    line-height: .92;
    letter-spacing: -.04em;
}

/* =========================================================
   DATAXSYS v2.9.5 — CORRECTED MOBILE NAVIGATION
   ========================================================= */
.site-header{
  position:sticky;
  top:0;
  z-index:50000!important;
  overflow:visible!important;
}
.header-shell{
  position:relative;
  z-index:50001;
}
.menu-toggle{
  position:relative;
  z-index:50003!important;
}
@media(max-width:860px){
  .primary-nav{
    position:fixed!important;
    top:72px!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    z-index:50002!important;
    width:100%!important;
    height:calc(100dvh - 72px)!important;
    padding:20px 22px 36px!important;
    background:#fff!important;
    transform:translateX(100%)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    transition:transform .28s ease,opacity .2s ease,visibility .28s ease!important;
  }
  .primary-nav.open{
    transform:translateX(0)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.menu-open{overflow:hidden!important}
}


/* =========================================================
   DATAXSYS DESIGN SYSTEM v2.9.6
   HOMEPAGE HERO GROWTH-CHART ANIMATION
   ========================================================= */

.hero-growth-chart {
  overflow: visible;
}

.hero-chart-reveal {
  transform-box: fill-box;
  transform-origin: left center;
  animation: dxHeroChartReveal 8.5s cubic-bezier(.22,.72,.25,1) infinite;
}

.hero-line-path {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: dxHeroLineDraw 8.5s cubic-bezier(.22,.72,.25,1) infinite;
}

.hero-area-path {
  opacity: 0;
  animation: dxHeroAreaFade 8.5s ease-in-out infinite;
}

.hero-chart-midpoint {
  opacity: 0;
  animation: dxHeroMidpoint 8.5s ease-in-out infinite;
}

.hero-chart-tip {
  opacity: 0;
  animation: dxHeroTipVisibility 8.5s ease-in-out infinite;
}

.hero-tip-core {
  fill: #aa0000 !important;
  stroke: #fff !important;
  stroke-width: 3 !important;
  transform-box: view-box;
  transform-origin: 600px 22px;
  animation: dxHeroTipCore 8.5s ease-in-out infinite;
}

.hero-tip-ring {
  fill: #fff !important;
  stroke: #aa0000 !important;
  stroke-width: 3 !important;
  transform-box: view-box;
  transform-origin: 600px 22px;
  animation: dxHeroTipRing 8.5s ease-in-out infinite;
}

.hero-tip-ripple {
  fill: none !important;
  stroke: #aa0000 !important;
  stroke-width: 2 !important;
  opacity: 0;
  transform-box: view-box;
  transform-origin: 600px 22px;
}

.hero-tip-ripple-one {
  animation: dxHeroRippleOne 8.5s ease-out infinite;
}

.hero-tip-ripple-two {
  animation: dxHeroRippleTwo 8.5s ease-out infinite;
}

@keyframes dxHeroChartReveal {
  0%, 8% { transform: scaleX(0); }
  58%, 92% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}

@keyframes dxHeroLineDraw {
  0%, 8% { stroke-dashoffset: 1; opacity: .35; }
  58%, 92% { stroke-dashoffset: 0; opacity: 1; }
  97%, 100% { stroke-dashoffset: 0; opacity: 0; }
}

@keyframes dxHeroAreaFade {
  0%, 18% { opacity: 0; }
  55%, 90% { opacity: 1; }
  97%, 100% { opacity: 0; }
}

@keyframes dxHeroMidpoint {
  0%, 38% { opacity: 0; transform: scale(.65); }
  48%, 90% { opacity: 1; transform: scale(1); }
  97%, 100% { opacity: 0; transform: scale(.65); }
}

@keyframes dxHeroTipVisibility {
  0%, 54% { opacity: 0; }
  60%, 92% { opacity: 1; }
  98%, 100% { opacity: 0; }
}

@keyframes dxHeroTipCore {
  0%, 58% { transform: scale(.55); }
  64% { transform: scale(1.25); }
  70%, 92% { transform: scale(1); }
  100% { transform: scale(.55); }
}

@keyframes dxHeroTipRing {
  0%, 58% { transform: scale(.6); opacity: 0; }
  64% { transform: scale(1.15); opacity: 1; }
  72%, 92% { transform: scale(1); opacity: 1; }
  100% { transform: scale(.6); opacity: 0; }
}

@keyframes dxHeroRippleOne {
  0%, 62% { transform: scale(.65); opacity: 0; }
  66% { transform: scale(.85); opacity: .75; }
  78% { transform: scale(2.4); opacity: 0; }
  100% { transform: scale(2.4); opacity: 0; }
}

@keyframes dxHeroRippleTwo {
  0%, 70% { transform: scale(.65); opacity: 0; }
  74% { transform: scale(.85); opacity: .55; }
  88% { transform: scale(2.8); opacity: 0; }
  100% { transform: scale(2.8); opacity: 0; }
}

.hero-visual:hover .hero-line-path,
.hero-visual:hover .hero-chart-reveal,
.hero-visual:hover .hero-area-path,
.hero-visual:hover .hero-chart-midpoint,
.hero-visual:hover .hero-chart-tip,
.hero-visual:hover .hero-tip-core,
.hero-visual:hover .hero-tip-ring,
.hero-visual:hover .hero-tip-ripple {
  animation-play-state: running;
}

@media (max-width: 700px) {
  .hero-growth-chart {
    overflow: hidden;
  }

  .hero-tip-ripple {
    stroke-width: 2.5 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-chart-reveal,
  .hero-line-path,
  .hero-area-path,
  .hero-chart-midpoint,
  .hero-chart-tip,
  .hero-tip-core,
  .hero-tip-ring,
  .hero-tip-ripple {
    animation: none !important;
  }

  .hero-chart-reveal {
    transform: scaleX(1);
  }

  .hero-line-path {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  .hero-area-path,
  .hero-chart-midpoint,
  .hero-chart-tip {
    opacity: 1;
  }
}


/* =========================================================
   DATAXSYS v2.9.7 — HERO CHART: DRAW ONCE, RIPPLE FOREVER
   ========================================================= */

.hero-chart-reveal {
  animation: dxHeroChartRevealOnce 4.8s cubic-bezier(.22,.72,.25,1) 1 forwards !important;
}

.hero-line-path {
  animation: dxHeroLineDrawOnce 4.8s cubic-bezier(.22,.72,.25,1) 1 forwards !important;
}

.hero-area-path {
  animation: dxHeroAreaFadeOnce 4.8s ease-in-out 1 forwards !important;
}

.hero-chart-midpoint {
  animation: dxHeroMidpointOnce 4.8s ease-in-out 1 forwards !important;
}

.hero-chart-tip {
  animation: dxHeroTipVisibilityOnce 4.8s ease-in-out 1 forwards !important;
}

.hero-tip-core {
  animation: dxHeroTipCoreOnce 4.8s ease-in-out 1 forwards !important;
}

.hero-tip-ring {
  animation: dxHeroTipRingOnce 4.8s ease-in-out 1 forwards !important;
}

.hero-tip-ripple-one {
  animation: dxHeroRippleLoop 2.5s 4.4s ease-out infinite !important;
}

.hero-tip-ripple-two {
  animation: dxHeroRippleLoop 2.5s 5.65s ease-out infinite !important;
}

@keyframes dxHeroChartRevealOnce {
  0%, 8% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

@keyframes dxHeroLineDrawOnce {
  0%, 8% { stroke-dashoffset: 1; opacity: .35; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes dxHeroAreaFadeOnce {
  0%, 30% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes dxHeroMidpointOnce {
  0%, 48% { opacity: 0; transform: scale(.65); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes dxHeroTipVisibilityOnce {
  0%, 78% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes dxHeroTipCoreOnce {
  0%, 78% { transform: scale(.55); }
  88% { transform: scale(1.25); }
  100% { transform: scale(1); }
}

@keyframes dxHeroTipRingOnce {
  0%, 78% { transform: scale(.6); opacity: 0; }
  90% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes dxHeroRippleLoop {
  0% { transform: scale(.65); opacity: .78; }
  100% { transform: scale(3); opacity: 0; }
}

/* New preview SVGs fill the available frame cleanly. */
.preview-art img,
.value-panel img {
  display: block;
  width: 100%;
  height: auto;
}


/* =========================================================
   DATAXSYS v2.9.9 — COMPACT CLIENT TICKER
   ========================================================= */

.client-proof-strip {
  background: #fff;
  color: #17181d;
}

.client-proof-strip__shell {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(360px, 1.15fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: center;
}

.client-proof-strip__intro {
  max-width: 620px;
}

.client-proof-strip__intro h2 {
  margin: .8rem 0 1rem;
  max-width: 620px;
  color: #17181d;
  font-family: "League Spartan", sans-serif;
  font-size: clamp(2.1rem, 3.1vw, 3.25rem);
  font-weight: 900;
  line-height: .92;
  letter-spacing: -.05em;
  text-transform: uppercase;
}

.client-proof-strip__intro p {
  margin: 0 0 1.25rem;
  color: #626874;
  font-size: clamp(.95rem, 1.08vw, 1.08rem);
  line-height: 1.7;
}

.text-arrow-link {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: #b40000;
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
}

.client-ticker {
  position: relative;
  height: 390px;
  overflow: hidden;
  border: 1px solid #e1e4e8;
  border-radius: 22px;
  background: #f7f8fa;
}

.client-ticker__viewport {
  height: 100%;
  overflow: hidden;
}

.client-ticker__track {
  display: grid;
  gap: .65rem;
  padding: .9rem;
  animation: dxClientTickerUp 30s linear infinite;
  will-change: transform;
}

.client-ticker:hover .client-ticker__track,
.client-ticker:focus-within .client-ticker__track {
  animation-play-state: paused;
}

.client-ticker__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "name action"
    "industry action";
  gap: .12rem 1rem;
  min-height: 66px;
  padding: .85rem 1rem;
  border: 1px solid #e3e6ea;
  border-radius: 14px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.client-ticker__item:hover,
.client-ticker__item:focus-visible {
  border-color: #b40000;
  transform: translateX(5px);
  box-shadow: 0 12px 26px rgba(26, 30, 38, .08);
}

.client-ticker__item > span {
  grid-area: name;
  overflow: hidden;
  color: #17181d;
  font-size: .9rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.client-ticker__item > small {
  grid-area: industry;
  color: #777e89;
  font-size: .68rem;
}

.client-ticker__item > i {
  grid-area: action;
  align-self: center;
  color: #b40000;
  font-size: .7rem;
  font-style: normal;
  font-weight: 800;
}

.client-ticker__fade {
  position: absolute;
  z-index: 3;
  right: 0;
  left: 0;
  height: 70px;
  pointer-events: none;
}

.client-ticker__fade--top {
  top: 0;
  background: linear-gradient(#f7f8fa, rgba(247,248,250,0));
}

.client-ticker__fade--bottom {
  bottom: 0;
  background: linear-gradient(rgba(247,248,250,0), #f7f8fa);
}

@keyframes dxClientTickerUp {
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}

@media (max-width: 900px) {
  .client-proof-strip__shell {
    grid-template-columns: 1fr;
  }

  .client-ticker {
    height: 330px;
  }
}

@media (max-width: 520px) {
  .client-ticker {
    height: 300px;
    border-radius: 18px;
  }

  .client-ticker__item {
    min-height: 60px;
    padding: .72rem .8rem;
  }

  .client-ticker__item > span {
    font-size: .82rem;
  }

  .client-ticker__item > i {
    font-size: .62rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .client-ticker__track {
    animation: none !important;
  }
}


/* =========================================================
   DATAXSYS v3.0.0 — CLIENT PROOF PANEL + FOOTER CONSISTENCY
   ========================================================= */
.proof-portfolio-panel{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr)!important;
  gap:clamp(2.5rem,6vw,6rem)!important;
  align-items:center!important;
  min-height:440px
}
.proof-portfolio-copy h3{
  margin:.8rem 0 1rem;max-width:560px;color:#17181d;
  font-family:"League Spartan",sans-serif;font-size:clamp(1.65rem,2.35vw,2.5rem);
  font-weight:850;line-height:.98;letter-spacing:-.035em;text-transform:uppercase
}
.proof-portfolio-copy p{max-width:560px;margin:0 0 1.4rem;color:#5f6671;font-size:.95rem;line-height:1.7}
.proof-client-ticker{position:relative;height:320px;overflow:hidden;border:1px solid #e0e3e8;border-radius:18px;background:#f7f8fa}
.proof-client-viewport{height:100%;overflow:hidden}
.proof-client-track{display:grid;gap:.55rem;padding:.8rem;animation:proofClientMove 30s linear infinite;will-change:transform}
.proof-client-ticker:hover .proof-client-track,.proof-client-ticker:focus-within .proof-client-track{animation-play-state:paused}
.proof-client-item{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"name action" "industry action";gap:.1rem .8rem;
  min-height:58px;padding:.72rem .85rem;border:1px solid #e2e5e9;border-radius:12px;
  background:#fff;color:inherit;text-decoration:none;transition:.22s ease
}
.proof-client-item:hover,.proof-client-item:focus-visible{border-color:#b40000;transform:translateX(4px);box-shadow:0 10px 22px rgba(20,24,32,.08)}
.proof-client-item span{grid-area:name;overflow:hidden;color:#17181d;font-size:.82rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.proof-client-item small{grid-area:industry;color:#7a808a;font-size:.62rem}
.proof-client-item i{grid-area:action;align-self:center;color:#b40000;font-size:.64rem;font-style:normal;font-weight:800}
.proof-client-fade{position:absolute;z-index:2;right:0;left:0;height:54px;pointer-events:none}
.proof-client-fade--top{top:0;background:linear-gradient(#f7f8fa,rgba(247,248,250,0))}
.proof-client-fade--bottom{bottom:0;background:linear-gradient(rgba(247,248,250,0),#f7f8fa)}
@keyframes proofClientMove{from{transform:translateY(0)}to{transform:translateY(-50%)}}

/* Exact About-style footer layout: brand + four link columns in one row. */
.footer-main{
  display:grid!important;
  grid-template-columns:minmax(250px,.85fr) minmax(0,2.15fr)!important;
  gap:clamp(2rem,5vw,5rem)!important;
  align-items:start!important
}
.footer-links--engine{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(1.4rem,3vw,3rem)!important
}
.footer-links--engine>div{min-width:0}
@media(max-width:900px){
  .proof-portfolio-panel{grid-template-columns:1fr!important}
  .proof-client-ticker{height:290px}
  .footer-main{grid-template-columns:1fr!important}
  .footer-links--engine{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .proof-client-ticker{height:270px}
  .proof-client-item span{font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){.proof-client-track{animation:none!important}}

.btn-client-website{
display:inline-flex;align-items:center;justify-content:center;
padding:16px 30px;border-radius:999px;
background:#fff!important;color:#111!important;
border:2px solid #fff!important;font-weight:700;
text-decoration:none;transition:all .25s ease}
.btn-client-website:hover{
background:#f2f2f2!important;color:#111!important;
border-color:#f2f2f2!important;
box-shadow:0 10px 24px rgba(0,0,0,.18);
transform:translateY(-2px)}


/* =========================================================
   DATAXSYS v3.0.5 — EXPERIENCE PROOF + FOCUSED CLIENT STORY
   ========================================================= */
.results .section-heading.light h2 {
  max-width: 980px;
}
.results .section-heading.light p {
  max-width: 850px;
}
.proof-portfolio-label {
  display: inline-block;
  margin-bottom: .8rem;
  color: #b40000 !important;
  font-size: clamp(.82rem, 1vw, 1.05rem) !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  line-height: 1.25;
  text-transform: uppercase;
}
.proof-client-ticker { padding-top: 27px; }
.proof-client-hint {
  position: absolute;
  z-index: 5;
  top: 7px;
  left: 0;
  width: 100%;
  margin: 0;
  color: #777e88;
  font-size: .58rem;
  font-weight: 750;
  letter-spacing: .05em;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none;
}
.proof-client-item {
  opacity: .72;
  transform: scale(.985);
  transition: opacity .28s ease, transform .28s ease, border-color .28s ease, box-shadow .28s ease, background .28s ease;
}
.proof-client-item.is-focus {
  z-index: 4;
  border-color: #b40000;
  background: #fff;
  opacity: 1;
  transform: scale(1.015);
  box-shadow: 0 12px 30px rgba(180,0,0,.14);
}
.proof-client-item i {
  position: relative;
  overflow: hidden;
  padding: .38rem .55rem;
  border-radius: 999px;
  transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}
.proof-client-item.is-focus i {
  background: #b40000;
  color: #fff;
  box-shadow: 0 0 0 0 rgba(180,0,0,.34);
  animation: dxViewStoryPulse 1.7s ease-in-out infinite;
}
.proof-client-item.is-focus i::after {
  position: absolute;
  top: -40%;
  left: -55%;
  width: 38%;
  height: 180%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);
  transform: rotate(18deg);
  animation: dxStoryShine 1.7s ease-in-out infinite;
  content: "";
}
@keyframes dxViewStoryPulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(180,0,0,.30); }
  50% { box-shadow: 0 0 0 7px rgba(180,0,0,0); }
}
@keyframes dxStoryShine {
  0%,28% { left:-55%; opacity:0; }
  48% { opacity:1; }
  72%,100% { left:125%; opacity:0; }
}
@media (prefers-reduced-motion: reduce) {
  .proof-client-item.is-focus i,
  .proof-client-item.is-focus i::after { animation:none !important; }
}


/* =========================================================
   DATAXSYS v3.0.6 — PORTFOLIO PROOF + REPORTING STORIES
   ========================================================= */

.results .proof-choice-title {
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(2rem, 3.25vw, 3.45rem) !important;
  line-height: .96 !important;
  letter-spacing: -.035em !important;
}

.immersive-art--report {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(.65rem, 1.5vw, 1.2rem);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.04)),
    #16181d;
  box-shadow: 0 28px 70px rgba(0,0,0,.26);
}

.immersive-art--report img {
  display: block;
  width: 100%;
  max-height: 470px;
  object-fit: contain;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(0,0,0,.22);
}

.immersive-art--portrait img {
  width: auto;
  max-width: 100%;
  max-height: 450px;
}

@media (max-width: 820px) {
  .results .proof-choice-title {
    font-size: clamp(1.8rem, 8vw, 2.65rem) !important;
  }

  .immersive-art--report {
    padding: .55rem;
    border-radius: 16px;
  }

  .immersive-art--report img,
  .immersive-art--portrait img {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
  }
}


/* =========================================================
   DATAXSYS DESIGN SYSTEM v3.0.7
   CLEAN REPORT FRAMES — NO BLACK PANEL, NO TILT
   ========================================================= */

.immersive-art--report {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(.55rem, 1vw, .9rem) !important;
  overflow: hidden !important;
  border: 1px solid #e6e8ec !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(20, 24, 32, .08) !important;
  transform: none !important;
  perspective: none !important;
}

.immersive-art--report::before,
.immersive-art--report::after {
  display: none !important;
  content: none !important;
}

.immersive-art--report img,
.immersive-art--portrait img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 500px !important;
  object-fit: contain !important;
  border: 1px solid #eceef1 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  transform: none !important;
  rotate: 0deg !important;
  filter: none !important;
}

.immersive-slide:nth-child(odd) .immersive-art--report,
.immersive-slide:nth-child(even) .immersive-art--report,
.immersive-slide:nth-child(odd) .immersive-art--report img,
.immersive-slide:nth-child(even) .immersive-art--report img {
  transform: none !important;
}

@media (max-width: 820px) {
  .immersive-art--report {
    padding: .4rem !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(20, 24, 32, .07) !important;
  }

  .immersive-art--report img,
  .immersive-art--portrait img {
    max-height: 320px !important;
    border-radius: 10px !important;
  }
}


/* =========================================================
   DATAXSYS DESIGN SYSTEM v3.0.8
   UPDATED AUCTION + LOCATION REPORTING IMAGES
   ========================================================= */

.immersive-art--report img[src*="reporting-auction-insights"],
.immersive-art--report img[src*="reporting-location-insights"] {
  width: 100% !important;
  height: auto !important;
  max-height: 520px !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  rotate: 0deg !important;
  border: 1px solid #e8eaee !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.immersive-art--portrait {
  min-height: 0 !important;
  padding: .55rem !important;
}

@media (max-width: 820px) {
  .immersive-art--report img[src*="reporting-auction-insights"],
  .immersive-art--report img[src*="reporting-location-insights"] {
    max-height: 330px !important;
  }
}


/* =========================================================
   DATAXSYS DESIGN SYSTEM v3.0.9
   DESKTOP HOMEPAGE HERO — REDUCED WHITE SPACE
   ========================================================= */

/*
   The previous desktop hero used a 920px minimum height, 175px top padding,
   and the global 120px section bottom padding. This created substantially
   more empty space above the content than the Engine-style reference.
*/

@media (min-width: 1100px) {
  .hero.section-pad {
    min-height: 760px !important;
    padding-top: 112px !important;
    padding-bottom: 72px !important;
  }

  .hero-grid {
    gap: 44px !important;
  }

  .hero h1 {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
  }

  .hero-text {
    margin-bottom: 28px !important;
  }

  .hero-proof {
    margin-top: 34px !important;
    padding-top: 22px !important;
  }

  .dashboard-body {
    min-height: 430px !important;
  }

  .hero-orb-one {
    top: 105px !important;
  }

  .hero-orb-two {
    bottom: 55px !important;
  }
}

@media (min-width: 1440px) {
  .hero.section-pad {
    min-height: 780px !important;
    padding-top: 118px !important;
    padding-bottom: 76px !important;
  }
}