@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');

:root {
  --yw-ink: #0B2A3C;
  --yw-text: #284B5E;
  --yw-muted: #456273;
  --yw-link: #11689A;
  --yw-accent: #1478B0;
  --yw-accent-deep: #08507E;
  --yw-accent-bright: #36A9E1;
  --yw-accent-soft: #D6F2FF;
  --yw-accent-ink: #0A5A87;
  --yw-on-deep: #FFFFFF;
  --yw-on-deep-soft: #D6EEFA;
  --yw-sky-top: #DDF4FF;
  --yw-sky-mid: #C6ECFC;
  --yw-sky-end: #E9F8FF;
  --yw-glass: rgba(255, 255, 255, .62);
  --yw-glass-strong: rgba(255, 255, 255, .82);
  --yw-glass-edge: rgba(255, 255, 255, .92);
  --yw-line: rgba(11, 42, 60, .12);
  --yw-line-2: rgba(11, 42, 60, .2);
  --yw-shadow: 0 12px 30px rgba(12, 80, 120, .12);
  --yw-shadow-lg: 0 24px 50px rgba(15, 120, 178, .2);
  --yw-shine: inset 0 1px 0 #FFFFFF;
  --yw-gloss: linear-gradient(180deg, #1478B0 0%, #08507E 100%);
  --yw-deep: linear-gradient(180deg, #0F6FA6 0%, #08507E 100%);
  --yw-font: 'Nunito', 'Trebuchet MS', 'Segoe UI', sans-serif;
  --yw-max: 1240px;
  --yw-gutter: 32px;
  --yw-section: 120px;
  --yw-r-sm: 14px;
  --yw-r-md: 18px;
  --yw-r: 24px;
  --yw-r-lg: 28px;
  --yw-r-xl: 36px;
  --yw-pill: 999px;
  --yw-ease: cubic-bezier(.3, .7, .2, 1);
  --yw-fast: .15s;
  --yw-med: .25s;
}

@media (max-width: 860px) {
  :root {
    --yw-gutter: 20px;
    --yw-section: 84px;
  }
}

body[class*="elementor-kit-"] {
  --e-global-color-primary: #0B2A3C;
  --e-global-color-secondary: #284B5E;
  --e-global-color-text: #284B5E;
  --e-global-color-accent: #1478B0;
  --e-global-typography-primary-font-family: "Nunito";
  --e-global-typography-primary-font-weight: 800;
  --e-global-typography-secondary-font-family: "Nunito";
  --e-global-typography-secondary-font-weight: 700;
  --e-global-typography-text-font-family: "Nunito";
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Nunito";
  --e-global-typography-accent-font-weight: 800;
}

[class*="yw-"],
[class*="yw-"] *,
[class*="yw-"]::before,
[class*="yw-"]::after {
  box-sizing: border-box;
}

html {
  scroll-padding-top: 110px;
  -webkit-text-size-adjust: 100%;
}

html body,
body[class*="elementor-kit-"] {
  margin: 0;
  background-color: var(--yw-sky-top);
  background-image: linear-gradient(180deg, var(--yw-sky-top) 0%, var(--yw-sky-mid) 45%, var(--yw-sky-end) 100%);
  color: var(--yw-text);
  font-family: var(--yw-font);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

::selection {
  background: rgba(54, 169, 225, .3);
  color: var(--yw-ink);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.elementor-widget-heading .elementor-heading-title {
  margin-top: 0;
  color: var(--yw-ink);
  font-family: var(--yw-font);
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.1;
}

body p {
  margin-top: 0;
}

body strong,
body b {
  color: var(--yw-ink);
  font-weight: 800;
}

body a {
  color: inherit;
}

.elementor-widget-text-editor a,
.yw-prose a {
  color: var(--yw-link);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(17, 104, 154, .35);
  text-underline-offset: 4px;
  transition: text-decoration-color var(--yw-fast) ease;
}

.elementor-widget-text-editor a:hover,
.yw-prose a:hover {
  text-decoration-color: var(--yw-link);
}

body img {
  max-width: 100%;
  height: auto;
}

body :focus-visible {
  outline: 3px solid var(--yw-accent-bright);
  outline-offset: 3px;
}

body hr {
  height: 1px;
  margin: 32px 0;
  border: 0;
  background: var(--yw-line);
}

.yw-hero-title,
.yw-hero-title .elementor-heading-title {
  max-width: 12em;
  font-size: clamp(2.8rem, 6vw, 5.4rem);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.025em;
}

.yw-page-title,
.yw-page-title .elementor-heading-title {
  max-width: 14em;
  font-size: clamp(2.5rem, 5vw, 4.4rem);
  line-height: 1.04;
  letter-spacing: -.025em;
}

.yw-section-title,
.yw-section-title .elementor-heading-title {
  max-width: 16em;
  font-size: clamp(2rem, 3.6vw, 3.2rem);
  line-height: 1.08;
  letter-spacing: -.02em;
}

.yw-cta-title,
.yw-cta-title .elementor-heading-title {
  max-width: 12em;
  font-size: clamp(2.2rem, 4.4vw, 3.8rem);
  line-height: 1.04;
  letter-spacing: -.025em;
}

.yw-title-md,
.yw-title-md .elementor-heading-title {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 1.1;
}

.yw-card-title,
.yw-card-title .elementor-heading-title {
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.01em;
}

.yw-lead,
.yw-lead p,
.yw-lead.elementor-widget-text-editor {
  max-width: 32em;
  color: var(--yw-text);
  font-size: 19px;
  line-height: 1.6;
}

.yw-small,
.yw-small p {
  font-size: 15px;
  line-height: 1.55;
}

.yw-muted,
.yw-muted p {
  color: var(--yw-muted);
}

.yw-ink,
.yw-ink p {
  color: var(--yw-ink);
}

.yw-kicker,
.yw-kicker p,
.yw-kicker .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin: 0 0 22px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--yw-accent-ink);
  font-family: var(--yw-font);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.4;
}

.yw-kicker::before,
.yw-kicker .elementor-heading-title::before {
  content: "";
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #FFFFFF 0%, #7FD0F3 35%, #1478B0 100%);
  box-shadow: 0 0 0 3px rgba(54, 169, 225, .18);
}

.elementor-widget.yw-kicker::before {
  display: none;
}

.yw-container {
  width: 100%;
  max-width: var(--yw-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--yw-gutter);
  padding-right: var(--yw-gutter);
}

.yw-section {
  position: relative;
  padding-top: var(--yw-section);
  padding-bottom: var(--yw-section);
}

.yw-section--tight-top { padding-top: 40px; }
.yw-section--tight-bottom { padding-bottom: 40px; }

.yw-sec-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 820px;
  margin: 0 auto 48px;
  text-align: center;
}

.yw-sec-head > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.yw-sec-head .yw-section-title {
  max-width: 18em;
  margin-bottom: 0;
}

.yw-sec-head > p {
  max-width: 36em;
  margin: 18px 0 0;
}

.yw-sec-head .yw-btn-row {
  justify-content: center;
  margin-top: 28px;
}

.yw-bg-sky {
  background-color: var(--yw-sky-top);
  background-image: linear-gradient(180deg, var(--yw-sky-top) 0%, var(--yw-sky-mid) 55%, var(--yw-sky-end) 100%);
}

.yw-bg-white {
  background: rgba(255, 255, 255, .55);
}

.yw-bg-deep {
  background: var(--yw-deep);
  color: var(--yw-on-deep-soft);
}

.yw-bg-deep h1,
.yw-bg-deep h2,
.yw-bg-deep h3,
.yw-bg-deep .elementor-heading-title {
  color: var(--yw-on-deep);
}

.yw-bubbles {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.yw-bubbles::before,
.yw-bubbles::after,
.yw-bubble {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle at 30% 28%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .35) 32%, rgba(255, 255, 255, .08) 62%, rgba(255, 255, 255, 0) 72%);
  animation: yw-float 9s ease-in-out infinite;
}

.yw-bubbles::before {
  top: 12%;
  right: 6%;
  width: 220px;
  height: 220px;
}

.yw-bubbles::after {
  bottom: 10%;
  left: -40px;
  width: 140px;
  height: 140px;
  animation-delay: -4s;
}

.yw-btn,
.elementor-widget.yw-primary .elementor-button,
.elementor-widget.yw-secondary .elementor-button,
.elementor-widget-form .elementor-form .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 26px;
  border: 1px solid transparent;
  border-radius: var(--yw-pill);
  font-family: var(--yw-font);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  transition: transform var(--yw-fast) ease, box-shadow var(--yw-fast) ease, filter var(--yw-fast) ease;
}

.yw-btn--primary,
.elementor-widget.yw-primary .elementor-button,
.elementor-widget-form .elementor-form .elementor-button {
  background: var(--yw-gloss);
  color: #FFFFFF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -2px 6px rgba(0, 0, 0, .15), 0 8px 18px rgba(8, 80, 126, .28);
}

.yw-btn--primary:hover,
.yw-btn--primary:focus,
.elementor-widget.yw-primary .elementor-button:hover,
.elementor-widget.yw-primary .elementor-button:focus,
.elementor-widget-form .elementor-form .elementor-button:hover,
.elementor-widget-form .elementor-form .elementor-button:focus {
  background: var(--yw-gloss);
  color: #FFFFFF;
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), inset 0 -2px 6px rgba(0, 0, 0, .15), 0 12px 24px rgba(8, 80, 126, .32);
}

.yw-btn--secondary,
.elementor-widget.yw-secondary .elementor-button {
  border-color: var(--yw-glass-edge);
  background: rgba(255, 255, 255, .75);
  color: var(--yw-ink);
  box-shadow: var(--yw-shine), 0 6px 14px rgba(12, 80, 120, .12);
}

.yw-btn--secondary:hover,
.yw-btn--secondary:focus,
.elementor-widget.yw-secondary .elementor-button:hover,
.elementor-widget.yw-secondary .elementor-button:focus {
  background: #FFFFFF;
  color: var(--yw-ink);
  transform: translateY(-1px);
  box-shadow: var(--yw-shine), 0 10px 20px rgba(12, 80, 120, .16);
}

.yw-btn--white {
  background: linear-gradient(180deg, #FFFFFF 0%, #E3F4FD 100%);
  color: var(--yw-accent-deep);
  box-shadow: inset 0 1px 0 #FFFFFF, 0 8px 18px rgba(4, 40, 70, .25);
}

.yw-btn--white:hover,
.yw-btn--white:focus {
  color: var(--yw-accent-deep);
  transform: translateY(-1px);
}

.yw-btn--ghost-light {
  border-color: rgba(255, 255, 255, .55);
  background: rgba(255, 255, 255, .12);
  color: #FFFFFF;
}

.yw-btn--ghost-light:hover,
.yw-btn--ghost-light:focus {
  background: rgba(255, 255, 255, .22);
  color: #FFFFFF;
}

.yw-btn--link,
.elementor-widget.yw-link .elementor-button {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--yw-link);
  font-family: var(--yw-font);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(17, 104, 154, .35);
  text-underline-offset: 6px;
  box-shadow: none;
}

.yw-btn--link:hover,
.yw-btn--link:focus,
.elementor-widget.yw-link .elementor-button:hover,
.elementor-widget.yw-link .elementor-button:focus {
  background: transparent;
  color: var(--yw-link);
  text-decoration-color: var(--yw-link);
}

.yw-btn--sm,
.elementor-widget.yw-sm .elementor-button {
  min-height: 44px;
  padding: 0 20px;
  font-size: 15px;
}

.yw-btn--lg,
.elementor-widget.yw-lg .elementor-button {
  min-height: 58px;
  padding: 0 32px;
  font-size: 17px;
}

.yw-btn--block,
.elementor-widget.yw-block .elementor-button,
.elementor-widget.yw-block .elementor-button-wrapper {
  display: flex;
  width: 100%;
}

.yw-btn:active,
.elementor-widget.yw-primary .elementor-button:active,
.elementor-widget.yw-secondary .elementor-button:active,
.elementor-widget-form .elementor-form .elementor-button:active {
  transform: translateY(1px);
}

.yw-btn[disabled],
.yw-btn[aria-disabled="true"],
.elementor-widget-form .elementor-form .elementor-button[disabled] {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
}

.elementor-widget.yw-primary .elementor-button .elementor-button-text,
.elementor-widget.yw-secondary .elementor-button .elementor-button-text,
.elementor-widget.yw-link .elementor-button .elementor-button-text,
.elementor-widget-form .elementor-form .elementor-button .elementor-button-text {
  color: inherit;
}

.yw-btn-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.yw-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--yw-link);
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}

.yw-more svg {
  transition: transform var(--yw-fast) ease;
}

.yw-more:hover svg {
  transform: translateX(3px);
}

.yw-glass,
.yw-card,
.yw-panel,
.yw-float-card,
.yw-help,
.yw-plan,
.yw-table,
.yw-faq,
.yw-compare,
.yw-map {
  border: 1px solid var(--yw-glass-edge);
  background: var(--yw-glass);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: var(--yw-shine), var(--yw-shadow);
}

.yw-card {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 24px;
  border-radius: var(--yw-r);
  transition: transform var(--yw-med) var(--yw-ease), box-shadow var(--yw-med) ease;
}

.yw-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--yw-shine), var(--yw-shadow-lg);
}

.yw-card__vis {
  position: relative;
  flex: 1 1 auto;
  min-height: 150px;
  margin-bottom: 22px;
  padding: 18px;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-r-md);
  background: rgba(255, 255, 255, .7);
}

.yw-card p {
  margin: 6px 0 0;
  font-size: 16px;
}

.yw-ico {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(180deg, #36A9E1 0%, #0B5F94 100%);
  color: #FFFFFF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 6px 12px rgba(8, 80, 126, .25);
}

.yw-tag {
  display: inline-block;
  align-self: flex-start;
  margin: 14px 0 0;
  padding: 2px 12px;
  border-radius: var(--yw-pill);
  background: var(--yw-accent-soft);
  color: var(--yw-accent-ink);
  font-size: 13px;
  font-weight: 800;
}

.yw-panel {
  padding: 28px;
  border-radius: var(--yw-r-lg);
}

.yw-panel__vis {
  padding: 22px;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-r-md);
  background: rgba(255, 255, 255, .7);
}

.yw-float-card {
  width: 300px;
  padding: 18px 18px 14px;
  border-radius: var(--yw-r-md);
  background: var(--yw-glass-strong);
}

.yw-float-card__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--yw-ink);
  font-size: 15px;
  font-weight: 800;
}

.yw-float-card ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.yw-float-card li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .8);
  color: var(--yw-text);
  font-size: 14px;
  font-weight: 600;
}

.yw-cta-panel {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 72px 56px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: var(--yw-r-xl);
  background: var(--yw-deep);
  color: var(--yw-on-deep-soft);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 30px 60px rgba(8, 80, 126, .3);
}

.yw-cta-panel h1,
.yw-cta-panel h2,
.yw-cta-panel h3,
.yw-cta-panel .elementor-heading-title {
  color: #FFFFFF;
}

.yw-cta-panel .yw-kicker {
  color: #FFFFFF;
}

.yw-cta-panel .yw-kicker::before {
  background: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

.yw-cta-panel .yw-lead,
.yw-cta-panel p {
  color: var(--yw-on-deep-soft);
}

.yw-cta-panel::before,
.yw-cta-panel::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle at 30% 28%, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .14) 34%, rgba(255, 255, 255, 0) 70%);
  animation: yw-float 10s ease-in-out infinite;
}

.yw-cta-panel::before {
  top: -60px;
  right: 8%;
  width: 260px;
  height: 260px;
}

.yw-cta-panel::after {
  bottom: -50px;
  right: 34%;
  width: 120px;
  height: 120px;
  animation-delay: -5s;
}

.yw-ticks {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.yw-ticks li {
  position: relative;
  padding-left: 32px;
}

.yw-ticks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .22em;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--yw-gloss);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
}

.yw-ticks li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: calc(.22em + 5px);
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.yw-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border-radius: var(--yw-r-lg);
}

.yw-compare > div {
  padding: 36px 36px 40px;
}

.yw-compare h3 {
  margin: 0;
  font-size: 22px;
}

.yw-compare ul {
  display: grid;
  gap: 4px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.yw-compare li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 0;
  border-top: 1px solid var(--yw-line);
  font-size: 17px;
}

.yw-compare__old li {
  color: var(--yw-muted);
}

.yw-compare__old li span {
  position: relative;
}

.yw-compare__old li span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 54%;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: rgba(69, 98, 115, .6);
}

.yw-compare__new {
  border-left: 1px solid var(--yw-glass-edge);
  background: rgba(255, 255, 255, .7);
}

.yw-compare__new h3 {
  color: var(--yw-accent-deep);
}

.yw-compare__new li {
  color: var(--yw-ink);
  font-weight: 600;
}

.yw-bento {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

.yw-span-2 { grid-column: span 2; }
.yw-span-3 { grid-column: span 3; }
.yw-span-4 { grid-column: span 4; }
.yw-span-6 { grid-column: 1 / -1; }
.yw-row-2 { grid-row: span 2; }

.yw-sk {
  display: block;
  height: 8px;
  border-radius: 4px;
  background: #CFE6F2;
}

.yw-sk--hi { background: #A9D3E8; }

.yw-sk--title {
  width: 52%;
  height: 12px;
  background: #8EC6E2;
}

.yw-sk + .yw-sk { margin-top: 8px; }

.yw-mark {
  display: block;
  height: 8px;
  margin-top: 8px;
  border-radius: 4px;
  background: rgba(54, 169, 225, .55);
}

.yw-ad {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-r-sm);
  background: #FFFFFF;
}

.yw-scan {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--yw-accent-bright), transparent);
  animation: yw-scan 3.6s ease-in-out infinite;
}

.yw-signals {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.yw-signals li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--yw-glass-edge);
  border-radius: 12px;
  background: rgba(255, 255, 255, .85);
  color: var(--yw-ink);
  font-size: 14px;
  font-weight: 600;
}

.yw-searchbar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border: 1px solid var(--yw-line-2);
  border-radius: var(--yw-pill);
  background: #FFFFFF;
}

.yw-caret {
  width: 2px;
  height: 16px;
  background: var(--yw-accent);
  animation: yw-blink 1.1s steps(1) infinite;
}

.yw-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0;
}

.yw-filters span {
  padding: 4px 12px;
  border-radius: var(--yw-pill);
  background: var(--yw-accent-soft);
  color: var(--yw-accent-ink);
  font-size: 13px;
  font-weight: 700;
}

.yw-row-sk {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--yw-line);
}

.yw-row-sk > .yw-grow { flex: 1 1 auto; }

.yw-toggle {
  display: inline-flex;
  margin-top: 14px;
  padding: 3px;
  border-radius: var(--yw-pill);
  background: rgba(11, 42, 60, .08);
}

.yw-toggle span {
  padding: 6px 14px;
  border-radius: var(--yw-pill);
  color: var(--yw-muted);
  font-size: 13px;
  font-weight: 700;
}

.yw-toggle span.is-on {
  background: #FFFFFF;
  color: var(--yw-ink);
  box-shadow: 0 2px 6px rgba(12, 80, 120, .15);
}

.yw-pages {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
}

.yw-pg {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 86px;
  aspect-ratio: 210 / 297;
  padding: 10px 9px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0 8px 18px rgba(12, 80, 120, .14);
}

.yw-pg i {
  display: block;
  height: 3px;
  border-radius: 2px;
  background: #CFE6F2;
}

.yw-pg i.n { width: 60%; height: 6px; background: #0B2A3C; }
.yw-pg i.a { width: 42%; margin-bottom: 4px; background: #36A9E1; }
.yw-pg i.h { width: 36%; margin-top: 4px; background: #456273; }

.yw-files {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.yw-files span {
  padding: 4px 12px;
  border-radius: var(--yw-pill);
  background: var(--yw-accent-soft);
  color: var(--yw-accent-ink);
  font-size: 12px;
  font-weight: 800;
}

.yw-lanes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.yw-lane {
  min-width: 0;
  padding: 8px 6px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .8);
}

.yw-lane b {
  display: block;
  overflow: hidden;
  margin-bottom: 6px;
  color: var(--yw-muted);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.yw-lane em {
  display: block;
  height: 22px;
  border-radius: 8px;
  background: #D9ECF6;
}

.yw-lane em + em { margin-top: 5px; }
.yw-lane.is-last em:first-of-type { background: linear-gradient(180deg, #7FCBEE, #36A9E1); }

.yw-ba {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.yw-ba > div {
  padding: 14px;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-r-sm);
  background: rgba(255, 255, 255, .85);
}

.yw-ba b {
  display: block;
  margin-bottom: 10px;
  color: var(--yw-muted);
  font-size: 12px;
  font-weight: 700;
}

.yw-ba .is-after { border-color: rgba(54, 169, 225, .55); }
.yw-ba .is-after b { color: var(--yw-accent-ink); }

.yw-journey {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
  padding-top: 40px;
}

.yw-journey__track,
.yw-journey__fill {
  position: absolute;
  left: 12px;
  right: 12px;
  top: 12px;
  height: 0;
  border-top: 2px dashed rgba(20, 120, 176, .3);
}

.yw-journey__fill {
  right: auto;
  width: calc(100% - 24px);
  border-top: 3px solid var(--yw-accent-bright);
  border-radius: 3px;
}

.yw-stop {
  position: relative;
}

.yw-stop__dot {
  position: absolute;
  top: -40px;
  left: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 28%, #FFFFFF 0%, #BFEFFF 24%, #36A9E1 62%, #0B5F94 100%);
  box-shadow: 0 6px 12px rgba(8, 80, 126, .3);
}

.yw-stop h3 {
  margin: 18px 0 0;
  font-size: 24px;
}

.yw-stop p {
  max-width: 18em;
  margin: 8px 0 0;
}

.yw-facts {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--yw-line);
}

.yw-facts > div {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 4px 16px;
  padding: 18px 0;
  border-bottom: 1px solid var(--yw-line);
}

.yw-facts svg {
  grid-row: span 2;
  margin-top: 3px;
  color: var(--yw-accent);
}

.yw-facts dt {
  color: var(--yw-ink);
  font-size: 18px;
  font-weight: 800;
}

.yw-facts dd {
  grid-column: 2;
  margin: 0;
}

.yw-map {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-radius: var(--yw-r-lg);
}

.yw-map canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.yw-plans {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  max-width: 980px;
}

.yw-plan {
  display: flex;
  flex-direction: column;
  padding: 32px 30px;
  border-radius: var(--yw-r-lg);
}

.yw-plan h3 {
  margin: 0;
  font-size: 22px;
}

.yw-plan__sub {
  margin: 6px 0 0;
  color: var(--yw-muted);
  font-size: 15px;
}

.yw-price {
  margin: 24px 0 0;
  color: var(--yw-ink);
  font-size: clamp(3rem, 5vw, 4.2rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
}

.yw-price--tbc {
  font-size: clamp(1.5rem, 2.3vw, 2rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.01em;
}

.yw-plan .yw-ticks {
  margin: 26px 0 30px;
}

.yw-plan .yw-btn {
  align-self: flex-start;
  margin-top: auto;
}

.yw-plan--inverted {
  border-color: rgba(255, 255, 255, .35);
  background: var(--yw-deep);
  color: var(--yw-on-deep-soft);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 24px 50px rgba(8, 80, 126, .3);
}

.yw-plan--inverted h3,
.yw-plan--inverted .yw-price {
  color: #FFFFFF;
}

.yw-plan--inverted .yw-plan__sub {
  color: var(--yw-on-deep-soft);
}

.yw-plan--inverted .yw-ticks li::before {
  background: #FFFFFF;
}

.yw-plan--inverted .yw-ticks li::after {
  background: var(--yw-accent-deep);
}

.yw-assure {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  max-width: 980px;
  margin-top: 28px;
}

.yw-assure > div {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-r-md);
  background: rgba(255, 255, 255, .55);
  font-size: 15px;
}

.yw-assure svg {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--yw-accent);
}

.yw-assure b {
  display: block;
  color: var(--yw-ink);
  font-weight: 800;
}

.yw-table {
  overflow-x: auto;
  border-radius: var(--yw-r);
}

.yw-table table {
  width: 100%;
  min-width: 560px;
  margin: 0;
  border-collapse: collapse;
  border: 0;
  font-size: 16px;
}

.yw-table th,
.yw-table td {
  padding: 16px 24px;
  border: 0;
  border-bottom: 1px solid var(--yw-line);
  background: transparent;
  text-align: left;
  vertical-align: top;
}

.yw-table thead th {
  background: rgba(255, 255, 255, .7);
  color: var(--yw-ink);
  font-weight: 800;
}

.yw-table tbody th {
  color: var(--yw-ink);
  font-weight: 700;
}

.yw-table tbody tr:last-child th,
.yw-table tbody tr:last-child td {
  border-bottom: 0;
}

.yw-table .is-no {
  color: var(--yw-muted);
}

.yw-faq-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: start;
  gap: 56px;
}

.yw-faq-side {
  position: sticky;
  top: 120px;
}

.yw-rule {
  width: 64px;
  height: 4px;
  margin: 26px 0;
  border-radius: 4px;
  background: var(--yw-gloss);
}

.yw-help {
  max-width: 360px;
  padding: 22px;
  border-radius: var(--yw-r-md);
}

.yw-help b {
  display: block;
  color: var(--yw-ink);
  font-size: 17px;
  font-weight: 800;
}

.yw-help p {
  margin: 6px 0 16px;
  font-size: 15px;
}

.yw-faq {
  overflow: hidden;
  padding: 0 24px;
  border-radius: var(--yw-r);
}

.yw-faq details {
  border-bottom: 1px solid var(--yw-line);
}

.yw-faq details:last-child {
  border-bottom: 0;
}

.yw-faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 72px;
  color: var(--yw-ink);
  font-size: 18px;
  font-weight: 800;
  list-style: none;
  cursor: pointer;
}

.yw-faq summary::-webkit-details-marker {
  display: none;
}

.yw-faq summary > span:first-child {
  flex: 1 1 auto;
}

.yw-faq__icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--yw-gloss);
  color: #FFFFFF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 4px 10px rgba(8, 80, 126, .25);
  transition: transform .2s ease;
}

.yw-faq details[open] .yw-faq__icon {
  transform: rotate(45deg);
}

.yw-faq details p {
  margin: 0;
  padding: 0 52px 24px 0;
}

.yw-page-head {
  position: relative;
  padding: 190px 0 84px;
}

.yw-jump {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 10px;
  margin-top: 44px;
}

.yw-jump a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-pill);
  background: rgba(255, 255, 255, .62);
  color: var(--yw-ink);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: var(--yw-shine), 0 6px 14px rgba(12, 80, 120, .1);
  transition: transform var(--yw-fast) ease, background-color var(--yw-fast) ease;
}

.yw-jump a:hover {
  background: #FFFFFF;
  transform: translateY(-1px);
}

.yw-jump svg {
  flex: 0 0 auto;
  color: var(--yw-accent);
}

.yw-svc {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 64px;
  padding: 88px 0;
  border-top: 1px solid rgba(255, 255, 255, .8);
}

.yw-svc--flip .yw-svc__copy {
  order: 2;
}

.yw-plan-tag {
  display: inline-block;
  margin: 0;
  padding: 3px 12px;
  border-radius: var(--yw-pill);
  background: var(--yw-accent-soft);
  color: var(--yw-accent-ink);
  font-size: 14px;
  font-weight: 800;
}

.yw-soon {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.yw-soon li {
  padding: 16px 18px;
  border: 1px dashed rgba(20, 120, 176, .4);
  border-radius: var(--yw-r-md);
  background: rgba(255, 255, 255, .4);
  color: var(--yw-ink);
  font-weight: 700;
}

.yw-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
}

.yw-orb {
  position: relative;
  width: 100%;
  max-width: 380px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 28%, #FFFFFF 0%, #BFEFFF 22%, #47B8E8 58%, #0F78B2 100%);
  box-shadow: inset 0 -18px 40px rgba(8, 60, 100, .35), 0 24px 50px rgba(15, 120, 178, .25);
}

.yw-orb::after {
  content: "";
  position: absolute;
  left: 18%;
  top: 9%;
  width: 46%;
  height: 24%;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
}

.yw-globe {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: -6vw;
  width: min(76vw, 960px);
  height: min(76vw, 960px);
  transform: translateY(-50%);
  pointer-events: none;
}

.yw-watermark {
  margin: 0;
  color: rgba(255, 255, 255, .55);
  -webkit-text-stroke: 1px rgba(255, 255, 255, .95);
  font-family: var(--yw-font);
  font-size: min(15vw, 14rem);
  font-weight: 900;
  line-height: .85;
  letter-spacing: -.02em;
  white-space: nowrap;
  text-shadow: 0 10px 30px rgba(12, 80, 120, .1);
  pointer-events: none;
  user-select: none;
}

.elementor-widget-form .elementor-field-group > label,
.elementor-widget-form .elementor-field-label {
  margin-bottom: 8px;
  color: var(--yw-ink);
  font-family: var(--yw-font);
  font-size: 15px;
  font-weight: 700;
}

.elementor-widget-form .elementor-field-group .elementor-field,
.elementor-widget-form .elementor-field-group .elementor-select-wrapper select,
.yw-input {
  width: 100%;
  min-height: 52px;
  padding: 12px 18px;
  border: 1px solid rgba(11, 42, 60, .16);
  border-radius: var(--yw-r-sm);
  background: rgba(255, 255, 255, .9);
  box-shadow: inset 0 1px 2px rgba(11, 42, 60, .06);
  color: var(--yw-ink);
  font-family: var(--yw-font);
  font-size: 16px;
  transition: border-color var(--yw-fast) ease, box-shadow var(--yw-fast) ease;
}

.elementor-widget-form .elementor-field-group textarea.elementor-field,
textarea.yw-input {
  min-height: 150px;
  line-height: 1.55;
  resize: vertical;
}

.elementor-widget-form .elementor-field-group .elementor-field::placeholder,
.yw-input::placeholder {
  color: #6A8596;
  opacity: 1;
}

.elementor-widget-form .elementor-field-group .elementor-field:focus,
.yw-input:focus {
  border-color: var(--yw-accent);
  box-shadow: 0 0 0 4px rgba(54, 169, 225, .22);
  outline: none;
}

.elementor-widget-form .elementor-message {
  color: var(--yw-ink);
  font-family: var(--yw-font);
  font-size: 15px;
  font-weight: 600;
}

.elementor-widget-form .elementor-message.elementor-message-danger,
.elementor-widget-form .elementor-error .elementor-field {
  border-color: #C2410C;
}

.elementor-widget-form .elementor-message.elementor-message-danger {
  color: #B03A0A;
}

.elementor-widget-form .elementor-message.elementor-message-success {
  color: #1F7A4A;
}

.elementor-widget-form .elementor-field-type-acceptance label,
.elementor-widget-form .elementor-field-subgroup label {
  color: var(--yw-text);
  font-size: 15px;
}


.yw-app {
  position: relative;
  width: 100%;
  max-width: 560px;
  overflow: hidden;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-r-lg);
  background: rgba(255, 255, 255, .66);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: var(--yw-shine), 0 30px 60px rgba(15, 120, 178, .18);
}

.yw-app__tabs {
  display: flex;
  gap: 4px;
  padding: 8px;
  border-bottom: 1px solid var(--yw-glass-edge);
  background: rgba(255, 255, 255, .5);
}

.yw-app .yw-app__tab {
  flex: 1 1 0;
  min-height: 44px;
  margin: 0;
  padding: 0 12px;
  border: 0;
  border-radius: var(--yw-pill);
  background: transparent;
  color: var(--yw-muted);
  font-family: var(--yw-font);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: background-color var(--yw-fast) ease, color var(--yw-fast) ease;
}

.yw-app .yw-app__tab:hover {
  background: rgba(255, 255, 255, .8);
  color: var(--yw-ink);
}

.yw-app .yw-app__tab:focus {
  background: rgba(255, 255, 255, .8);
  color: var(--yw-ink);
}

.yw-app .yw-app__tab[aria-selected="true"] {
  background: var(--yw-gloss);
  color: #FFFFFF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 6px 14px rgba(8, 80, 126, .25);
}

.yw-app__panel {
  padding: 22px 22px 0;
}

.yw-app__panel[hidden] {
  display: none;
}

.yw-app__panel.is-in {
  animation: yw-panel .32s var(--yw-ease) both;
}

.yw-app__stage {
  min-height: 268px;
}

.yw-app__note {
  margin: 20px -22px 0;
  padding: 14px 22px 18px;
  border-top: 1px solid var(--yw-glass-edge);
  background: rgba(255, 255, 255, .45);
  color: var(--yw-text);
  font-size: 15px;
  font-weight: 600;
}

.yw-searchbar__text {
  color: var(--yw-muted);
  font-size: 14px;
  font-weight: 700;
}

.yw-ui-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-r-sm);
  background: rgba(255, 255, 255, .88);
}

.yw-ui-row + .yw-ui-row {
  margin-top: 8px;
}

.yw-ui-row .yw-grow {
  flex: 1 1 auto;
  min-width: 0;
}

.yw-ui-logo {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(180deg, #D6EEFA, #B5DFF3);
}

.yw-ui-text {
  color: var(--yw-ink);
  font-size: 14px;
  font-weight: 700;
}

.yw-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 3px 10px;
  border-radius: var(--yw-pill);
  background: #DDF7EA;
  color: #17603D;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.yw-checklist {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.yw-checklist li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .88);
  color: var(--yw-ink);
  font-size: 14px;
  font-weight: 700;
}

.yw-checklist svg {
  flex: 0 0 auto;
  color: #1F8A55;
}

.yw-verdict {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: var(--yw-r-sm);
  background: linear-gradient(180deg, #E6F9EF, #D3F2E3);
  color: #17603D;
  font-size: 15px;
  font-weight: 800;
}

.yw-dl {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}

.yw-dl span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: var(--yw-pill);
  background: var(--yw-gloss);
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 800;
}

.yw-dl span + span {
  background: rgba(255, 255, 255, .92);
  color: var(--yw-ink);
  box-shadow: 0 4px 10px rgba(12, 80, 120, .1);
}

.yw-checker {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: stretch;
  gap: 18px;
}

.yw-checker__input,
.yw-checker__out {
  padding: 24px;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-r-lg);
  background: var(--yw-glass);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: var(--yw-shine), var(--yw-shadow);
}

.yw-checker label {
  display: block;
  margin: 0 0 10px;
  color: var(--yw-ink);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
}

.yw-checker textarea.yw-input {
  display: block;
  min-height: 250px;
}

.yw-checker__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.yw-checker__count {
  margin-left: auto;
  color: var(--yw-muted);
  font-size: 13px;
  font-weight: 700;
}

.yw-checker__privacy {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 14px 0 0;
  color: var(--yw-muted);
  font-size: 14px;
  font-weight: 600;
}

.yw-checker__privacy svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--yw-accent);
}

.yw-checker__out h3 {
  margin: 0 0 12px;
  font-size: 18px;
}

.yw-checker__summary {
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: var(--yw-r-sm);
  background: rgba(255, 255, 255, .85);
  color: var(--yw-text);
  font-size: 15px;
  font-weight: 700;
}

.yw-checker__summary.is-clear {
  background: #E6F9EF;
  color: #17603D;
}

.yw-checker__summary.is-warn {
  background: #FFF1E0;
  color: #8A4B0B;
}

.yw-signal-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.yw-signal {
  padding: 11px 14px;
  border-radius: var(--yw-r-sm);
  background: rgba(255, 255, 255, .8);
}

.yw-signal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--yw-ink);
  font-size: 15px;
  font-weight: 800;
}

.yw-signal__state {
  flex: 0 0 auto;
  padding: 2px 10px;
  border-radius: var(--yw-pill);
  background: rgba(11, 42, 60, .06);
  color: var(--yw-muted);
  font-size: 12px;
  font-weight: 800;
}

.yw-signal.is-hit {
  background: #FFF6EA;
  box-shadow: inset 0 0 0 1px rgba(194, 104, 10, .28);
}

.yw-signal.is-hit .yw-signal__state {
  background: #FFE2BF;
  color: #7A4108;
}

.yw-signal__found {
  margin: 6px 0 0;
  color: #6B3B08;
  font-size: 14px;
  line-height: 1.5;
}

.yw-signal__found mark {
  padding: 0 4px;
  border-radius: 4px;
  background: #FFE2BF;
  color: #5A3106;
}

.yw-checker__note {
  margin: 12px 0 0;
  color: var(--yw-muted);
  font-size: 13px;
  font-weight: 600;
}

.yw-pricing {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 18px;
}

.yw-pricing__intro {
  padding-right: 12px;
}

.yw-pricing__intro > p:not(.yw-kicker) {
  margin: 0;
}

.yw-promises {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.yw-promises li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  line-height: 1.5;
}

.yw-promises svg {
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--yw-accent);
}

.yw-promises b {
  display: block;
  color: var(--yw-ink);
}

.yw-tier {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 28px 24px 24px;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-r-lg);
  background: var(--yw-glass);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: var(--yw-shine), var(--yw-shadow);
}

.yw-tier__name {
  margin: 0;
  color: var(--yw-ink);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}

.yw-tier__for {
  min-height: 2.9em;
  margin: 6px 0 0;
  color: var(--yw-muted);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.yw-tier__price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 22px 0 0;
  color: var(--yw-ink);
}

.yw-tier__price b {
  color: inherit;
  font-size: clamp(2.6rem, 3.6vw, 3.4rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
}

.yw-tier__price span {
  color: var(--yw-muted);
  font-size: 15px;
  font-weight: 700;
}

.yw-tier__terms {
  margin: 10px 0 0;
  color: var(--yw-text);
  font-size: 14px;
  font-weight: 700;
}

.yw-tier .yw-ticks {
  gap: 10px;
  margin: 22px 0 26px;
  font-size: 15px;
}

.yw-tier .yw-btn {
  align-self: stretch;
  margin-top: auto;
}

.yw-tier__flag {
  position: absolute;
  top: -13px;
  right: 20px;
  padding: 4px 12px;
  border-radius: var(--yw-pill);
  background: linear-gradient(180deg, #FFFFFF, #E3F4FD);
  color: var(--yw-accent-deep);
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 6px 14px rgba(8, 80, 126, .2);
}

.yw-tier--featured {
  border-color: rgba(255, 255, 255, .35);
  background: var(--yw-deep);
  color: var(--yw-on-deep-soft);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 24px 50px rgba(8, 80, 126, .3);
}

.yw-tier--featured .yw-tier__name,
.yw-tier--featured .yw-tier__price {
  color: #FFFFFF;
}

.yw-tier--featured .yw-tier__for,
.yw-tier--featured .yw-tier__price span,
.yw-tier--featured .yw-tier__terms {
  color: var(--yw-on-deep-soft);
}

.yw-tier--featured .yw-ticks li::before {
  background: #FFFFFF;
}

.yw-tier--featured .yw-ticks li::after {
  background: var(--yw-accent-deep);
}

.yw-matrix {
  margin-top: 72px;
}

.yw-matrix__title {
  margin: 0 0 6px;
  font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  text-align: center;
}

.yw-matrix__lead {
  margin: 0 0 22px;
  text-align: center;
}

.yw-matrix__panel {
  position: relative;
  overflow-x: auto;
  border: 1px solid var(--yw-glass-edge);
  border-radius: var(--yw-r-lg);
  background: var(--yw-glass);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: var(--yw-shine), var(--yw-shadow);
}

.yw-matrix table {
  width: 100%;
  min-width: 660px;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 15px;
}

.yw-matrix col.yw-matrix__fcol {
  width: 34%;
}

.yw-matrix th,
.yw-matrix td {
  padding: 15px 20px;
  border: 0;
  border-bottom: 1px solid var(--yw-line);
  background: transparent;
  color: var(--yw-text);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
}

.yw-matrix tbody th[scope="row"] {
  color: var(--yw-ink);
  font-weight: 700;
  text-align: left;
}

.yw-matrix thead th {
  padding: 22px 20px 18px;
  border-bottom: 1px solid var(--yw-line-2);
  vertical-align: bottom;
}

.yw-matrix thead th:first-child {
  color: var(--yw-muted);
  font-size: 14px;
  font-weight: 800;
  text-align: left;
}

.yw-matrix__plan {
  display: block;
  color: var(--yw-ink);
  font-size: 16px;
  font-weight: 800;
}

.yw-matrix__price {
  display: block;
  margin-top: 3px;
  color: var(--yw-muted);
  font-size: 14px;
  font-weight: 700;
}

.yw-matrix tr.is-group th {
  padding: 11px 20px;
  color: var(--yw-accent-ink);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .01em;
  text-align: left;
}

.yw-matrix table tbody > tr:nth-child(n) > th,
.yw-matrix table tbody > tr:nth-child(n) > td {
  background-color: transparent;
}

.yw-matrix table tbody > tr.is-group:nth-child(n) > th {
  background-color: rgba(214, 242, 255, .6);
}

.yw-matrix table > * > tr:nth-child(n) > .is-featured {
  background-color: rgba(20, 120, 176, .07);
}

.yw-matrix table thead > tr:nth-child(n) > th.is-featured {
  background-color: rgba(20, 120, 176, .11);
}

.yw-matrix thead .is-featured .yw-matrix__plan {
  color: var(--yw-accent-deep);
}

.yw-matrix table tbody > tr:not(.is-group):hover > th,
.yw-matrix table tbody > tr:not(.is-group):hover > td {
  background-color: rgba(255, 255, 255, .6);
}

.yw-matrix table tbody > tr:not(.is-group):hover > td.is-featured {
  background-color: rgba(20, 120, 176, .1);
}

.yw-matrix tbody tr:last-child th,
.yw-matrix tbody tr:last-child td {
  border-bottom: 0;
}

.yw-matrix .yw-yes,
.yw-matrix .yw-no {
  margin: 0 auto;
}

.yw-yes {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--yw-gloss);
  color: #FFFFFF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
}

.yw-no {
  display: block;
  flex: 0 0 auto;
  width: 14px;
  height: 2px;
  border-radius: 2px;
  background: rgba(11, 42, 60, .28);
}

.yw-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.yw-qa {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 56px;
  border-top: 2px solid rgba(20, 120, 176, .25);
}

.yw-qa__item {
  padding: 26px 0 28px;
  border-bottom: 1px solid var(--yw-line);
}

.yw-qa__item h3 {
  margin: 0;
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: -.01em;
}

.yw-qa__item p {
  max-width: 34em;
  margin: 10px 0 0;
}

.yw-qa-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 20px;
  margin-top: 30px;
  color: var(--yw-ink);
  font-weight: 700;
}

.yw-qa-foot p {
  margin: 0;
}

.yw-acc {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 0 56px;
  border-top: 2px solid rgba(20, 120, 176, .25);
}

.yw-acc__col {
  min-width: 0;
}

.yw-acc details {
  border-bottom: 1px solid var(--yw-line);
}

.yw-acc summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 74px;
  padding: 18px 0;
  color: var(--yw-ink);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.01em;
  list-style: none;
  cursor: pointer;
  transition: color var(--yw-fast) ease;
}

.yw-acc summary::-webkit-details-marker {
  display: none;
}

.yw-acc summary:hover {
  color: var(--yw-accent-deep);
}

.yw-acc__icon {
  position: relative;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border: 1.5px solid rgba(20, 120, 176, .35);
  border-radius: 50%;
  transition: background-color .2s ease, border-color .2s ease;
}

.yw-acc__icon::before,
.yw-acc__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  border-radius: 2px;
  background: var(--yw-accent);
  transition: transform .2s ease, background-color .2s ease;
}

.yw-acc__icon::after {
  transform: rotate(90deg);
}

.yw-acc details[open] .yw-acc__icon {
  border-color: var(--yw-accent);
  background: var(--yw-accent);
}

.yw-acc details[open] .yw-acc__icon::before,
.yw-acc details[open] .yw-acc__icon::after {
  background: #FFFFFF;
}

.yw-acc details[open] .yw-acc__icon::after {
  transform: rotate(0deg);
}

.yw-acc__body {
  padding: 0 50px 24px 0;
}

.yw-acc__body p {
  max-width: 34em;
  margin: 0;
}

.yw-acc details[open] .yw-acc__body {
  animation: yw-panel .3s var(--yw-ease) both;
}

@keyframes yw-panel {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}

@keyframes yw-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}

@keyframes yw-scan {
  0% { top: 0; opacity: 0; }
  10% { opacity: 1; }
  50% { top: calc(100% - 3px); opacity: 1; }
  60% { opacity: 0; }
  100% { top: calc(100% - 3px); opacity: 0; }
}

@keyframes yw-blink {
  50% { opacity: 0; }
}

@keyframes yw-strike {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes yw-draw {
  from { width: 0; }
  to { width: calc(100% - 24px); }
}

@keyframes yw-draw-down {
  from { height: 0; }
  to { height: 100%; }
}

@supports (animation-timeline: view()) {
  .yw-compare__old li span::after {
    animation: yw-strike linear both;
    animation-timeline: view();
    animation-range: entry 40% cover 45%;
  }

  .yw-journey__fill {
    animation: yw-draw linear both;
    animation-timeline: view();
    animation-range: entry 60% cover 50%;
  }
}

@media (max-width: 1240px) {
  .yw-globe { right: -16vw; }
}

@media (max-width: 1040px) {
  .yw-faq-grid,
  .yw-svc {
    grid-template-columns: minmax(0, 1fr);
  }

  .yw-svc { gap: 40px; }
  .yw-svc--flip .yw-svc__copy { order: 0; }
  .yw-faq-side { position: static; }

  .yw-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yw-bento > .yw-span-2,
  .yw-bento > .yw-span-3 { grid-column: span 1; }
  .yw-bento > .yw-span-4,
  .yw-bento > .yw-span-6 { grid-column: 1 / -1; }
  .yw-bento > .yw-row-2 { grid-row: auto; }

  .yw-assure { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .yw-globe {
    right: -38vw;
    width: 128vw;
    height: 128vw;
    opacity: .45;
  }

  .yw-compare { grid-template-columns: minmax(0, 1fr); }
  .yw-compare > div { padding: 28px 22px 32px; }
  .yw-compare__new { border-left: 0; border-top: 1px solid var(--yw-glass-edge); }

  .yw-bento { grid-template-columns: minmax(0, 1fr); }
  .yw-bento > [class*="yw-span-"] { grid-column: 1 / -1; }
  .yw-signals { grid-template-columns: minmax(0, 1fr); }

  .yw-journey {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
    padding-top: 0;
    padding-left: 48px;
  }

  .yw-journey__track,
  .yw-journey__fill {
    left: 12px;
    right: auto;
    top: 0;
    bottom: 0;
    width: 0;
    height: auto;
    border-top: 0;
    border-left: 2px dashed rgba(20, 120, 176, .3);
  }

  .yw-journey__fill {
    height: 100%;
    border-left: 3px solid var(--yw-accent-bright);
  }

  .yw-stop__dot { top: 2px; left: -48px; }
  .yw-stop h3 { margin-top: 0; }

  .yw-plans,
  .yw-assure,
  .yw-soon { grid-template-columns: minmax(0, 1fr); }

  .yw-cta-panel {
    padding: 52px 24px;
    border-radius: var(--yw-r-lg);
  }

  .yw-page-head { padding-top: 170px; }
  .yw-faq details p { padding-right: 0; }
  .yw-float-card { display: none; }

  .yw-bubbles::before { width: 150px; height: 150px; }

  .yw-btn--block-mobile,
  .elementor-widget.yw-block-mobile .elementor-button,
  .elementor-widget.yw-block-mobile .elementor-button-wrapper {
    display: flex;
    width: 100%;
  }

  @supports (animation-timeline: view()) {
    .yw-journey__fill {
      width: 0;
      animation: yw-draw-down linear both;
      animation-timeline: view();
      animation-range: entry 20% cover 60%;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .yw-bubbles::before,
  .yw-bubbles::after,
  .yw-bubble,
  .yw-cta-panel::before,
  .yw-cta-panel::after,
  .yw-scan,
  .yw-caret,
  .yw-compare__old li span::after,
  .yw-journey__fill {
    animation: none !important;
  }

  .yw-scan { display: none; }

  .yw-btn,
  .yw-card,
  .yw-more svg,
  .yw-jump a,
  .yw-faq__icon,
  .elementor-widget.yw-primary .elementor-button,
  .elementor-widget.yw-secondary .elementor-button,
  .elementor-widget.yw-link .elementor-button,
  .elementor-widget-form .elementor-form .elementor-button {
    transition: none !important;
  }

  .yw-btn:hover,
  .yw-card:hover,
  .yw-jump a:hover {
    transform: none;
  }
}

@media (max-width: 1040px) {
  .yw-checker { grid-template-columns: minmax(0, 1fr); }
  .yw-pricing { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yw-pricing__intro { grid-column: 1 / -1; padding-right: 0; }
  .yw-promises { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .yw-pricing { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .yw-promises { grid-template-columns: minmax(0, 1fr); }
  .yw-qa { grid-template-columns: minmax(0, 1fr); }
  .yw-app__panel { padding: 18px 16px 0; }
  .yw-app__note { margin: 18px -16px 0; padding: 12px 16px 16px; }
  .yw-app .yw-app__tab { padding: 0 6px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .yw-app__panel.is-in { animation: none; }
  .yw-app .yw-app__tab { transition: none; }
}

@media (max-width: 860px) {
  .yw-acc { grid-template-columns: minmax(0, 1fr); }
  .yw-acc__body { padding-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .yw-acc details[open] .yw-acc__body { animation: none; }
  .yw-acc summary,
  .yw-acc__icon,
  .yw-acc__icon::before,
  .yw-acc__icon::after { transition: none; }
}
