@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,:before,:after,::backdrop {
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-border-style:solid;
      --tw-ordinal:initial;
      --tw-slashed-zero:initial;
      --tw-numeric-figure:initial;
      --tw-numeric-spacing:initial;
      --tw-numeric-fraction:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-outline-style:solid;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
      --tw-backdrop-blur:initial;
      --tw-backdrop-brightness:initial;
      --tw-backdrop-contrast:initial;
      --tw-backdrop-grayscale:initial;
      --tw-backdrop-hue-rotate:initial;
      --tw-backdrop-invert:initial;
      --tw-backdrop-opacity:initial;
      --tw-backdrop-saturate:initial;
      --tw-backdrop-sepia:initial;
      --tw-ease:initial
    }
  }
}
@layer theme {
  :root,:host {
    --font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --ease-in:cubic-bezier(.4, 0, 1, 1);
    --ease-out:cubic-bezier(0, 0, .2, 1);
    --ease-in-out:cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono);
    --color-astar-text:#222;
    --font-body:"Book Antiqua", "Palatino Linotype", "Palatino", serif
  }
}
@layer base {
  *,:after,:before,::backdrop {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }
  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }
  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit
  }
  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }
  b,strong {
    font-weight:bolder
  }
  code,kbd,samp,pre {
    font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em
  }
  small {
    font-size:80%
  }
  sub,sup {
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
  }
  sub {
    bottom:-.25em
  }
  sup {
    top:-.5em
  }
  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }
  :-moz-focusring {
    outline:auto
  }
  progress {
    vertical-align:baseline
  }
  summary {
    display:list-item
  }
  ol,ul,menu {
    list-style:none
  }
  img,svg,video,canvas,audio,iframe,embed,object {
    vertical-align:middle;
    display:block
  }
  img,video {
    max-width:100%;
    height:auto
  }
  button,input,select,optgroup,textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  :where(select:is([multiple],[size])) optgroup {
    font-weight:bolder
  }
  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px
  }
  ::file-selector-button {
    margin-inline-end:4px
  }
  ::placeholder {
    opacity:1
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:currentColor
    }
    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color:color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }
  textarea {
    resize:vertical
  }
  ::-webkit-search-decoration {
    -webkit-appearance:none
  }
  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }
  ::-webkit-datetime-edit {
    display:inline-flex
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }
  ::-webkit-datetime-edit {
    padding-block:0
  }
  ::-webkit-datetime-edit-year-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-month-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-day-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-second-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0
  }
  ::-webkit-calendar-picker-indicator {
    line-height:1
  }
  :-moz-ui-invalid {
    box-shadow:none
  }
  button,input:where([type=button],[type=reset],[type=submit]) {
    appearance:button
  }
  ::file-selector-button {
    appearance:button
  }
  ::-webkit-inner-spin-button {
    height:auto
  }
  ::-webkit-outer-spin-button {
    height:auto
  }
  [hidden]:where(:not([hidden=until-found])) {
    display:none!important
  }
}
@layer components;
@layer utilities {
  .\@container {
    container-type:inline-size
  }
  .collapse {
    visibility:collapse
  }
  .visible {
    visibility:visible
  }
  .absolute {
    position:absolute
  }
  .fixed {
    position:fixed
  }
  .relative {
    position:relative
  }
  .static {
    position:static
  }
  .sticky {
    position:sticky
  }
  .isolate {
    isolation:isolate
  }
  .col-3 {
    grid-column:3
  }
  .container {
    width:100%
  }
  @media (min-width:40rem) {
    .container {
      max-width:40rem
    }
  }
  @media (min-width:48rem) {
    .container {
      max-width:48rem
    }
  }
  @media (min-width:64rem) {
    .container {
      max-width:64rem
    }
  }
  @media (min-width:80rem) {
    .container {
      max-width:80rem
    }
  }
  @media (min-width:96rem) {
    .container {
      max-width:96rem
    }
  }
  .container\! {
    width:100%!important
  }
  @media (min-width:40rem) {
    .container\! {
      max-width:40rem!important
    }
  }
  @media (min-width:48rem) {
    .container\! {
      max-width:48rem!important
    }
  }
  @media (min-width:64rem) {
    .container\! {
      max-width:64rem!important
    }
  }
  @media (min-width:80rem) {
    .container\! {
      max-width:80rem!important
    }
  }
  @media (min-width:96rem) {
    .container\! {
      max-width:96rem!important
    }
  }
  .block {
    display:block
  }
  .contents {
    display:contents
  }
  .flex {
    display:flex
  }
  .grid {
    display:grid
  }
  .hidden {
    display:none
  }
  .hidden\! {
    display:none!important
  }
  .inline {
    display:inline
  }
  .inline-block {
    display:inline-block
  }
  .inline-flex {
    display:inline-flex
  }
  .list-item {
    display:list-item
  }
  .table {
    display:table
  }
  .table-row {
    display:table-row
  }
  .flex-shrink,.shrink {
    flex-shrink:1
  }
  .flex-grow,.grow {
    flex-grow:1
  }
  .border-collapse {
    border-collapse:collapse
  }
  .transform {
    transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
  }
  .resize {
    resize:both
  }
  .resize\! {
    resize:both!important
  }
  .flex-wrap {
    flex-wrap:wrap
  }
  .truncate {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
  }
  .scroll-smooth {
    scroll-behavior:smooth
  }
  .border {
    border-style:var(--tw-border-style);
    border-width:1px
  }
  .font-body,.font-display {
    font-family:Book Antiqua,Palatino Linotype,Palatino,serif
  }
  .text-wrap {
    text-wrap:wrap
  }
  .text-astar-text {
    color:var(--color-astar-text)
  }
  .capitalize {
    text-transform:capitalize
  }
  .lowercase {
    text-transform:lowercase
  }
  .uppercase {
    text-transform:uppercase
  }
  .italic {
    font-style:italic
  }
  .ordinal {
    --tw-ordinal:ordinal;
    font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)
  }
  .line-through {
    text-decoration-line:line-through
  }
  .overline {
    text-decoration-line:overline
  }
  .underline {
    text-decoration-line:underline
  }
  .antialiased {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
  }
  .shadow {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .ring {
    --tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }
  .outline {
    outline-style:var(--tw-outline-style);
    outline-width:1px
  }
  .blur {
    --tw-blur:blur(8px);
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
  .drop-shadow {
    --tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));
    --tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
  .invert {
    --tw-invert:invert(100%);
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
  .filter {
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
  }
  .filter\! {
    filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important
  }
  .backdrop-filter {
    -webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
  }
  .transition {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .transition\! {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;
    transition-duration:var(--tw-duration,var(--default-transition-duration))!important
  }
  .ease-in {
    --tw-ease:var(--ease-in);
    transition-timing-function:var(--ease-in)
  }
  .ease-in-out {
    --tw-ease:var(--ease-in-out);
    transition-timing-function:var(--ease-in-out)
  }
  .ease-out {
    --tw-ease:var(--ease-out);
    transition-timing-function:var(--ease-out)
  }
}
body {
  background:#f3f900;
  color:var(--text-primary);
  transition:background .25s,color .25s
}
.material-symbols-outlined {
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
  word-wrap:normal;
  -webkit-font-smoothing:antialiased;
  font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  direction:ltr;
  font-family:Material Symbols Outlined;
  font-size:24px;
  font-style:normal;
  font-weight:400;
  line-height:1;
  display:inline-block
}
:root {
  --green:#00a651;
  --green-dark:#007a3d;
  --green-light:#e8f8ee;
  --dark:#1a1a1a;
  --muted:#666;
  --ghost:#dde2e8;
  --gray-50:#f9fafb;
  --gray-100:#f3f4f6;
  --gray-200:#e5e7eb;
  --gray-300:#d1d5db;
  --gray-400:#9ca3af;
  --gray-500:#6b7280;
  --gray-600:#4b5563;
  --gray-700:#374151;
  --font-d:"Book Antiqua", "Palatino Linotype", "Palatino", serif;
  --font-b:"Book Antiqua", "Palatino Linotype", "Palatino", serif;
  --bg-primary:#fff;
  --bg-secondary:#f9fafb;
  --bg-card:#fff;
  --text-primary:#1a1a1a;
  --text-muted:#6b7280;
  --border-color:#e5e7eb;
  --border-light:#f3f4f6
}
[data-anim] {
  opacity:0;
  transition:opacity .62s,transform .62s;
  transform:translateY(32px)
}
[data-anim=left] {
  transform:translate(-32px)
}
[data-anim=right] {
  transform:translate(32px)
}
[data-anim].visible {
  opacity:1!important;
  transform:none!important
}
*,:before,:after {
  box-sizing:border-box;
  margin:0;
  padding:0
}
body {
  color:#222;
  -webkit-font-smoothing:antialiased;
  background:#6cb94f;
  font-family:Book Antiqua,Palatino Linotype,Palatino,serif
}
@keyframes fadeUp {
  0% {
    opacity:0;
    transform:translateY(24px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
@keyframes fadeIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes marqueeScroll {
  0% {
    transform:translate(0)
  }
  to {
    transform:translate(-50%)
  }
}
@keyframes countUp {
  0% {
    opacity:0;
    transform:translateY(10px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
.animate-fade-up {
  animation:.6s both fadeUp
}
.animate-fade-in {
  animation:.4s both fadeIn
}
.animate-marquee {
  animation:25s linear infinite marqueeScroll
}
.section-light {
  background:#6cb94f
}
.section-grey {
  background:#f5f5f5
}
.section-dark {
  color:#fff;
  background:#1a1a1a
}
.section-green {
  color:#fff;
  background:#00a651
}
.soft-shadow {
  box-shadow:0 8px 30px #00000014
}
.soft-shadow-lg {
  box-shadow:0 12px 40px #0000001f
}
.rounded-20px {
  border-radius:20px
}
.rounded-10px {
  border-radius:10px
}
.id-color {
  color:#00a651!important
}
.bg-color {
  background-color:#00a651!important
}
.bg-gradient-green {
  background:linear-gradient(135deg,#00a651 0%,#007a3d 100%)
}
.btn-main {
  color:#fff;
  font-size:13px;
  font-weight:700;
  font-family:var(--font-b,"Work Sans", sans-serif);
  letter-spacing:.05em;
  text-transform:uppercase;
  cursor:pointer;
  background:#6cb94f;
  border:none;
  border-radius:100px;
  padding:12px 32px;
  text-decoration:none;
  transition:box-shadow .2s,transform .2s;
  display:inline-block
}
.btn-main:hover {
  transform:translateY(-1px);
  box-shadow:0 6px 22px #f3f900
}
.btn-line {
  color:#00a651;
  font-size:13px;
  font-weight:700;
  font-family:var(--font-b,"Work Sans", sans-serif);
  letter-spacing:.05em;
  text-transform:uppercase;
  border:1.5px solid #00a651;
  border-radius:100px;
  padding:11px 30px;
  text-decoration:none;
  transition:all .2s;
  display:inline-block
}
.btn-line:hover {
  color:#fff;
  background:#00a651;
  transform:translateY(-1px);
  box-shadow:0 6px 22px #00a65159
}
.marquee-track {
  width:max-content;
  animation:30s linear infinite marqueeScroll;
  display:flex
}
.marquee-track:hover {
  animation-play-state:paused
}
.slider-dots {
  justify-content:center;
  gap:8px;
  margin-top:16px;
  display:flex
}
.slider-dot {
  cursor:pointer;
  background:#fff6;
  border-radius:50%;
  width:8px;
  height:8px;
  transition:background .2s
}
.slider-dot.active {
  background:#fff
}
.accordion-item {
  border-bottom:1px solid var(--border-color)
}
.accordion-trigger {
  text-align:left;
  cursor:pointer;
  width:100%;
  color:var(--dark);
  background:0 0;
  border:none;
  justify-content:space-between;
  align-items:center;
  padding:16px 0;
  font-size:15px;
  font-weight:600;
  display:flex
}
.accordion-trigger:hover {
  color:var(--green)
}
.accordion-content {
  color:var(--muted);
  padding:0 0 16px;
  font-size:14px;
  line-height:1.7
}
.accordion-content ul {
  padding-left:20px
}
.accordion-content li {
  margin-bottom:6px
}
.ol-style-1 {
  counter-reset:item;
  padding:0;
  list-style:none
}
.ol-style-1 li {
  counter-increment:item;
  color:#444;
  border-bottom:1px solid #eee;
  padding:12px 0 12px 48px;
  font-size:14px;
  line-height:1.6;
  position:relative
}
.ol-style-1 li:before {
  content:counter(item, decimal-leading-zero);
  font-family:var(--font-rajdhani), sans-serif;
  color:#00a651;
  font-size:24px;
  font-weight:700;
  line-height:1;
  position:absolute;
  top:12px;
  left:0
}
.timeline {
  padding:0;
  position:relative
}
.timeline:before {
  content:"";
  background:#e5e7eb;
  width:2px;
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  transform:translate(-50%)
}
@media (max-width:768px) {
  .timeline:before {
    left:20px
  }
}
.float-btn {
  z-index:9999;
  border-radius:50%;
  justify-content:center;
  align-items:center;
  width:52px;
  height:52px;
  text-decoration:none;
  transition:transform .2s,box-shadow .2s;
  display:flex;
  position:fixed;
  right:20px;
  box-shadow:0 4px 16px #00000040
}
.float-btn:hover {
  transform:scale(1.1);
  box-shadow:0 6px 24px #00000059
}
.float-whatsapp {
  background:#25d366;
  bottom:85px
}
.float-call {
  background:#00a651;
  bottom:22px
}
.card-hover {
  transition:transform .25s,box-shadow .25s
}
.card-hover:hover {
  transform:translateY(-4px);
  box-shadow:0 16px 40px #0000001f
}
.nav-transparent {
  background:0 0
}
.nav-solid {
  background:#fff;
  box-shadow:0 2px 16px #0000001a
}
.form-control {
  border:1.5px solid var(--border-color);
  background:var(--bg-card);
  width:100%;
  color:var(--text-primary);
  border-radius:10px;
  padding:12px 16px;
  font-family:inherit;
  font-size:14px;
  transition:border-color .2s,box-shadow .2s
}
.form-control:focus {
  border-color:var(--green);
  outline:none;
  box-shadow:0 0 0 3px #00a6511f
}
.savings-card {
  background:var(--bg-card);
  border-radius:20px;
  padding:32px;
  box-shadow:0 8px 32px #00000014
}
.savings-amount {
  font-size:40px;
  font-weight:800;
  font-family:var(--font-rajdhani), sans-serif;
  color:#00a651;
  text-align:center;
  margin:12px 0 24px
}
input[type=range] {
  -webkit-appearance:none;
  cursor:pointer;
  background:#e5e7eb;
  border-radius:10px;
  width:100%;
  height:6px
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;
  cursor:pointer;
  background:#fff;
  border:4px solid #00a651;
  border-radius:50%;
  width:20px;
  height:20px
}
.img-fluid {
  max-width:100%;
  height:auto
}
.img-cover {
  object-fit:cover;
  width:100%;
  height:100%
}
@media (max-width:768px) {
  .hide-mobile {
    display:none!important
  }
}
@media (min-width:769px) {
  .hide-desktop {
    display:none!important
  }
}
.pg-wrap {
  max-width:1280px;
  margin:0 auto
}
.pg-hero {
  /*background:linear-gradient(135deg, #6cb94f 0%, var(--green-light) 50%, #6cb94f 100%);*/
  /*border-bottom:1px solid #00a65126;*/
  background:#FEFEE3;
 border-bottom:1px solid #FEFEE3;
  padding:72px 40px;
  position:relative;
  overflow:hidden
}
.pg-hero:before {
  content:"";
  pointer-events:none;
  background:#00a65114;
  border-radius:50%;
  width:500px;
  height:500px;
  position:absolute;
  top:-80px;
  right:-80px
}
.pg-hero:after {
  content:"";
  pointer-events:none;
  background:#00a6510a;
  border-radius:50%;
  width:200px;
  height:200px;
  position:absolute;
  bottom:-60px;
  right:120px
}
.pg-sec {
  background:var(--bg-primary);
  border-top:1px solid var(--gray-200);
  padding:96px 40px
}
.pg-sec-grey {
  background:var(--bg-secondary);
  border-top:1px solid var(--gray-200);
  padding:96px 40px
}
.pg-sec-grey-sm {
  background:var(--bg-secondary);
  border-top:1px solid var(--gray-200);
  padding:72px 40px
}
.pg-sec-sm {
  background:var(--bg-primary);
  border-top:1px solid var(--gray-200);
  padding:72px 40px
}
.pg-eyebrow {
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  display:flex
}
.pg-ey-line {
  background:var(--green);
  width:24px;
  height:1px;
  display:inline-block
}
.pg-ey-text {
  color:var(--green);
  font-family:var(--font-b);
  letter-spacing:.2em;
  text-transform:uppercase;
  font-size:10px;
  font-weight:700
}
.pg-h1 {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:20px;
  font-size:clamp(2rem,3.5vw,3rem);
  font-weight:700;
  line-height:1.05
}
.pg-h2 {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:48px;
  font-size:clamp(1.75rem,3.5vw,2.5rem);
  font-weight:700;
  line-height:1.1
}
.pg-h2-sm {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:32px;
  font-size:clamp(1.5rem,3vw,2rem);
  font-weight:700;
  line-height:1.1
}
.pg-green {
  color:var(--green)
}
.pg-hero-sub {
  color:var(--muted);
  font-family:var(--font-b);
  max-width:600px;
  margin-bottom:32px;
  font-size:1.1rem;
  line-height:1.7
}
.pg-grid-2 {
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  display:grid
}
.pg-grid-3 {
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  display:grid
}
.pg-grid-6 {
  grid-template-columns:repeat(6,1fr);
  gap:12px;
  display:grid
}
.pg-card {
  background:var(--bg-card);
  border:1px solid var(--gray-100);
  border-radius:20px;
  padding:32px;
  transition:border-color .25s,box-shadow .25s,transform .25s
}
.pg-card:hover {
  border-color:#00a65140;
  transform:translateY(-3px);
  box-shadow:0 16px 48px #0000001a
}
.pg-card-grey {
  background:var(--bg-secondary);
  border:1px solid var(--gray-100);
  border-radius:20px;
  padding:28px;
  transition:box-shadow .25s,transform .25s
}
.pg-card-grey:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 32px #00000014
}
.pg-type-tag {
  font-family:var(--font-b);
  color:var(--green);
  letter-spacing:.25em;
  text-transform:uppercase;
  background:var(--green-light);
  border:1px solid #00a65140;
  border-radius:100px;
  padding:4px 10px;
  font-size:10px;
  display:inline-block
}
.pg-card-h3 {
  font-family:var(--font-d);
  color:var(--dark);
  margin-top:16px;
  margin-bottom:10px;
  font-size:1.4rem;
  font-weight:700
}
.pg-card-p {
  color:var(--gray-600);
  font-family:var(--font-b);
  margin-bottom:24px;
  font-size:14px;
  line-height:1.7
}
.pg-feat-list {
  border-top:1px solid var(--gray-100);
  flex-direction:column;
  gap:10px;
  margin:0;
  padding-top:20px;
  padding-left:0;
  list-style:none;
  display:flex
}
.pg-feat-item {
  font-family:var(--font-b);
  color:var(--gray-600);
  align-items:center;
  gap:12px;
  font-size:14px;
  display:flex
}
.pg-feat-dot {
  background:var(--green);
  border-radius:50%;
  flex-shrink:0;
  width:6px;
  height:6px
}
.pg-ghost {
  font-family:var(--font-d);
  color:#0000000f;
  -webkit-user-select:none;
  user-select:none;
  margin-bottom:12px;
  font-size:4.5rem;
  font-weight:700;
  line-height:1
}
.pg-feat-h {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:8px;
  font-size:1.15rem;
  font-weight:700
}
.pg-feat-p {
  color:var(--gray-600);
  font-family:var(--font-b);
  font-size:14px;
  line-height:1.7
}
.pg-reason-card {
  background:var(--gray-50);
  border:1px solid var(--gray-100);
  border-left:3px solid #0000;
  border-radius:20px;
  gap:20px;
  padding:32px;
  transition:border-color .25s,box-shadow .25s,transform .25s;
  display:flex
}
.pg-reason-card:hover {
  border-left-color:var(--green);
  transform:translate(2px);
  box-shadow:6px 0 36px #00a6511a
}
.pg-reason-num {
  font-family:var(--font-d);
  color:#00000014;
  -webkit-user-select:none;
  user-select:none;
  flex-shrink:0;
  font-size:3rem;
  font-weight:700;
  line-height:1
}
.pg-reason-h {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:8px;
  font-size:1.15rem;
  font-weight:700
}
.pg-reason-p {
  font-family:var(--font-b);
  color:var(--gray-600);
  font-size:14px;
  line-height:1.7
}
.pg-stat-row {
  flex-wrap:wrap;
  gap:16px;
  display:flex
}
.pg-stat-grid {
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  max-width:480px;
  display:grid
}
.pg-stat-pill {
  background:var(--bg-card);
  border:1px solid var(--gray-200);
  border-radius:14px;
  padding:14px 22px;
  transition:border-color .2s,box-shadow .2s
}
.pg-stat-pill:hover {
  border-color:#00a6514d;
  box-shadow:0 4px 16px #00a65114
}
.pg-stat-val {
  font-family:var(--font-d);
  color:var(--green);
  font-size:1.35rem;
  font-weight:700
}
.pg-stat-lbl {
  font-family:var(--font-b);
  color:var(--muted);
  margin-top:4px;
  font-size:11px
}
.pg-app-dot {
  background:var(--green);
  border-radius:50%;
  width:6px;
  height:6px;
  margin-bottom:14px
}
.pg-app-h3 {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:6px;
  font-size:1.1rem;
  font-weight:700
}
.pg-app-sub {
  font-family:var(--font-b);
  color:var(--gray-600);
  font-size:13px
}
.pg-app-text {
  font-family:var(--font-b);
  color:var(--gray-600);
  font-size:14px;
  font-weight:500
}
.pg-svc-tags {
  flex-wrap:wrap;
  gap:12px;
  display:flex
}
.pg-svc-tag {
  border:1px solid var(--gray-200);
  color:var(--gray-600);
  font-family:var(--font-b);
  background:var(--bg-card);
  border-radius:100px;
  padding:9px 18px;
  font-size:13px;
  font-weight:500;
  transition:border-color .2s,color .2s,background .2s
}
.pg-svc-tag:hover {
  border-color:var(--green);
  color:var(--green);
  background:var(--green-light)
}
.pg-cta-row {
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:32px;
  display:flex
}
.pg-cta-h2 {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:6px;
  font-size:clamp(1.5rem,2.5vw,2rem);
  font-weight:700
}
.pg-cta-sub {
  font-family:var(--font-b);
  color:var(--muted);
  font-size:14px
}
.pg-cta-btns {
  flex-wrap:wrap;
  flex-shrink:0;
  gap:16px;
  display:flex
}
.pg-btn-g {
  background:var(--green);
  color:#fff;
  font-family:var(--font-b);
  letter-spacing:.04em;
  text-transform:uppercase;
  border-radius:100px;
  padding:13px 32px;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  transition:box-shadow .2s,transform .2s
}
.pg-btn-g:hover {
  transform:translateY(-1px);
  box-shadow:0 6px 24px #00a65173
}
.pg-btn-o {
  border:1.5px solid var(--gray-300);
  color:var(--dark);
  font-family:var(--font-b);
  letter-spacing:.04em;
  text-transform:uppercase;
  border-radius:100px;
  padding:12px 30px;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  transition:border-color .2s,color .2s,transform .2s
}
.pg-btn-o:hover {
  border-color:var(--green);
  color:var(--green);
  transform:translateY(-1px)
}
@media (max-width:900px) {
  .pg-hero,.pg-sec,.pg-sec-grey,.pg-sec-sm,.pg-sec-grey-sm {
    padding-left:20px;
    padding-right:20px
  }
  .pg-grid-2 {
    gap:16px
  }
  .pg-grid-3 {
    grid-template-columns:1fr 1fr;
    gap:16px
  }
  .pg-grid-6 {
    grid-template-columns:repeat(3,1fr)
  }
  .pg-stat-grid {
    grid-template-columns:1fr 1fr
  }
  .pg-cta-row {
    flex-direction:column;
    align-items:flex-start
  }
  .pg-reason-card {
    flex-direction:column;
    gap:8px
  }
  .pg-h1 {
    font-size:clamp(1.7rem,6vw,2.5rem)
  }
}
@media (max-width:640px) {
  .pg-grid-2,.pg-grid-3 {
    grid-template-columns:1fr
  }
  .pg-grid-6 {
    grid-template-columns:1fr 1fr
  }
  .pg-hero {
    padding:48px 20px 56px
  }
  .pg-sec,.pg-sec-grey,.pg-sec-grey-sm,.pg-sec-sm {
    padding-top:56px;
    padding-bottom:56px
  }
  .pg-h2 {
    margin-bottom:32px;
    font-size:clamp(1.5rem,7vw,2rem)
  }
  .pg-cta-row {
    gap:20px
  }
  .pg-cta-btns {
    gap:12px
  }
  .pg-btn-g,.pg-btn-o {
    padding:11px 24px;
    font-size:12px
  }
}
@property --tw-rotate-x {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-y {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-z {
  syntax:"*";
  inherits:false
}
@property --tw-skew-x {
  syntax:"*";
  inherits:false
}
@property --tw-skew-y {
  syntax:"*";
  inherits:false
}
@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-ordinal {
  syntax:"*";
  inherits:false
}
@property --tw-slashed-zero {
  syntax:"*";
  inherits:false
}
@property --tw-numeric-figure {
  syntax:"*";
  inherits:false
}
@property --tw-numeric-spacing {
  syntax:"*";
  inherits:false
}
@property --tw-numeric-fraction {
  syntax:"*";
  inherits:false
}
@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-ring-inset {
  syntax:"*";
  inherits:false
}
@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value:0
}
@property --tw-ring-offset-color {
  syntax:"*";
  inherits:false;
  initial-value:#fff
}
@property --tw-ring-offset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-outline-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-blur {
  syntax:"*";
  inherits:false
}
@property --tw-brightness {
  syntax:"*";
  inherits:false
}
@property --tw-contrast {
  syntax:"*";
  inherits:false
}
@property --tw-grayscale {
  syntax:"*";
  inherits:false
}
@property --tw-hue-rotate {
  syntax:"*";
  inherits:false
}
@property --tw-invert {
  syntax:"*";
  inherits:false
}
@property --tw-opacity {
  syntax:"*";
  inherits:false
}
@property --tw-saturate {
  syntax:"*";
  inherits:false
}
@property --tw-sepia {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-drop-shadow-size {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-blur {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-brightness {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-contrast {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-grayscale {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-hue-rotate {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-invert {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-opacity {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-saturate {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-sepia {
  syntax:"*";
  inherits:false
}
@property --tw-ease {
  syntax:"*";
  inherits:false
}

.nb-nav {
  z-index:50;
  transition:transform .35s cubic-bezier(.4,0,.2,1),background .25s,box-shadow .25s;
  position:fixed;
  top:0;
  left:0;
  right:0
}
.nb-nav-hidden {
  transform:translateY(-100%)
}
.nb-nav-solid {
  -webkit-backdrop-filter:blur(12px);
  background:#111111f7!important;
  box-shadow:0 1px #ffffff0d,0 4px 24px #0006!important
}
.nb-inner {
  max-width:1280px;
  margin:0 auto;
  padding:0 40px
}
.nb-bar {
  justify-content:space-between;
  align-items:center;
  height:96px;
  display:flex
}
.nb-logo {
  flex-shrink:0;
  text-decoration:none;
  display:flex
}
.nb-links {
  align-items:center;
  gap:28px;
  margin:0;
  padding:0;
  list-style:none;
  display:flex
}
.nb-link {
  font-family:var(--font-b,"Work Sans", sans-serif);
  padding-bottom:2px;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  transition:color .2s;
  position:relative
}
.nb-link:after {
  content:"";
  background:var(--green,#00a651);
  transform-origin:0;
  border-radius:2px;
  height:2px;
  transition:transform .2s;
  position:absolute;
  bottom:-2px;
  left:0;
  right:0;
  transform:scaleX(0)
}
.nb-link:hover:after,.nb-link-act:after {
  transform:scaleX(1)
}
.nb-link-w {
  color:#fff
}
.nb-link-w:hover {
  color:,#f3f900;
}
.nb-link-d {
  color:#fff
}
.nb-link-d:hover,.nb-link-act {
  color:#f3f900;
}
.nb-dd-wrap {
  position:relative
}
.nb-dd-btn {
  font-family:var(--font-b,"Work Sans", sans-serif);
  cursor:pointer;
  background:6cb94f;
  border:none;
  align-items:center;
  gap:4px;
  padding:0;
  font-size:14px;
  font-weight:500;
  transition:color .2s;
  display:flex
}
.nb-btn-w {
  color:#fff
}
.nb-btn-w:hover {
  color:#f3f900;
}
.nb-btn-d {
  color:#fff
}
.nb-btn-d:hover {
  color:#f3f900;
}
.nb-dd-btn-act {
  color:#f3f900 !important
}
.nb-dd-arrow {
  flex-shrink:0;
  width:12px;
  height:12px;
  transition:transform .2s
}
.nb-dd-wrap:hover .nb-dd-arrow {
  transform:rotate(180deg)
}
.nb-dropdown {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  padding-top:12px;
  transition:opacity .2s,visibility .2s;
  position:absolute;
  top:100%;
  left:50%;
  transform:translate(-50%)
}
.nb-dd-wrap:hover .nb-dropdown {
  opacity:1;
  visibility:visible;
  pointer-events:auto
}
.nb-dd-box {
  background:#fff;
  border:1px solid #f0f1f3;
  border-radius:16px;
  min-width:180px;
  padding:8px 0;
  box-shadow:0 12px 40px #00000021,0 2px 8px #0000000f
}
.nb-dd-item {
  font-family:var(--font-b,"Work Sans", sans-serif);
  color:#374151;
  white-space:nowrap;
  padding:10px 20px;
  font-size:13px;
  font-weight:500;
  text-decoration:none;
  transition:color .2s,background .2s,padding-left .2s;
  display:block
}
.nb-dd-item:hover {
  color:var(--green,#00a651);
  background:#f0fdf4;
  padding-left:24px
}
.nb-mega-box {
  background:#fff;
  border:1px solid #f0f1f3;
  border-radius:20px;
  width:500px;
  padding:28px;
  box-shadow:0 20px 60px #00000024,0 4px 16px #0000000f
}
.nb-mega-box-sm {
  background:#fff;
  border:1px solid #f0f1f3;
  border-radius:20px;
  width:400px;
  padding:24px;
  box-shadow:0 20px 60px #00000024,0 4px 16px #0000000f
}
.nb-mega-cols {
  grid-template-columns:1fr 1fr;
  gap:28px;
  display:grid
}
.nb-mega-head {
  font-family:var(--font-b,"Work Sans", sans-serif);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#9ca3af;
  margin:0 0 14px;
  font-size:9px;
  font-weight:700
}
.nb-mega-list {
  flex-direction:column;
  gap:4px;
  margin:0;
  padding:0;
  list-style:none;
  display:flex
}
.nb-mega-link {
  font-family:var(--font-b,"Work Sans", sans-serif);
  color:#374151;
  border-radius:6px;
  padding:5px 8px;
  font-size:13px;
  font-weight:500;
  text-decoration:none;
  transition:color .2s,background .2s;
  display:block
}
.nb-mega-link:hover {
  color:#f3f900;
  background:#6cb94f;
}
.nb-right {
  align-items:center;
  gap:12px;
  display:flex
}
.nb-theme-btn {
  cursor:pointer;
  color:#fff;
  background:#ffffff14;
  border:1px solid #ffffff1f;
  border-radius:8px;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:36px;
  height:36px;
  transition:background .2s,border-color .2s;
  display:flex
}
.nb-theme-btn:hover {
  background:#00a6512e;
  border-color:#00a65166
}
.nb-ham {
  cursor:pointer;
  background:0 0;
  border:none;
  padding:8px;
  line-height:0;
  display:none
}
.nb-mobile {
  background:#111;
  border-top:1px solid #ffffff14
}
.nb-mob-list {
  margin:0;
  padding:0 20px 20px;
  list-style:none
}
.nb-mob-item {
  border-bottom:1px solid #ffffff0f
}
.nb-mob-link {
  font-family:var(--font-b,"Work Sans", sans-serif);
  color:#fffc;
  padding:12px 0;
  font-size:14px;
  text-decoration:none;
  transition:color .2s;
  display:block
}
.nb-mob-link:hover {
  color:var(--green,#00a651)
}
.nb-mob-toggle {
  width:100%;
  font-family:var(--font-b,"Work Sans", sans-serif);
  color:#fffc;
  cursor:pointer;
  background:0 0;
  border:none;
  justify-content:space-between;
  align-items:center;
  padding:12px 0;
  font-size:14px;
  transition:color .2s;
  display:flex
}
.nb-mob-toggle:hover {
  color:var(--green,#00a651)
}
.nb-mob-arrow {
  flex-shrink:0;
  width:16px;
  height:16px;
  transition:transform .2s
}
.nb-mob-arrow-open {
  transform:rotate(180deg)
}
.nb-mob-sub {
  border-left:2px solid var(--green,#00a651);
  flex-direction:column;
  gap:8px;
  margin-left:8px;
  padding:8px 0 12px 16px;
  display:flex
}
.nb-mob-sub-link {
  font-family:var(--font-b,"Work Sans", sans-serif);
  color:#ffffff80;
  padding:3px 0;
  font-size:13px;
  text-decoration:none;
  transition:color .2s;
  display:block
}
.nb-mob-sub-link:hover {
  color:var(--green,#00a651)
}
.nb-mob-parts {
  grid-template-columns:1fr 1fr;
  gap:2px 8px;
  display:grid
}
.nb-mob-cta {
  padding-top:16px
}
@media (max-width:1024px) {
  .nb-links {
    display:none
  }
  .nb-ham {
    display:flex
  }
  .nb-inner {
    padding:0 20px
  }
  .nb-cta-desk {
    display:none
  }
}

.anim-up {
  opacity:0;
  transition:opacity .65s,transform .65s;
  transform:translateY(36px)
}
.anim-left {
  opacity:0;
  transition:opacity .65s,transform .65s;
  transform:translate(-36px)
}
.anim-right {
  opacity:0;
  transition:opacity .65s,transform .65s;
  transform:translate(36px)
}
.anim-in {
  opacity:1!important;
  transform:none!important
}
.stagger>:first-child {
  transition-delay:0s
}
.stagger>:nth-child(2) {
  transition-delay:80ms
}
.stagger>:nth-child(3) {
  transition-delay:.16s
}
.stagger>:nth-child(4) {
  transition-delay:.24s
}
.stagger>:nth-child(5) {
  transition-delay:.32s
}
.stagger>:nth-child(6) {
  transition-delay:.4s
}
.stagger>:nth-child(7) {
  transition-delay:.48s
}
.stagger>:nth-child(8) {
  transition-delay:.56s
}
.hero-tag-el {
  opacity:0;
  transition:opacity .5s .1s,transform .5s .1s;
  transform:translateY(20px)
}
.hero-h1-el {
  opacity:0;
  transition:opacity .55s .25s,transform .55s .25s;
  transform:translateY(24px)
}
.hero-sub-el {
  opacity:0;
  transition:opacity .5s .4s,transform .5s .4s;
  transform:translateY(20px)
}
.hero-btn-el {
  opacity:0;
  transition:opacity .5s .55s,transform .5s .55s;
  transform:translateY(16px)
}
.hero-vis .hero-tag-el,.hero-vis .hero-h1-el,.hero-vis .hero-sub-el,.hero-vis .hero-btn-el {
  opacity:1;
  transform:none
}
.hp-wrap {
  max-width:1280px;
  margin:0 auto;
  padding:0 40px
}
.hp-wrap-md {
  max-width:960px;
  margin:0 auto;
  padding:0 40px
}
.hp-wrap-sm {
  text-align:center;
  max-width:720px;
  margin:0 auto;
  padding:0 20px
}
.hp-sec {
  background:var(--bg-primary);
  padding:96px 0
}
.hp-sec-top {
  background:var(--bg-primary);
  border-top:1px solid var(--border-color);
  padding:96px 0
}
.hp-sec-grey {
  background:var(--bg-secondary);
  padding:96px 0
}
.hp-sec-grey-top {
  background:var(--bg-secondary);
  border-top:1px solid var(--border-color);
  padding:96px 0
}
.hp-sec-sm {
  background:var(--bg-primary);
  border-top:1px solid var(--border-color);
  padding:64px 0
}
.hp-sec-dark {
  background:var(--dark);
  padding:96px 0;
  position:relative;
  overflow:hidden
}
.hp-hero {
  background:#111;
  align-items:center;
  min-height:100vh;
  display:flex;
  position:relative;
  overflow:hidden
}
.hp-hero-bg {
  background-position:50%;
  background-size:cover;
  transition:opacity .8s;
  position:absolute;
  inset:0
}
.hp-hero-overlay {
  pointer-events:none;
  z-index:1;
  background:#00000061;
  position:absolute;
  inset:0
}
.hp-hero-glow {
  pointer-events:none;
  z-index:1;
  background:radial-gradient(circle,#00a65121 0%,#0000 65%);
  width:520px;
  height:520px;
  position:absolute;
  bottom:-80px;
  left:-60px
}
.hp-hero-content {
  z-index:10;
  width:100%;
  padding:80px 0 96px;
  position:relative
}
.hp-hero-tag {
  color:var(--green);
  font-family:var(--font-b);
  text-transform:uppercase;
  letter-spacing:.2em;
  background:#00a6511a;
  border:1px solid #00a65180;
  border-radius:100px;
  align-items:center;
  gap:8px;
  margin-bottom:24px;
  padding:6px 16px;
  font-size:10px;
  font-weight:700;
  display:inline-flex
}
.hp-hero-tag-dot {
  background:var(--green);
  border-radius:50%;
  flex-shrink:0;
  width:6px;
  height:6px;
  animation:2s infinite hp-pulse
}
@keyframes hp-pulse {
  0%,to {
    opacity:1;
    transform:scale(1)
  }
  50% {
    opacity:.5;
    transform:scale(.9)
  }
}
.hp-hero-h1 {
  font-family:var(--font-d);
  color:#fff;
  text-shadow:0 2px 8px #0009;
  margin-bottom:24px;
  font-size:clamp(2.4rem,4.5vw,4rem);
  font-weight:700;
  line-height:1.05
}
.hp-hero-sub {
  color:#ffffffc7;
  font-family:var(--font-b);
  max-width:400px;
  margin-bottom:32px;
  font-size:16px;
  line-height:1.7
}
.hp-hero-btns {
  flex-wrap:wrap;
  gap:12px;
  display:flex
}
.hp-hero-outline {
  color:#fff;
  font-family:var(--font-b);
  letter-spacing:.05em;
  text-transform:uppercase;
  border:1.5px solid #ffffff73;
  border-radius:100px;
  padding:12px 32px;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  transition:background .2s,border-color .2s,transform .2s;
  display:inline-block
}
.hp-hero-outline:hover {
  background:#ffffff1f;
  border-color:#ffffffb3;
  transform:translateY(-1px)
}
.hp-slide-nav {
  z-index:10;
  align-items:center;
  gap:16px;
  display:flex;
  position:absolute;
  bottom:36px;
  left:50%;
  transform:translate(-50%)
}
.hp-slide-counter {
  font-family:var(--font-d);
  color:#ffffff61;
  letter-spacing:.06em;
  white-space:nowrap;
  min-width:40px;
  font-size:13px;
  font-weight:700
}
.hp-slide-counter strong {
  color:#fff
}
.hp-slide-bars {
  align-items:center;
  gap:6px;
  display:flex
}
.hp-slide-bar {
  cursor:pointer;
  background:#fff3;
  border:none;
  border-radius:100px;
  flex-shrink:0;
  width:44px;
  height:3px;
  padding:0;
  position:relative;
  overflow:hidden
}
.hp-slide-bar.active:after {
  content:"";
  background:var(--green);
  transform-origin:0;
  border-radius:100px;
  animation:5s linear forwards hp-bar-fill;
  position:absolute;
  inset:0
}
@keyframes hp-bar-fill {
  0% {
    transform:scaleX(0)
  }
  to {
    transform:scaleX(1)
  }
}
.hp-hero-mob-img {
  display:none
}
.hp-scroll-ind {
  z-index:10;
  opacity:.38;
  pointer-events:none;
  flex-direction:column;
  align-items:center;
  gap:7px;
  display:flex;
  position:absolute;
  bottom:32px;
  right:48px
}
.hp-scroll-ind-txt {
  font-family:var(--font-b);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#fff;
  font-size:9px;
  font-weight:700
}
.hp-scroll-mouse {
  border:1.5px solid #ffffffb3;
  border-radius:100px;
  justify-content:center;
  width:20px;
  height:30px;
  padding-top:5px;
  display:flex
}
.hp-scroll-wheel {
  background:#fff;
  border-radius:100px;
  width:3px;
  height:6px;
  animation:1.8s infinite hp-scroll-anim
}
@keyframes hp-scroll-anim {
  0% {
    opacity:1;
    transform:translateY(0)
  }
  80% {
    opacity:0;
    transform:translateY(7px)
  }
  to {
    opacity:0;
    transform:translateY(0)
  }
}
.hp-stats-strip {
  background:linear-gradient(160deg,#0d1f10 0%,#111 60%,#0a0a0a 100%);
  position:relative;
  overflow:hidden
}
.hp-stats-texture {
  pointer-events:none;
  background-image:radial-gradient(circle,#ffffff06 1px,#0000 1px);
  background-size:22px 22px;
  position:absolute;
  inset:0
}
.hp-stats-glow {
  pointer-events:none;
  background:radial-gradient(circle,#00a65121 0%,#0000 68%);
  width:320px;
  height:320px;
  position:absolute;
  top:50%;
  left:8%;
  transform:translateY(-50%)
}
.hp-stats-row {
  z-index:1;
  flex-wrap:wrap;
  display:flex;
  position:relative
}
.hp-stat-cell {
  text-align:center;
  border-right:1px solid #ffffff12;
  flex:1;
  min-width:130px;
  padding:40px 24px;
  transition:background .25s
}
.hp-stat-cell:hover {
  background:#ffffff08
}
.hp-stat-cell:last-child {
  border-right:none
}
.hp-stat-val {
  font-family:var(--font-d);
  color:#fff;
  margin:0;
  font-size:clamp(2.25rem,4vw,3rem);
  font-weight:700;
  line-height:1
}
.hp-stat-line {
  background:var(--green);
  border-radius:2px;
  width:20px;
  height:2px;
  margin:10px auto
}
.hp-stat-lbl {
  font-family:var(--font-b);
  color:#ffffff6b;
  text-transform:uppercase;
  letter-spacing:.15em;
  margin:0;
  font-size:10px;
  font-weight:600
}
.hp-label {
  font-family:var(--font-b);
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--green);
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  font-size:10px;
  font-weight:700;
  display:inline-flex
}
.hp-label-line {
  background:var(--green);
  width:24px;
  height:1px;
  display:inline-block
}
.hp-label-light {
  color:#fff9
}
.hp-label-light .hp-label-line {
  background:#fff9
}
.hp-h2 {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:20px;
  font-size:clamp(1.5rem,2.5vw,2rem);
  font-weight:700;
  line-height:1.2
}
.hp-h2-white {
  font-family:var(--font-d);
  color:#fff;
  margin-bottom:20px;
  font-size:clamp(1.5rem,2.5vw,2rem);
  font-weight:700;
  line-height:1.2
}
.hp-center {
  text-align:center
}
.hp-sec-sub {
  font-family:var(--font-b);
  color:var(--muted);
  max-width:540px;
  margin:8px auto 0;
  font-size:14px;
  line-height:1.7
}
.hp-sec-head {
  text-align:center;
  margin-bottom:56px
}
.hp-sec-head-row {
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-bottom:48px;
  display:flex
}
.hp-grid-2 {
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:56px;
  display:grid
}
.hp-grid-3 {
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  display:grid
}
.hp-grid-4,.hp-grid-scooters {
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  display:grid
}
.hp-grid-calc {
  grid-template-columns:1fr 1fr;
  gap:24px;
  max-width:900px;
  margin:0 auto;
  display:grid
}
.hp-grid-why {
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  display:grid
}
.hp-ab-h2 {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:20px;
  font-size:clamp(2rem,3.8vw,3rem);
  font-weight:700;
  line-height:1.08
}
.hp-ab-body {
  font-family:var(--font-b);
  color:var(--gray-600);
  margin-bottom:12px;
  font-size:14px;
  line-height:1.85
}
.hp-ab-feats {
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:36px;
  display:grid
}
.hp-ab-feat {
  background:var(--bg-card);
  border:1px solid var(--border-light);
  text-align:center;
  border-radius:16px;
  padding:22px 18px;
  transition:border-color .2s,box-shadow .2s,transform .2s;
  box-shadow:0 2px 12px #0000000f
}
.hp-ab-feat:hover {
  border-color:#00a6514d;
  transform:translateY(-3px);
  box-shadow:0 8px 28px #0000001a
}
.hp-ab-feat-ico {
  background:var(--green-light);
  border:1px solid #00a6512e;
  border-radius:14px;
  justify-content:center;
  align-items:center;
  width:56px;
  height:56px;
  margin:0 auto 14px;
  display:flex
}
.hp-ab-feat-val {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:3px;
  font-size:1.1rem;
  font-weight:700;
  line-height:1.2
}
.hp-ab-feat-sub {
  font-family:var(--font-b);
  color:var(--gray-500);
  font-size:12px;
  line-height:1.4
}
.hp-abt-img-wrap {
  padding-bottom:24px;
  position:relative
}
.hp-abt-img-frame {
  pointer-events:none;
  border:2px solid #00a65138;
  border-radius:22px;
  position:absolute;
  inset:16px -16px 8px 16px
}
.hp-abt-img {
  object-fit:cover;
  z-index:1;
  aspect-ratio:4/3;
  border-radius:18px;
  width:100%;
  display:block;
  position:relative;
  box-shadow:0 20px 56px #00000021
}
.hp-abt-badge {
  background:var(--green);
  z-index:2;
  text-align:center;
  border-radius:16px;
  padding:16px 22px;
  position:absolute;
  bottom:0;
  right:-12px;
  box-shadow:0 8px 28px #00a65159
}
.hp-abt-badge-num {
  font-family:var(--font-d);
  color:#fff;
  font-size:2.2rem;
  font-weight:700;
  line-height:1
}
.hp-abt-badge-lbl {
  font-family:var(--font-b);
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#ffffffd1;
  margin-top:3px;
  font-size:10px;
  font-weight:700
}
.hp-abt-list {
  border:1px solid var(--border-light);
  border-radius:16px;
  flex-direction:column;
  margin-top:28px;
  display:flex;
  overflow:hidden
}
.hp-abt-row {
  border-bottom:1px solid var(--border-light);
  background:var(--bg-secondary);
  align-items:center;
  gap:14px;
  padding:13px 18px;
  transition:background .2s;
  display:flex
}
.hp-abt-row:last-child {
  border-bottom:none
}
.hp-abt-row:hover {
  background:var(--bg-card)
}
.hp-abt-row-ico {
  background:var(--green-light);
  border:1px solid #00a6512e;
  border-radius:10px;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:38px;
  height:38px;
  display:flex
}
.hp-abt-row-val {
  font-family:var(--font-d);
  color:var(--dark);
  font-size:1rem;
  font-weight:700;
  line-height:1.2
}
.hp-abt-row-sub {
  font-family:var(--font-b);
  color:var(--gray-500);
  margin-top:2px;
  font-size:12px
}
.hp-mq-item {
  white-space:nowrap;
  font-family:var(--font-b);
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#fff;
  align-items:center;
  gap:16px;
  padding:0 24px;
  font-size:11px;
  font-weight:700;
  display:inline-flex
}
.hp-mq-dot {
  border-radius:50%;
  flex-shrink:0;
  width:4px;
  height:4px;
  display:inline-block
}
.hp-sc-card {
  background:var(--bg-card);
  border:1px solid var(--border-light);
  border-radius:20px;
  flex-direction:column;
  text-decoration:none;
  transition:box-shadow .35s,border-color .3s,transform .35s;
  display:flex;
  position:relative;
  overflow:hidden;
  box-shadow:0 2px 12px #0000000d
}
.hp-sc-card:hover {
  border-color:#00a65147;
  transform:translateY(-6px);
  box-shadow:0 20px 52px #00000021
}
.hp-sc-badge {
  z-index:3;
  background:var(--green);
  color:#fff;
  font-family:var(--font-b);
  letter-spacing:.12em;
  text-transform:uppercase;
  border-radius:100px;
  padding:4px 10px;
  font-size:9px;
  font-weight:700;
  position:absolute;
  top:12px;
  left:12px;
  box-shadow:0 2px 8px #00a65166
}
.hp-sc-range {
  z-index:3;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  color:#fff;
  font-family:var(--font-d);
  background:#000000a6;
  border-radius:100px;
  align-items:center;
  gap:4px;
  padding:4px 10px;
  font-size:11px;
  font-weight:700;
  display:flex;
  position:absolute;
  top:12px;
  right:12px
}
.hp-sc-thumb {
  background:var(--bg-secondary);
  justify-content:center;
  align-items:center;
  height:200px;
  padding:24px 20px 16px;
  display:flex;
  position:relative;
  overflow:hidden
}
.hp-sc-thumb img {
  object-fit:contain;
  filter:drop-shadow(0 8px 20px #0000001f);
  width:auto;
  max-height:100%;
  transition:transform .5s
}
.hp-sc-card:hover .hp-sc-thumb img {
  transform:scale(1.08)translateY(-4px)
}
.hp-sc-info {
  border-top:1px solid var(--border-light);
  flex-direction:column;
  gap:12px;
  padding:16px 18px 18px;
  display:flex
}
.hp-sc-name {
  font-family:var(--font-d);
  color:var(--dark);
  font-size:16px;
  font-weight:700
}
.hp-sc-colors {
  align-items:center;
  gap:6px;
  display:flex
}
.hp-sc-color-dot {
  cursor:pointer;
  border:2px solid #0000001a;
  border-radius:50%;
  width:14px;
  height:14px;
  transition:transform .2s
}
.hp-sc-color-dot:hover {
  transform:scale(1.25)
}
.hp-sc-btns {
  grid-template-columns:1fr 1fr;
  gap:8px;
  display:grid
}
.hp-sc-btn-main {
  background:var(--green);
  color:#fff;
  font-family:var(--font-b);
  letter-spacing:.03em;
  text-align:center;
  border-radius:8px;
  justify-content:center;
  align-items:center;
  padding:9px 12px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  transition:background .2s,transform .2s;
  display:flex
}
.hp-sc-btn-main:hover {
  background:var(--green-dark);
  transform:translateY(-1px)
}
.hp-sc-btn-out {
  border:1.5px solid var(--border-color);
  color:var(--text-primary);
  font-family:var(--font-b);
  text-align:center;
  border-radius:8px;
  justify-content:center;
  align-items:center;
  padding:9px 12px;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  transition:border-color .2s,color .2s,transform .2s;
  display:flex
}
.hp-sc-btn-out:hover {
  border-color:var(--green);
  color:var(--green);
  transform:translateY(-1px)
}
.hp-pl-section {
  background:var(--bg-primary);
  border-top:1px solid var(--border-color);
  padding:96px 0
}
.hp-pl-card {
  background:var(--bg-secondary);
  border:1px solid var(--border-light);
  border-radius:20px;
  padding:28px;
  transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;
  position:relative;
  overflow:hidden
}
.hp-pl-card:hover {
  background:var(--bg-card);
  border-color:#00a65147;
  transform:translateY(-5px);
  box-shadow:0 16px 44px #00000017
}
.hp-pl-card:after {
  content:"";
  background:var(--green);
  transform-origin:0;
  height:3px;
  transition:transform .35s;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  transform:scaleX(0)
}
.hp-pl-card:hover:after {
  transform:scaleX(1)
}
.hp-pl-icon {
  background:var(--green-light);
  border:1px solid #00a65133;
  border-radius:14px;
  justify-content:center;
  align-items:center;
  width:48px;
  height:48px;
  margin-bottom:20px;
  display:flex
}
.hp-pl-title {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:10px;
  font-size:1.2rem;
  font-weight:700;
  line-height:1.2
}
.hp-pl-text {
  font-family:var(--font-b);
  color:var(--gray-500);
  margin:0;
  font-size:13px;
  line-height:1.8
}
.hp-why-card {
  background:var(--bg-card);
  border:1px solid var(--border-light);
  border-radius:20px;
  padding:28px;
  transition:border-color .3s,box-shadow .3s,transform .3s;
  position:relative;
  overflow:hidden
}
.hp-why-card:before {
  content:"";
  background:var(--green);
  transform-origin:0;
  border-radius:20px 20px 0 0;
  height:3px;
  transition:transform .35s;
  position:absolute;
  top:0;
  left:0;
  right:0;
  transform:scaleX(0)
}
.hp-why-card:hover {
  border-color:#00a65140;
  transform:translateY(-4px);
  box-shadow:0 12px 36px #00000017
}
.hp-why-card:hover:before {
  transform:scaleX(1)
}
.hp-why-ico {
  background:var(--green-light);
  border:1px solid #00a65133;
  border-radius:14px;
  justify-content:center;
  align-items:center;
  width:52px;
  height:52px;
  margin-bottom:18px;
  display:flex
}
.hp-why-title {
  font-family:var(--font-d);
  color:var(--dark);
  margin-bottom:8px;
  font-size:1.1rem;
  font-weight:700
}
.hp-why-body {
  font-family:var(--font-b);
  color:var(--gray-500);
  margin:0;
  font-size:13px;
  line-height:1.75
}
.hp-label-center {
  justify-content:center;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
  display:flex
}
.hp-label-center-line {
  background:var(--green);
  opacity:.6;
  flex:1;
  max-width:56px;
  height:1px
}
.hp-label-center-text {
  font-family:var(--font-b);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--green);
  font-size:10px;
  font-weight:700
}
.hp-ab-feats.col-3 {
  grid-template-columns:repeat(3,1fr)
}
.hp-tcard {
  background:var(--bg-card);
  border:1px solid var(--border-color);
  border-left:3px solid var(--green);
  border-radius:20px;
  flex-direction:column;
  padding:32px 28px;
  transition:box-shadow .3s,transform .3s;
  display:flex;
  box-shadow:0 4px 20px #0000000f
}
.hp-tcard:hover {
  transform:translateY(-5px);
  box-shadow:0 20px 52px #0000001c
}
.hp-tcard-stars {
  gap:3px;
  margin-bottom:16px;
  display:flex
}
.hp-tcard-quote {
  background:#00a6511a;
  border:1px solid #00a65133;
  border-radius:10px;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:36px;
  height:36px;
  margin-bottom:16px;
  display:flex
}
.hp-tcard-text {
  font-family:var(--font-b);
  color:var(--gray-600);
  flex:1;
  font-size:14px;
  font-style:italic;
  line-height:1.85
}
.hp-tcard-foot {
  border-top:1px solid var(--border-light);
  align-items:center;
  gap:12px;
  margin-top:24px;
  padding-top:20px;
  display:flex
}
.hp-tcard-name {
  font-family:var(--font-b);
  color:var(--dark);
  font-size:14px;
  font-weight:700
}
.hp-tcard-ver {
  font-family:var(--font-b);
  color:var(--green);
  font-size:12px;
  font-weight:500
}
.hp-carousel-head {
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-bottom:48px;
  display:flex
}
.hp-carousel-btns {
  gap:8px;
  display:flex
}
.hp-carousel-btn {
  border:1px solid var(--border-color);
  background:var(--bg-card);
  cursor:pointer;
  width:40px;
  height:40px;
  color:var(--gray-600);
  border-radius:50%;
  justify-content:center;
  align-items:center;
  transition:border-color .2s,background .2s,color .2s;
  display:flex;
  box-shadow:0 2px 8px #0000000f
}
.hp-carousel-btn:hover {
  border-color:var(--green);
  color:var(--green);
  background:#00a6510d
}
.hp-tdots {
  justify-content:center;
  gap:8px;
  margin-top:36px;
  display:flex
}
.hp-tdot-a {
  background:var(--green);
  cursor:pointer;
  border:none;
  border-radius:100px;
  width:24px;
  height:6px;
  padding:0;
  transition:all .3s
}
.hp-tdot-i {
  background:var(--gray-300);
  cursor:pointer;
  border:none;
  border-radius:50%;
  width:6px;
  height:6px;
  padding:0;
  transition:all .3s
}
.hp-cert-card {
  background:var(--bg-card);
  border:1px solid var(--border-light);
  border-radius:16px;
  justify-content:center;
  align-items:center;
  padding:28px 32px;
  transition:box-shadow .25s,border-color .25s,transform .25s;
  display:flex;
  box-shadow:0 2px 12px #0000000a
}
.hp-cert-card:hover {
  border-color:#00a65133;
  transform:translateY(-2px);
  box-shadow:0 8px 28px #00000017
}
.hp-cert-grid {
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  display:grid
}
.hp-calc-card {
  background:var(--bg-card);
  border:1px solid var(--border-light);
  border-radius:20px;
  flex-direction:column;
  padding:32px;
  display:flex;
  box-shadow:0 8px 32px #00000012
}
.hp-calc-card-head {
  align-items:center;
  gap:10px;
  margin-bottom:24px;
  display:flex
}
.hp-calc-card-head-ico {
  background:#00a6511a;
  border:1px solid #00a65133;
  border-radius:10px;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:34px;
  height:34px;
  display:flex
}
.hp-calc-card-head-txt {
  font-family:var(--font-d);
  color:var(--dark);
  font-size:1rem;
  font-weight:700
}
.hp-calc-grid4 {
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:24px;
  display:grid
}
.hp-calc-label {
  font-family:var(--font-b);
  color:var(--gray-500);
  margin-bottom:6px;
  font-size:12px;
  font-weight:500;
  display:block
}
.hp-calc-row {
  justify-content:space-between;
  align-items:center;
  margin-top:8px;
  margin-bottom:12px;
  display:flex
}
.hp-calc-km-label {
  font-family:var(--font-b);
  color:var(--dark);
  font-size:14px;
  font-weight:600
}
.hp-calc-km-val {
  font-family:var(--font-d);
  color:var(--green);
  font-size:1.3rem;
  font-weight:700
}
.hp-calc-slider {
  width:100%;
  accent-color:var(--green)
}
.hp-calc-note {
  font-family:var(--font-b);
  color:var(--gray-500);
  align-items:center;
  gap:7px;
  margin-top:16px;
  font-size:12px;
  display:flex
}
.hp-calc-result {
  background:var(--bg-card);
  border:1px solid var(--border-light);
  border-radius:20px;
  flex-direction:column;
  padding:32px;
  display:flex;
  box-shadow:0 8px 32px #00000012
}
.hp-calc-res-lbl {
  font-family:var(--font-b);
  color:var(--gray-500);
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:4px;
  font-size:11px;
  font-weight:600
}
.hp-calc-res-val {
  font-family:var(--font-d);
  color:var(--green);
  margin-bottom:6px;
  font-size:3rem;
  font-weight:700;
  line-height:1
}
.hp-calc-res-sub {
  font-family:var(--font-b);
  color:var(--gray-500);
  margin-bottom:0;
  font-size:14px
}
.hp-calc-divider {
  background:var(--gray-100);
  height:1px;
  margin:20px 0
}
.hp-calc-bar-row {
  justify-content:space-between;
  align-items:center;
  margin-bottom:7px;
  display:flex
}
.hp-calc-bar-track {
  background:var(--gray-100);
  border-radius:100px;
  height:7px;
  margin-bottom:2px;
  overflow:hidden
}
.hp-calc-bar-fill {
  border-radius:100px;
  height:100%;
  transition:width .4s
}
.hp-calc-cost-lbl {
  font-family:var(--font-b);
  color:var(--gray-600);
  align-items:center;
  gap:8px;
  font-size:14px;
  display:flex
}
.hp-calc-cost-dot {
  border-radius:50%;
  flex-shrink:0;
  width:9px;
  height:9px
}
.hp-calc-cost-val {
  font-family:var(--font-d);
  font-size:15px;
  font-weight:700
}
.hp-calc-highlight {
  font-family:var(--font-b);
  color:var(--dark);
  background:#00a65114;
  border:1px solid #00a65133;
  border-radius:10px;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  font-size:14px;
  display:flex
}
.hp-calc-highlight strong {
  color:var(--green)
}
.hp-calc-highlight-sub {
  font-family:var(--font-b);
  color:var(--gray-500);
  margin-top:8px;
  margin-bottom:0;
  font-size:12px
}
@media (max-width:1024px) {
  .hp-hero-grid {
    grid-template-columns:1fr
  }
  .hp-scroll-ind {
    display:none
  }
  .hp-grid-scooters {
    grid-template-columns:repeat(3,1fr)
  }
  .hp-grid-why {
    grid-template-columns:repeat(2,1fr)
  }
}
@media (max-width:900px) {
  .hp-wrap,.hp-wrap-md,.hp-wrap-sm {
    padding:0 20px
  }
  .hp-grid-2 {
    grid-template-columns:1fr;
    gap:32px
  }
  .hp-grid-3 {
    grid-template-columns:1fr 1fr;
    gap:16px
  }
  .hp-grid-4 {
    grid-template-columns:1fr 1fr
  }
  .hp-grid-calc {
    grid-template-columns:1fr
  }
  .hp-sec,.hp-sec-top,.hp-sec-dark,.hp-sec-grey,.hp-sec-grey-top {
    padding:64px 0
  }
  .hp-carousel-head {
    flex-direction:column
  }
  .hp-cert-grid,.hp-ab-feats {
    grid-template-columns:1fr 1fr
  }
  .hp-abt-img-frame {
    display:none
  }
  .hp-abt-badge {
    bottom:0;
    right:0
  }
}
@media (max-width:640px) {
  .hp-grid-scooters {
    grid-template-columns:1fr 1fr
  }
  .hp-grid-3 {
    grid-template-columns:1fr
  }
  .hp-grid-4 {
    grid-template-columns:1fr 1fr
  }
  .hp-grid-why {
    grid-template-columns:1fr
  }
  .hp-stats-row {
    justify-content:center
  }
  .hp-stat-cell {
    border-bottom:1px solid #ffffff12;
    min-width:50%
  }
  .hp-sec-head-row {
    flex-direction:column
  }
  .hp-cert-grid {
    grid-template-columns:1fr 1fr
  }
  .hp-sec,.hp-sec-top,.hp-sec-dark,.hp-sec-grey,.hp-sec-grey-top,.hp-sec-sm {
    padding:48px 0
  }
  .hp-sec-head {
    margin-bottom:36px
  }
  .hp-hero {
    background:#fff;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    min-height:auto
  }
  .hp-hero-bg,.hp-hero-overlay,.hp-hero-glow {
    display:none
  }
  .hp-hero-content {
    flex-shrink:0;
    width:100%;
    padding:40px 0 12px
  }
  .hp-hero-mob-img {
    z-index:5;
    pointer-events:none;
    box-sizing:border-box;
    flex-shrink:0;
    width:100%;
    padding:0 16px 52px;
    display:block;
    position:relative
  }
  .hp-hero-mob-img img {
    object-fit:cover;
    object-position:center center;
    border-radius:18px;
    width:100%;
    height:310px;
    display:block;
    box-shadow:0 8px 28px #0003
  }
  .hp-hero-tag {
    background:#00a6511a;
    border-color:#00a65173
  }
  .hp-hero-h1 {
    color:var(--dark);
    text-shadow:none;
    font-size:clamp(1.8rem,7vw,2.4rem)
  }
  .hp-hero-sub {
    color:var(--gray-600);
    max-width:100%;
    margin-bottom:24px;
    font-size:14px
  }
  .hp-hero-outline {
    color:var(--dark);
    border-color:#0003
  }
  .hp-slide-nav {
    bottom:16px
  }
  .hp-slide-bar {
    background:#00000026
  }
  .hp-slide-counter {
    color:#00000061
  }
  .hp-slide-counter strong {
    color:var(--dark)
  }
  .hp-ab-feats.col-3 {
    grid-template-columns:1fr
  }
  .hp-abt-badge {
    right:0
  }
  .hp-carousel-btns {
    align-self:flex-start
  }
  .hp-tcard {
    padding:24px 20px
  }
}

@media (max-width:640px) {

.hp-sc-btns {
    grid-template-columns:1fr;
    gap:6px
  }

.hp-sc-thumb {
    height:160px;
    padding:14px 12px
  }

.hp-sc-btn-main,.hp-sc-btn-out {
    padding:10px 8px;
    font-size:12px
  }
}

/* Distribution Network */
.ab-net-stats {
  display:flex;
  border:1px solid var(--border-light);
  border-radius:16px;
  background:#fff;
  margin-bottom:32px;
  overflow:hidden
}

.ab-net-stat {
  flex:1;
  text-align:center;
  padding:30px 16px;
  border-right:1px solid var(--border-light)
}

.ab-net-stat:last-child {
  border-right:none
}

.ab-net-stat-ico {
  color:var(--green);
  font-size:28px!important;
  display:block;
  margin-bottom:10px
}

.ab-net-stat-num {
  font-family:var(--font-d);
  font-size:2.4rem;
  font-weight:700;
  color:var(--dark);
  display:block;
  line-height:1.1
}

.ab-net-stat-lbl {
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted);
  display:block;
  margin-top:6px
}

.ab-net-loc {
  background:#fff;
  border:1px solid var(--border-light);
  border-radius:16px;
  padding:24px;
  position:relative;
  transition:transform .3s,box-shadow .3s;
  overflow:hidden;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent
}

.ab-net-loc:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(0,0,0,.08)
}

.ab-net-badge {
  font-family:var(--font-b);
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.18em;
  display:block;
  margin-bottom:12px
}

.ab-net-badge-hq {
  color:var(--green)
}

.ab-net-badge-mfg {
  color:#1d4ed8
}

.ab-net-badge-cen {
  color:#7c3aed
}

.ab-net-badge-dist {
  color:var(--muted)
}

.ab-net-city {
  font-family:var(--font-d);
  font-size:1.35rem;
  font-weight:700;
  color:var(--dark);
  margin:0 0 4px;
  line-height:1.2;
  padding-right:28px
}

.ab-net-state {
  font-family:var(--font-b);
  font-size:10px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted);
  display:block;
  margin-bottom:12px
}

.ab-net-desc {
  font-family:var(--font-b);
  font-size:12px;
  color:var(--gray-500);
  line-height:1.7;
  margin:0
}

.ab-net-sparkle {
  position:absolute;
  top:20px;
  right:18px;
  color:var(--green);
  font-size:18px!important;
  line-height:1;
  font-variation-settings:"FILL" 1
}

.ab-net-g1 {
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-bottom:16px
}

.ab-net-g2 {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-bottom:16px
}

.ab-net-g3 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:16px
}

@media(max-width:900px) {
  .ab-net-g3 {
    grid-template-columns:repeat(2,1fr)
  }
}

@media(max-width:640px) {
  .ab-net-g2,.ab-net-g3 {
    grid-template-columns:1fr
  }
}