/* Compiled group: start */

/* from: _start-0.css */
.start-0,[dir=ltr] .ltr\:start-0,[dir=rtl] .rtl\:start-0{
left:0!important

/* from: _start-100.css */
.start-100{
left:100%!important

/* from: _start-50.css */
.start-50{
left:50%!important
/* Override styles to approach pixel-perfect header/hero */
/* Unicons font alias + helpers (moved from inline template for cleanliness) */
@font-face {
  font-family: "unicons-line";
  /* Use the Vite alias '/fonts' which maps to assets_v2/fonts so these are resolved at build time */
  src: url("/build/assets/Unicons-pdxlFAIv.woff") format("woff"), url("/build/assets/Unicons-KGJp6jkB.ttf") format("truetype"), url("/build/assets/Unicons-TEO-IEIJ.svg#Unicons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Apply to elements and pseudo-elements used by the UI */
i[class*=unicon-],
i[class*=unicon-]::before,
[class^=unicon-],
[class*=" unicon-"],
[class*=" unicon-"]::before,
.icon-1,
.icon-narrow,
.icon,
.cstack i {
  font-family: "Unicons", "unicons-line" !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hero-header {
  background: #fff6f2 !important;
  padding: 64px 0 !important;
}

.hero-header .section-inner {
  display: flex;
  align-items: center;
  gap: 28px;
}

.hero-header h1 {
  font-size: 3.15rem !important;
  line-height: 1.04 !important;
  margin-bottom: 10px !important;
  font-weight: 700 !important;
  letter-spacing: -0.6px !important;
}

.hero-header p {
  font-size: 1rem !important;
  color: #333 !important;
  margin-top: 6px !important;
}

.header-global {
  background: #fff !important;
  padding: 14px 0 !important;
}

.uc-navbar {
  align-items: center !important;
}

.uc-navbar .uc-logo img {
  width: 220px !important;
}

.uc-navbar-nav a {
  color: #111 !important;
  font-weight: 600 !important;
}

.uc-navbar-nav a {
  color: #0b1220 !important;
  font-weight: 700 !important;
  padding: 0 12px !important;
  letter-spacing: -0.2px !important;
}

.btn-primary {
  background: #0b84ff !important;
  color: #fff !important;
  padding: 14px 26px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  box-shadow: 0 8px 22px rgba(11, 132, 255, 0.14) !important;
}

.container {
  max-width: 1150px !important;
}

.uc-navbar .uc-logo img {
  width: 240px !important;
}

.uc-navbar-nav a {
  color: #111 !important;
  font-weight: 600 !important;
  padding: 0 8px !important;
}

.btn-primary {
  background: #0b84ff !important;
  color: #fff !important;
  padding: 12px 22px !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 18px rgba(11, 132, 255, 0.12) !important;
}

.container {
  max-width: 1180px !important;
}

@media (min-width: 1024px) {
  .hero-header h1 {
    font-size: 3.8rem !important;
  }
  .hero-header .hero-media img {
    max-width: 520px !important;
  }
}
.uc-navbar-right .btn {
  padding: 12px 20px !important;
}

/* Small utility tweaks for spacing parity */
.hero-header .actions {
  display: inline-flex;
  gap: 12px;
}

.hero-header .hero-media {
  flex: 1 1 46%;
}

.hero-header .text-center {
  flex: 1 1 54%;
}

/* Section / icon tweaks to match original visuals */
.rating {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rating .cstack {
  width: 36px;
  height: 36px;
  padding: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.desc {
  color: #6b7280;
  margin-left: 8px;
}

/* Feature icon boxes (svg/img inside) */
.icon-box img, .icon-box svg {
  width: 24px;
  height: 24px;
  display: block;
}

.icon-box.w-40px {
  width: 40px !important;
  height: 40px !important;
}

.icon-box.w-48px {
  width: 48px !important;
  height: 48px !important;
}

/* Hero CTA icon spacing */
.btn .icon-narrow {
  margin-right: 8px;
  vertical-align: middle;
}

/* Pricing list small tweaks */
.pricing-box-desc .nav-y .hstack {
  align-items: center;
}

.pricing-box-desc .nav-y i.cstack {
  flex: 0 0 auto;
}

/* Stronger icon pseudo-element rules to ensure glyph renders and sizing */
i[class*=unicon-]::before,
[class^=unicon-]::before,
.icon-1::before,
.icon-narrow::before,
.cstack i::before {
  font-family: "unicons-line" !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  line-height: 1;
}

/* Hero CTA icon alignment */
.btn .icon-narrow {
  margin-right: 8px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  width: 1.25em;
  height: 1.25em;
}

/* Make rating check circles match original spacing */
.rating .cstack {
  width: 40px;
  height: 40px;
  padding: 9px;
  border-radius: 999px;
}

/* Pricing list alignment tweaks */
.pricing-box-desc .nav-y .hstack {
  gap: 10px;
}

.pricing-box-desc .nav-y i.cstack {
  min-width: 36px;
  min-height: 36px;
}