/* built with Onwei's Web Builder */
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333333; }
  img, video, canvas, svg { display: block; max-width: 100%; }
  h1, h2, h3, h4, h5, h6, p, figure, blockquote, ul, ol { margin: 0; }
  ul, ol { padding: 0; list-style: none; }
  button, input, textarea, select { font: inherit; color: inherit; }
}

:root { --brand-dark: #3730a3; --brand: #ffe039; --text: #ffffff; --muted: #a3a3a3; --surface: #2e2e2e; --surface-alt: #1e1e1e; --radius: 8px; }

@layer reset {
  [data-form-msg]:not([data-shown]), form[data-sent] { display: none !important; }
}

.section { padding-top: 96px; padding-right: 24px; padding-bottom: 96px; padding-left: 24px; background-color: var(--surface); color: var(--text); }

.wrap { width: 100%; max-width: 1120px; margin-left: auto; margin-right: auto; padding-top: 120px; }

.eyebrow { font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--brand); margin-bottom: 12px; }

.heading-xl { font-size: 56px; line-height: 1.1; font-weight: 700; margin-bottom: 20px; }

.lead { font-size: 20px; line-height: 1.6; color: var(--muted); margin-bottom: 32px; }

.btn-row { display: flex; flex-wrap: wrap; column-gap: 12px; row-gap: 12px; }

.btn { display: inline-block; padding-top: 14px; padding-right: 24px; padding-bottom: 14px; padding-left: 24px; background-color: var(--brand); color: var(--surface); border-radius: var(--radius); font-weight: 600; text-decoration-line: none; transition: background-color 200ms ease; }

.btn-ghost { display: inline-block; padding-top: 14px; padding-right: 24px; padding-bottom: 14px; padding-left: 24px; color: var(--brand); border-radius: var(--radius); font-weight: 600; text-decoration-line: none; box-shadow: inset 0 0 0 2px var(--brand); transition: background-color 200ms ease; }

.media-box { aspect-ratio: 4 / 3; background-color: #1e1e1e; border-radius: var(--radius); display: flex; align-items: center; justify-content: center; grid-template-columns: 1fr; grid-template-rows: auto; flex-direction: column; }

.section-head { max-width: 640px; margin-bottom: 56px; }

.heading-l { font-size: 40px; line-height: 1.2; font-weight: 700; margin-bottom: 16px; }

.body-text { font-size: 16px; line-height: 1.6; color: var(--muted); }

.grid-3 { display: grid; column-gap: 32px; row-gap: 0px; padding-top: 0px; grid-template-columns: 1fr 1fr 1fr; }

.card { padding-top: 32px; padding-right: 32px; padding-bottom: 32px; padding-left: 32px; background-color: var(--surface); border-radius: var(--radius); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }

.heading-s { font-size: 20px; line-height: 1.3; font-weight: 600; margin-bottom: 8px; }

.price { font-size: 44px; line-height: 1; font-weight: 700; }

.check-list { display: flex; flex-direction: column; row-gap: 12px; margin-top: 24px; }

.check-item { display: flex; align-items: center; column-gap: 12px; }

.check-dot { width: 10px; height: 10px; flex-shrink: 0; border-radius: 50%; background-color: var(--brand); }

.quote { font-size: 18px; line-height: 1.6; margin-bottom: 24px; }

.person { display: flex; align-items: center; column-gap: 12px; }

.avatar { width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; background-color: var(--surface-alt); }

.person-name { font-weight: 600; }

.person-role { font-size: 14px; color: var(--muted); }

.cta-box { padding-top: 64px; padding-right: 48px; padding-bottom: 64px; padding-left: 48px; background-color: var(--brand); color: var(--surface); border-radius: var(--radius); text-align: center; }

.footer { padding-top: 64px; padding-right: 24px; padding-bottom: 32px; padding-left: 24px; background-color: var(--text); color: var(--surface); }

.logo { font-size: 22px; font-weight: 700; color: var(--text); text-decoration-line: none; }

.nav-links { display: flex; align-items: center; column-gap: 32px; }

.footer-link { color: var(--surface); text-decoration-line: none; opacity: 0.7; transition: opacity 200ms ease; }

.footer-small { font-size: 14px; opacity: 0.7; }

.navbar { padding-top: 20px; padding-right: 24px; padding-bottom: 20px; padding-left: 24px; background-color: var(--surface-alt); color: var(--text); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); display: flex; position: static; }

.navbar-inner { display: flex; justify-content: space-between; align-items: center; column-gap: 32px; max-width: 1120px; margin-left: auto; margin-right: auto; }

.nav-link { color: var(--text); font-weight: 500; text-decoration-line: none; transition: color 200ms ease; }

.grid-3-2 { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 32px; row-gap: 32px; }

.icon-dot { width: 48px; height: 48px; border-radius: var(--radius); background-color: var(--brand); margin-bottom: 20px; }

.navbar-2 { padding-top: 20px; padding-right: 24px; padding-bottom: 20px; padding-left: 24px; background-color: var(--surface); color: var(--text); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 4px 12px 0px rgba(0, 0, 0, 0.25), 0px 4px 12px 0px rgba(0, 0, 0, 0.25); backdrop-filter: blur(4px); }

.hero-center { max-width: 760px; margin-left: auto; margin-right: auto; text-align: center; display: block; }

.image-2 { width: 100%; height: 100%; }

.image-3 { height: 100%; background-size: auto; object-fit: cover; }

.container { width: 100%; max-width: 940px; margin-left: auto; margin-right: auto; }

.text-field { display: block; width: 100%; height: 38px; margin-bottom: 10px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; font-size: 14px; line-height: 1.4; color: #333333; background-color: var(--surface-alt); border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 0.15); text-align: center; }

.submit-button { padding-top: 9px; padding-right: 15px; padding-bottom: 9px; padding-left: 15px; background-color: var(--brand); color: #000000; border-style: none; border-radius: 0px; text-transform: uppercase; letter-spacing: 2px; }

.error-message { margin-top: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #ffdede; }

.form-block { margin-bottom: 15px; }

.body { background-color: var(--surface); display: flex; flex-direction: column; justify-content: center; align-items: center; }

.heading { color: #ffffff; text-align: center; margin-bottom: 44px; }

.form { text-align: center; }

.div-block { display: flex; flex-direction: row; column-gap: 89px; justify-content: space-between; align-items: center; }

.image-4 { width: 20vw; height: 24.656vh; aspect-ratio: 1 / 1; object-fit: cover; }

.image-5 { object-fit: cover; border-radius: 999px; width: 200%; height: 146.001%; }

.div-block-2 { width: 20vw; overflow: hidden; display: flex; justify-content: center; align-items: center; border-radius: 999px; height: 222.4px; aspect-ratio: 1 / 1; }

.div-block-3 { width: 20vw; height: 222.4px; }

.wrap.split { display: grid; grid-template-columns: 1fr 1fr; column-gap: 64px; align-items: center; }

.section-head.is-head-centered { margin-left: auto; margin-right: auto; text-align: center; }

.card.price-card { display: flex; flex-direction: column; row-gap: 16px; }

.section.is-tinted { background-color: var(--surface-alt); }

.lead.is-on-brand { color: var(--surface); opacity: 0.85; }

.btn.is-light { background-color: var(--surface); color: var(--brand); }

.wrap.footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 24px; row-gap: 16px; }

.logo.is-logo-light { color: var(--surface); }

.btn-row.is-row-centered { justify-content: center; }

.heading.password-sub { color: var(--muted); }

.card.price-card.is-featured { box-shadow: 0 0 0 2px var(--brand); }

.btn:hover { background-color: var(--brand-dark); }

.btn-ghost:hover { background-color: var(--surface-alt); }

.footer-link:hover { opacity: 1; }

.nav-link:hover { color: var(--brand); }

.btn.is-light:hover { background-color: var(--surface-alt); }

.text-field:focus { border-color: #3898ec; }

.text-field:user-invalid { border-color: #ea384c; }

@media (max-width: 991px) {
  .section { padding-top: 64px; padding-right: 24px; padding-bottom: 64px; padding-left: 24px; }
  .heading-xl { font-size: 44px; }
  .heading-l { font-size: 32px; }
  .grid-3 { grid-template-columns: 1fr; }
  .grid-3-2 { grid-template-columns: 1fr; }
  .image-4 { aspect-ratio: 1 / 1; height: 21.973vh; }
  .div-block-2 { aspect-ratio: 1 / 1; height: 198.2px; }
  .wrap.split { grid-template-columns: 1fr; row-gap: 40px; }
}

@media (max-width: 767px) {
  .div-block { column-gap: 22px; width: -40vw; display: none; }
  .image-4 { height: 17.007vh; }
  .div-block-2 { height: 153.4px; }
}

@media (max-width: 479px) {
  .heading-xl { font-size: 34px; }
  .lead { font-size: 18px; }
  .cta-box { padding-top: 40px; padding-right: 24px; padding-bottom: 40px; padding-left: 24px; }
  .nav-links { display: none; }
  .div-block { display: none; }
  .image-4 { height: 10.621vh; }
  .image-5 { height: 124.906%; }
}