.lp-root { position: relative; isolation: isolate; }
.lp-root :where(.tpl-05-partners, .tpl-06-integrate, .tpl-07-cta, .tpl-08-testimonials, .tpl-09-banner, .tpl-10-plan-summary, .tpl-11-coverage, .tpl-12-hot-cities, .tpl-13-image-block, .tpl-14-image-price-cta, .tpl-15-contact-lead, .tpl-16-use-case-nav, .tpl-17-icon-copy, .tpl-18-plan-detail, .tpl-19-copy-hero-image, .tpl-20-icon-copy-link, .tpl-21-faq, .tpl-22-title-left-desc-right, .tpl-23-title-desc-four-items, .tpl-24-icon-copy-simple) {
  color-scheme: light;
  --okey-orange: #ff4d12;
  --okey-orange-hover: #ff6a38;
  --okey-orange-active: #d93c08;
  --okey-orange-disabled: #f6b8a5;
  --okey-orange-foreground: #ffffff;
  --okey-orange-soft: #fff0e8;
  --okey-black: #0b0b0b;
  --okey-black-hover: #242424;
  --okey-black-active: #000000;
  --okey-black-disabled: #d9d3cc;
  --btn-light-bg: #ffffff;
  --btn-light-hover: #fff6f1;
  --btn-light-active: #ebe6e0;
  --btn-light-shadow-hover: 0 10px 28px rgba(255, 77, 18, 0.18);
  --btn-light-shadow-active: 0 4px 12px rgba(255, 77, 18, 0.1);
  --surface-page: #f7f6f2;
  --surface-section: #fbfaf7;
  --surface-card: #fffdf9;
  --surface-elevated: #ffffff;
  --surface-soft: #efebe5;
  --surface-disabled: #f1eeea;
  --surface-inverse: #0b0b0b;
  --surface-scrim: rgba(11, 11, 11, 0.65);
  --text-primary: #0b0b0b;
  --text-secondary: #625e59;
  --text-tertiary: #837d76;
  --text-placeholder: #a39c94;
  --text-disabled: #c2bbb3;
  --text-inverse: #fffdf9;
  --text-link: #356c91;
  --border-subtle: #e8e2db;
  --border-default: #d9d3cc;
  --border-strong: #a79e95;
  --border-focus: #ff4d12;
  --divider-subtle: #e8e2db;
  --divider-strong: #c7bfb6;
  --color-success: #2f7d4a;
  --color-warning: #9a6700;
  --color-error: #c23b33;
  --color-info: #356c91;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 40px;
  --radius-tag: 4px;
  --radius-control: 8px;
  --radius-card: 8px;
  --radius-panel: 12px;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --shadow-soft: 0 12px 32px rgba(28, 20, 14, 0.08);
  --shadow-elevated: 0 18px 48px rgba(28, 20, 14, 0.1);
  --container-max: 1360px;
  --header-height: 66px;
  --section-pad-y: 96px;
  --grid-gap: 24px;
  --page-gutter: clamp(20px, 3.4vw, 52px);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 160ms;
  --duration: 200ms;
  --duration-slow: 360ms;
  --control-h-sm: 32px;
  --control-h-md: 40px;
  --control-h-lg: 48px;
  --control-h-xl: 56px;
}
.lp-root :where(.tpl-05-partners, .tpl-06-integrate, .tpl-07-cta, .tpl-08-testimonials, .tpl-09-banner, .tpl-10-plan-summary, .tpl-11-coverage, .tpl-12-hot-cities, .tpl-13-image-block, .tpl-14-image-price-cta, .tpl-15-contact-lead, .tpl-16-use-case-nav, .tpl-17-icon-copy, .tpl-18-plan-detail, .tpl-19-copy-hero-image, .tpl-20-icon-copy-link, .tpl-21-faq, .tpl-22-title-left-desc-right, .tpl-23-title-desc-four-items, .tpl-24-icon-copy-simple) {
  --surface-inverse-soft: #121212;
}
.lp-root :where(.tpl-05-partners, .tpl-06-integrate, .tpl-07-cta, .tpl-08-testimonials, .tpl-09-banner, .tpl-10-plan-summary, .tpl-11-coverage, .tpl-12-hot-cities, .tpl-13-image-block, .tpl-14-image-price-cta, .tpl-15-contact-lead, .tpl-16-use-case-nav, .tpl-17-icon-copy, .tpl-18-plan-detail, .tpl-19-copy-hero-image, .tpl-20-icon-copy-link, .tpl-21-faq, .tpl-22-title-left-desc-right, .tpl-23-title-desc-four-items, .tpl-24-icon-copy-simple) {
  --font-display: "Manrope", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "SF Mono", "Menlo", "Consolas", monospace;
}
.lp-root *, .lp-root *::before, .lp-root *::after {
  box-sizing: border-box;
}
.lp-root html {
  min-width: 320px;
  scroll-behavior: smooth;
  background: var(--surface-page);
}
.lp-root body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--surface-page);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.lp-root img, .lp-root svg {
  display: block;
  max-width: 100%;
}
.lp-root h1, .lp-root h2, .lp-root h3, .lp-root h4, .lp-root p, .lp-root figure, .lp-root blockquote {
  margin: 0;
}
.lp-root ul, .lp-root ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp-root button, .lp-root a, .lp-root input, .lp-root textarea, .lp-root select {
  font: inherit;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}
.lp-root a {
  text-decoration: none;
}
.lp-root button {
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0;
}
.lp-root :focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-ui-skip-link {
  z-index: 100;
  padding: 10px 14px;
  border-radius: var(--radius-control);
  background: var(--okey-black);
  color: var(--text-inverse);
  font-size: 14px;
  font-weight: 700;
}
.lp-root .tpl-ui-container {
  width: min(100% - (var(--page-gutter) * 2), var(--container-max));
  margin-inline: auto;
}
.lp-root .tpl-ui-section {
  padding-block: var(--section-pad-y);
}
.lp-root .tpl-ui-section-head {
  max-width: 760px;
  margin-bottom: var(--space-7);
}
.lp-root .tpl-ui-section-head--center {
  margin-inline: auto;
  text-align: center;
}
.lp-root .tpl-ui-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--space-3);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--okey-orange);
}
.lp-root .tpl-ui-display {
  font-family: var(--font-display);
  font-size: clamp(40px, 6.2vw, 72px);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: var(--text-primary);
}
.lp-root .tpl-ui-h1 {
  font-family: var(--font-display);
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.035em;
}
.lp-root .tpl-ui-h2 {
  font-family: var(--font-display);
  font-size: clamp(32px, 4.2vw, 48px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.03em;
}
.lp-root .tpl-ui-h3 {
  font-family: var(--font-display);
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.lp-root .tpl-ui-lead {
  margin-top: var(--space-4);
  font-size: clamp(16px, 1.4vw, 18px);
  line-height: 1.6;
  color: var(--text-secondary);
}
.lp-root .tpl-ui-muted {
  color: var(--text-secondary);
}
.lp-root .tpl-ui-sr-only {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 1024px) {
  .lp-root :where(.tpl-05-partners, .tpl-06-integrate, .tpl-07-cta, .tpl-08-testimonials, .tpl-09-banner, .tpl-10-plan-summary, .tpl-11-coverage, .tpl-12-hot-cities, .tpl-13-image-block, .tpl-14-image-price-cta, .tpl-15-contact-lead, .tpl-16-use-case-nav, .tpl-17-icon-copy, .tpl-18-plan-detail, .tpl-19-copy-hero-image, .tpl-20-icon-copy-link, .tpl-21-faq, .tpl-22-title-left-desc-right, .tpl-23-title-desc-four-items, .tpl-24-icon-copy-simple) {
    --section-pad-y: 64px;
    --grid-gap: 16px;
  }
}
@media (max-width: 767px) {
  .lp-root :where(.tpl-05-partners, .tpl-06-integrate, .tpl-07-cta, .tpl-08-testimonials, .tpl-09-banner, .tpl-10-plan-summary, .tpl-11-coverage, .tpl-12-hot-cities, .tpl-13-image-block, .tpl-14-image-price-cta, .tpl-15-contact-lead, .tpl-16-use-case-nav, .tpl-17-icon-copy, .tpl-18-plan-detail, .tpl-19-copy-hero-image, .tpl-20-icon-copy-link, .tpl-21-faq, .tpl-22-title-left-desc-right, .tpl-23-title-desc-four-items, .tpl-24-icon-copy-simple) {
    --section-pad-y: 48px;
    --grid-gap: 12px;
  }
  .lp-root html, .lp-root body {
    overflow-x: clip;
  }
  .lp-root .tpl-ui-display, .lp-root .tpl-ui-h1, .lp-root .tpl-ui-h2, .lp-root .tpl-ui-h3, .lp-root .tpl-ui-lead, .lp-root .tpl-ui-section-head, .lp-root .hero__title {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root html {
    scroll-behavior: auto;
  }
  .lp-root *, .lp-root *::before, .lp-root *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.lp-root :where(.tpl-05-partners, .tpl-06-integrate, .tpl-07-cta, .tpl-08-testimonials, .tpl-09-banner, .tpl-10-plan-summary, .tpl-11-coverage, .tpl-12-hot-cities, .tpl-13-image-block, .tpl-14-image-price-cta, .tpl-15-contact-lead, .tpl-16-use-case-nav, .tpl-17-icon-copy, .tpl-18-plan-detail, .tpl-19-copy-hero-image, .tpl-20-icon-copy-link, .tpl-21-faq, .tpl-22-title-left-desc-right, .tpl-23-title-desc-four-items, .tpl-24-icon-copy-simple) {
  background: var(--surface-page);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.lp-root .tpl-ui-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: var(--control-h-lg);
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: transform var(--duration-fast) var(--ease-out),
    background-color var(--duration) ease,
    border-color var(--duration) ease,
    color var(--duration) ease,
    box-shadow var(--duration) ease;
}
.lp-root .tpl-ui-btn:hover {
  transform: translateY(-1px);
}
.lp-root .tpl-ui-btn:active {
  transform: translateY(0);
}
.lp-root .tpl-ui-btn--orange {
  background: var(--okey-orange);
  border-color: var(--okey-orange);
  color: var(--okey-orange-foreground);
}
.lp-root .tpl-ui-btn--orange:hover {
  background: var(--okey-orange-hover);
  border-color: var(--okey-orange-hover);
}
.lp-root .tpl-ui-btn--orange:active {
  background: var(--okey-orange-active);
  border-color: var(--okey-orange-active);
}
.lp-root .tpl-ui-btn--black {
  background: var(--okey-black);
  border-color: var(--okey-black);
  color: var(--text-inverse);
}
.lp-root .tpl-ui-btn--black:hover {
  background: var(--okey-black-hover);
  border-color: var(--okey-black-hover);
}
.lp-root .tpl-ui-btn--outline {
  background: var(--surface-elevated);
  border-color: var(--okey-black);
  color: var(--okey-black);
}
.lp-root .tpl-ui-btn--outline:hover {
  background: var(--surface-card);
}
.lp-root .tpl-ui-btn--ghost {
  background: transparent;
  border-color: transparent;
  color: var(--text-primary);
  padding-inline: 12px;
}
.lp-root .tpl-ui-btn--ghost:hover {
  background: var(--surface-soft);
}
.lp-root .tpl-ui-btn--light {
  background: var(--btn-light-bg);
  border-color: var(--btn-light-bg);
  color: var(--okey-black);
}
.lp-root .tpl-ui-btn--light:hover {
  background: var(--btn-light-hover);
  border-color: var(--btn-light-hover);
  box-shadow: var(--btn-light-shadow-hover);
  transform: translateY(-2px);
}
.lp-root .tpl-ui-btn--light:active {
  background: var(--btn-light-active);
  border-color: var(--btn-light-active);
  box-shadow: var(--btn-light-shadow-active);
  transform: translateY(0) scale(0.99);
}
.lp-root .tpl-ui-btn--light:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-ui-btn--light:hover, .lp-root .tpl-ui-btn--light:active {
    transform: none;
  }
}
.lp-root .tpl-ui-btn--sm {
  min-height: var(--control-h-md);
  padding-inline: 16px;
  font-size: 14px;
}
.lp-root .tpl-ui-btn--xl {
  min-height: var(--control-h-xl);
  padding-inline: 28px;
}
.lp-root .tpl-ui-text-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 700;
  color: var(--text-primary);
  border-bottom: 1px solid transparent;
  transition: border-color var(--duration) ease, color var(--duration) ease;
}
.lp-root .tpl-ui-text-link:hover {
  border-bottom-color: currentColor;
}
.lp-root .tpl-ui-text-link--info {
  color: var(--text-link);
}
.lp-root .tpl-ui-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: var(--radius-tag);
  background: var(--okey-orange-soft);
  color: var(--okey-orange-active);
  font-size: 12px;
  font-weight: 700;
}
.lp-root .tpl-ui-tag--neutral {
  background: var(--surface-soft);
  color: var(--text-secondary);
}
.lp-root .tpl-ui-card {
  background: var(--surface-card);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-card);
}
.lp-root .tpl-ui-card--soft {
  background: var(--surface-soft);
  border-color: transparent;
}
.lp-root .tpl-ui-card--panel {
  border-radius: var(--radius-panel);
  box-shadow: var(--shadow-soft);
}
.lp-root .tpl-ui-accordion__item {
  border-bottom: 1px solid var(--divider-subtle);
  border-radius: var(--radius-card);
  padding-inline: 14px;
  margin-inline: -14px;
  background: transparent;
  transition: background-color 240ms var(--ease-out);
}
.lp-root .tpl-ui-accordion__item:hover, .lp-root .tpl-ui-accordion__item[data-lp-open="true"] {
  background: var(--surface-card);
}
.lp-root .tpl-ui-accordion__trigger:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
  border-radius: var(--radius-control);
}
.lp-root .tpl-ui-accordion__trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 0;
  text-align: left;
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.lp-root .tpl-ui-accordion__question {
  min-width: 0;
}
.lp-root .tpl-ui-accordion__icon {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-tag);
  background: var(--surface-soft);
  color: var(--text-primary);
  font-size: 16px;
  line-height: 1;
  transition: transform 320ms var(--ease-out),
    background-color 240ms var(--ease-out),
    color 240ms var(--ease-out);
}
.lp-root .tpl-ui-accordion__item:hover .tpl-ui-accordion__icon {
  background: var(--surface-soft);
}
.lp-root .tpl-ui-accordion__item[data-lp-open="true"] .tpl-ui-accordion__icon {
  transform: rotate(45deg);
  background: var(--okey-orange-soft);
  color: var(--okey-orange);
}
.lp-root .tpl-ui-accordion__panel {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 360ms var(--ease-out),
    opacity 280ms ease;
}
.lp-root .tpl-ui-accordion__panel-inner {
  overflow: hidden;
  min-height: 0;
}
.lp-root .tpl-ui-accordion__answer {
  margin: 0;
  padding: 0 40px 22px 0;
  max-width: 720px;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.6;
  transform: translateY(-6px);
  transition: transform 360ms var(--ease-out);
}
.lp-root .tpl-ui-accordion__item[data-lp-open="true"] .tpl-ui-accordion__panel {
  grid-template-rows: 1fr;
  opacity: 1;
}
.lp-root .tpl-ui-accordion__item[data-lp-open="true"] .tpl-ui-accordion__answer {
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-ui-accordion__item, .lp-root .tpl-ui-accordion__icon, .lp-root .tpl-ui-accordion__panel, .lp-root .tpl-ui-accordion__answer {
    transition: none;
  }
  .lp-root .tpl-ui-accordion__item[data-lp-open="true"] .tpl-ui-accordion__icon {
    transform: rotate(45deg);
  }
  .lp-root .tpl-ui-accordion__answer {
    transform: none;
  }
}
.lp-root .tpl-ui-field {
  display: grid;
  gap: 6px;
}
.lp-root .tpl-ui-field label, .lp-root .tpl-ui-field > span:first-child {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--text-primary);
}
.lp-root .tpl-ui-field input, .lp-root .tpl-ui-field textarea, .lp-root .tpl-ui-field select {
  width: 100%;
  height: var(--control-h-md);
  min-height: var(--control-h-md);
  padding: 0 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-control);
  background: var(--surface-elevated);
  color: var(--text-primary);
  font-size: 14px;
  line-height: 38px;
  outline: none;
  transition: border-color var(--duration) ease,
    box-shadow var(--duration) ease,
    background-color var(--duration) ease;
}
.lp-root .tpl-ui-field input::placeholder, .lp-root .tpl-ui-field textarea::placeholder {
  color: var(--text-placeholder);
  font-size: 14px;
}
.lp-root .tpl-ui-field input:-webkit-autofill, .lp-root .tpl-ui-field input:-webkit-autofill:hover, .lp-root .tpl-ui-field input:-webkit-autofill:focus, .lp-root .tpl-ui-field input:-webkit-autofill:active, .lp-root .tpl-ui-field textarea:-webkit-autofill, .lp-root .tpl-ui-field textarea:-webkit-autofill:hover, .lp-root .tpl-ui-field textarea:-webkit-autofill:focus, .lp-root .tpl-ui-field textarea:-webkit-autofill:active {
  -webkit-text-fill-color: var(--text-primary);
  caret-color: var(--text-primary);
  box-shadow: 0 0 0 1000px var(--surface-elevated) inset;
  transition: background-color 99999s ease-out;
}
.lp-root .tpl-ui-field textarea {
  height: auto;
  min-height: 96px;
  padding: 10px 12px;
  line-height: 1.45;
  resize: vertical;
}
.lp-root .tpl-ui-field input:hover, .lp-root .tpl-ui-field textarea:hover, .lp-root .tpl-ui-field select:hover {
  border-color: var(--border-strong);
}
.lp-root .tpl-ui-field input:focus, .lp-root .tpl-ui-field input:focus-visible, .lp-root .tpl-ui-field textarea:focus, .lp-root .tpl-ui-field textarea:focus-visible, .lp-root .tpl-ui-field select:focus, .lp-root .tpl-ui-field select:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
  border-color: var(--border-focus);
  box-shadow: none;
}
.lp-root .tpl-ui-field input:hover:focus, .lp-root .tpl-ui-field input:hover:focus-visible, .lp-root .tpl-ui-field textarea:hover:focus, .lp-root .tpl-ui-field textarea:hover:focus-visible, .lp-root .tpl-ui-field select:hover:focus, .lp-root .tpl-ui-field select:hover:focus-visible {
  border-color: var(--border-strong);
}
.lp-root .tpl-ui-field.is-invalid input, .lp-root .tpl-ui-field.is-invalid textarea, .lp-root .tpl-ui-field.is-invalid select, .lp-root .tpl-ui-field input[aria-invalid="true"], .lp-root .tpl-ui-field textarea[aria-invalid="true"], .lp-root .tpl-ui-field select[aria-invalid="true"] {
  border-color: var(--color-error);
  box-shadow: none;
}
.lp-root .tpl-ui-field.is-invalid input:focus, .lp-root .tpl-ui-field.is-invalid input:focus-visible, .lp-root .tpl-ui-field.is-invalid textarea:focus, .lp-root .tpl-ui-field.is-invalid textarea:focus-visible, .lp-root .tpl-ui-field.is-invalid select:focus, .lp-root .tpl-ui-field.is-invalid select:focus-visible {
  border-color: var(--color-error);
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
  box-shadow: none;
}
.lp-root .tpl-ui-field input:disabled, .lp-root .tpl-ui-field textarea:disabled, .lp-root .tpl-ui-field select:disabled {
  background: var(--surface-disabled);
  color: var(--text-disabled);
  cursor: not-allowed;
}
.lp-root .tpl-ui-field small, .lp-root .tpl-ui-field .tpl-ui-field__helper, .lp-root .tpl-ui-field .tpl-ui-field__error {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--text-secondary);
}
.lp-root .tpl-ui-field.is-invalid .tpl-ui-field__helper, .lp-root .tpl-ui-field .tpl-ui-field__error, .lp-root .tpl-ui-field.is-invalid small {
  color: var(--color-error);
}
.lp-root .tpl-ui-modal[hidden] {
  display: none !important;
}
.lp-root .tpl-ui-modal {
  z-index: 80;
  display: grid;
  place-items: center;
  padding: var(--page-gutter);
}
.lp-root .tpl-ui-modal__scrim {
  background: var(--surface-scrim);
}
.lp-root .tpl-ui-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
  padding: 28px;
  border-radius: var(--radius-panel);
  background: var(--surface-elevated);
  box-shadow: var(--shadow-elevated);
}
.lp-root .tpl-ui-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.lp-root .tpl-ui-modal__close {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-control);
  background: var(--surface-soft);
}
.lp-root .tpl-ui-modal__close:hover {
  background: var(--border-subtle);
}
.lp-root body.modal-open {
  overflow: hidden;
}
.lp-root .tpl-ui-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity var(--duration-slow) var(--ease-out),
    transform var(--duration-slow) var(--ease-out);
}
.lp-root .tpl-ui-reveal.is-in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-ui-reveal {
    opacity: 1;
    transform: none;
  }
}
.lp-root .tpl-ui-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-ui-btn:disabled, .lp-root .tpl-ui-btn[aria-disabled="true"] {
  opacity: .55;
  cursor: not-allowed;
  transform: none;
}
.lp-root .tpl-ui-btn:disabled:hover, .lp-root .tpl-ui-btn[aria-disabled="true"]:hover {
  transform: none;
}
.lp-root .tpl-ui-btn.is-loading, .lp-root .tpl-ui-btn[aria-busy="true"] {
  cursor: progress;
}
.lp-root .tpl-05-partners {
  padding-top: var(--space-9);
  padding-bottom: 120px;
  overflow-x: clip;
  background: linear-gradient(180deg, var(--surface-section) 0%, var(--surface-page) 100%);
}
.lp-root .tpl-05-partners .tpl-ui-container {
  width: min(100% - (var(--page-gutter) * 2), var(--container-max));
  margin-inline: auto;
}
.lp-root .tpl-05-partners .tpl-05-partners__container {
  display: grid;
  gap: clamp(28px, 4vw, 40px);
}
.lp-root .tpl-05-partners .tpl-05-partners__footer {
  display: grid;
  justify-items: center;
  text-align: center;
}
.lp-root .tpl-05-partners .tpl-05-partners__title {
  margin: 0;
  max-width: 760px;
  text-align: center;
  text-transform: none;
  text-wrap: balance;
}
.lp-root .tpl-05-partners .tpl-05-partners__marquee {
  width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%);
}
.lp-root .tpl-05-partners .tpl-05-partners__marquee.is-static {
  mask-image: none;
}
.lp-root .tpl-05-partners .tpl-05-partners__marquee.is-static .tpl-05-partners__track {
  display: flex;
  justify-content: center;
  width: 100%;
  animation: none;
  transform: none;
}
.lp-root .tpl-05-partners .tpl-05-partners__track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 18px;
  will-change: transform;
  animation: lp5-tpl-05-marquee var(--tpl-05-marquee-duration, 32s) linear infinite;
}
.lp-root .tpl-05-partners .tpl-05-partners__marquee:hover .tpl-05-partners__track {
  animation-play-state: paused;
}
.lp-root .tpl-05-partners .tpl-05-partners__list {
  display: flex;
  align-items: stretch;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp-root .tpl-05-partners .tpl-05-partners__item {
  flex: 0 0 auto;
  width: 190px;
  min-height: 72px;
  display: grid;
  place-items: center;
  padding: 16px 20px;
  border: 1px solid color-mix(in srgb, var(--border-default) 88%, transparent);
  border-radius: var(--radius-card, 8px);
  background: color-mix(in srgb, var(--text-inverse) 78%, transparent);
}
.lp-root .tpl-05-partners .tpl-05-partners__item img {
  display: block;
  width: 100%;
  height: 32px;
  object-fit: contain;
  object-position: center center;
}
.lp-root .tpl-05-partners .tpl-05-partners__footer {
  gap: 20px;
}
.lp-root .tpl-05-partners .tpl-05-partners__lead {
  margin: 0;
  max-width: 760px;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 1.55;
}
@keyframes lp5-tpl-05-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-50% - 9px));
  }
}
@media (max-width: 1024px) {
  .lp-root .tpl-05-partners {
    padding-top: var(--space-8);
    padding-bottom: 64px;
  }
  .lp-root .tpl-05-partners .tpl-05-partners__item {
    width: 176px;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-05-partners {
    padding-top: var(--space-7);
    padding-bottom: 48px;
  }
  .lp-root .tpl-05-partners .tpl-ui-container {
    width: min(100% - (var(--page-gutter) * 2), var(--container-max));
  }
  .lp-root .tpl-05-partners .tpl-05-partners__title {
    max-width: none;
  }
  .lp-root .tpl-05-partners .tpl-05-partners__track, .lp-root .tpl-05-partners .tpl-05-partners__list {
    gap: 12px;
  }
  .lp-root .tpl-05-partners .tpl-05-partners__item {
    width: 160px;
    min-height: 64px;
    padding: 14px 16px;
  }
  .lp-root .tpl-05-partners .tpl-05-partners__item img {
    height: 28px;
  }
  .lp-root .tpl-05-partners .tpl-05-partners__cta {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-05-partners .tpl-05-partners__track {
    animation: none;
  }
}
.lp-root .tpl-06-integrate {
  position: relative;
  overflow: hidden;
  padding-top: var(--space-9);
  padding-bottom: 120px;
  background: var(--surface-inverse);
  color: var(--text-inverse);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__glow {
  pointer-events: none;
  background: radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--okey-orange) 16%, transparent), transparent 42%),
    radial-gradient(circle at 82% 70%, color-mix(in srgb, var(--text-inverse) 4%, transparent), transparent 46%);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__container {
  position: relative;
  z-index: 1;
}
.lp-root .tpl-06-integrate .tpl-ui-eyebrow {
  color: var(--okey-orange);
}
.lp-root .tpl-06-integrate .tpl-ui-h2 {
  color: var(--text-inverse);
}
.lp-root .tpl-06-integrate .tpl-ui-lead {
  color: color-mix(in srgb, var(--text-inverse) 72%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: stretch;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__code-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  padding: 6px;
  border-radius: var(--radius-panel);
  border: 1px solid color-mix(in srgb, var(--text-inverse) 10%, transparent);
  background: color-mix(in srgb, var(--text-inverse) 3%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 64px;
  padding: 10px 6px;
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  background: transparent;
  color: color-mix(in srgb, var(--text-inverse) 55%, transparent);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
  transition: color var(--duration) ease,
    background-color var(--duration) ease,
    border-color var(--duration) ease;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__tab-icon {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: inherit;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__tab:hover {
  color: color-mix(in srgb, var(--text-inverse) 88%, transparent);
  background: color-mix(in srgb, var(--text-inverse) 4%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__tab.is-active {
  color: var(--text-inverse);
  background: color-mix(in srgb, var(--okey-orange) 22%, transparent);
  border-color: color-mix(in srgb, var(--okey-orange) 55%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--okey-orange) 15%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__tab:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__panel-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px;
  border-radius: var(--radius-panel);
  border: 1px solid color-mix(in srgb, var(--text-inverse) 12%, transparent);
  background: color-mix(in srgb, var(--surface-inverse) 72%, transparent);
  box-shadow: var(--shadow-elevated);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-wrap {
  position: relative;
  display: block;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  padding: 0 12px 0 14px;
  border-radius: var(--radius-control);
  border: 1px solid color-mix(in srgb, var(--text-inverse) 14%, transparent);
  background: color-mix(in srgb, var(--text-inverse) 4%, transparent);
  color: var(--text-inverse);
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  transition: border-color var(--duration) ease,
    background-color var(--duration) ease;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-trigger:hover {
  border-color: color-mix(in srgb, var(--text-inverse) 22%, transparent);
  background: color-mix(in srgb, var(--text-inverse) 6%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-wrap.is-open .tpl-06-integrate__select-trigger {
  border-color: color-mix(in srgb, var(--okey-orange) 55%, transparent);
  background: color-mix(in srgb, var(--text-inverse) 6%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-trigger:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-menu {
  z-index: 5;
  margin: 0;
  padding: 6px;
  list-style: none;
  max-height: min(280px, 42vh);
  overflow-y: auto;
  border-radius: var(--radius-control);
  border: 1px solid color-mix(in srgb, var(--text-inverse) 14%, transparent);
  background: var(--surface-inverse);
  box-shadow: 0 18px 40px color-mix(in srgb, var(--surface-inverse) 42%, transparent);
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--text-inverse) 22%, transparent) transparent;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-menu::-webkit-scrollbar {
  width: 6px;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-menu::-webkit-scrollbar-track {
  background: transparent;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-menu::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text-inverse) 18%, transparent);
  border-radius: 999px;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-menu::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--text-inverse) 30%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-menu::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-option {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: calc(var(--radius-control) - 2px);
  background: transparent;
  color: color-mix(in srgb, var(--text-inverse) 72%, transparent);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--duration) ease,
    color var(--duration) ease;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-option:hover, .lp-root .tpl-06-integrate .tpl-06-integrate__select-option.is-focused {
  background: color-mix(in srgb, var(--text-inverse) 6%, transparent);
  color: color-mix(in srgb, var(--text-inverse) 92%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-option.is-selected {
  background: color-mix(in srgb, var(--okey-orange) 18%, transparent);
  color: var(--text-inverse);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-option:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: color-mix(in srgb, var(--text-inverse) 55%, transparent);
  pointer-events: none;
  transition: transform var(--duration) ease;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-wrap.is-open .tpl-06-integrate__select-icon {
  transform: rotate(180deg);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__code {
  position: relative;
  height: 340px;
  flex: 0 0 340px;
  border-radius: var(--radius-control);
  border: 1px solid color-mix(in srgb, var(--text-inverse) 8%, transparent);
  background: color-mix(in srgb, var(--surface-inverse) 35%, transparent);
  overflow: hidden;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__code pre {
  margin: 0;
  box-sizing: border-box;
  height: 100%;
  padding: 20px 20px 56px;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--text-inverse) 92%, transparent);
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--text-inverse) 22%, transparent) transparent;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__code pre::-webkit-scrollbar {
  width: 6px;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__code pre::-webkit-scrollbar-track {
  background: transparent;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__code pre::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text-inverse) 18%, transparent);
  border-radius: 999px;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__code pre::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--text-inverse) 30%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__code pre::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
.lp-root .tpl-06-integrate .tok-key {
  color: #ffb08a;
}
.lp-root .tpl-06-integrate .tok-str {
  color: #b8e0c2;
}
.lp-root .tpl-06-integrate .tok-comment {
  color: color-mix(in srgb, var(--text-inverse) 42%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__copy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--surface-inverse) 8%, transparent);
  border-radius: var(--radius-pill);
  background: var(--btn-light-bg);
  color: var(--okey-black);
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 8px 18px color-mix(in srgb, var(--surface-inverse) 22%, transparent);
  transition: background-color var(--duration) ease,
    transform var(--duration-fast) var(--ease-out);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__copy:hover {
  background: var(--surface-soft);
  transform: translateY(-1px);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__copy:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__points {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__point {
  padding: 20px;
  border-radius: var(--radius-card);
  border: 1px solid color-mix(in srgb, var(--text-inverse) 12%, transparent);
  background: color-mix(in srgb, var(--text-inverse) 4%, transparent);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__point-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border-radius: var(--radius-control);
  border: 1px solid color-mix(in srgb, var(--text-inverse) 14%, transparent);
  background: color-mix(in srgb, var(--text-inverse) 6%, transparent);
  color: var(--okey-orange);
  line-height: 0;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__point .tpl-ui-h3 {
  margin-bottom: 8px;
  font-size: 18px;
  color: var(--text-inverse);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__point p {
  color: color-mix(in srgb, var(--text-inverse) 68%, transparent);
  font-size: 14px;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__cta {
  margin-top: 6px;
}
@media (min-width: 1025px) {
  .lp-root .tpl-06-integrate .tpl-06-integrate__code-panel {
    height: 100%;
  }
  .lp-root .tpl-06-integrate .tpl-06-integrate__panel-body {
    flex: 1 1 auto;
    min-height: 0;
  }
  .lp-root .tpl-06-integrate .tpl-06-integrate__code {
    height: 340px;
    flex: 0 0 340px;
    margin-top: auto;
  }
  .lp-root .tpl-06-integrate .tpl-06-integrate__points {
    height: 100%;
  }
  .lp-root .tpl-06-integrate .tpl-06-integrate__cta {
    margin-top: auto;
  }
}
@media (max-width: 1024px) {
  .lp-root .tpl-06-integrate {
    padding-top: var(--space-8);
    padding-bottom: 64px;
  }
  .lp-root .tpl-06-integrate .tpl-06-integrate__layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-06-integrate {
    padding-top: var(--space-7);
    padding-bottom: 48px;
  }
  .lp-root .tpl-06-integrate .tpl-06-integrate__tabs {
    grid-template-columns: repeat(5, minmax(56px, 1fr));
    overflow-x: auto;
  }
  .lp-root .tpl-06-integrate .tpl-06-integrate__tab {
    min-height: 58px;
    font-size: 11px;
  }
  .lp-root .tpl-06-integrate .tpl-06-integrate__cta .tpl-ui-btn {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-06-integrate .tpl-06-integrate__tab, .lp-root .tpl-06-integrate .tpl-06-integrate__copy, .lp-root .tpl-06-integrate .tpl-06-integrate__select-trigger, .lp-root .tpl-06-integrate .tpl-06-integrate__select-option, .lp-root .tpl-06-integrate .tpl-06-integrate__select-icon {
    transition: none;
  }
  .lp-root .tpl-06-integrate .tpl-06-integrate__copy:hover {
    transform: none;
  }
}
.lp-root .tpl-06-integrate .shiki.vitesse-dark {
  background: #121212;
  color: #dbd7caee;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-1 {
  color: #80a665;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-2 {
  color: #dbd7caee;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-3 {
  color: #c99076;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-4 {
  color: #c98a7d77;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-5 {
  color: #c98a7d;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-6 {
  color: #4d9375;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-7 {
  color: #666666;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-8 {
  color: #cb7676;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-9 {
  color: #bd976a;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-10 {
  color: #b8a965;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-11 {
  color: #4c9a91;
}
.lp-root .tpl-06-integrate .tpl-06-shiki-token-12 {
  color: #5da994;
}
.lp-root .tpl-06-integrate.tpl-ui-section [hidden] {
  display: none;
}
.lp-root .tpl-07-cta.tpl-ui-section {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding-block: 72px;
  background: var(--surface-inverse);
  color: var(--text-inverse);
}
.lp-root .tpl-07-cta::before {
  content: "";
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--okey-orange) 35%, transparent), transparent 68%);
  pointer-events: none;
}
.lp-root .tpl-07-cta .tpl-07-cta__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 60px;
}
.lp-root .tpl-07-cta .tpl-07-cta__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  flex: 1 1 auto;
  min-width: 0;
}
.lp-root .tpl-07-cta .tpl-ui-h2 {
  margin: 0;
  color: var(--text-inverse);
}
.lp-root .tpl-07-cta .tpl-ui-lead {
  margin: 0;
  color: color-mix(in srgb, var(--text-inverse) 72%, transparent);
}
.lp-root .tpl-07-cta .tpl-07-cta__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .lp-root .tpl-07-cta.tpl-ui-section {
    padding-block: 64px;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-07-cta.tpl-ui-section {
    padding-block: 48px;
  }
  .lp-root .tpl-07-cta .tpl-07-cta__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
  .lp-root .tpl-07-cta .tpl-07-cta__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .lp-root .tpl-07-cta .tpl-07-cta__actions .tpl-ui-btn {
    width: 100%;
    max-width: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-07-cta .tpl-07-cta__actions .tpl-ui-btn {
    transition: none;
  }
}
.lp-root .tpl-08-testimonials {
  padding-top: var(--space-9);
  padding-bottom: 120px;
  background: var(--surface-section);
  color: var(--text-primary);
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__container {
  display: grid;
  gap: 0;
}
.lp-root .tpl-08-testimonials .tpl-ui-section-head {
  margin-bottom: var(--space-7);
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__card {
  position: relative;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 100%;
  cursor: pointer;
  transition: border-color var(--duration) ease,
    transform var(--duration) var(--ease-out),
    box-shadow var(--duration) ease;
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__card:hover {
  border-color: var(--border-strong);
  transform: translateY(-4px);
  box-shadow: var(--shadow-soft);
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__jump {
  color: var(--text-primary);
  opacity: 0;
  transform: translateX(-4px);
  pointer-events: none;
  transition: opacity var(--duration) ease,
    transform var(--duration) var(--ease-out);
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__card:hover .tpl-08-testimonials__jump, .lp-root .tpl-08-testimonials .tpl-08-testimonials__card:focus-within .tpl-08-testimonials__jump {
  opacity: 1;
  transform: translateX(0);
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__stars {
  color: #00b67a;
  letter-spacing: 2px;
  font-size: 14px;
  line-height: 1;
  padding-right: 28px;
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__card blockquote {
  flex: 1;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text-primary);
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__card footer {
  display: flex;
  align-items: center;
  gap: 12px;
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__avatar {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-circle);
  object-fit: cover;
  border: 1px solid var(--border-default);
  flex: 0 0 auto;
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__meta {
  display: grid;
  gap: 2px;
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__meta strong {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__meta span {
  font-size: 13px;
  color: var(--text-secondary);
}
@media (max-width: 1024px) {
  .lp-root .tpl-08-testimonials {
    padding-top: var(--space-8);
    padding-bottom: 64px;
  }
  .lp-root .tpl-08-testimonials .tpl-08-testimonials__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-08-testimonials {
    padding-top: var(--space-7);
    padding-bottom: 48px;
  }
  .lp-root .tpl-08-testimonials .tpl-08-testimonials__grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-08-testimonials .tpl-08-testimonials__card {
    transition: border-color var(--duration) ease, box-shadow var(--duration) ease;
  }
  .lp-root .tpl-08-testimonials .tpl-08-testimonials__card:hover {
    transform: none;
  }
  .lp-root .tpl-08-testimonials .tpl-08-testimonials__jump {
    transform: none;
    transition: opacity var(--duration) ease;
  }
  .lp-root .tpl-08-testimonials .tpl-08-testimonials__card:hover .tpl-08-testimonials__jump, .lp-root .tpl-08-testimonials .tpl-08-testimonials__card:focus-within .tpl-08-testimonials__jump {
    transform: none;
  }
}
.lp-root .tpl-09-banner {
  position: relative;
  overflow: hidden;
  padding-top: var(--space-6);
  padding-bottom: 120px;
  background: radial-gradient(circle at top left, color-mix(in srgb, var(--okey-orange) 8%, transparent), transparent 28%),
    linear-gradient(180deg, var(--surface-section) 0%, var(--surface-page) 100%);
}
.lp-root .tpl-09-banner.is-layout-title-lead .tpl-09-banner__features {
  display: none;
}
.lp-root .tpl-09-banner.is-layout-title-lead .tpl-09-banner__actions > :not(:first-child) {
  display: none;
}
.lp-root .tpl-09-banner .tpl-09-banner__ratings {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: -12px;
}
.lp-root .tpl-09-banner.is-layout-ratings .tpl-09-banner__ratings {
  display: flex;
}
.lp-root .tpl-09-banner .tpl-09-banner__rating {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--radius-control);
  background: var(--surface-soft);
  border: 1px solid var(--border-subtle);
}
.lp-root .tpl-09-banner .tpl-09-banner__rating-brand {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: var(--text-primary);
}
.lp-root .tpl-09-banner .tpl-09-banner__rating-stars {
  display: inline-flex;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 1;
}
.lp-root .tpl-09-banner .tpl-09-banner__rating-stars--trustpilot {
  color: #00b67a;
}
.lp-root .tpl-09-banner .tpl-09-banner__rating-stars--g2 {
  color: #ff492c;
}
.lp-root .tpl-09-banner .tpl-09-banner__rating-score {
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: var(--text-primary);
}
.lp-root .tpl-09-banner .tpl-09-banner__inner {
  display: grid;
  gap: calc(var(--space-6) + 20px);
}
.lp-root .tpl-09-banner .tpl-09-banner__breadcrumb {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  color: var(--text-tertiary);
  font-size: 13px;
  line-height: 1.54;
}
.lp-root .tpl-09-banner .tpl-09-banner__breadcrumb a {
  transition: color var(--duration) ease;
}
.lp-root .tpl-09-banner .tpl-09-banner__breadcrumb a:hover {
  color: var(--text-link);
}
.lp-root .tpl-09-banner .tpl-09-banner__breadcrumb [aria-current="page"] {
  color: var(--text-primary);
}
.lp-root .tpl-09-banner .tpl-09-banner__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 500px);
  gap: 80px;
  align-items: center;
  justify-content: space-between;
}
.lp-root .tpl-09-banner .tpl-09-banner__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
  padding-top: 16px;
}
.lp-root .tpl-09-banner .tpl-09-banner__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.lp-root .tpl-09-banner .hero__title {
  max-width: none;
  font-family: var(--font-display);
  font-size: 56px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
  color: var(--text-primary);
}
.lp-root .tpl-09-banner .tpl-09-banner__lead {
  max-width: none;
  margin-top: 0;
  font-size: 18px;
  line-height: 1.6;
}
.lp-root .tpl-09-banner .tpl-09-banner__features {
  display: grid;
  gap: 14px;
}
.lp-root .tpl-09-banner .tpl-09-banner__feature {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-primary);
}
.lp-root .tpl-09-banner .tpl-09-banner__feature-icon {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: var(--radius-pill);
  background: var(--color-success);
  flex: 0 0 16px;
}
.lp-root .tpl-09-banner .tpl-09-banner__feature-icon::after {
  content: "";
  width: 3px;
  height: 6px;
  border: solid var(--okey-orange-foreground);
  border-width: 0 1.5px 1.5px 0;
  box-sizing: border-box;
  transform: translate(-50%, -50%) rotate(45deg);
}
.lp-root .tpl-09-banner .tpl-09-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
}
.lp-root .tpl-09-banner .tpl-09-banner__link-cta-label {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.lp-root .tpl-09-banner .tpl-09-banner__link-cta-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  flex-shrink: 0;
  color: currentColor;
  transform: translateX(-4px);
  transition: opacity var(--duration) ease,
    transform var(--duration-fast) var(--ease-out),
    max-width var(--duration) ease,
    margin-left var(--duration) ease;
}
.lp-root .tpl-09-banner .tpl-09-banner__visual {
  width: 100%;
  max-width: 500px;
  justify-self: end;
}
.lp-root .tpl-09-banner .tpl-09-banner__visual-panel {
  aspect-ratio: 1 / 1;
  border: 1px solid color-mix(in srgb, var(--border-default) 88%, transparent);
  border-radius: var(--radius-panel);
  background: color-mix(in srgb, var(--text-inverse) 72%, transparent);
  overflow: hidden;
}
.lp-root .tpl-09-banner .tpl-09-banner__visual-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .lp-root .tpl-09-banner {
    padding-top: var(--space-8);
    padding-bottom: 64px;
  }
  .lp-root .tpl-09-banner .hero__title {
    font-size: 47px;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__lead {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .lp-root .tpl-09-banner .tpl-09-banner__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
  }
  .lp-root .tpl-09-banner .tpl-09-banner__visual {
    width: calc(500px - (1024px - 100vw) * 220 / 256);
    max-width: 100%;
    justify-self: end;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__visual-panel {
    width: 100%;
    aspect-ratio: 1 / 1;
  }
}
@media (max-width: 768px) {
  .lp-root .tpl-09-banner .hero__title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-09-banner {
    padding-top: var(--space-5);
    padding-bottom: 48px;
  }
  .lp-root .tpl-09-banner .hero__title {
    font-size: clamp(26px, 6.8vw, 32px);
    letter-spacing: -0.03em;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__lead {
    font-size: 16px;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__feature {
    font-size: 15px;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__inner {
    justify-items: center;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__breadcrumb {
    justify-content: center;
    text-align: center;
  }
  .lp-root .tpl-09-banner.is-layout-ratings .tpl-09-banner__ratings {
    justify-content: center;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__grid {
    grid-template-columns: 1fr;
    gap: var(--space-5);
    width: 100%;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__visual {
    display: none;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__copy {
    gap: var(--space-6);
    align-items: center;
    text-align: center;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__body {
    gap: var(--space-5);
    align-items: center;
    text-align: center;
  }
  .lp-root .tpl-09-banner .hero__title, .lp-root .tpl-09-banner .tpl-09-banner__lead {
    text-align: center;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__features {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__feature {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__feature > span:last-child {
    text-align: left;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__actions {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .lp-root .tpl-09-banner .tpl-09-banner__actions .tpl-ui-btn {
    width: 100%;
    justify-content: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-09-banner .tpl-09-banner__breadcrumb a {
    transition: none;
  }
}
.lp-root .tpl-09-banner .tpl-09-banner__breadcrumb a:hover {
  color: var(--okey-orange);
}
.lp-root .tpl-09-banner .tpl-09-banner__link-cta-label {
  text-decoration: none;
}
.lp-root .tpl-09-banner .tpl-09-banner__actions > :nth-child(3) .tpl-09-banner__link-cta-label {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.lp-root .tpl-09-banner:has(.tpl-09-banner__rating) .tpl-09-banner__ratings {
  display: flex;
}
.lp-root .tpl-09-banner:not(:has(.tpl-09-banner__rating)):not(:has(.tpl-09-banner__feature)) .tpl-09-banner__features {
  display: none;
}
.lp-root .tpl-09-banner .tpl-09-banner__lead > :first-child {
  margin-top: 0;
}
.lp-root .tpl-09-banner .tpl-09-banner__lead > :last-child {
  margin-bottom: 0;
}
.lp-root .tpl-09-banner .tpl-09-banner__feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-inverse);
}
.lp-root .tpl-09-banner .tpl-09-banner__feature-icon::after {
  display: none;
}
.lp-root .tpl-09-banner .tpl-09-banner__feature-check {
  display: block;
  width: 11px;
  height: 11px;
}
.lp-root .tpl-10-plan-summary {
  padding-top: var(--space-9);
  padding-bottom: 120px;
  background: var(--surface-page);
  color: var(--text-primary);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: 24px;
  column-gap: 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__layout-head {
  grid-column: 1 / -1;
  display: none;
  margin-bottom: calc(clamp(24px, 4vw, 48px) - 24px);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__layout-head--stacked {
  display: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-controls {
  display: none;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  margin-block: -12px;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-arrows {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-arrow {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: var(--surface-soft);
  color: var(--text-primary);
  cursor: pointer;
  transition: background-color var(--duration) ease,
    color var(--duration) ease,
    opacity var(--duration) ease;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-arrow svg {
  display: block;
  width: 16px;
  height: 16px;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-arrow:hover:not(:disabled) {
  background: var(--border-subtle);
  color: var(--text-primary);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-arrow:active:not(:disabled) {
  background: var(--border-default);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-arrow:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-arrow:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress {
  width: 360px;
  max-width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  padding: 0 6px;
  box-sizing: content-box;
  cursor: pointer;
  touch-action: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
  border-radius: 999px;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress-track {
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 999px;
  background: var(--border-default);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress-fill {
  height: 3px;
  border-radius: 999px;
  background: var(--okey-black);
  transform: translateY(-50%);
  width: 0%;
  transition: width var(--duration) ease;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress-thumb {
  width: 12px;
  height: 12px;
  border: 1.5px solid var(--okey-black);
  border-radius: 50%;
  background: var(--surface-card);
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--surface-inverse) 8%, transparent);
  transition: left var(--duration) ease;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress.is-scrubbing .tpl-10-plan-summary__carousel-progress-fill, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress.is-scrubbing .tpl-10-plan-summary__carousel-progress-thumb {
  transition: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__plans-wrap {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  position: relative;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-viewport {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  width: 100%;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-fade {
  width: clamp(48px, 8%, 96px);
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transition: opacity var(--duration) ease;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card .tpl-10-plan-summary__layout-head--stacked, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__layout-head--stacked, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__layout-head--stacked, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__layout-head--stacked, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__layout-head--stacked {
  display: block;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card .tpl-10-plan-summary__plans-wrap, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__plans-wrap {
  grid-column: 1;
  display: block;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-right: none;
  border-radius: var(--radius-panel) 0 0 var(--radius-panel);
  background: var(--surface-card);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card .tpl-10-plan-summary__carousel-viewport, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card .tpl-10-plan-summary__grid, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__carousel-viewport, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__grid {
  display: block;
  height: 100%;
  grid-template-columns: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card .tpl-10-plan-summary__card:nth-child(n + 2), .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__card:nth-child(n + 2) {
  display: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card .tpl-10-plan-summary__card, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__card {
  height: 100%;
  min-height: 320px;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card .tpl-10-plan-summary__card:hover, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__card:hover {
  background: var(--surface-elevated);
  border: none;
  box-shadow: inset 0 1px 0 var(--okey-orange);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card .tpl-10-plan-summary__carousel-fade, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__carousel-fade {
  display: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card .tpl-10-plan-summary__custom {
  display: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom {
  grid-column: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "intro"
    "points";
  height: 100%;
  min-height: 100%;
  border-radius: 0 var(--radius-panel) var(--radius-panel) 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-intro {
  grid-area: intro;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  min-height: 0;
  padding: 32px 28px;
  box-sizing: border-box;
  text-align: left;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-title {
  max-width: 16ch;
  margin: 0;
  text-align: left;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-btn {
  align-self: stretch;
  width: 100%;
  margin-top: 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-points {
  grid-area: points;
  grid-column: auto;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  min-height: 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-point {
  align-items: flex-start;
  justify-content: center;
  min-height: 0;
  text-align: left;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-visual {
  display: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__custom, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__custom {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__custom-points, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__custom-points {
  grid-column: auto;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__carousel-controls {
  display: flex;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__card:nth-child(n + 3), .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__card:nth-child(n + 4), .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card:nth-child(n + 5) {
  display: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__grid, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__grid, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__grid {
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-panel);
  row-gap: 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__card, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__card, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card {
  border: none;
  border-right: 1px solid var(--border-default);
  border-radius: 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__card:nth-child(2), .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__card:nth-child(3), .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card:nth-child(4) {
  border-right: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__card:hover, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__card:hover, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card:hover {
  background: var(--surface-elevated);
  border: none;
  border-right: 1px solid var(--border-default);
  box-shadow: inset 0 1px 0 var(--okey-orange);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__card:nth-child(2):hover, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__card:nth-child(3):hover, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card:nth-child(4):hover {
  border-right: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-cards .tpl-10-plan-summary__card:not(:nth-child(4n + 1)) {
  border-left: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__carousel-viewport {
  display: block;
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--surface-card);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__grid {
  display: flex;
  flex-wrap: nowrap;
  row-gap: 0;
  align-items: stretch;
  transition: transform var(--duration) ease;
  will-change: transform;
  touch-action: pan-y;
  cursor: grab;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__grid.is-dragging {
  transition: none;
  cursor: grabbing;
  user-select: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__card {
  flex: 0 0 25%;
  min-width: 25%;
  border: none;
  border-right: 1px solid var(--border-default);
  border-radius: 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__card:last-child {
  border-right: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__card:hover {
  background: var(--surface-elevated);
  border: none;
  border-right: 1px solid var(--border-default);
  box-shadow: inset 0 1px 0 var(--okey-orange);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__card:last-child:hover {
  border-right: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  row-gap: 20px;
  align-items: stretch;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 24px 22px;
  border: 1px solid var(--border-default);
  border-radius: 0;
  background: var(--surface-card);
  box-sizing: border-box;
  box-shadow: none;
  cursor: pointer;
  transition: border-color var(--duration) ease,
    background-color var(--duration) ease;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card:hover {
  background: var(--surface-elevated);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-cards .tpl-10-plan-summary__card:hover {
  border-color: var(--border-default);
  border-top-color: var(--okey-orange);
  box-shadow: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card:hover .tpl-10-plan-summary__check {
  background: var(--color-success);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: var(--radius-control);
  background: var(--okey-orange-soft);
  color: var(--okey-orange);
  line-height: 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card-title {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--text-primary);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__features {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__features li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.45;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__features li > span:last-child {
  flex: 1;
  min-width: 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__check {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: calc((1.45em - 12px) / 2);
  border-radius: var(--radius-pill);
  background: var(--okey-black);
  transition: background-color var(--duration) ease;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__check::after {
  content: "";
  width: 3px;
  height: 6px;
  border: solid var(--okey-orange-foreground);
  border-width: 0 1.5px 1.5px 0;
  box-sizing: border-box;
  transform: rotate(45deg);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__footer {
  display: grid;
  gap: 16px;
  margin-top: auto;
  padding-top: 22px;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__price-label {
  display: block;
  margin-bottom: 4px;
  color: var(--text-tertiary);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__price-row {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin: 0;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__price-value {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--text-primary);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__price-unit {
  color: var(--text-secondary);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__cta {
  width: 100%;
  background: var(--surface-soft);
  border-color: transparent;
  color: var(--text-primary);
  transition: background-color var(--duration) ease,
    border-color var(--duration) ease,
    color var(--duration) ease;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card:hover .tpl-10-plan-summary__cta, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__cta:hover {
  background: var(--okey-orange);
  border-color: var(--okey-orange);
  color: var(--okey-orange-foreground);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card:hover .tpl-10-plan-summary__cta:active, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__cta:active {
  background: var(--okey-orange-active);
  border-color: var(--okey-orange-active);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: stretch;
  min-height: 200px;
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--surface-card);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
  padding: 26px 28px;
  box-sizing: border-box;
  background: var(--okey-orange);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-title {
  margin: 0;
  max-width: 18ch;
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--text-inverse);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-btn {
  align-self: stretch;
  width: 100%;
  margin-top: auto;
  background: transparent;
  border-color: var(--text-inverse);
  color: var(--text-inverse);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-btn:hover {
  background: var(--surface-elevated);
  border-color: var(--surface-elevated);
  color: var(--okey-black);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-btn:active {
  background: var(--surface-elevated);
  border-color: var(--surface-elevated);
  color: var(--okey-black);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-points {
  grid-column: span 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  min-height: 100%;
  background: var(--surface-card);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 20px 28px;
  border-right: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point:nth-child(2n) {
  border-right: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point:nth-child(n + 3) {
  border-bottom: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-secondary);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-visual {
  position: relative;
  min-height: 100%;
  padding: 0;
  background: var(--surface-section);
  border-left: 1px solid var(--border-subtle);
  overflow: hidden;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 1024px) {
  .lp-root .tpl-10-plan-summary {
    padding-top: var(--space-8);
    padding-bottom: 64px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__grid {
    row-gap: 16px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__grid {
    row-gap: 0;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card:nth-child(-n + 2) {
    border-bottom: 1px solid var(--border-default);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card:nth-child(-n + 2):hover {
    border-bottom: 1px solid var(--border-default);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-visual {
    display: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__card {
    flex-basis: 50%;
    min-width: 50%;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress {
    width: 280px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__custom, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__custom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    grid-template-areas: "intro points";
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-intro {
    grid-area: intro;
    grid-column: auto;
    justify-content: center;
    min-height: 0;
    height: 100%;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-points, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__custom-points, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__custom-points {
    grid-area: points;
    grid-column: auto;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    min-height: 0;
    height: 100%;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point {
    border-right: none;
    border-bottom: 1px solid var(--border-subtle);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point:nth-child(2n) {
    border-right: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point:nth-child(n + 3) {
    border-bottom: 1px solid var(--border-subtle);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point:last-child {
    border-bottom: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "intro"
      "points";
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-intro {
    justify-content: center;
    gap: 16px;
    padding: 24px 20px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-points {
    grid-area: points;
    grid-column: auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-point {
    border-right: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
    padding: 16px 18px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-point:nth-child(2n) {
    border-right: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-point:nth-child(n + 3) {
    border-bottom: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-point:last-child {
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-10-plan-summary {
    padding-top: var(--space-7);
    padding-bottom: 48px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container {
    grid-template-columns: 1fr;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one {
    grid-template-columns: 1fr;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-card .tpl-10-plan-summary__plans-wrap {
    grid-column: 1 / -1;
    border-right: 1px solid var(--border-default);
    border-radius: var(--radius-panel);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one {
    row-gap: 0;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__layout-head--stacked {
    margin-bottom: clamp(24px, 4vw, 48px);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__plans-wrap {
    grid-column: 1;
    border-right: 1px solid var(--border-default);
    border-bottom: none;
    border-radius: var(--radius-panel) var(--radius-panel) 0 0;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom {
    grid-column: 1;
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "intro"
      "points";
    border-top: none;
    border-radius: 0 0 var(--radius-panel) var(--radius-panel);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-intro {
    grid-area: intro;
    justify-content: flex-start;
    gap: 16px;
    height: auto;
    padding: 24px 20px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-title {
    max-width: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-points {
    grid-area: points;
    grid-column: auto;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    height: auto;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__card {
    min-height: 0;
    height: auto;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__card, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__card, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card {
    border-right: none;
    border-bottom: 1px solid var(--border-default);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__card:nth-child(2), .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__card:nth-child(3), .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card:nth-child(4) {
    border-bottom: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__card:hover, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__card:hover, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card:hover {
    border-right: none;
    border-bottom: 1px solid var(--border-default);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__card:nth-child(2):hover, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__card:nth-child(3):hover, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__card:nth-child(4):hover {
    border-bottom: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__grid {
    row-gap: 12px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__grid, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__grid, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-four-plus-one .tpl-10-plan-summary__grid {
    row-gap: 0;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card-title {
    font-size: 18px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-two-plus-one .tpl-10-plan-summary__custom, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-three-plus-one .tpl-10-plan-summary__custom {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "intro"
      "points";
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-intro {
    grid-area: intro;
    padding: 26px 20px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-title {
    max-width: none;
    font-size: 22px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-btn {
    width: 100%;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-points, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-one-plus-one .tpl-10-plan-summary__custom-points {
    grid-area: points;
    grid-column: auto;
    grid-template-columns: 1fr;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point {
    border-right: none;
    border-bottom: 1px solid var(--border-subtle);
    padding: 16px 20px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-point:last-child {
    border-bottom: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__carousel-controls {
    display: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__carousel-fade {
    display: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__grid {
    display: grid;
    grid-template-columns: 1fr;
    transform: none !important;
    cursor: default;
    will-change: auto;
    touch-action: auto;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__card {
    flex: none;
    width: 100%;
    min-width: 0;
    border-right: none;
    border-bottom: 1px solid var(--border-default);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__card:last-child {
    border-bottom: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__card:hover {
    border-right: none;
    border-bottom: 1px solid var(--border-default);
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__card:last-child:hover {
    border-bottom: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card {
    transition: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__container.is-layout-many-plus-one .tpl-10-plan-summary__grid {
    transition: none;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-fade, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress-fill, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress-thumb {
    transition: none;
  }
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__icon, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__price-value, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__price-unit {
  display: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-1 .tpl-10-plan-summary__icon--1 {
  display: inline-flex;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-1 .tpl-10-plan-summary__price-value--1, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-1 .tpl-10-plan-summary__price-unit--1 {
  display: inline;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-9 .tpl-10-plan-summary__icon--9 {
  display: inline-flex;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-9 .tpl-10-plan-summary__price-value--9, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-9 .tpl-10-plan-summary__price-unit--9 {
  display: inline;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-5 .tpl-10-plan-summary__icon--5 {
  display: inline-flex;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-5 .tpl-10-plan-summary__price-value--5, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-5 .tpl-10-plan-summary__price-unit--5 {
  display: inline;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-6 .tpl-10-plan-summary__icon--6 {
  display: inline-flex;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-6 .tpl-10-plan-summary__price-value--6, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-6 .tpl-10-plan-summary__price-unit--6 {
  display: inline;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-2 .tpl-10-plan-summary__icon--2 {
  display: inline-flex;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-2 .tpl-10-plan-summary__price-value--2, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-2 .tpl-10-plan-summary__price-unit--2 {
  display: inline;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-3 .tpl-10-plan-summary__icon--3 {
  display: inline-flex;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-3 .tpl-10-plan-summary__price-value--3, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-3 .tpl-10-plan-summary__price-unit--3 {
  display: inline;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-7 .tpl-10-plan-summary__icon--7 {
  display: inline-flex;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-7 .tpl-10-plan-summary__price-value--7, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__card--meal-7 .tpl-10-plan-summary__price-unit--7 {
  display: inline;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__check {
  display: grid;
  place-items: center;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__check::after {
  display: block;
  transform: translateY(-0.5px) rotate(45deg);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress:focus-visible {
  outline-offset: 4px;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-viewport, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-fade {
  grid-area: 1 / 1 / 2 / -1;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-fade {
  align-self: stretch;
  height: auto;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-fade--start {
  justify-self: start;
  background: linear-gradient(to right, var(--surface-page) 0%, rgba(255, 253, 249, 0) 100%);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-fade--end {
  justify-self: end;
  background: linear-gradient(to left, var(--surface-page) 0%, rgba(255, 253, 249, 0) 100%);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__plans-wrap.is-fade-start .tpl-10-plan-summary__carousel-fade--start, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__plans-wrap.is-fade-end .tpl-10-plan-summary__carousel-fade--end {
  opacity: 1;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress-track {
  display: grid;
  grid-template-rows: 2px;
  align-items: center;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress-fill, .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress-thumb {
  grid-area: 1 / 1;
  align-self: center;
  justify-self: start;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress-fill {
  transform: none;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-progress-thumb {
  margin-left: -6px;
  transform: none;
  transition: margin-left var(--duration) ease;
}
.lp-root .tpl-11-coverage {
  background: var(--surface-section);
  color: var(--text-primary);
  padding-block: clamp(104px, 9vw, 144px);
}
.lp-root .tpl-11-coverage .tpl-11-coverage__shell {
  position: relative;
  box-sizing: border-box;
  width: min(100% - 40px, 1360px);
  max-width: 1360px;
  margin-inline: auto;
  border-block: 1px solid var(--border-default);
  overflow: visible;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__shell::before, .lp-root .tpl-11-coverage .tpl-11-coverage__shell::after {
  z-index: 1;
  width: 1px;
  background: var(--border-default);
  content: '';
  pointer-events: none;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__intro {
  position: relative;
  min-height: 336px;
  padding: 56px 40px 0;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__head {
  position: relative;
  z-index: 2;
  max-width: 600px;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__head .tpl-ui-h2 {
  max-width: 600px;
  color: var(--text-primary);
  font-size: clamp(42px, 4vw, 58px);
  line-height: 0.98;
  letter-spacing: -0.045em;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__head .tpl-ui-lead {
  max-width: 600px;
  margin-top: 24px;
  color: var(--text-secondary);
  font-size: 18px;
  line-height: 1.55;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__globe-stage {
  box-sizing: border-box;
  width: 610px;
  max-width: 610px;
  height: 280px;
  overflow: hidden;
  mask-image: none;
  pointer-events: none;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__globe {
  --globe-ink-v2: var(--okey-orange);
  --globe-grid-v2: color-mix(in srgb, var(--surface-inverse) 10%, transparent);
  --globe-outline-v2: color-mix(in srgb, var(--surface-inverse) 34%, transparent);
  --globe-marker-v2: var(--okey-orange);
  box-sizing: border-box;
  width: 560px !important;
  max-width: 560px !important;
  height: 560px !important;
  max-height: 560px !important;
  overflow: visible;
  transform: translateX(-50%);
}
.lp-root .tpl-11-coverage .tpl-11-coverage__globe canvas {
  display: block;
  max-width: 560px !important;
  max-height: 560px !important;
  background: transparent;
  transform: rotate(-16deg);
  transform-origin: 50% 50%;
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card {
  z-index: 8;
  box-sizing: border-box;
  min-width: 176px;
  border: 0.5px dashed var(--okey-orange);
  background: color-mix(in srgb, var(--surface-elevated) 40%, transparent);
  backdrop-filter: blur(8px) saturate(1.15);
  opacity: 0;
  filter: blur(3px);
  pointer-events: none;
  transition: opacity 0.45s ease, filter 0.45s ease;
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card.is-visible {
  opacity: 1;
  filter: blur(0);
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px 8px 12px;
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card__flag {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card__copy {
  display: flex;
  flex-direction: column;
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card__name {
  margin: 0;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card__ips {
  margin: 0;
  color: var(--okey-orange);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card__corner {
  width: 7px;
  height: 7px;
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card__corner--tl {
  border-top: 2px solid var(--okey-orange);
  border-left: 2px solid var(--okey-orange);
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card__corner--tr {
  border-top: 2px solid var(--okey-orange);
  border-right: 2px solid var(--okey-orange);
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card__corner--bl {
  border-bottom: 2px solid var(--okey-orange);
  border-left: 2px solid var(--okey-orange);
}
.lp-root .tpl-11-coverage .coverage-globe-tour-card__corner--br {
  border-right: 2px solid var(--okey-orange);
  border-bottom: 2px solid var(--okey-orange);
}
.lp-root .tpl-11-coverage .coverage-globe-tour-connector, .lp-root .tpl-11-coverage .coverage-globe-tour-tip, .lp-root .tpl-11-coverage .coverage-globe-tour-card__metric, .lp-root .tpl-11-coverage .coverage-globe-tour-card__detail, .lp-root .tpl-11-coverage .coverage-globe-tour-card__meta, .lp-root .tpl-11-coverage .coverage-globe-tour-card__title {
  display: none !important;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px;
  border-block: 1px solid var(--border-default);
  background: linear-gradient(90deg, transparent calc(33.333% - 0.5px), var(--border-default) 33.333%, transparent calc(33.333% + 0.5px), transparent calc(66.666% - 0.5px), var(--border-default) 66.666%, transparent calc(66.666% + 0.5px));
}
.lp-root .tpl-11-coverage .tpl-11-coverage__metric {
  display: flex;
  min-height: 132px;
  flex-direction: column;
  justify-content: center;
  padding: 28px 40px 24px;
  border-bottom: 1px solid var(--border-default);
}
.lp-root .tpl-11-coverage .tpl-11-coverage__metric strong {
  font-family: var(--font-display);
  font-size: clamp(34px, 3.2vw, 44px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.045em;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__metric span {
  margin-top: 14px;
  color: var(--text-secondary);
  font-size: 14px;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__country {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 72px;
  padding: 18px 40px;
  color: inherit;
  text-decoration: none;
  transition: transform var(--duration) var(--ease-out), background-color var(--duration) ease, box-shadow var(--duration) ease;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__country:nth-child(n + 4):nth-child(-n + 6) {
  border-bottom: 1px solid var(--border-default);
}
.lp-root .tpl-11-coverage .tpl-11-coverage__country-name {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__country-name strong {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__country > span {
  flex: 0 0 auto;
  font-size: 18px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__flag {
  display: block;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__country-arrow {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: var(--okey-orange);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity var(--duration) ease, transform var(--duration) var(--ease-out);
}
.lp-root .tpl-11-coverage .tpl-11-coverage__country:focus-visible {
  z-index: 2;
  background: var(--surface-card);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--okey-orange) 35%, var(--border-default)), 0 14px 28px color-mix(in srgb, var(--okey-orange) 10%, transparent);
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__country:focus-visible .tpl-11-coverage__country-arrow {
  opacity: 1;
  transform: translateX(0);
}
@media (hover: hover) and (pointer: fine) {
  .lp-root .tpl-11-coverage .tpl-11-coverage__country:hover {
    z-index: 2;
    background: var(--surface-card);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--okey-orange) 35%, var(--border-default)), 0 14px 28px color-mix(in srgb, var(--okey-orange) 10%, transparent);
    transform: translateY(-4px);
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__country:hover .tpl-11-coverage__country-arrow {
    opacity: 1;
    transform: translateX(0);
  }
}
.lp-root .tpl-11-coverage .tpl-11-coverage__footer {
  display: flex;
  min-height: 144px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 0;
  padding: 32px 40px;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__footer-copy {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35em;
  max-width: 640px;
  margin: 0;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__more {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__cta {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 24px;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__contact-btn {
  flex: 0 0 auto;
}
@media (max-width: 980px) {
  .lp-root .tpl-11-coverage .tpl-11-coverage__intro {
    display: grid;
    min-height: 0;
    gap: 36px;
    padding-top: 48px;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__globe-stage {
    position: relative;
    width: 100%;
    max-width: none;
    height: 180px;
    min-height: 0;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__globe {
    position: relative;
    width: 360px !important;
    max-width: min(360px, 84vw) !important;
    height: 360px !important;
    max-height: min(360px, 84vw) !important;
    margin-inline: auto;
    transform: none;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__globe canvas {
    max-width: min(360px, 84vw) !important;
    max-height: min(360px, 84vw) !important;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__grid {
    grid-template-columns: 1fr;
    background: none;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__metric, .lp-root .tpl-11-coverage .tpl-11-coverage__country {
    border-bottom: 1px solid var(--border-default);
    padding-inline: 40px;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__country:last-child {
    border-bottom: 0;
  }
}
@media (max-width: 640px) {
  .lp-root .tpl-11-coverage {
    padding-block: 84px;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__intro {
    gap: 28px;
    padding: 36px 20px 0;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__head .tpl-ui-h2 {
    font-size: 38px;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__globe-stage {
    height: 155px;
    min-height: 0;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__globe {
    width: 310px !important;
    max-width: min(310px, 88vw) !important;
    height: 310px !important;
    max-height: min(310px, 88vw) !important;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__globe canvas {
    max-width: min(310px, 88vw) !important;
    max-height: min(310px, 88vw) !important;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__metric {
    min-height: 112px;
    padding: 24px 20px 20px;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__country {
    padding-inline: 20px;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__footer {
    flex-direction: column;
    align-items: center;
    padding-inline: 20px;
    text-align: center;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__footer-copy {
    justify-content: center;
    text-align: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-11-coverage .coverage-globe-tour-card {
    transition: none;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__country, .lp-root .tpl-11-coverage .tpl-11-coverage__country-arrow {
    transition: none;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__country:hover {
    transform: none;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__country-arrow {
    transform: none;
  }
}
.lp-root .tpl-11-coverage .tpl-11-coverage__shell {
  border-inline: 1px solid var(--border-default);
}
@media (min-width: 981px) {
  .lp-root .tpl-11-coverage .tpl-11-coverage__globe {
    transform: none;
  }
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__flag-frame {
  position: relative;
  flex-shrink: 0;
  width: var(--tpl-12-item-flag, 40px);
  height: var(--tpl-12-item-flag, 40px);
  border-radius: 50%;
  overflow: hidden;
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__flag-frame::after {
  content: "";
  border-radius: 50%;
  box-shadow: inset 0 0 4px 0 color-mix(in srgb, var(--surface-elevated) 60%, transparent);
  pointer-events: none;
  z-index: 1;
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__flag {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__name {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  max-height: calc(16px * 1.25 * 2);
  color: var(--text-primary);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: anywhere;
}
.lp-root .tpl-12-hot-cities {
  background: var(--surface-page);
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-8);
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__head {
  width: 100%;
  margin-bottom: 0;
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__head .tpl-ui-lead {
  margin-top: var(--space-4);
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-3);
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__grid > li {
  min-width: 0;
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__item {
  --tpl-12-item-pad-block: var(--space-5);
  --tpl-12-item-pad-inline: 20px;
  --tpl-12-item-text-line: calc(16px * 1.55);
  --tpl-12-item-flag: 40px;
  --tpl-12-item-height: calc(var(--tpl-12-item-pad-block) * 2 + var(--tpl-12-item-text-line));
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-3);
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: var(--tpl-12-item-height);
  min-height: var(--tpl-12-item-height);
  max-height: var(--tpl-12-item-height);
  overflow: hidden;
  padding-inline: var(--tpl-12-item-pad-inline);
  padding-block: max(
    0px,
    calc(
      (var(--tpl-12-item-pad-block) * 2 + var(--tpl-12-item-text-line) - var(--tpl-12-item-flag)) /
        2
    )
  );
  text-decoration: none;
  color: inherit;
  background: var(--surface-elevated);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-card);
  position: relative;
  transition: background-color var(--duration-fast) var(--ease-out),
    transform var(--duration-fast) var(--ease-out),
    box-shadow var(--duration-fast) var(--ease-out);
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__item:hover {
  z-index: 3;
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft);
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__item:active {
  transform: translateY(0);
  box-shadow: none;
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__item:focus-visible {
  z-index: 3;
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft);
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__arrow {
  flex-shrink: 0;
  margin-left: var(--space-2);
  color: var(--okey-black);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  transform: translate(-6px, 6px);
  transition: opacity var(--duration-fast) var(--ease-out),
    transform var(--duration-fast) var(--ease-out);
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__item:hover .tpl-12-hot-cities__arrow, .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__item:focus-visible .tpl-12-hot-cities__arrow {
  opacity: 1;
  transform: translate(0, 0);
}
.lp-root .tpl-12-hot-cities .tpl-12-hot-cities__cta {
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__grid {
    align-items: stretch;
  }
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__grid > li {
    display: flex;
    min-width: 0;
  }
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__inner {
    gap: var(--space-7);
  }
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__item {
    --tpl-12-item-height-stack: calc(
      var(--tpl-12-item-pad-block) * 2 + var(--tpl-12-item-flag) + var(--space-2) + 16px * 1.25 * 2
    );
    flex: 1;
    align-self: stretch;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    width: 100%;
    min-height: var(--tpl-12-item-height-stack);
    height: 100%;
    max-height: none;
    overflow: visible;
    padding-block: var(--tpl-12-item-pad-block);
    text-align: center;
  }
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__name {
    flex: none;
    width: 100%;
    text-align: center;
    display: block;
    overflow: visible;
    max-height: none;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: unset;
    overflow-wrap: normal;
    word-break: normal;
  }
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__arrow {
    display: none;
  }
}
@media (max-width: 768px) {
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__inner {
    gap: var(--space-6);
  }
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__grid {
    gap: var(--space-3);
  }
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__item {
    --tpl-12-item-pad-block: var(--space-4);
    --tpl-12-item-pad-inline: 20px;
    align-items: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__item, .lp-root .tpl-12-hot-cities .tpl-12-hot-cities__arrow {
    transition: none;
  }
}
.lp-root .tpl-13-image-block {
  background: var(--surface-elevated);
  --tpl-13-img-scroll-width: calc(
    min(var(--container-max), 1024px - (2 * clamp(20px, 34.816px, 52px))) - (2 * var(--space-5))
  );
}
.lp-root .tpl-13-image-block .tpl-13-image-block__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-8);
}
.lp-root .tpl-13-image-block .tpl-13-image-block__head {
  width: 100%;
  margin-bottom: 0;
}
.lp-root .tpl-13-image-block .tpl-13-image-block__head .tpl-ui-lead {
  margin-top: var(--space-4);
}
.lp-root .tpl-13-image-block .tpl-13-image-block__frame {
  width: 100%;
  margin: 0;
  padding: var(--space-5);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--surface-card);
  overflow: hidden;
}
@media (max-width: 1024px) {
  .lp-root .tpl-13-image-block .tpl-13-image-block__inner {
    gap: var(--space-7);
  }
  .lp-root .tpl-13-image-block .tpl-13-image-block__frame {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-13-image-block .tpl-13-image-block__inner {
    gap: var(--space-6);
  }
}
.lp-root .tpl-13-image-block .tpl-13-image-block__head {
  display: grid;
  gap: var(--space-4);
}
.lp-root .tpl-13-image-block .tpl-13-image-block__head .tpl-ui-lead {
  margin-top: 0;
}
.lp-root .tpl-13-image-block .tpl-13-image-block__frame {
  display: flex;
  justify-content: center;
  overflow-x: hidden;
}
.lp-root .tpl-13-image-block .tpl-13-image-block__image {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  max-height: 400px;
  margin-inline: auto;
  object-fit: contain;
}
@media (max-width: 1024px) {
  .lp-root .tpl-13-image-block .tpl-13-image-block__frame {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .lp-root .tpl-13-image-block .tpl-13-image-block__image {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}
.lp-root .tpl-14-image-price-cta {
  --tpl-14-row-gap: 120px;
  background: var(--surface-page);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-9);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__head[hidden], .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row[hidden] {
  display: none;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__head {
  width: 100%;
  margin-bottom: 0;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__head .tpl-ui-lead {
  margin-top: var(--space-4);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__rows {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--tpl-14-row-gap);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  align-items: center;
  gap: var(--space-8);
  width: 100%;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--flip {
  grid-template-columns: 400px minmax(0, 1fr);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--flip .tpl-14-image-price-cta__media {
  order: -1;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-width: 0;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__subtitle.tpl-ui-h3 {
  margin: 0;
  font-size: 32px;
  line-height: 1.2;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--text-secondary);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__feature {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin: 0;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__feature > p {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--text-primary);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__feature--stack {
  align-items: flex-start;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__check {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: var(--space-1);
  display: block;
  color: var(--color-success);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__feature-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__feature-title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.55;
  color: var(--text-primary);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__feature-desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--text-secondary);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__offer {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__price {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__price-from {
  font-size: 16px;
  line-height: 1.55;
  color: var(--text-secondary);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__price-value {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: var(--text-primary);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__media {
  width: 400px;
  max-width: 100%;
  justify-self: end;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--flip .tpl-14-image-price-cta__media {
  justify-self: start;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__frame {
  width: 100%;
  aspect-ratio: 1 / 1;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-panel);
  background: var(--surface-soft);
}
@media (max-width: 1024px) {
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: var(--space-7);
  }
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--flip {
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  }
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__media {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .lp-root .tpl-14-image-price-cta {
    --tpl-14-row-gap: var(--space-8);
  }
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__inner {
    gap: var(--space-8);
  }
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--flip {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
  }
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__media {
    order: -1;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    align-self: stretch;
  }
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__copy {
    order: 0;
  }
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__frame {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    border-radius: var(--radius-panel);
    border: 1px solid var(--border-default);
  }
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__actions {
    width: 100%;
    gap: var(--space-2);
  }
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__actions .tpl-ui-btn {
    flex: 1 1 0;
    min-width: 0;
  }
}
@media (max-width: 375px) {
  .lp-root .tpl-14-image-price-cta {
    --tpl-14-row-gap: var(--space-7);
  }
  .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__inner {
    gap: var(--space-7);
  }
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__meal-price, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__price-unit {
  display: none;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-1 .tpl-14-image-price-cta__meal-price--1, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-5 .tpl-14-image-price-cta__meal-price--5, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-6 .tpl-14-image-price-cta__meal-price--6, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-9 .tpl-14-image-price-cta__meal-price--9, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-2 .tpl-14-image-price-cta__meal-price--2, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-11 .tpl-14-image-price-cta__meal-price--11, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-3 .tpl-14-image-price-cta__meal-price--3, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-7 .tpl-14-image-price-cta__meal-price--7 {
  display: inline;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-1 .tpl-14-image-price-cta__price-unit--gb, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-6 .tpl-14-image-price-cta__price-unit--gb, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-5 .tpl-14-image-price-cta__price-unit--gb, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-9 .tpl-14-image-price-cta__price-unit--day, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-2 .tpl-14-image-price-cta__price-unit--ip, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-11 .tpl-14-image-price-cta__price-unit--ip, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-3 .tpl-14-image-price-cta__price-unit--ip, .lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__row--meal-7 .tpl-14-image-price-cta__price-unit--ip {
  display: inline;
}
.lp-root .tpl-15-contact-lead {
  background: var(--surface-page);
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__head {
  max-width: 900px;
  width: 100%;
  margin-bottom: 0;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__head .tpl-ui-lead {
  margin-top: var(--space-4);
  word-break: break-word;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__card {
  width: min(100%, 1000px);
  padding: clamp(28px, 4vw, 60px) clamp(16px, 4vw, 60px) clamp(24px, 3vw, 40px);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-panel);
  background: var(--surface-elevated);
  box-shadow: var(--shadow-soft);
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__panel[hidden] {
  display: none !important;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__field--full {
  width: 100%;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__field {
  position: relative;
  min-width: 0;
}
.lp-root .tpl-15-contact-lead .tpl-ui-field {
  gap: 6px;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__field label {
  display: block;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  color: var(--text-primary);
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__req {
  color: var(--color-error);
  margin-right: 2px;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__error {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--color-error);
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__error:empty {
  display: none;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__phone {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__field .tpl-15-contact-lead__phone input {
  border-radius: 0 var(--radius-control) var(--radius-control) 0;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__phone input:focus, .lp-root .tpl-15-contact-lead .tpl-15-contact-lead__phone input:focus-visible {
  z-index: 2;
}
.lp-root .tpl-15-contact-lead .tpl-ui-field input:focus, .lp-root .tpl-15-contact-lead .tpl-ui-field input:focus-visible, .lp-root .tpl-15-contact-lead .tpl-ui-field textarea:focus, .lp-root .tpl-15-contact-lead .tpl-ui-field textarea:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
  border-color: var(--border-focus);
  box-shadow: none;
  position: relative;
  z-index: 1;
}
.lp-root .tpl-15-contact-lead .tpl-ui-field input:hover:focus, .lp-root .tpl-15-contact-lead .tpl-ui-field input:hover:focus-visible, .lp-root .tpl-15-contact-lead .tpl-ui-field textarea:hover:focus, .lp-root .tpl-15-contact-lead .tpl-ui-field textarea:hover:focus-visible {
  border-color: var(--border-strong);
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__field, .lp-root .tpl-15-contact-lead .tpl-15-contact-lead__grid {
  overflow: visible;
}
.lp-root .tpl-15-contact-lead .tpl-15-select {
  position: relative;
  width: 100%;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__native {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: var(--control-h-md);
  min-height: var(--control-h-md);
  padding: 0 36px 0 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-control);
  background-color: var(--surface-elevated);
  background-image: none;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  cursor: pointer;
  outline: none;
  transition: border-color var(--duration) ease,
    box-shadow var(--duration) ease,
    background-color var(--duration) ease;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__trigger:hover {
  border-color: var(--border-strong);
}
.lp-root .tpl-15-contact-lead .tpl-15-select__trigger:focus, .lp-root .tpl-15-contact-lead .tpl-15-select__trigger:focus-visible, .lp-root .tpl-15-contact-lead .tpl-15-select.is-open .tpl-15-select__trigger {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
  border-color: var(--border-focus);
  box-shadow: none;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__trigger:hover:focus, .lp-root .tpl-15-contact-lead .tpl-15-select__trigger:hover:focus-visible, .lp-root .tpl-15-contact-lead .tpl-15-select.is-open .tpl-15-select__trigger:hover {
  border-color: var(--border-strong);
}
.lp-root .tpl-15-contact-lead .tpl-15-select.is-open .tpl-15-select__trigger {
  background-image: none;
  transform: none;
}
.lp-root .tpl-15-contact-lead .tpl-15-select.is-open .tpl-15-select__trigger {
  background-position: right 12px center;
}
.lp-root .tpl-15-contact-lead .tpl-15-select--dial .tpl-15-select__trigger {
  border-right: 0;
  border-radius: var(--radius-control) 0 0 var(--radius-control);
  padding-right: 28px;
  background-position: right 10px center;
  z-index: 1;
}
.lp-root .tpl-15-contact-lead .tpl-15-select--dial .tpl-15-select__trigger:focus, .lp-root .tpl-15-contact-lead .tpl-15-select--dial .tpl-15-select__trigger:focus-visible, .lp-root .tpl-15-contact-lead .tpl-15-select--dial.is-open .tpl-15-select__trigger {
  z-index: 3;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__menu {
  z-index: 20;
  margin: 0;
  padding: 6px;
  list-style: none;
  min-width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-control);
  background: var(--surface-elevated);
  box-shadow: var(--shadow-elevated);
}
.lp-root .tpl-15-contact-lead .tpl-15-select--dial .tpl-15-select__menu {
  min-width: 148px;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__option {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__option:hover, .lp-root .tpl-15-contact-lead .tpl-15-select__option.is-active {
  background: var(--surface-page);
}
.lp-root .tpl-15-contact-lead .tpl-15-select__option.is-selected {
  background: var(--surface-page);
  color: var(--text-primary);
  font-weight: 700;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__option:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
  background: var(--surface-page);
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__field.is-invalid .tpl-15-select__trigger, .lp-root .tpl-15-contact-lead .tpl-15-contact-lead__field.is-invalid .tpl-15-contact-lead__phone input {
  border-color: var(--color-error);
  box-shadow: none;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__actions {
  display: flex;
  justify-content: center;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__radios.tpl-ui-field {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
  gap: 12px;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__radios-legend {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__radios.tpl-ui-field label.tpl-15-contact-lead__radio {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  min-height: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--text-primary);
  cursor: pointer;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__radios .tpl-15-contact-lead__radio input[type="radio"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  line-height: normal;
  accent-color: var(--okey-black);
  transition: none;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__radios .tpl-15-contact-lead__radio input[type="radio"]:hover {
  border-color: transparent;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__radios .tpl-15-contact-lead__radio input[type="radio"]:focus, .lp-root .tpl-15-contact-lead .tpl-15-contact-lead__radios .tpl-15-contact-lead__radio input[type="radio"]:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
  border-color: transparent;
  box-shadow: none;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__radios.is-invalid label.tpl-15-contact-lead__radio input[type="radio"] {
  outline: 1px solid var(--color-error);
  outline-offset: 1px;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__success-modal .tpl-ui-modal__scrim {
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__success-dialog {
  width: min(100%, 440px);
  padding: 40px;
  border: 1px solid var(--border-subtle);
  border-radius: 24px;
  background: var(--surface-elevated);
  box-shadow: var(--shadow-elevated);
}
@media (max-width: 900px) {
  .lp-root .tpl-15-contact-lead .tpl-15-contact-lead__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .lp-root .tpl-15-contact-lead .tpl-15-contact-lead__inner {
    gap: var(--space-7);
  }
  .lp-root .tpl-15-contact-lead .tpl-15-contact-lead__phone {
    grid-template-columns: 100px minmax(0, 1fr);
  }
  .lp-root .tpl-15-contact-lead .tpl-15-contact-lead__actions .tpl-ui-btn {
    width: 100%;
  }
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__phone {
  grid-template-columns: 112px minmax(0, 1fr);
}
.lp-root .tpl-15-contact-lead .tpl-15-select {
  width: 100%;
  min-width: 0;
  overflow: visible;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__menu {
  z-index: 20;
  min-width: 0;
  max-height: 240px;
  overflow-y: auto;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__menu[hidden] {
  display: none;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__option[aria-selected="true"] {
  background: var(--surface-soft);
  color: var(--okey-orange);
}
.lp-root .tpl-15-contact-lead .tpl-15-select--dial .tpl-15-select__menu {
  min-width: 148px;
}
.lp-root .tpl-15-contact-lead .tpl-15-select--dial .tpl-15-select__trigger {
  border-inline-end: 0;
  border-radius: var(--radius-control) 0 0 var(--radius-control);
}
.lp-root .tpl-15-contact-lead .tpl-15-select__chevron {
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  color: #646a73;
  transition: transform var(--duration-fast) var(--ease-out);
}
.lp-root .tpl-15-contact-lead .tpl-15-select__trigger, .lp-root .tpl-15-contact-lead .tpl-15-select--dial .tpl-15-select__trigger {
  padding-inline-end: 12px;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__trigger[aria-expanded="true"] .tpl-15-select__chevron {
  transform: rotate(180deg);
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__error {
  display: none;
}
.lp-root .tpl-15-contact-lead [data-lp-field-wrap]:has([aria-invalid="true"]) > .tpl-15-contact-lead__error {
  display: block;
}
.lp-root .tpl-15-contact-lead [data-lp-field-wrap]:has([aria-invalid="true"]) .tpl-15-select__trigger {
  border-color: var(--color-error);
  box-shadow: none;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__radios:has([aria-invalid="true"]) input[type="radio"] {
  outline: 1px solid var(--color-error);
  outline-offset: 1px;
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-15-contact-lead .tpl-15-select__chevron {
    transition: none;
  }
}
.lp-root .tpl-16-use-case-nav.tpl-ui-section--dark {
  background: linear-gradient(180deg, color-mix(in srgb, var(--okey-orange) 6%, transparent), transparent 26%),
    var(--surface-inverse-soft);
}
.lp-root .tpl-16-use-case-nav .tpl-ui-section-head--dark .tpl-ui-h2 {
  color: var(--surface-card);
}
.lp-root .tpl-16-use-case-nav .tpl-ui-section-head--dark .tpl-ui-lead {
  color: color-mix(in srgb, var(--text-inverse) 72%, transparent);
}
.lp-root .tpl-16-use-case-nav .use-case-card__icon i {
  font-size: 24px;
  line-height: 1;
  width: 24px;
  height: 24px;
  color: var(--surface-card);
}
.lp-root .tpl-16-use-case-nav .use-case-card__icon img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.lp-root .tpl-16-use-case-nav .dark-usecase-board {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--text-inverse) 12%, transparent);
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface-elevated) 2%, transparent);
}
.lp-root .tpl-16-use-case-nav .dark-feature[hidden], .lp-root .tpl-16-use-case-nav .use-case-card[hidden] {
  display: none !important;
}
.lp-root .tpl-16-use-case-nav .usecase-cta-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-6);
  margin-top: var(--space-6);
  padding: var(--space-6);
  border: 1px solid color-mix(in srgb, var(--text-inverse) 12%, transparent);
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface-elevated) 2%, transparent);
}
.lp-root .tpl-16-use-case-nav .usecase-cta-card__copy {
  min-width: 0;
}
.lp-root .tpl-16-use-case-nav .usecase-cta-card__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(22px, 2.2vw, 28px);
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: var(--surface-card);
}
.lp-root .tpl-16-use-case-nav .usecase-cta-card__subtitle {
  margin: var(--space-3) 0 0;
  max-width: 56ch;
  color: color-mix(in srgb, var(--text-inverse) 72%, transparent);
  font-size: 16px;
  line-height: 1.55;
}
.lp-root .tpl-16-use-case-nav .usecase-cta-card .tpl-ui-btn {
  flex-shrink: 0;
  white-space: nowrap;
}
.lp-root .tpl-16-use-case-nav .dark-feature {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-height: 420px;
  min-width: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--text-inverse) 12%, transparent);
}
.lp-root .tpl-16-use-case-nav .dark-feature, .lp-root .tpl-16-use-case-nav .use-case-card {
  color: inherit;
  text-decoration: none;
}
.lp-root .tpl-16-use-case-nav .dark-feature__art, .lp-root .tpl-16-use-case-nav .dark-feature__copy {
  padding: var(--space-6);
}
.lp-root .tpl-16-use-case-nav .dark-feature__art {
  position: relative;
  padding: 0;
  border-right: 1px solid color-mix(in srgb, var(--text-inverse) 12%, transparent);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
}
.lp-root .tpl-16-use-case-nav .dark-feature__grid {
  z-index: 0;
  pointer-events: none;
}
.lp-root .tpl-16-use-case-nav .dark-feature__grid-canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.lp-root .tpl-16-use-case-nav .dark-feature__illustration {
  z-index: 1;
  display: block;
  width: auto;
  height: auto;
  max-width: min(520px, 88%);
  max-height: 88%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  object-position: center center;
  pointer-events: none;
}
.lp-root .tpl-16-use-case-nav .dark-feature__illustration[data-broken="true"] {
  display: none;
}
.lp-root .tpl-16-use-case-nav .dark-feature__copy {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.lp-root .tpl-16-use-case-nav .dark-feature__title--featured {
  font-size: clamp(2rem, 4vw, 3.05rem);
  line-height: 1.04;
  letter-spacing: -0.05em;
  color: var(--surface-card);
}
@media (min-width: 1025px) {
  .lp-root .tpl-16-use-case-nav .dark-feature__title--featured {
    max-width: 11ch;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__art {
    min-height: 100%;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__illustration {
    max-width: min(560px, 90%);
    max-height: 90%;
  }
}
.lp-root .tpl-16-use-case-nav .dark-feature__copy p:last-child {
  margin: var(--space-5) 0 0;
  max-width: 560px;
  color: color-mix(in srgb, var(--text-inverse) 78%, transparent);
  line-height: 1.55;
}
.lp-root .tpl-16-use-case-nav .dark-feature__jump {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid color-mix(in srgb, var(--okey-orange) 48%, transparent);
  border-radius: 50%;
  color: var(--okey-orange);
  font-size: 1.2rem;
  font-weight: 700;
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity var(--duration-fast) var(--ease-out),
    transform var(--duration-fast) var(--ease-out),
    background-color var(--duration-fast) var(--ease-out);
}
.lp-root .tpl-16-use-case-nav .dark-feature:hover .dark-feature__jump, .lp-root .tpl-16-use-case-nav .dark-feature:focus-within .dark-feature__jump {
  opacity: 1;
  transform: translateX(0);
  background: color-mix(in srgb, var(--okey-orange) 12%, transparent);
}
.lp-root .tpl-16-use-case-nav .dark-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lp-root .tpl-16-use-case-nav .use-case-card {
  min-height: 196px;
  padding: 0;
  border-right: 1px solid color-mix(in srgb, var(--text-inverse) 12%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--text-inverse) 12%, transparent);
  background: transparent;
  overflow: hidden;
}
.lp-root .tpl-16-use-case-nav .use-case-card:nth-child(2n) {
  border-right: 0;
}
.lp-root .tpl-16-use-case-nav .use-case-card:hover, .lp-root .tpl-16-use-case-nav .use-case-card:focus-within {
  background: color-mix(in srgb, var(--surface-elevated) 4%, transparent);
}
.lp-root .tpl-16-use-case-nav .use-case-card__stack {
  height: 100%;
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  transform: translateY(26px);
  transition: transform var(--duration-fast) var(--ease-out);
}
.lp-root .tpl-16-use-case-nav .use-case-card__topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
}
.lp-root .tpl-16-use-case-nav .use-case-card__icon {
  display: inline-flex;
  color: var(--surface-card);
}
.lp-root .tpl-16-use-case-nav .use-case-card__arrow {
  color: var(--okey-orange);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity var(--duration-fast) var(--ease-out),
    transform var(--duration-fast) var(--ease-out);
}
.lp-root .tpl-16-use-case-nav .use-case-card h3 {
  margin: var(--space-6) 0 0;
  max-width: 22ch;
  color: var(--surface-card);
}
.lp-root .tpl-16-use-case-nav .use-case-card__details {
  min-height: 64px;
  margin-top: auto;
  display: flex;
  align-items: flex-end;
}
.lp-root .tpl-16-use-case-nav .use-case-card__details p {
  margin: 0;
  color: color-mix(in srgb, var(--text-inverse) 78%, transparent);
  line-height: 1.55;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity var(--duration-fast) var(--ease-out),
    transform var(--duration-fast) var(--ease-out);
}
.lp-root .tpl-16-use-case-nav .use-case-card:hover .use-case-card__stack, .lp-root .tpl-16-use-case-nav .use-case-card:focus-within .use-case-card__stack {
  transform: translateY(0);
}
.lp-root .tpl-16-use-case-nav .use-case-card:hover .use-case-card__arrow, .lp-root .tpl-16-use-case-nav .use-case-card:focus-within .use-case-card__arrow {
  opacity: 1;
  transform: translateX(0);
}
.lp-root .tpl-16-use-case-nav .use-case-card:hover .use-case-card__details p, .lp-root .tpl-16-use-case-nav .use-case-card:focus-within .use-case-card__details p {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 1024px) {
  .lp-root .tpl-16-use-case-nav .tpl-ui-section-head--dark .tpl-ui-h2 {
    font-size: 43px;
    line-height: 1.06;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__art {
    border-right: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--text-inverse) 12%, transparent);
    min-height: 240px;
    max-height: min(320px, 56vw);
    aspect-ratio: 16 / 10;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__illustration {
    max-width: min(480px, 84%);
    max-height: 84%;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__copy {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--space-4);
    row-gap: 0;
    align-items: start;
    padding: var(--space-5);
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__jump {
    position: static;
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    margin: 0;
    opacity: 1;
    transform: none;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__title--featured {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    max-width: none;
    width: auto;
    font-size: 41px;
    line-height: 1.06;
    overflow-wrap: break-word;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__copy p:last-child {
    grid-column: 1 / -1;
    grid-row: 2;
    max-width: none;
    margin-top: var(--space-4);
    font-size: 16px;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .lp-root .tpl-16-use-case-nav .use-case-card {
    min-height: 0;
    border-right: 0;
  }
  .lp-root .tpl-16-use-case-nav .use-case-card:nth-child(2n) {
    border-right: 0;
  }
  .lp-root .tpl-16-use-case-nav .use-case-card__stack {
    padding: var(--space-5);
    transform: translateY(0);
  }
  .lp-root .tpl-16-use-case-nav .use-case-card h3 {
    max-width: none;
    font-size: 21px;
    margin-top: var(--space-4);
  }
  .lp-root .tpl-16-use-case-nav .use-case-card__details {
    min-height: 0;
    margin-top: var(--space-3);
    align-items: flex-start;
  }
  .lp-root .tpl-16-use-case-nav .use-case-card__details p {
    opacity: 1;
    transform: none;
    font-size: 16px;
  }
  .lp-root .tpl-16-use-case-nav .use-case-card__arrow {
    opacity: 1;
    transform: none;
  }
  .lp-root .tpl-16-use-case-nav .usecase-cta-card {
    gap: var(--space-5);
    margin-top: var(--space-5);
    padding: var(--space-5);
    grid-template-columns: 1fr;
  }
  .lp-root .tpl-16-use-case-nav .usecase-cta-card__title {
    font-size: 23px;
  }
  .lp-root .tpl-16-use-case-nav .usecase-cta-card .tpl-ui-btn {
    justify-self: stretch;
    width: 100%;
    white-space: normal;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .lp-root .tpl-16-use-case-nav .tpl-ui-section-head--dark .tpl-ui-h2 {
    font-size: 32px;
  }
  .lp-root .tpl-16-use-case-nav .tpl-ui-section-head--dark .tpl-ui-lead {
    font-size: 16px;
  }
  .lp-root .tpl-16-use-case-nav .dark-usecase-board {
    border-radius: var(--radius-panel, 12px);
  }
  .lp-root .tpl-16-use-case-nav .usecase-cta-card {
    border-radius: var(--radius-panel, 12px);
    gap: var(--space-4);
  }
  .lp-root .tpl-16-use-case-nav .usecase-cta-card__title {
    font-size: 22px;
  }
  .lp-root .tpl-16-use-case-nav .usecase-cta-card__subtitle {
    font-size: 16px;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__art {
    min-height: 220px;
    max-height: min(280px, 62vw);
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__title--featured {
    font-size: 32px;
    line-height: 1.08;
  }
  .lp-root .tpl-16-use-case-nav .use-case-card h3 {
    font-size: 20px;
  }
}
@media (max-width: 390px) {
  .lp-root .tpl-16-use-case-nav .dark-feature__art {
    min-height: 200px;
    aspect-ratio: 4 / 3;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-16-use-case-nav .dark-feature__jump, .lp-root .tpl-16-use-case-nav .use-case-card__arrow, .lp-root .tpl-16-use-case-nav .use-case-card__details p {
    opacity: 1;
    transform: none;
  }
  .lp-root .tpl-16-use-case-nav .use-case-card__stack {
    transform: none;
  }
}
.lp-root .tpl-16-use-case-nav .dark-feature:not([href]), .lp-root .tpl-16-use-case-nav .use-case-card:not([href]) {
  cursor: default;
}
.lp-root .tpl-16-use-case-nav .dark-feature:not([href]) .dark-feature__jump, .lp-root .tpl-16-use-case-nav .use-case-card:not([href]) .use-case-card__arrow {
  display: none;
}
.lp-root .tpl-16-use-case-nav .use-case-card[data-lp-column-end="false"] {
  border-right: 1px solid color-mix(in srgb, var(--text-inverse) 12%, transparent);
}
.lp-root .tpl-16-use-case-nav .use-case-card[data-lp-column-end="true"] {
  border-right: 0;
}
@media (max-width: 1024px) {
  .lp-root .tpl-16-use-case-nav .use-case-card[data-lp-column-end] {
    border-right: 0;
  }
}
.lp-root .tpl-17-icon-copy {
  background: var(--surface-section);
  padding-block: 0;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-8);
  padding-block: var(--section-pad-y);
  padding-inline: 1px;
  box-sizing: border-box;
  --tpl-17-edge-gradient: linear-gradient(
    180deg,
    color-mix(in srgb, var(--border-subtle) 0%, transparent) 0%,
    var(--divider-subtle) 33%,
    var(--divider-subtle) 89%,
    color-mix(in srgb, var(--border-subtle) 0%, transparent) 100%
  );
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__edge {
  z-index: 3;
  width: 1px;
  pointer-events: none;
  background: var(--tpl-17-edge-gradient);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__edge[data-lp-edge="start"] {
  width: 1px;
  transform: scaleX(0.5);
  transform-origin: left center;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__head {
  max-width: 640px;
  width: 100%;
  margin-bottom: 0;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__head .tpl-ui-lead {
  margin-top: var(--space-4);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  --tpl-17-card-row-h: 240px;
  grid-auto-rows: var(--tpl-17-card-row-h);
  align-items: stretch;
  gap: 0;
  position: relative;
  z-index: 1;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: var(--border-subtle);
  border-left: none;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="9"] .tpl-17-icon-copy__item:nth-child(3n), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="6"] .tpl-17-icon-copy__item:nth-child(3n), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="5"] .tpl-17-icon-copy__item:nth-child(3n) {
  border-right: none;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="8"] .tpl-17-icon-copy__item:nth-child(4n), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="7"] .tpl-17-icon-copy__item:nth-child(4n) {
  border-right: none;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="4"] .tpl-17-icon-copy__item:nth-child(2n) {
  border-right: none;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="8"], .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="7"] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="6"], .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="5"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="4"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item {
  --tpl-17-hover-duration: 280ms;
  --tpl-17-hover-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --tpl-17-item-padding: var(--space-5);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: var(--tpl-17-item-padding);
  text-align: left;
  background: var(--surface-elevated);
  border-right: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
  border-left: none;
  min-width: 0;
  box-sizing: border-box;
  min-height: var(--tpl-17-card-row-h, 266px);
  height: 100%;
  overflow: hidden;
  transition: background-color var(--tpl-17-hover-duration) var(--tpl-17-hover-ease);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item:hover {
  background: var(--surface-inverse);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix canvas {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix {
  z-index: 1;
  opacity: 0;
  transition: opacity var(--tpl-17-hover-duration) var(--tpl-17-hover-ease);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item:hover .tpl-17-icon-copy__hover-matrix {
  opacity: 1;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix::after {
  content: "";
  z-index: 2;
  background: color-mix(in srgb, var(--surface-inverse) 20%, transparent);
  pointer-events: none;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item[hidden] {
  display: none;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item.is-featured {
  grid-row: span 2;
  box-sizing: border-box;
  height: 100%;
  min-height: calc(var(--tpl-17-card-row-h, 266px) * 2);
  max-height: calc(var(--tpl-17-card-row-h, 266px) * 2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item.is-featured .tpl-17-icon-copy__icon {
  flex-shrink: 0;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item.is-featured .tpl-17-icon-copy__copy {
  margin-top: 24px;
  flex-shrink: 0;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item.is-featured .tpl-17-icon-copy__dynamic:not([hidden]) {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 24px;
  padding-top: 0;
  pointer-events: none;
  align-self: stretch;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__icon {
  position: relative;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: var(--radius-panel);
  background: var(--surface-page);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--surface-inverse) 8%, transparent);
  overflow: hidden;
  transition: background-color var(--tpl-17-hover-duration) var(--tpl-17-hover-ease);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__glyph {
  display: block;
  width: 24px;
  height: 24px;
  color: var(--text-primary);
  transition: color var(--tpl-17-hover-duration) var(--tpl-17-hover-ease);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  margin-top: var(--space-5);
  flex-shrink: 0;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item-title {
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
  transition: color var(--tpl-17-hover-duration) var(--tpl-17-hover-ease);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item-desc {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-tertiary);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
  transition: color var(--tpl-17-hover-duration) var(--tpl-17-hover-ease);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item:hover .tpl-17-icon-copy__item-title, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item:hover .tpl-17-icon-copy__item-desc {
  color: var(--okey-orange-foreground);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__dynamic {
  display: none;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__dynamic[hidden] {
  display: none !important;
}
@media (max-width: 1024px) {
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="9"] .tpl-17-icon-copy__item:nth-child(3n), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="6"] .tpl-17-icon-copy__item:nth-child(3n), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="5"] .tpl-17-icon-copy__item:nth-child(3n), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="8"] .tpl-17-icon-copy__item:nth-child(4n), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="7"] .tpl-17-icon-copy__item:nth-child(4n) {
    border-right: 1px solid var(--border-subtle);
  }
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="4"] .tpl-17-icon-copy__item:nth-child(2n), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="6"] .tpl-17-icon-copy__item:nth-child(2n), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="8"] .tpl-17-icon-copy__item:nth-child(2n), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="9"] .tpl-17-icon-copy__item:nth-child(2n) {
    border-right: none;
  }
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="5"] .tpl-17-icon-copy__item:nth-child(2), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="5"] .tpl-17-icon-copy__item:nth-child(3), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="5"] .tpl-17-icon-copy__item:nth-child(5) {
    border-right: none;
  }
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="5"] .tpl-17-icon-copy__item:nth-child(1), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="5"] .tpl-17-icon-copy__item:nth-child(4) {
    border-right: 1px solid var(--border-subtle);
  }
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="7"] .tpl-17-icon-copy__item:nth-child(2), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="7"] .tpl-17-icon-copy__item:nth-child(3), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="7"] .tpl-17-icon-copy__item:nth-child(5), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="7"] .tpl-17-icon-copy__item:nth-child(7) {
    border-right: none;
  }
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="7"] .tpl-17-icon-copy__item:nth-child(1), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="7"] .tpl-17-icon-copy__item:nth-child(4), .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count="7"] .tpl-17-icon-copy__item:nth-child(6) {
    border-right: 1px solid var(--border-subtle);
  }
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__inner {
    gap: var(--space-7);
  }
}
@media (max-width: 768px) {
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid[data-count] {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__inner {
    gap: var(--space-6);
  }
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item {
    --tpl-17-item-padding: var(--space-4);
    min-height: auto;
    height: auto;
    max-height: none;
    border-left: none;
    border-right: none;
    overflow: hidden;
  }
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item.is-featured {
    grid-row: auto;
    min-height: auto;
    max-height: none;
    height: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__icon, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__glyph, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item-title, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item-desc, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__dynamic {
    transition: none;
  }
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__title strong {
  color: var(--okey-orange);
  font-weight: inherit;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item.is-featured {
  display: grid;
  padding: 0;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__content {
  grid-area: 1 / 1;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__content {
  box-sizing: border-box;
  padding: var(--tpl-17-item-padding);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix {
  display: grid;
  width: 100%;
  height: 100%;
  align-self: stretch;
  justify-self: stretch;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix canvas, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix::after {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item:focus-visible {
  background: var(--surface-inverse);
  outline: 2px solid var(--okey-orange);
  outline-offset: 1px;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item:focus-visible .tpl-17-icon-copy__hover-matrix {
  opacity: 1;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item:focus-visible .tpl-17-icon-copy__item-title, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item:focus-visible .tpl-17-icon-copy__item-desc {
  color: var(--text-inverse);
}
.lp-root .tpl-18-plan-detail {
  background: var(--surface-section);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-10);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-10);
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__panel[hidden] {
  display: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  max-width: 900px;
  text-align: center;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__head .tpl-ui-lead {
  max-width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tabs {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 48px;
  padding: 6px;
  border-radius: var(--radius-pill);
  background: var(--surface-soft);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 var(--space-3);
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--duration) ease,
    color var(--duration) ease,
    box-shadow var(--duration) ease;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tab:hover {
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tab.is-active {
  background: var(--surface-card);
  color: var(--text-primary);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--surface-inverse) 15%, transparent);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tab:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  border-top: 1px solid var(--border-subtle);
  border-left: 1px solid var(--border-subtle);
  background: var(--surface-card);
  gap: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-width: 0;
  padding: var(--space-5);
  overflow: hidden;
  border-right: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
  background: var(--surface-card);
  transition: background-color var(--duration) ease,
    box-shadow var(--duration) ease;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__traffic-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__bonus, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__discount {
  font-weight: 700;
  white-space: nowrap;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__bonus {
  font-family: var(--font-display);
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--okey-orange);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__discount {
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding-inline: var(--space-2);
  border-radius: 0 0 0 var(--radius-tag);
  background: var(--okey-black);
  color: var(--text-inverse);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: 100%;
  margin-top: auto;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan:hover, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan:focus-within {
  background: var(--surface-elevated);
  box-shadow: var(--shadow-soft);
  z-index: 1;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__cta {
  width: 100%;
  background: var(--surface-soft);
  border-color: var(--surface-soft);
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan:hover .tpl-18-plan-detail__cta, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan:focus-within .tpl-18-plan-detail__cta {
  background: var(--okey-orange);
  border-color: var(--okey-orange);
  color: var(--okey-orange-foreground);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan:hover .tpl-18-plan-detail__cta:hover, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan:focus-within .tpl-18-plan-detail__cta:hover {
  background: var(--okey-orange-hover);
  border-color: var(--okey-orange-hover);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan:hover .tpl-18-plan-detail__cta:active, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan:focus-within .tpl-18-plan-detail__cta:active {
  background: var(--okey-orange-active);
  border-color: var(--okey-orange-active);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__traffic {
  margin: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__price {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__price--total {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2);
  margin-top: calc(var(--space-2) * -1);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__from {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-secondary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__bandwidth {
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__bandwidth > label {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select {
  position: relative;
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  height: var(--control-h-md);
  padding: 0 var(--space-3);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-control);
  background: var(--surface-elevated);
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  cursor: pointer;
  transition: border-color var(--duration) ease;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-trigger:hover {
  border-color: var(--border-strong);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select.is-open .tpl-18-plan-detail__select-trigger, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-trigger:focus-visible {
  border-color: var(--border-focus);
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
  box-shadow: 0 0 0 1px var(--border-focus);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-trigger svg {
  flex-shrink: 0;
  font-size: 16px;
  color: var(--text-secondary);
  transition: transform var(--duration) ease;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select.is-open .tpl-18-plan-detail__select-trigger svg {
  transform: rotate(180deg);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-menu {
  z-index: 30;
  width: 100%;
  margin: 0;
  padding: var(--space-1);
  list-style: none;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-control);
  background: var(--surface-elevated);
  box-shadow: var(--shadow-elevated);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-menu[hidden] {
  display: none !important;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-option {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: var(--radius-tag);
  background: transparent;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  cursor: pointer;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-option:hover, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-option:focus-visible {
  background: var(--surface-page);
  font-weight: 600;
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-option.is-selected {
  background: var(--surface-page);
  font-weight: 600;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-option.is-selected:hover, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-option.is-selected:focus-visible {
  background: var(--surface-page);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan--bandwidth.is-select-open {
  overflow: visible;
  z-index: 4;
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-trigger svg, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select.is-open .tpl-18-plan-detail__select-trigger svg {
    transition: none;
    transform: none;
  }
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__amount {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-1);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__amount strong {
  font-family: var(--font-display);
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__price--total .tpl-18-plan-detail__from, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__price--total .tpl-18-plan-detail__amount--total, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__price--total .tpl-18-plan-detail__amount--total strong, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__price--total .tpl-18-plan-detail__amount--total span {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: normal;
  color: var(--text-secondary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__price--total .tpl-18-plan-detail__amount--total {
  align-items: baseline;
  gap: var(--space-2);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan--bandwidth .tpl-18-plan-detail__price--total .tpl-18-plan-detail__from {
  color: var(--text-secondary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__amount span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__amount del {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-secondary);
  text-decoration: line-through;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan .tpl-ui-btn, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan .tpl-18-plan-detail__cta {
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__benefits {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-4) var(--space-5);
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__benefits li {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-primary);
  white-space: nowrap;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__check {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border-radius: var(--radius-pill);
  background: var(--okey-black);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__check::after {
  content: "";
  width: 3px;
  height: 6px;
  border: solid var(--okey-orange-foreground);
  border-width: 0 1.5px 1.5px 0;
  box-sizing: border-box;
  transform: rotate(45deg);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise {
  display: grid;
  grid-template-columns: minmax(220px, 330px) minmax(0, 1fr) minmax(180px, 330px);
  align-items: stretch;
  width: 100%;
  min-height: 200px;
  border: 1px solid var(--border-subtle);
  overflow: hidden;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-cta {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
  padding: 26px 28px;
  box-sizing: border-box;
  background: var(--okey-orange);
  color: var(--okey-orange-foreground);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-cta .tpl-ui-h3 {
  color: inherit;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__contact {
  width: 100%;
  margin-top: auto;
  background: transparent;
  border-color: var(--okey-orange-foreground);
  color: var(--okey-orange-foreground);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__contact:hover, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__contact:focus-visible {
  background: var(--surface-elevated);
  border-color: var(--surface-elevated);
  color: var(--okey-black);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__contact:active {
  background: var(--surface-elevated);
  border-color: var(--surface-elevated);
  color: var(--okey-black);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  min-height: 100%;
  background: var(--surface-card);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-features li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 20px 28px;
  border-right: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-features li:nth-child(2n) {
  border-right: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-features li:nth-child(n + 3) {
  border-bottom: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-features strong {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-features span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--text-secondary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-media {
  position: relative;
  min-height: 100%;
  padding: 0;
  background: var(--surface-card);
  border-left: 1px solid var(--border-subtle);
  overflow: hidden;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: darken;
  pointer-events: none;
}
@media (max-width: 1199px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise {
    grid-template-columns: 1fr 1fr;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-media {
    grid-column: 1 / -1;
    border-left: none;
    border-top: 1px solid var(--border-subtle);
  }
}
@media (max-width: 1023px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise {
    grid-template-columns: 1fr;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-cta {
    min-height: 0;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-media {
    min-height: 180px;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__inner, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__panel {
    gap: var(--space-7);
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tabs {
    display: flex;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tabs::-webkit-scrollbar {
    display: none;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tab {
    flex: 0 0 auto;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__benefits {
    justify-content: flex-start;
    gap: var(--space-3) var(--space-4);
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__benefits li {
    white-space: normal;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-features {
    grid-template-columns: 1fr;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-features li {
    border-right: none;
    border-bottom: 1px solid var(--border-subtle);
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-features li:last-child {
    border-bottom: none;
  }
}
@media (max-width: 520px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan-grid {
    grid-template-columns: 1fr;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan {
    gap: var(--space-5);
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tab, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__contact {
    transition: none;
  }
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: 100%;
  padding: var(--space-5);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-panel);
  background: var(--surface-card);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-label {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--text-secondary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-chip {
  min-width: 100px;
  width: 140px;
  padding: 10px var(--space-3);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-card);
  background: var(--surface-card);
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  transition: background-color var(--duration) ease,
    border-color var(--duration) ease,
    box-shadow var(--duration) ease,
    color var(--duration) ease;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-chip:hover:not(.is-active) {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-soft);
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-chip.is-active {
  border-color: var(--okey-orange);
  background: var(--okey-orange-soft);
  color: var(--text-primary);
  box-shadow: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-chip.is-active:hover {
  border-color: var(--okey-orange-hover);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-chip:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-selection {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-selection-head {
  display: flex;
  align-items: center;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-label-row {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  line-height: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-info svg {
  font-size: 14px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-info:hover, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-info:focus-visible {
  color: var(--okey-black);
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-tools {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-regions {
  display: flex;
  flex: 1 1 auto;
  gap: var(--space-5);
  min-width: 0;
  overflow-x: auto;
  border-bottom: 1px solid var(--border-subtle);
  scrollbar-width: thin;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-region {
  flex: 0 0 auto;
  padding: 0 0 var(--space-2);
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
  cursor: pointer;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-region.is-active {
  border-bottom-color: var(--okey-black);
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-region:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-search {
  display: flex;
  flex: 0 1 240px;
  align-items: center;
  gap: var(--space-2);
  width: 240px;
  min-width: 180px;
  min-height: var(--control-h-md);
  padding: 0 12px;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-control);
  background: var(--surface-elevated);
  color: var(--text-secondary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-search svg {
  flex-shrink: 0;
  font-size: 16px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 22px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-search input::placeholder {
  color: var(--text-placeholder);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-search input:focus {
  outline: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-search:focus-within {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-grid {
  --static-loc-row: 86px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-content: start;
  gap: var(--space-2);
  width: 100%;
  max-height: calc(var(--static-loc-row) * 3 + var(--space-2) * 2);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: var(--space-5);
  color: var(--text-secondary);
  font-size: 14px;
  text-align: center;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-location {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 20px var(--space-4);
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-card);
  background: var(--surface-card);
  cursor: pointer;
  transition: background-color var(--duration) ease,
    border-color var(--duration) ease,
    box-shadow var(--duration) ease;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-location:not(.is-selected):hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-soft);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-location.is-selected {
  border-color: var(--okey-orange);
  background: var(--okey-orange-soft);
  cursor: default;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-location.is-selected:hover {
  border-color: var(--okey-orange-hover);
  box-shadow: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__premium {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding-inline: 6px;
  border-radius: var(--radius-tag);
  background: var(--okey-orange-soft);
  color: var(--okey-orange);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-title {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-title strong {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__tip-target {
  cursor: default;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__name-tip {
  z-index: 90;
  max-width: min(280px, calc(100vw - 24px));
  padding: 6px 10px;
  border-radius: var(--radius-tag);
  background: var(--surface-inverse);
  color: var(--text-inverse);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  box-shadow: var(--shadow-elevated);
  pointer-events: none;
  white-space: normal;
  word-break: break-word;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__name-tip[hidden] {
  display: none !important;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-location-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--space-3);
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-identity {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-flag {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__flag-circle {
  flex-shrink: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  background: var(--surface-soft);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__flag-circle img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__flag-circle--sm {
  width: 20px;
  height: 20px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-names {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-names strong, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-names span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-names strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--text-secondary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-location.is-selected .tpl-18-plan-detail__static-names strong {
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-names span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--text-secondary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  white-space: nowrap;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-price-current {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-price-current strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-price-current small {
  font-size: 12px;
  line-height: 18px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-price del {
  font-size: 12px;
  line-height: 18px;
  color: var(--text-secondary);
  text-decoration: line-through;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 96px;
  min-width: 96px;
  height: 24px;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-tag);
  background: var(--surface-card);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-inline: 1px solid var(--border-subtle);
  background: var(--surface-card);
  color: var(--text-primary);
  cursor: pointer;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-step:first-child {
  border-left: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-step:last-child {
  border-right: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-step svg {
  font-size: 12px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-qty {
  flex: 1 1 auto;
  min-width: 1.5em;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}
@media (max-width: 1199px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1023px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-tools {
    flex-direction: column;
    align-items: stretch;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-search {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
  }
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2 {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: 100%;
  padding: var(--space-5);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-panel);
  background: var(--surface-card);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-selection {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-search--wide {
  flex: none;
  width: min(100%, 600px);
  max-width: 100%;
  height: var(--control-h-md);
  min-height: var(--control-h-md);
  max-height: var(--control-h-md);
  box-sizing: border-box;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-grid {
  --static-v2-row-h: 116px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(var(--static-v2-row-h), auto);
  align-content: start;
  gap: var(--space-2);
  width: 100%;
  max-height: calc(3 * var(--static-v2-row-h) + 2 * var(--space-2));
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
  min-height: var(--static-v2-row-h);
  box-sizing: border-box;
  padding: var(--space-5) var(--space-4);
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-card);
  background: var(--surface-card);
  transition: border-color var(--duration) ease,
    background-color var(--duration) ease,
    box-shadow var(--duration) ease;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-card:hover:not(.is-selected) {
  background: var(--surface-elevated);
  border-color: var(--border-strong);
  box-shadow: var(--shadow-soft);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-card.is-selected {
  border-color: var(--okey-orange);
  background: var(--okey-orange-soft);
  box-shadow: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-card.is-selected:hover {
  border-color: var(--okey-orange-hover);
  box-shadow: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__discount--start {
  border-radius: 0 0 var(--radius-tag) 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-identity {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 2px;
  min-width: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names strong, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names strong {
  flex: 0 1 auto;
  max-width: 60%;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: var(--text-secondary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names span {
  flex: 0 1 auto;
  max-width: 50%;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--text-tertiary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-price {
  flex: 1 1 auto;
  flex-direction: row;
  align-items: flex-end;
  gap: 6px;
  min-width: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-stepper {
  flex: 0 0 auto;
}
@media (max-width: 1199px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1023px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-search--wide {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-grid {
    grid-template-columns: 1fr;
  }
}
.lp-root .tpl-18-plan-detail [data-static-v2-root] {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock {
  width: 100%;
  padding: var(--space-4) var(--space-5);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-card);
  background: var(--surface-elevated);
  box-shadow: var(--shadow-soft);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock[hidden] {
  display: none !important;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-items {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  gap: var(--space-2);
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-chip {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--space-2);
  max-width: 200px;
  min-height: 32px;
  padding: 0 var(--space-2) 0 var(--space-3);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-control);
  background: var(--surface-card);
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-flag {
  font-size: 16px;
  line-height: 1;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-tag);
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-remove:hover {
  background: var(--border-subtle);
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-remove:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-remove svg {
  font-size: 12px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-meta {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--space-5);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-total, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-price {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-1);
  margin: 0;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-total strong, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-price strong {
  color: var(--text-primary);
  font-weight: 700;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-price strong {
  color: var(--okey-orange);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-cta {
  min-width: 120px;
}
@media (max-width: 767px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-inner {
    flex-direction: column;
    align-items: stretch;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-items {
    width: 100%;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-meta {
    justify-content: space-between;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-cta {
    flex: 1 1 auto;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-card {
    padding: var(--space-4);
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-chip {
    width: auto;
    min-width: 96px;
    flex: 1 1 auto;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-grid {
    grid-template-columns: 1fr;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-selection-head {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-chip, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-location {
    transition: none;
  }
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__modal {
  align-items: center;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dialog {
  width: min(100%, 720px);
  max-height: min(90vh, 900px);
  padding: 0;
  overflow: auto;
  border: 1px solid var(--border-default);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-7) var(--space-7) var(--space-5);
  border-bottom: 1px solid var(--divider-subtle);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dialog-head .tpl-ui-h3 {
  margin: 0;
  flex: 1;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dialog-head .tpl-ui-modal__close {
  flex-shrink: 0;
  border: 0;
  cursor: pointer;
  color: var(--text-secondary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dialog-head .tpl-ui-modal__close svg {
  font-size: 20px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding: var(--space-5) var(--space-7) var(--space-7);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__required {
  color: var(--color-error);
  font-weight: 700;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__field-error {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--color-error);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__form .tpl-ui-field textarea {
  min-height: 120px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__intent {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  border: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__radio {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  color: var(--text-primary);
  font-size: 16px;
  line-height: 1.5;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__radio input {
  width: 20px;
  height: 20px;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--okey-black);
  cursor: pointer;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dialog-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-4);
  padding-top: var(--space-5);
  border-top: 1px solid var(--divider-subtle);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__success {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-7);
  text-align: center;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__success-icon {
  width: 48px;
  height: 48px;
  font-size: 48px;
  color: var(--color-success);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__success .tpl-ui-h3 {
  margin: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__success p {
  margin: 0;
  max-width: 32ch;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.55;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__success .tpl-ui-btn {
  width: 100%;
  margin-top: var(--space-4);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__modal[data-state="success"] .tpl-18-plan-detail__dialog {
  width: min(100%, 400px);
}
@media (max-width: 767px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dialog-head, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__form, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__success {
    padding-inline: var(--space-5);
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dialog-actions {
    flex-direction: column-reverse;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dialog-actions .tpl-ui-btn {
    width: 100%;
  }
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__check {
  display: grid;
  place-items: center;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__check::after {
  display: block;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__select-trigger svg {
  display: block;
  width: 16px;
  height: 16px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-search svg {
  display: block;
  width: 16px;
  height: 16px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-grid {
  grid-auto-rows: auto;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-height: min-content;
  padding: 24px 12px 12px;
  overflow: visible;
  border-color: var(--border-default);
  border-radius: 8px;
  background: var(--surface-card);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  transition: color .15s cubic-bezier(.4,0,.2,1), background-color .15s cubic-bezier(.4,0,.2,1), border-color .15s cubic-bezier(.4,0,.2,1);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-card:hover:not(.is-selected) {
  border-color: var(--border-strong);
  background: var(--surface-section);
  box-shadow: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-card.is-selected {
  border-color: var(--okey-orange);
  background: var(--okey-orange-soft);
  box-shadow: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-card.is-selected:hover {
  border-color: var(--okey-orange-active);
  background: var(--okey-orange-soft);
  box-shadow: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-card > .tpl-18-plan-detail__discount {
  grid-area: 1 / 1;
  place-self: start;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  margin: -24px 0 0 -12px;
  padding: 0 8px;
  border-radius: 7px 0 4px 0;
  background: var(--okey-black);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-identity {
  grid-area: 1 / 1;
  gap: 8px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-identity .tpl-18-plan-detail__flag-circle, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-identity > .tpl-18-plan-detail__flag {
  width: 28px;
  height: 28px;
  box-sizing: border-box;
  border: 1px solid var(--border-default);
  border-radius: 9999px;
  background: transparent;
  object-fit: cover;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names {
  display: block;
  flex: 1 1 0%;
  text-align: left;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names strong, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names span {
  display: block;
  max-width: none;
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names strong {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names span {
  margin-top: 2px;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-names span:empty {
  display: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-identity .tpl-18-plan-detail__premium {
  min-height: 18px;
  padding: 0 6px;
  border-radius: 4px;
  background: var(--okey-orange-soft);
  color: var(--okey-orange);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot {
  grid-area: 2 / 1;
  box-sizing: border-box;
  min-height: 32px;
  margin-top: 12px;
  padding: 0;
  align-items: flex-end;
  gap: 8px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-price {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  text-align: left;
  white-space: normal;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-price-current {
  display: inline;
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-price-current strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-price-current small {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-price del {
  margin-left: 4px;
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-stepper {
  box-sizing: border-box;
  width: 96px;
  min-width: 0;
  height: 24px;
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  background: var(--surface-card);
  font-size: 12px;
  line-height: 1.5;
  transition: border-color 160ms ease;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-stepper:hover {
  border-color: var(--border-strong);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-stepper:focus-within {
  border-color: var(--okey-orange);
  outline: none;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px color-mix(in srgb, var(--okey-orange) 50%, transparent);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-qty {
  width: 0;
  min-width: 0;
  height: 100%;
  border: 0;
  padding: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  color: var(--text-primary);
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  appearance: textfield;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-step {
  box-sizing: border-box;
  flex: 0 0 24px;
  width: 24px;
  height: 100%;
  padding: 0;
  border: 0;
  background: var(--surface-card);
  color: var(--text-primary);
  font-size: 0;
  transition: color 160ms ease, background-color 160ms ease;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-step:first-child {
  border-right: 1px solid var(--border-subtle);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-step:last-child {
  border-left: 1px solid var(--border-subtle);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-step:hover {
  background: var(--surface-disabled);
  color: var(--text-primary);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-step {
  display: grid;
  place-content: center;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-step::before {
  content: '';
  grid-area: 1 / 1;
  place-self: center;
  width: 8px;
  height: 1px;
  border-radius: .5px;
  background: currentColor;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-step:last-child::after {
  content: '';
  grid-area: 1 / 1;
  place-self: center;
  width: 1px;
  height: 8px;
  border-radius: .5px;
  background: currentColor;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-qty::-webkit-inner-spin-button, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-qty::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__dock-remove svg {
  display: block;
  width: 12px;
  height: 12px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-allocation {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-allocation[hidden], .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-grid[hidden], .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__discount[hidden], .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-card[hidden] {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-stepper, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-v2-foot .tpl-18-plan-detail__static-step {
    transition: none;
  }
}
.lp-root .tpl-19-copy-hero-image {
  background: var(--surface-section);
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__inner {
  display: grid;
  gap: var(--space-8);
  max-width: 1320px;
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__head {
  width: min(100%, 900px);
  margin-inline: auto;
  text-align: center;
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__head .tpl-ui-lead {
  margin-top: var(--space-4);
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 480px);
  align-items: start;
  gap: var(--space-10);
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__items {
  min-width: 0;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid var(--divider-subtle);
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item {
  padding-block: var(--space-5);
  border-bottom: 1px solid var(--divider-subtle);
  transition: padding-bottom var(--duration) ease;
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item:last-child {
  border-bottom: 0;
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item h3 {
  margin: 0;
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item p {
  max-width: 720px;
  max-height: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-secondary);
  transition: max-height var(--duration) ease,
    opacity var(--duration) ease,
    margin-top var(--duration) ease;
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item--active, .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item:hover, .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item:focus-within {
  padding-bottom: var(--space-6);
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item--active p, .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item:hover p, .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item:focus-within p {
  max-height: 8em;
  margin-top: var(--space-4);
  opacity: 1;
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__items:hover .tpl-19-copy-hero-image__item--active:not(:hover):not(:focus-within) {
  padding-bottom: var(--space-5);
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__items:hover .tpl-19-copy-hero-image__item--active:not(:hover):not(:focus-within) p {
  max-height: 0;
  margin-top: 0;
  opacity: 0;
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__media {
  width: min(100%, 480px);
  aspect-ratio: 1;
  margin: 0;
  justify-self: end;
  border-radius: var(--radius-panel);
  background: var(--surface-soft);
}
@media (max-width: 1024px) {
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__content {
    grid-template-columns: 1fr;
    gap: var(--space-7);
  }
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__items {
    min-height: 0;
    justify-content: flex-start;
  }
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__media {
    width: min(100%, 640px);
    justify-self: center;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__inner {
    gap: var(--space-7);
  }
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__content {
    gap: var(--space-6);
  }
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item {
    padding-block: var(--space-4);
  }
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item--active, .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item:hover, .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item:focus-within {
    padding-bottom: var(--space-5);
  }
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__items:hover .tpl-19-copy-hero-image__item--active:not(:hover):not(:focus-within) {
    padding-bottom: var(--space-4);
  }
}
@media (hover: none) {
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__items:hover .tpl-19-copy-hero-image__item--active:not(:hover):not(:focus-within) {
    padding-bottom: var(--space-6);
  }
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__items:hover .tpl-19-copy-hero-image__item--active:not(:hover):not(:focus-within) p {
    max-height: 8em;
    margin-top: var(--space-4);
    opacity: 1;
  }
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item:hover:not(.tpl-19-copy-hero-image__item--active):not(:focus-within) {
    padding-bottom: var(--space-5);
  }
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item:hover:not(.tpl-19-copy-hero-image__item--active):not(:focus-within) p {
    max-height: 0;
    margin-top: 0;
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item, .lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__item p {
    transition: none;
  }
}
.lp-root .tpl-20-icon-copy-link {
  background: var(--surface-section);
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__inner {
  display: grid;
  gap: var(--space-8);
  max-width: 1320px;
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__head {
  width: min(100%, 900px);
  margin-inline: auto;
  display: grid;
  justify-items: center;
  gap: 16px;
  text-align: center;
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__title {
  width: 100%;
  margin: 0;
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__intro {
  width: 100%;
  display: grid;
  justify-items: center;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 24px;
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__intro p {
  margin: 0;
  white-space: nowrap;
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__intro a {
  display: inline;
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__card {
  min-width: 0;
  min-height: 330px;
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  transition: box-shadow var(--duration) var(--ease-out);
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__icon {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: var(--radius-control);
  background: var(--surface-soft);
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__copy {
  width: 100%;
  display: grid;
  gap: var(--space-3);
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__copy h3 {
  margin: 0;
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__copy p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-secondary);
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__link {
  margin-top: auto;
}
@media (hover: hover) and (pointer: fine) {
  .lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__card:hover, .lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__card:focus-within {
    box-shadow: var(--shadow-soft);
  }
}
@media (max-width: 1024px) {
  .lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__intro p {
    white-space: normal;
  }
  .lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__inner {
    gap: var(--space-7);
  }
  .lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__grid {
    grid-template-columns: 1fr;
  }
  .lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__card {
    min-height: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__card {
    transition: none;
  }
}
.lp-root .tpl-21-faq {
  background: var(--surface-soft);
}
.lp-root .tpl-21-faq .tpl-21-faq__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: start;
}
.lp-root .tpl-21-faq .tpl-21-faq__layout > .tpl-ui-section-head {
  width: 100%;
  max-width: 720px;
  margin-inline: auto;
  margin-bottom: 0;
  text-align: center;
}
.lp-root .tpl-21-faq .tpl-21-faq__list {
  width: 100%;
  max-width: 920px;
  margin-inline: auto;
  display: grid;
  gap: 0;
}
.lp-root .tpl-22-title-left-desc-right {
  background: var(--surface-section);
}
.lp-root .tpl-22-title-left-desc-right .tpl-22-title-left-desc-right__layout {
  display: flex;
  align-items: flex-start;
  gap: var(--space-10);
}
.lp-root .tpl-22-title-left-desc-right .tpl-22-title-left-desc-right__title-col {
  flex: 0 0 490px;
  width: 490px;
  max-width: 100%;
}
.lp-root .tpl-22-title-left-desc-right .tpl-22-title-left-desc-right__title {
  margin: 0;
  word-break: break-word;
}
.lp-root .tpl-22-title-left-desc-right .tpl-22-title-left-desc-right__desc-col {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lp-root .tpl-22-title-left-desc-right .tpl-22-title-left-desc-right__desc-col p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--text-secondary);
  word-break: break-word;
}
@media (max-width: 1024px) {
  .lp-root .tpl-22-title-left-desc-right .tpl-22-title-left-desc-right__title-col {
    flex-basis: min(490px, 42%);
    width: auto;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-22-title-left-desc-right .tpl-22-title-left-desc-right__layout {
    flex-direction: column;
    gap: var(--space-5);
  }
  .lp-root .tpl-22-title-left-desc-right .tpl-22-title-left-desc-right__title-col {
    flex: 1 1 auto;
    width: 100%;
  }
}
.lp-root .tpl-23-title-desc-four-items {
  background: var(--surface-section);
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__layout {
  display: grid;
  grid-template-columns: minmax(0, 435px) minmax(0, 825px);
  align-items: center;
  gap: var(--space-8);
  max-width: 1320px;
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__intro {
  min-height: 544px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__heading {
  display: grid;
  gap: var(--space-3);
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__title {
  margin: 0;
  word-break: break-word;
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__lead {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-secondary);
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__points {
  display: grid;
  gap: var(--space-6);
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__points li {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: start;
  gap: var(--space-2);
  font-size: 16px;
  line-height: 24px;
  color: var(--text-primary);
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__card {
  min-height: 260px;
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-5);
  background: var(--surface-card);
  text-align: center;
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__icon {
  position: relative;
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: var(--radius-control);
  background: var(--surface-soft);
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__card-copy {
  display: grid;
  gap: var(--space-3);
  width: 100%;
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__card h3 {
  margin: 0;
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__card p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-secondary);
}
@media (max-width: 1180px) {
  .lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__layout {
    grid-template-columns: minmax(0, 360px) minmax(0, 1fr);
    gap: var(--space-10);
  }
  .lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__intro {
    min-height: 520px;
  }
  .lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__card {
    min-height: 250px;
    padding: var(--space-5);
  }
}
@media (max-width: 1024px) {
  .lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__layout {
    grid-template-columns: 1fr;
    gap: var(--space-7);
  }
  .lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__intro {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-10);
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__layout {
    gap: var(--space-10);
  }
  .lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__intro {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }
  .lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__points {
    gap: var(--space-5);
  }
  .lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__grid {
    grid-template-columns: 1fr;
  }
  .lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__card {
    min-height: 0;
  }
}
.lp-root .tpl-24-icon-copy-simple {
  background: var(--surface-section);
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__inner {
  display: grid;
  gap: var(--space-8);
  max-width: 1320px;
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__head {
  width: min(100%, 760px);
  margin-bottom: 0;
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__grid {
  display: grid;
  align-items: stretch;
  width: 100%;
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__item {
  min-width: 0;
  padding: var(--space-6) var(--space-5);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  text-align: center;
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__icon {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: var(--radius-panel);
  background: var(--surface-soft);
  color: var(--text-primary);
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__copy {
  width: 100%;
  display: grid;
  gap: var(--space-3);
  justify-items: center;
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__item-title {
  margin: 0;
  max-width: 100%;
  color: var(--text-primary);
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.015em;
  overflow-wrap: anywhere;
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__rich-text {
  max-width: 360px;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 1.55;
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__rich-text > * + * {
  margin-top: var(--space-3);
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__rich-text p {
  margin-bottom: 0;
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"] .tpl-24-icon-copy-simple__rich-text {
  display: none;
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"] .tpl-24-icon-copy-simple__item-title {
  max-width: 360px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"][data-lp-card-count="3"]
  .tpl-24-icon-copy-simple__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"][data-lp-card-count="4"]
  .tpl-24-icon-copy-simple__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"][data-lp-card-count="5"]
  .tpl-24-icon-copy-simple__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"][data-lp-card-count="6"]
  .tpl-24-icon-copy-simple__grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="rich"] .tpl-24-icon-copy-simple__grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  row-gap: var(--space-5);
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="rich"][data-lp-card-count="3"]
  .tpl-24-icon-copy-simple__item, .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="rich"][data-lp-card-count="6"]
  .tpl-24-icon-copy-simple__item {
  grid-column: span 2;
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="rich"][data-lp-card-count="4"]
  .tpl-24-icon-copy-simple__item {
  grid-column: span 3;
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="rich"][data-lp-card-count="5"]
  .tpl-24-icon-copy-simple__item {
  grid-column: span 2;
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="rich"][data-lp-card-count="5"]
  .tpl-24-icon-copy-simple__item:nth-child(4) {
  grid-column: 2 / span 2;
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="rich"][data-lp-card-count="5"]
  .tpl-24-icon-copy-simple__item:nth-child(5) {
  grid-column: 4 / span 2;
}
.lp-root .tpl-24-icon-copy-simple[data-lp-card-count="3"] .tpl-24-icon-copy-simple__item:nth-child(n + 4), .lp-root .tpl-24-icon-copy-simple[data-lp-card-count="4"] .tpl-24-icon-copy-simple__item:nth-child(n + 5), .lp-root .tpl-24-icon-copy-simple[data-lp-card-count="5"] .tpl-24-icon-copy-simple__item:nth-child(n + 6) {
  display: none;
}
@media (max-width: 1024px) {
  .lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__inner {
    gap: var(--space-7);
  }
  .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode][data-lp-card-count]
    .tpl-24-icon-copy-simple__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: var(--space-5);
  }
  .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode][data-lp-card-count]
    .tpl-24-icon-copy-simple__item {
    grid-column: auto;
  }
  .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode][data-lp-card-count="3"]
    .tpl-24-icon-copy-simple__item:nth-child(3), .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode][data-lp-card-count="5"]
    .tpl-24-icon-copy-simple__item:nth-child(5) {
    grid-column: 1 / -1;
    width: calc(50% - (var(--grid-gap) / 2));
    justify-self: center;
  }
  .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode][data-lp-card-count="5"]
    .tpl-24-icon-copy-simple__item:nth-child(4) {
    grid-column: auto;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode][data-lp-card-count]
    .tpl-24-icon-copy-simple__grid {
    grid-template-columns: 1fr;
    row-gap: var(--space-3);
  }
  .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode][data-lp-card-count="3"]
    .tpl-24-icon-copy-simple__item:nth-child(3), .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode][data-lp-card-count="5"]
    .tpl-24-icon-copy-simple__item:nth-child(5) {
    grid-column: auto;
    width: 100%;
  }
  .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode][data-lp-card-count="5"]
    .tpl-24-icon-copy-simple__item:nth-child(4) {
    grid-column: auto;
  }
  .lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__item {
    padding: var(--space-5) var(--space-4);
  }
  .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"]
    .tpl-24-icon-copy-simple__item {
    flex-direction: row;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-4);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-panel);
    background: var(--surface-card);
    text-align: left;
  }
  .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"]
    .tpl-24-icon-copy-simple__icon {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
  .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"]
    .tpl-24-icon-copy-simple__copy {
    justify-items: start;
  }
  .lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__rich-text {
    max-width: 440px;
  }
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="rich"] .tpl-24-icon-copy-simple__rich-text {
  display: block;
}
.lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"] .tpl-ui-lead, .lp-root .tpl-24-icon-copy-simple[data-lp-content-mode="title"] .tpl-24-icon-copy-simple__rich-text {
  display: none;
}
.lp-root .tpl-11-coverage .tpl-ui-managed-empty, .lp-root .tpl-18-plan-detail .tpl-ui-managed-empty {
  grid-column: 1 / -1;
  display: grid;
  width: 100%;
  min-height: 8rem;
  place-content: center;
  gap: .375rem;
  padding: 1.5rem;
  border: 1px dashed var(--border-default);
  border-radius: var(--radius-panel);
  box-sizing: border-box;
  background: var(--surface-soft);
  color: var(--text-secondary);
  text-align: center;
  list-style: none;
}
.lp-root .tpl-11-coverage .tpl-ui-managed-empty {
  border-radius: 0;
}
.lp-root .tpl-11-coverage .tpl-ui-managed-empty strong, .lp-root .tpl-18-plan-detail .tpl-ui-managed-empty strong {
  color: var(--text-primary);
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}
.lp-root .tpl-11-coverage .tpl-ui-managed-empty span, .lp-root .tpl-18-plan-detail .tpl-ui-managed-empty span {
  max-width: 34rem;
  font-size: .875rem;
  line-height: 1.5;
}
.lp-root .tpl-06-integrate.tpl-ui-section {
  background: radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--okey-orange) 16%, transparent), transparent 42%), radial-gradient(circle at 82% 70%, color-mix(in srgb, var(--text-inverse) 4%, transparent), transparent 46%), var(--surface-inverse-soft);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__glow {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-wrap {
  display: grid;
  gap: .375rem;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__product-label {
  color: color-mix(in srgb, var(--text-inverse) 72%, transparent);
  font-size: .8125rem;
  font-weight: 700;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-native {
  width: 100%;
  min-height: 2.75rem;
  padding-inline: .875rem;
  border: 1px solid color-mix(in srgb, var(--text-inverse) 14%, transparent);
  border-radius: var(--radius-control);
  background: color-mix(in srgb, var(--text-inverse) 4%, transparent);
  color: var(--text-inverse);
  font: inherit;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__select-native option {
  background: var(--surface-inverse-soft);
  color: var(--text-inverse);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__panels {
  min-width: 0;
  height: 100%;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__panel[hidden] {
  display: none;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__panel:not([hidden]) {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 100%;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__panel .tpl-06-integrate__copy {
  z-index: 1;
  min-height: 2.5rem;
  place-self: end;
  margin: -3rem .75rem .75rem;
}
.lp-root .tpl-06-integrate .tpl-06-integrate__copy .tpl-inline-icon {
  color: var(--okey-black);
}
.lp-root .tpl-06-integrate .tpl-06-integrate__point-icon img {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}
.lp-root .tpl-05-partners .tpl-05-partners__title {
  margin-inline: auto;
}
.lp-root .tpl-05-partners .tpl-05-partners__item > a {
  display: grid;
  min-height: 2.5rem;
  place-items: center;
}
.lp-root .tpl-05-partners .tpl-05-partners__marquee.is-static .tpl-05-partners__track, .lp-root .tpl-05-partners .tpl-05-partners__marquee.is-static .tpl-05-partners__list {
  width: 100%;
}
.lp-root .tpl-05-partners .tpl-05-partners__marquee.is-static .tpl-05-partners__list {
  flex-wrap: wrap;
  justify-content: center;
}
.lp-root .tpl-07-cta.tpl-ui-section {
  background: radial-gradient(circle at 96% 0, color-mix(in srgb, var(--okey-orange) 35%, transparent), transparent 24rem), var(--surface-inverse);
}
.lp-root .tpl-07-cta::before {
  display: none;
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__jump, .lp-root .tpl-08-testimonials .tpl-08-testimonials__stars {
  grid-area: 1 / 1;
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__jump {
  z-index: 1;
  display: grid;
  place-items: center;
  place-self: start end;
  pointer-events: auto;
}
.lp-root .tpl-08-testimonials .tpl-08-testimonials__footer {
  display: flex;
  align-items: center;
  gap: 12px;
}
.lp-root .tpl-09-banner.tpl-ui-section {
  background: var(--surface-page);
}
.lp-root .tpl-09-banner .tpl-09-banner__visual-panel {
  background: transparent;
  border: 0;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__frame {
  background: var(--surface-page);
  border: 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tabs:has(> [data-lp-action="plan-tab"]:only-child) {
  display: none;
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--space-6);
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__points svg {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  color: var(--color-success);
}
.lp-root .tpl-09-banner .tpl-09-banner__breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.lp-root .tpl-09-banner .tpl-09-banner__breadcrumb li {
  display: inline-flex;
  gap: .35rem;
}
.lp-root .tpl-09-banner .tpl-09-banner__breadcrumb li:last-child .tpl-09-banner__breadcrumb-sep {
  display: none;
}
.lp-root .tpl-09-banner .tpl-09-banner__rating {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.lp-root .tpl-09-banner .tpl-09-banner__action--text {
  border-color: transparent;
  background: transparent;
  color: inherit;
}
.lp-root .tpl-09-banner .tpl-09-banner__action--text .tpl-09-banner__link-cta-arrow {
  display: inline-flex;
  width: 16px;
  max-width: 0;
  margin-left: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity var(--duration) ease, transform var(--duration-fast) var(--ease-out), max-width var(--duration) ease, margin-left var(--duration) ease;
}
.lp-root .tpl-09-banner .tpl-09-banner__action:not(.tpl-09-banner__action--text) .tpl-09-banner__link-cta-arrow {
  display: none;
}
.lp-root .tpl-09-banner .tpl-09-banner__action--text:hover .tpl-09-banner__link-cta-arrow, .lp-root .tpl-09-banner .tpl-09-banner__action--text:focus-visible .tpl-09-banner__link-cta-arrow {
  max-width: 16px;
  margin-left: 6px;
  opacity: 1;
  transform: translateX(0);
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-arrow {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}
.lp-root .tpl-10-plan-summary .tpl-10-plan-summary__icon svg {
  display: block;
  width: 22px;
  height: 22px;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__country {
  border-bottom: 1px solid var(--border-default);
}
.lp-root .tpl-11-coverage .tpl-11-coverage__country:focus-visible, .lp-root .tpl-15-contact-lead .tpl-15-select__option:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--okey-orange) 50%, transparent);
  outline-offset: 1px;
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__items {
  min-height: 0;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
.lp-root .tpl-14-image-price-cta .tpl-14-image-price-cta__check svg {
  display: block;
  width: 100%;
  height: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem 1.25rem;
  padding: 0;
  list-style: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__benefits li {
  display: flex;
  align-items: center;
  gap: .4rem;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__panels {
  width: 100%;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan > .tpl-18-plan-detail__discount, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan > .tpl-18-plan-detail__traffic-row {
  grid-area: 1 / 1;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan > .tpl-18-plan-detail__discount {
  width: max-content;
  place-self: start end;
  margin: -1.25rem -1.25rem 0 0;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__plan > .tpl-18-plan-detail__plan-body {
  grid-row: 2;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__cta.tpl-ui-btn--orange {
  border-color: var(--okey-orange);
  background: var(--okey-orange);
  color: var(--okey-orange-foreground);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__cta.tpl-ui-btn--orange:hover {
  border-color: var(--okey-orange-hover);
  background: var(--okey-orange-hover);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__cta.tpl-ui-btn--orange:active {
  border-color: var(--okey-orange-active);
  background: var(--okey-orange-active);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__bandwidth-control, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-selection > label {
  display: grid;
  gap: .5rem;
  max-width: 28rem;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__bandwidth-control select, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-selection input {
  min-height: 2.75rem;
  padding-inline: .875rem;
  border: 1px solid var(--border-default);
  border-radius: .625rem;
  background: var(--surface-elevated);
  color: inherit;
  font: inherit;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__selection, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-total {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  padding: 1rem;
  border-radius: .75rem;
  background: var(--surface-soft);
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-options fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding: 1rem;
  border: 1px solid var(--border-default);
  border-radius: .75rem;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-options label {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  gap: .375rem;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__region-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-block: 1rem;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__region-tabs button, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__stepper button {
  min-height: 2.5rem;
  min-width: 2.5rem;
  border: 1px solid var(--border-default);
  border-radius: .5rem;
  background: var(--surface-elevated);
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__region-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__region-panel[hidden] {
  display: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tab {
  min-height: 40px;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__location {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: .75rem;
  padding: 1rem;
  border: 1px solid var(--border-default);
  border-radius: .75rem;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__location[hidden] {
  display: none;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__location > div {
  display: grid;
  gap: .2rem;
}
.lp-root .tpl-18-plan-detail .tpl-18-plan-detail__stepper {
  display: flex !important;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  gap: .375rem !important;
}
@media (min-width: 1200px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise {
    height: 200px;
    min-height: 200px;
    grid-template-rows: 200px;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-media {
    min-height: 0;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise-media img {
    min-height: 0;
    max-height: 200px;
  }
}
.lp-root .tpl-11-coverage .tpl-11-coverage__shell {
  display: block;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__shell::before, .lp-root .tpl-11-coverage .tpl-11-coverage__shell::after {
  display: none;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 38.125rem);
  min-height: 21rem;
  padding: 3.5rem 2.5rem 0;
  overflow: hidden;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__head {
  grid-column: 1;
  grid-row: 1;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__globe-stage {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  width: 100%;
  height: 17.5rem;
  overflow: hidden;
  justify-items: center;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__globe {
  display: grid;
  width: 35rem !important;
  max-width: 35rem !important;
  height: 35rem !important;
  max-height: 35rem !important;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__globe canvas, .lp-root .tpl-11-coverage .tpl-11-coverage__globe .coverage-globe-tour-card {
  grid-area: 1 / 1;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__globe canvas {
  display: block;
  width: 35rem !important;
  height: 35rem !important;
  margin-inline: auto;
}
.lp-root .tpl-11-coverage .tpl-11-coverage__globe .coverage-globe-tour-card {
  position: static;
  place-self: start end;
  margin: 1rem;
}
.lp-root .tpl-11-coverage.is-variant-simple .tpl-11-coverage__globe-stage {
  display: none;
}
.lp-root .tpl-11-coverage.is-variant-simple .tpl-11-coverage__intro {
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  padding-bottom: 3.5rem;
}
.lp-root .tpl-11-coverage.is-variant-simple .tpl-11-coverage__head {
  max-width: 64rem;
  margin-inline: auto;
  text-align: center;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__card {
  display: grid;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__form, .lp-root .tpl-15-contact-lead .tpl-15-contact-lead__success-modal, .lp-root .tpl-15-contact-lead .tpl-15-contact-lead__card > [data-lp-status="error"] {
  grid-area: 1 / 1;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__radios.tpl-ui-field label.tpl-15-contact-lead__radio {
  min-height: 2.5rem;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__success-modal {
  display: grid;
  width: min(32rem, calc(100vw - 3rem));
  max-width: none;
  max-height: calc(100dvh - 3rem);
  min-height: 0;
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 1rem;
  background: transparent;
  overflow: auto;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__success-modal[hidden] {
  display: none;
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__success-modal::backdrop {
  background: var(--surface-scrim, color-mix(in srgb, var(--surface-inverse) 60%, transparent));
}
.lp-root .tpl-15-contact-lead .tpl-15-contact-lead__success-dialog {
  display: grid;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  gap: 1rem;
  margin: 0;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: 1rem;
  background: var(--surface-elevated);
  text-align: center;
}
.lp-root .tpl-15-contact-lead .tpl-15-select__trigger:disabled {
  cursor: not-allowed;
  opacity: .65;
}
.lp-root .tpl-16-use-case-nav .dark-feature__art {
  display: grid;
  place-items: center;
}
.lp-root .tpl-16-use-case-nav .dark-feature__grid, .lp-root .tpl-16-use-case-nav .dark-feature__illustration {
  grid-area: 1 / 1;
}
.lp-root .tpl-16-use-case-nav .dark-feature__grid {
  width: 100%;
  height: 100%;
}
.lp-root .tpl-16-use-case-nav .dark-feature__illustration {
  transform: none;
}
.lp-root .tpl-16-use-case-nav .dark-feature__copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}
.lp-root .tpl-16-use-case-nav .dark-feature__body, .lp-root .tpl-16-use-case-nav .dark-feature__jump {
  grid-area: 1 / 1;
}
.lp-root .tpl-16-use-case-nav .dark-feature__body {
  align-self: center;
}
.lp-root .tpl-16-use-case-nav .dark-feature__jump {
  place-self: start end;
  order: initial;
  margin: 0;
}
.lp-root .tpl-16-use-case-nav [data-lp-flicker="featured"] {
  width: 100%;
  height: 100%;
}
.lp-root .tpl-16-use-case-nav [data-lp-flicker="featured"] canvas {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .lp-root .tpl-16-use-case-nav .dark-feature__body {
    display: contents;
  }
  .lp-root .tpl-16-use-case-nav .dark-feature__jump {
    grid-area: auto;
    grid-column: 2;
    grid-row: 1;
    place-self: start end;
  }
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__item {
  display: grid;
  align-content: stretch;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__content {
  grid-area: 1 / 1;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix {
  display: grid;
  align-self: stretch;
  width: 100%;
  min-height: 100%;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix canvas, .lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix::after {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__hover-matrix canvas {
  display: block;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__content {
  z-index: 3;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__dynamic img {
  display: block;
  width: 100%;
  max-height: 13rem;
  object-fit: contain;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__inner {
  display: grid;
  grid-template-rows: auto auto;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__edge {
  grid-column: 1;
  grid-row: 1 / -1;
  align-self: stretch;
  margin-block: calc(var(--section-pad-y) * -1);
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__edge[data-lp-edge="start"] {
  justify-self: start;
  margin-inline-start: -1px;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__edge[data-lp-edge="end"] {
  justify-self: end;
  margin-inline-end: -1px;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__head {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__grid {
  grid-column: 1;
  grid-row: 2;
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__trigger {
  display: flex;
  width: 100%;
  align-items: center;
}
.lp-root .tpl-21-faq .tpl-ui-text-link {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
}
.lp-root .tpl-06-integrate .tpl-inline-icon, .lp-root .tpl-10-plan-summary .tpl-inline-icon, .lp-root .tpl-21-faq .tpl-inline-icon {
  flex: 0 0 auto;
}
.lp-root .tpl-09-banner .tpl-09-banner__action:not(.tpl-09-banner__action--text) .tpl-inline-icon {
  display: none;
}
.lp-root .tpl-21-faq summary {
  list-style: none;
  cursor: pointer;
}
.lp-root .tpl-21-faq summary::-webkit-details-marker {
  display: none;
}
.lp-root .tpl-16-use-case-nav .tpl-16-use-case-nav__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.lp-root .tpl-16-use-case-nav .tpl-16-use-case-nav__grid .tpl-ui-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .75rem;
  padding: 1.25rem;
  border: 1px solid var(--border-default);
  border-radius: 1rem;
}
.lp-root .tpl-16-use-case-nav .tpl-16-use-case-nav__grid .tpl-ui-card[data-featured="true"] {
  grid-column: span 2;
  background: var(--okey-black);
  color: var(--text-inverse);
}
.lp-root .tpl-16-use-case-nav .tpl-16-use-case-nav__grid img {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}
.lp-root .tpl-20-icon-copy-link .tpl-20-icon-copy-link__icon img {
  display: block;
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}
.lp-root .tpl-05-partners .tpl-ui-richtext a, .lp-root .tpl-06-integrate .tpl-ui-richtext a, .lp-root .tpl-07-cta .tpl-ui-richtext a, .lp-root .tpl-08-testimonials .tpl-ui-richtext a, .lp-root .tpl-09-banner .tpl-ui-richtext a, .lp-root .tpl-11-coverage .tpl-ui-richtext a, .lp-root .tpl-12-hot-cities .tpl-ui-richtext a, .lp-root .tpl-13-image-block .tpl-ui-richtext a, .lp-root .tpl-14-image-price-cta .tpl-ui-richtext a, .lp-root .tpl-15-contact-lead .tpl-ui-richtext a, .lp-root .tpl-16-use-case-nav .tpl-ui-richtext a, .lp-root .tpl-17-icon-copy .tpl-ui-richtext a, .lp-root .tpl-18-plan-detail .tpl-ui-richtext a, .lp-root .tpl-19-copy-hero-image .tpl-ui-richtext a, .lp-root .tpl-20-icon-copy-link .tpl-ui-richtext a, .lp-root .tpl-21-faq .tpl-ui-richtext a, .lp-root .tpl-22-title-left-desc-right .tpl-ui-richtext a, .lp-root .tpl-23-title-desc-four-items .tpl-ui-richtext a, .lp-root .tpl-24-icon-copy-simple .tpl-ui-richtext a {
  color: var(--text-link);
}
.lp-root .tpl-05-partners .tpl-ui-richtext a:hover, .lp-root .tpl-06-integrate .tpl-ui-richtext a:hover, .lp-root .tpl-07-cta .tpl-ui-richtext a:hover, .lp-root .tpl-08-testimonials .tpl-ui-richtext a:hover, .lp-root .tpl-09-banner .tpl-ui-richtext a:hover, .lp-root .tpl-11-coverage .tpl-ui-richtext a:hover, .lp-root .tpl-12-hot-cities .tpl-ui-richtext a:hover, .lp-root .tpl-13-image-block .tpl-ui-richtext a:hover, .lp-root .tpl-14-image-price-cta .tpl-ui-richtext a:hover, .lp-root .tpl-15-contact-lead .tpl-ui-richtext a:hover, .lp-root .tpl-16-use-case-nav .tpl-ui-richtext a:hover, .lp-root .tpl-17-icon-copy .tpl-ui-richtext a:hover, .lp-root .tpl-18-plan-detail .tpl-ui-richtext a:hover, .lp-root .tpl-19-copy-hero-image .tpl-ui-richtext a:hover, .lp-root .tpl-20-icon-copy-link .tpl-ui-richtext a:hover, .lp-root .tpl-21-faq .tpl-ui-richtext a:hover, .lp-root .tpl-22-title-left-desc-right .tpl-ui-richtext a:hover, .lp-root .tpl-23-title-desc-four-items .tpl-ui-richtext a:hover, .lp-root .tpl-24-icon-copy-simple .tpl-ui-richtext a:hover {
  text-decoration: underline;
}
.lp-root .tpl-23-title-desc-four-items .tpl-23-title-desc-four-items__icon img {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}
.lp-root .tpl-24-icon-copy-simple .tpl-24-icon-copy-simple__icon img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}
.lp-root .tpl-17-icon-copy .tpl-17-icon-copy__matrix {
  min-height: 12rem;
  overflow: hidden;
  border-radius: 1rem;
  background: var(--surface-soft);
}
.lp-root .tpl-19-copy-hero-image .tpl-19-copy-hero-image__items h3 button {
  display: inline;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__region-panel, .lp-root .tpl-16-use-case-nav .tpl-16-use-case-nav__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.25rem;
    padding-top: 3rem;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__head, .lp-root .tpl-11-coverage .tpl-11-coverage__globe-stage {
    grid-column: 1;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__globe-stage {
    grid-row: auto;
    height: 11.25rem;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__globe {
    width: 22.5rem !important;
    max-width: min(22.5rem, 84vw) !important;
    height: 22.5rem !important;
    max-height: min(22.5rem, 84vw) !important;
  }
  .lp-root .tpl-11-coverage .tpl-11-coverage__globe canvas {
    width: min(22.5rem, 84vw) !important;
    height: min(22.5rem, 84vw) !important;
  }
}
@media (max-width: 767px) {
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__carousel-arrow {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }
  .lp-root .tpl-10-plan-summary .tpl-10-plan-summary__custom-btn.tpl-ui-btn--orange, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__cta.tpl-ui-btn--orange {
    min-height: 44px;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__product-tab {
    min-height: 44px;
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__region-panel, .lp-root .tpl-16-use-case-nav .tpl-16-use-case-nav__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__static-options, .lp-root .tpl-18-plan-detail .tpl-18-plan-detail__enterprise {
    grid-template-columns: minmax(0, 1fr);
  }
  .lp-root .tpl-16-use-case-nav .tpl-16-use-case-nav__grid .tpl-ui-card[data-featured="true"] {
    grid-column: auto;
  }
}