.elementor-kit-6{--e-global-color-primary:#CA933E;--e-global-color-secondary:#101828;--e-global-color-text:#4A5565;--e-global-color-accent:#EDC793;--e-global-color-kadence1:#2B6CB0;--e-global-color-kadence2:#1447E6;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-6.el-is-editing{--global-palette1:#2B6CB0;--global-palette2:#1447E6;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:96rem;}.e-con{--container-max-width:96rem;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --e-gv-48bf48a:1280px; --e-gv-65d56fb:#101828; --e-gv-050c5eb:3rem; --e-gv-916b381:1.25rem; --e-gv-3774d45:0.875rem; --e-gv-8d09e84:#4a5565; --e-gv-fedd4fa:#193cb8; --e-gv-17ad155:#dbeafe; --e-gv-a3ea21c:0.75rem; --e-gv-8327559:#ebe6e7; --e-gv-e8b4aa7:1rem; --e-gv-ef35bf5:1.5rem; --e-gv-4aa5489:#364153; --e-gv-5a20d6e:#d1d5dc; --e-gv-a57f08a:96rem; --e-gv-047a916:#bedbff; --e-gv-8ec7f77:#155dfc; --e-gv-cd11616:1.125rem; --e-gv-151de51:1.875rem; --e-gv-896cffe:0.75rem; --e-gv-538f113:#1c398e; --e-gv-a72fe45:2.25rem; --e-gv-1cc2a1c:3.75rem; --e-gv-dbc47b9:calc((100% - 2rem) / 2); --e-gv-f8472d0:calc((100% - 1rem) / 2); --e-gv-68ffd9d:100%; ----color-navy:#0F1F3D; ----color-navy-dark:#0A1225; ----color-navy-panel:#0D1829; ----color-gold:#C9A84C; ----color-gold-light:#E2C87A; ----color-gold-bright:#E8C96A; ----color-gold-via:#D4AF5A; ----color-gold-pale:#EDCB93; ----color-off-white:#FAFAF8; ----color-warm-grey:#E8E6E2; ----color-muted-bg:#F5F4F2; ----color-slate:#6B7380; ----color-slate-dark:#5A6270; ----color-slate-darker:#2A3A4F; ----color-white:#FFFFFF; ----color-emerald:#059669; ----background:#FAFAF8; ----foreground:#0F1F3D; ----primary:#0F1F3D; ----secondary:#C9A84C; ----accent:#C9A84C; ----muted:#F5F4F2; ----muted-foreground:#6B7380; ----border:#E8E6E2; ----destructive:#DC2626; ----text-xs:0.75rem; ----text-sm:0.875rem; ----text-base:1rem; ----text-lg:1.125rem; ----text-xl:1.25rem; ----text-2xl:1.5rem; ----text-3xl:1.875rem; ----text-4xl:2.25rem; ----text-5xl:3rem; ----text-6xl:3.75rem; ----text-hero:4.1875rem; ----spacing-4:16px; ----spacing-6:24px; ----spacing-8:32px; ----spacing-10:40px; ----spacing-12:48px; ----spacing-16:64px; ----spacing-20:80px; ----radius-sm:4px; ----radius-md:8px; ----radius-lg:12px; ----radius-full:9999px; ----container-max:1280px; ----font-display:Playfair Display; ----font-body:DM Sans; }
/* Start custom CSS *//* =============================================================================
   HST Design System — Elementor Custom CSS
   Global utilities: reuse .hst-container, .hst-grid-2, .hst-grid-cards, etc.
   ============================================================================= */

/* --- Container (reference index.css + Tailwind 96rem) --- */
.hst-container.e-con {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  box-sizing: border-box;
}

@media (min-width: 40rem) {
  .hst-container.e-con {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 64rem) {
  .hst-container.e-con {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    max-width: 80rem !important;
  }
}

@media (min-width: 96rem) {
  .hst-container.e-con {
    max-width: 96rem !important;
  }
}

/* --- Flex grid utilities (replace CSS grid — Atomic schema safe) --- */
.hst-grid-2.e-con {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 3rem;
}

.hst-grid-2 > .hst-col.e-con,
.hst-grid-2 > .hst-hero-left.e-con,
.hst-grid-2 > .hst-hero-metrics.e-con,
.hst-grid-2 > .hst-grid-cards.e-con {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.hst-grid-cards.e-con,
.hst-hero-metrics.e-con {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 1rem;
}

.hst-grid-cards > .hst-metric-card.e-con,
.hst-hero-metrics > .hst-metric-card.e-con {
  flex: 0 0 calc(50% - 0.5rem) !important;
  width: calc(50% - 0.5rem) !important;
  max-width: calc(50% - 0.5rem) !important;
  box-sizing: border-box;
}

.hst-flex-row.e-con {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

.hst-flex-row.e-con > .elementor-element {
  width: auto !important;
  flex: 0 0 auto !important;
}

.hst-metric-value-row.e-con {
  flex-direction: row !important;
  align-items: flex-end !important;
  width: auto !important;
}

.hst-metric-value-row.e-con > .elementor-element {
  width: auto !important;
  flex: 0 0 auto !important;
}

.hst-hero-badge.e-con {
  flex-direction: row !important;
  width: auto !important;
}

/* --- Metric icons (Lucide-style via mask, reference Home.tsx) --- */
.hst-metric-icon.e-con {
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.4);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.hst-metric-icon.hst-icon-accent.e-con {
  background-color: #E8C96A;
}

.hst-icon-zap.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");
}

.hst-icon-battery.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='7' width='18' height='10' rx='2'/%3E%3Cpath d='M22 11v2'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='7' width='18' height='10' rx='2'/%3E%3Cpath d='M22 11v2'/%3E%3C/svg%3E");
}

.hst-icon-shield.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
}

.hst-icon-package.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M16.5 9.4 7.55 4.24M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.29 7 12 12 20.71 7'/%3E%3Cline x1='12' y1='22' x2='12' y2='12'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M16.5 9.4 7.55 4.24M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3C/svg%3E");
}

.hst-icon-award.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/%3E%3C/svg%3E");
}

.hst-icon-globe.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20M2 12h20'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20M2 12h20'/%3E%3C/svg%3E");
}

.hst-icon-clock.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
}

.hst-icon-factory.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M17 18h1M12 18h1M7 18h1'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3C/svg%3E");
}

.hst-icon-check.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}

.hst-icon-rotateccw.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
}

.hst-icon-wifi.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 20h.01'/%3E%3Cpath d='M2 8.82a15 15 0 0 1 20 0'/%3E%3Cpath d='M5 12.859a10 10 0 0 1 14 0'/%3E%3Cpath d='M8.5 16.429a5 5 0 0 1 7 0'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 20h.01'/%3E%3Cpath d='M2 8.82a15 15 0 0 1 20 0'/%3E%3Cpath d='M5 12.859a10 10 0 0 1 14 0'/%3E%3Cpath d='M8.5 16.429a5 5 0 0 1 7 0'/%3E%3C/svg%3E");
}

/* --- Typography helpers --- */
.hst-hero-headline h1 {
  margin: 0;
  line-height: 1.08;
}

.hst-hero-headline .hst-h1-gold {
  color: #E8C96A;
}

.hst-hero-left p {
  line-height: 1.625;
}

.hst-metric-card p:last-child {
  line-height: 1.4;
}

@media (min-width: 48rem) {
  .hst-hero-headline h1 {
    font-size: 3.75rem !important;
  }
}

@media (min-width: 64rem) {
  .hst-hero-headline h1 {
    font-size: 4.2rem !important;
  }
}

/* --- Buttons (reference .btn-gold) --- */
.hst-btn-gold.e-button::after {
  content: '→';
  margin-left: 0.5rem;
}

.hst-btn-gold.e-button:hover,
.elementor .hst-btn-gold.e-button:hover {
  background-color: #B8943F !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(201, 168, 76, 0.3);
  transition: all 0.2s ease;
}

.hst-btn-ghost.e-button:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

/* =============================================================================
   Hero section — reference Home.tsx background layers on <section>
   ============================================================================= */

.hst-hero {
  position: relative;
  overflow: hidden;
}

.hst-hero > .hst-hero-bg.e-con {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.hst-hero-bg .hst-hero-bg-skew.e-con {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: -8rem !important;
  width: 55% !important;
  height: 100% !important;
  background-color: #0D1829 !important;
  transform: skewX(-6deg);
  transform-origin: top right;
}

.hst-hero-bg .hst-hero-bg-dots.e-con {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 55% !important;
  height: 100% !important;
  background-image: radial-gradient(circle, rgba(201, 168, 76, 0.08) 1px, transparent 1px);
  background-size: 1.75rem 1.75rem;
}

.hst-hero-bg .hst-hero-bg-glow-tr.e-con {
  position: absolute !important;
  bottom: 0 !important;
  right: 25% !important;
  width: 18.75rem !important;
  height: 18.75rem !important;
  border-radius: 50%;
  background: rgba(201, 168, 76, 0.08);
  filter: blur(3rem);
}

.hst-hero-bg .hst-hero-bg-glow-tl.e-con {
  position: absolute !important;
  top: -10rem !important;
  left: -10rem !important;
  width: 30rem !important;
  height: 30rem !important;
  border-radius: 50%;
  background: rgba(201, 168, 76, 0.05);
  filter: blur(4rem);
}

.hst-hero-bg .hst-hero-bg-goldline.e-con {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 3px !important;
  width: 100% !important;
  background: linear-gradient(to right, #C9A84C 0%, #D4AF5A 50%, transparent 100%);
}

.hst-hero .hst-container.e-con {
  position: relative;
  z-index: 2;
}

@media (max-width: 63.9375rem) {
  .hst-grid-2.e-con {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  .hst-hero-metrics.e-con,
  .hst-grid-cards.hst-hero-metrics.e-con {
    display: none !important;
  }

  .hst-mobile-claims.e-con {
    display: flex !important;
  }
}

@media (min-width: 64rem) {
  .hst-mobile-claims.e-con {
    display: none !important;
  }
}

/* --- Section utilities (Stats, Why Us, Tech, Products) --- */
.hst-section-white,
.hst-section-offwhite,
.hst-section-navy {
  width: 100%;
}

.hst-section-white {
  border-top: 1px solid #E8E6E2;
  border-bottom: 1px solid #E8E6E2;
}

.hst-gold-underline::after,
.hst-gold-underline-center::after {
  content: '';
  display: block;
  width: 3rem;
  height: 2px;
  background: #C9A84C;
  margin-top: 0.75rem;
}

.hst-gold-underline-center::after {
  margin-left: auto;
  margin-right: auto;
}

.hst-section-header {
  text-align: center;
}

.hst-stat-card.e-con {
  border-left: 3px solid #C9A84C;
  padding-left: 1rem !important;
}

.hst-grid-4.e-con {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 2rem;
}

.hst-grid-4 > .hst-stat-card.e-con {
  flex: 0 0 calc(50% - 1rem) !important;
  width: calc(50% - 1rem) !important;
  max-width: calc(50% - 1rem) !important;
  box-sizing: border-box;
}

@media (min-width: 64rem) {
  .hst-grid-4 > .hst-stat-card.e-con {
    flex: 0 0 calc(25% - 1.5rem) !important;
    width: calc(25% - 1.5rem) !important;
    max-width: calc(25% - 1.5rem) !important;
  }
}

.hst-grid-3.e-con,
.hst-grid-5.e-con {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

.hst-grid-3 > .hst-feature-card.e-con {
  flex: 0 0 100% !important;
  width: 100% !important;
}

@media (min-width: 48rem) {
  .hst-grid-3 > .hst-feature-card.e-con,
  .hst-grid-5 > .hst-feature-card.e-con {
    flex: 0 0 calc(50% - 0.75rem) !important;
    width: calc(50% - 0.75rem) !important;
    max-width: calc(50% - 0.75rem) !important;
  }
}

@media (min-width: 64rem) {
  .hst-grid-3 > .hst-feature-card.e-con {
    flex: 0 0 calc(33.333% - 1rem) !important;
    width: calc(33.333% - 1rem) !important;
    max-width: calc(33.333% - 1rem) !important;
  }

  .hst-grid-5 > .hst-feature-card.e-con {
    flex: 0 0 calc(20% - 1.2rem) !important;
    width: calc(20% - 1.2rem) !important;
    max-width: calc(20% - 1.2rem) !important;
  }
}

.hst-feature-icon-wrap.e-con {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hst-feature-stat {
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  padding-top: 0.75rem;
  display: block;
}

.hst-check-icon.e-con {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.hst-check-item.e-con {
  align-items: flex-start !important;
}

.hst-mobile-claims.e-con {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 0.75rem;
  width: 100% !important;
}

.hst-mobile-claim.e-con {
  flex-direction: row !important;
  width: auto !important;
}

/* --- Why Us / OEM / MOQ --- */
.hst-grid-why.e-con,
.hst-grid-moq.e-con,
.hst-grid-oem.e-con {
  gap: 4rem !important;
}

.hst-why-image-wrap.e-con {
  position: relative;
}

.hst-yield-badge.e-con {
  position: absolute !important;
  bottom: -1.25rem !important;
  left: -1.25rem !important;
  z-index: 2;
}

.hst-yield-icon-wrap.e-con {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hst-oem-step-num.e-con {
  flex-shrink: 0;
}

.hst-grid-oem-stats.e-con {
  margin-top: 1.5rem;
}

.hst-grid-oem-stats > .hst-oem-stat.e-con {
  flex: 0 0 calc(33.333% - 1rem) !important;
  width: calc(33.333% - 1rem) !important;
  text-align: center;
}

.hst-grid-moq-mini.e-con {
  margin-bottom: 2rem;
}

.hst-grid-moq-mini > .hst-moq-mini-card.e-con {
  flex: 0 0 calc(50% - 1rem) !important;
  width: calc(50% - 1rem) !important;
  box-sizing: border-box;
}

.hst-moq-tiers.e-con {
  flex-direction: column !important;
  gap: 1rem;
}

.hst-icon-layers.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpolygon points='12 2 2 7 12 12 22 7 12 2'/%3E%3Cpolyline points='2 17 12 22 22 17'/%3E%3Cpolyline points='2 12 12 17 22 12'/%3E%3C/svg%3E");
}

.hst-icon-lightbulb.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6M10 22h4'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6M10 22h4'/%3E%3C/svg%3E");
}

.hst-icon-trendingup.e-con {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18'/%3E%3Cpolyline points='17 6 23 6 23 12'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18'/%3E%3Cpolyline points='17 6 23 6 23 12'/%3E%3C/svg%3E");
}

/* --- Products --- */
.hst-products-header.e-con {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
}

.hst-grid-products.e-con {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

.hst-grid-products > .hst-product-card.e-con {
  flex: 0 0 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}

@media (min-width: 48rem) {
  .hst-grid-products > .hst-product-card.e-con {
    flex: 0 0 calc(50% - 0.75rem) !important;
    width: calc(50% - 0.75rem) !important;
  }
}

@media (min-width: 64rem) {
  .hst-grid-products > .hst-product-card.e-con {
    flex: 0 0 calc(25% - 1.5rem) !important;
    width: calc(25% - 1.5rem) !important;
  }
}

.hst-product-image-wrap.e-con {
  position: relative !important;
}

.hst-product-tag {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 2;
}

.hst-spec-tags.e-con {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

.hst-testimonial-footer.e-con {
  border-top: 1px solid #E8E6E2;
}

.hst-grid-3 > .hst-testimonial-card.e-con {
  flex: 0 0 100% !important;
  width: 100% !important;
}

@media (min-width: 48rem) {
  .hst-grid-3 > .hst-testimonial-card.e-con {
    flex: 0 0 calc(33.333% - 1.33rem) !important;
    width: calc(33.333% - 1.33rem) !important;
  }
}

.hst-cta-inner.e-con {
  margin-left: auto !important;
  margin-right: auto !important;
}

.hst-cta-buttons.e-con {
  justify-content: center !important;
}

.hst-cert-badges.e-con,
.hst-patent-list.e-con {
  flex-wrap: wrap !important;
  justify-content: center !important;
}/* End custom CSS */