:root {
  --lu-brand: #386754;
  --lu-brand-dark: #2c5243;
  --lu-ink: #0f172a;
  --lu-muted: #5b6472;
  --lu-border: #e1e1e6;
  --lu-surface-canvas: #fafafa;
  --lu-surface-soft: #f5f5f7;
  --lu-radius: 8px;
}

body:is(.home, .page-id-7544, .page-id-7578) .site-content,
body:is(.home, .page-id-7544, .page-id-7578) .site-content > .ast-container,
body:is(.home, .page-id-7544, .page-id-7578) .entry-content {
  background-color: var(--lu-surface-canvas);
}

.wp-block-leiuniversal-design-section.lu-design-section {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  width: 100%;
}

.wp-block-leiuniversal-design-section.lu-design-section.is-lei-info,
.wp-block-leiuniversal-design-section.lu-design-section.is-lp-bot {
  background-color: var(--lu-surface-canvas);
}

.wp-block-leiuniversal-design-section.lu-design-section.is-lp-bot {
  margin-top: 75px;
}

body.home .wp-block-leiuniversal-design-section.lu-design-section.is-legacy-hero + #lei_request,
body.home .wp-block-leiuniversal-hero + #lei_request {
  /* The hero block must keep the spacing the legacy design-section
     wrapper carried (blockify v2 swaps one for the other). */
  margin-top: 124px !important;
}

#lei_request + .wp-block-leiuniversal-design-section.lu-design-section.is-lei-info {
  margin-top: 80px;
}

.lei-widget.mode-renew + .wp-block-leiuniversal-design-section.lu-design-section.is-lp-bot {
  margin-top: 70px;
}

@media (max-width: 820px) {
  .wp-block-leiuniversal-design-section.lu-design-section.is-lp-bot {
    margin-top: 50px;
  }
}

@media (max-width: 781px) {
  body.home .wp-block-leiuniversal-design-section.lu-design-section.is-legacy-hero + #lei_request,
  body.home .wp-block-leiuniversal-hero + #lei_request {
    margin-top: 72px !important;
  }

  #lei_request + .wp-block-leiuniversal-design-section.lu-design-section.is-lei-info {
    margin-top: 60px;
  }
}

.lu-button {
  align-items: center;
  background: var(--lu-brand);
  border: 1px solid var(--lu-brand);
  border-radius: var(--lu-radius);
  color: #ffffff;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  text-decoration: none !important;
}

.lu-button:hover,
.lu-button:focus {
  background: var(--lu-brand-dark);
  border-color: var(--lu-brand-dark);
  color: #ffffff;
  text-decoration: none !important;
}

.lu-button--ghost,
.lu-button--secondary {
  background: transparent;
  color: var(--lu-brand);
}

.lu-button--ghost {
  border-color: rgba(255, 255, 255, 0.42);
  color: #ffffff;
}

.lu-button--secondary:hover,
.lu-button--secondary:focus {
  color: #ffffff;
}

.lu-eyebrow {
  color: var(--lu-brand);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.lu-accent {
  color: var(--lu-brand);
}

.lh-root {
  --lh-header-height: 80px;
  --lh-top-overlap: 120px;
  box-sizing: border-box;
  font-family: "DM Sans", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: calc(var(--lh-top-overlap) * -1);
  overflow-x: hidden;
  padding-top: calc(var(--lh-header-height) + var(--lh-top-overlap));
  position: relative;
  width: 100vw;
}

.lh-root *,
.lh-root *::before,
.lh-root *::after {
  box-sizing: border-box;
}

.lh-bg {
  background:
    radial-gradient(ellipse 80% 60% at 70% -10%, rgba(140, 189, 167, 0.35) 0%, rgba(28, 30, 33, 0) 65%),
    linear-gradient(180deg, rgba(86, 138, 114, 0.58) 0%, rgba(56, 103, 84, 0.3) 32%, rgba(28, 30, 33, 0) 78%),
    #1c1e21;
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.lh-bg::before {
  background: radial-gradient(ellipse 75% 75% at 50% 30%, transparent 35%, rgba(20, 22, 25, 0.7) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.lh-bg::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 240px 240px;
  content: "";
  inset: 0;
  mix-blend-mode: overlay;
  opacity: 0.22;
  position: absolute;
}

.lh-hairline {
  background: linear-gradient(to right, transparent 15%, rgba(140, 189, 167, 0.5) 50%, transparent 85%);
  height: 1px;
  inset: 0 0 auto;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.lh-inner {
  align-items: center;
  display: flex;
  gap: 48px;
  margin: 0 auto !important;
  max-width: 1200px !important;
  padding: 52px 0 60px;
  position: relative;
  z-index: 5;
}

.lh-left {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding-right: 15px;
  padding-top: 40px;
}

.lh-right {
  flex-shrink: 0;
  transform: translateY(55px) translateX(-50px);
}

.lh-col {
  width: 304px;
}

.lh-h1 {
  color: #ffffff;
  font-family: "DM Sans", system-ui, -apple-system, sans-serif;
  font-size: clamp(38px, 4.2vw, 66px);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin: 0 0 20px;
  min-height: 1.05em;
}

.lh-sub {
  color: rgba(255, 255, 255, 0.82);
  font-family: "DM Sans", system-ui, -apple-system, sans-serif;
  font-size: clamp(20px, 2.2vw, 32px);
  font-weight: 300;
  letter-spacing: -0.012em;
  line-height: 1.45;
  margin: 0 0 40px;
  max-width: 640px;
}

.lh-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.lh-btn,
.lh-btn-ghost {
  align-items: center;
  border-radius: 10px;
  box-sizing: border-box;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-flex;
  font-size: 15.5px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  letter-spacing: 0.01em;
  line-height: 1.2;
  padding: 10px 28px;
  text-decoration: none !important;
  transition: background 0.18s, border-color 0.18s;
}

.lh-btn {
  background: #386754;
  border: 1.5px solid #386754;
}

.lh-btn:hover {
  background: #437a64;
  border-color: #437a64;
}

.lh-btn:active {
  background: #2c5243;
  border-color: #2c5243;
}

.lh-btn-ghost {
  background: transparent;
  border: 1.5px solid rgba(255, 255, 255, 0.32);
}

.lh-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.6);
}

.lh-btn-ghost:active {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.85);
}

.nc-card {
  border-radius: 16px;
  box-shadow:
    0 32px 70px rgba(0, 0, 0, 0.5),
    0 12px 24px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.04);
  display: flex;
  flex-direction: column;
  font-size: 16px;
  overflow: hidden;
  position: relative;
}

.nc-card::before {
  background: radial-gradient(ellipse 50% 100% at 50% 0%, rgba(159, 217, 184, 0.25) 0%, rgba(159, 217, 184, 0) 70%);
  bottom: -30px;
  content: "";
  filter: blur(8px);
  height: 60px;
  left: 10%;
  position: absolute;
  right: 10%;
  z-index: -1;
}

.nc-header {
  align-items: center;
  background: rgba(28, 30, 33, 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  flex-direction: column;
  padding: 1.25em 1.25em 0.5em;
}

.nc-flag-ring {
  align-items: center;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18);
  display: flex;
  height: 5.25em;
  justify-content: center;
  margin: 2px;
  overflow: hidden;
  width: 5.25em;
}

.nc-flag-ring img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.nc-flag-label {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.625em;
  font-weight: 700;
  letter-spacing: 0.18em;
  margin: 1.25em 0 0.25em;
  text-align: center;
  text-transform: uppercase;
}

.nc-plans {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0.625em;
  padding: 1.1875em 1.25em 1.5em;
  position: relative;
}

.nc-plan {
  align-items: center;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  gap: 0.625em;
  padding: 0.875em;
}

.nc-plan-label {
  color: #2c3640;
  font-size: 0.8125em;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.3;
  min-width: 0;
}

.nc-plan-icon {
  align-items: center;
  background: rgba(56, 103, 84, 0.08);
  border-radius: 7px;
  color: #2f5944;
  display: inline-flex;
  flex-shrink: 0;
  height: 1.75em;
  justify-content: center;
  width: 1.75em;
}

.nc-plan-icon svg {
  height: 0.875em;
  width: 0.875em;
}

@media (max-width: 1260px) {
  .lh-inner {
    padding: 52px 1.5rem 60px;
  }
}

@media (max-width: 1050px) {
  .lh-inner {
    gap: 24px;
    padding: 48px 1.5rem 56px;
  }

  .lh-h1 {
    font-size: clamp(28px, 3.4vw, 46px);
    letter-spacing: -0.025em;
  }

  .lh-right {
    transform: translateY(20px);
  }

  .lh-col {
    width: 266px;
  }

  .nc-card {
    font-size: 15px;
  }
}

@media (max-width: 820px) {
  .lh-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 28px;
    padding: 3.5rem 1rem 4rem;
  }

  .lh-left {
    padding-right: 0;
    padding-top: 0;
    width: 100%;
  }

  .lh-h1 {
    font-size: clamp(34px, 7vw, 48px);
    letter-spacing: -0.025em;
  }

  .lh-sub {
    font-size: 18px;
    margin-bottom: 24px;
    max-width: 100%;
  }

  .lh-right {
    display: none;
  }

  .lh-btn,
  .lh-btn-ghost {
    font-size: 15px;
    height: 42px;
    padding: 9px 22px;
  }
}

@media (max-width: 480px) {
  .lh-inner {
    padding: 3rem 1rem 3.5rem;
  }

  .lh-h1 {
    font-size: 36px;
    letter-spacing: -0.02em;
    line-height: 1.08;
  }

  .lh-sub {
    font-size: 17px;
    margin-bottom: 22px;
  }
}

@media (max-width: 360px) {
  .lh-h1 {
    font-size: 30px;
  }

  .lh-sub {
    font-size: 16px;
  }
}

.lu-section,
.lu-card-grid,
.lu-faq,
.lu-pricing,
.lu-contact {
  box-sizing: border-box;
  font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lu-section *,
.lu-card-grid *,
.lu-faq *,
.lu-pricing *,
.lu-contact * {
  box-sizing: border-box;
}

.lu-section__inner,
.lu-card-grid__inner,
.lu-faq__inner,
.lu-pricing__inner,
.lu-contact__inner {
  margin: 0 auto;
  max-width: 1200px;
  width: min(100%, 1200px);
}

.lu-section__actions,
.lu-pricing__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.lu-section,
.lu-card-grid,
.lu-faq,
.lu-pricing,
.lu-contact {
  padding: clamp(42px, 6vw, 80px) 20px;
}

@media (min-width: 782px) {
body.home #lei_request + .lu-card-grid {
  background: #fafafa;
  margin-top: 80px;
  min-height: 594px;
  padding: 0 20px;
}

body.home #lei_request + .lu-card-grid .lu-card-grid__inner {
  padding-top: 5px;
}

body.home #lei_request + .lu-card-grid .lu-card-grid__layout {
  display: block;
}

body.home #lei_request + .lu-card-grid .lu-card-grid__header {
  align-items: stretch;
  display: grid;
  gap: 22.5px;
  grid-template-columns: minmax(0, 792.5px) 385px;
  margin-bottom: 23px;
}

body.home #lei_request + .lu-card-grid .lu-card-grid__title {
  color: #1c1e21;
  font-size: 45.045px;
  letter-spacing: -0.028em;
  line-height: 1.15;
  margin: 25px 0 0;
  max-width: 620px;
}

body.home #lei_request + .lu-card-grid .lu-stat-card {
  /* Keep the base .lu-stat-card green gradient — the old transparent
     override left white text on the page background once this dormant
     rule activated (caught in the blockify lu-lei pilot). */
  align-self: start;
  border: 0;
  border-radius: 14px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 32px -14px rgba(42, 81, 65, 0.3);
  color: #ffffff;
  min-height: 154.5px;
  padding: 36px 33.3px;
  width: 385px;
}

body.home #lei_request + .lu-card-grid .lu-stat-card__number {
  align-items: baseline;
  display: flex;
  font-size: 51.87px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1;
  margin-bottom: 9px;
}

body.home #lei_request + .lu-card-grid .lu-stat-card__suffix {
  color: #a8cdbc;
  display: block;
  font-size: 0.75em;
  letter-spacing: -0.03em;
  line-height: 1;
  margin-left: 0.015em;
}

body.home #lei_request + .lu-card-grid .lu-stat-card__caption {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.012em;
  line-height: 1.35;
  margin: 0;
}

body.home #lei_request + .lu-card-grid .lu-card-grid__items {
  gap: 22px;
  grid-template-columns: repeat(3, 1fr);
}

body.home #lei_request + .lu-card-grid .lu-card {
  border: 0;
  border-radius: 14px;
  box-shadow:
    0 2px 6px -1px rgba(28, 30, 33, 0.04),
    0 8px 20px -8px rgba(28, 30, 33, 0.05);
  min-height: 313px;
  padding: 40.5px 33.3px 43.2px;
  position: relative;
}

body.home #lei_request + .lu-card-grid .lu-card::before {
  background: #eef4f0;
  border-radius: 12px;
  content: "";
  display: block;
  height: 44px;
  margin-bottom: 25px;
  width: 44px;
}

body.home #lei_request + .lu-card-grid .lu-card::after {
  background: var(--lu-brand);
  content: "";
  height: 16px;
  left: 47px;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  top: 54px;
  width: 16px;
}

body.home #lei_request + .lu-card-grid .lu-card:nth-child(1)::after {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
}

body.home #lei_request + .lu-card-grid .lu-card:nth-child(2)::after {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 17h3l4-8 4 6 2-4h3v2h-2l-3 6-4-6-3 6H4v-2Z'/%3E%3C/svg%3E");
}

body.home #lei_request + .lu-card-grid .lu-card:nth-child(3)::after {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0 0 20 10 10 0 0 0 0-20Zm6.9 9h-3.2a15 15 0 0 0-1-5 8 8 0 0 1 4.2 5ZM12 4.1c.7 1 1.4 2.7 1.7 4.9h-3.4c.3-2.2 1-3.9 1.7-4.9ZM4.3 13h3.2a15 15 0 0 0 1 5 8 8 0 0 1-4.2-5Zm3.2-2H4.3a8 8 0 0 1 4.2-5 15 15 0 0 0-1 5Zm4.5 8.9c-.7-1-1.4-2.7-1.7-4.9h3.4c-.3 2.2-1 3.9-1.7 4.9Zm2-6.9h-4c0-.3 0-.7 0-1s0-.7 0-1h4c0 .3 0 .7 0 1s0 .7 0 1Zm1.5 5a15 15 0 0 0 1-5h3.2a8 8 0 0 1-4.2 5Z'/%3E%3C/svg%3E");
}

body.home #lei_request + .lu-card-grid .lu-card h3 {
  color: #1c1e21;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.012em;
  line-height: 1.3;
  margin-bottom: 16px;
}

body.home #lei_request + .lu-card-grid .lu-card p {
  color: #636a67;
  font-size: 14.5px;
  line-height: 1.7;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid {
  background: #1c1e21;
  color: #ffffff;
  min-height: 896px;
  padding: 108px 20px 117px;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card-grid__layout {
  align-items: start;
  display: grid;
  gap: 80px;
  grid-template-columns: 448px 671px;
  min-height: 671px;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card-grid__content {
  padding-top: 46px;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card-grid__header {
  display: block;
  margin-bottom: 67px;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card-grid__title {
  color: #ffffff;
  font-size: 45.045px;
  letter-spacing: -0.028em;
  line-height: 1.15;
  margin: 18px 0 0;
  max-width: 448px;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card-grid__items {
  display: grid;
  gap: 45px;
  grid-template-columns: 1fr;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  min-height: 94px;
  padding: 0;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card:first-child,
body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card:last-child {
  min-height: 120px;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-bottom: 12px;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card p {
  color: rgba(255, 255, 255, 0.62);
  font-size: 17px;
  letter-spacing: -0.005em;
  line-height: 1.55;
}

body.home #lei_request + .lu-card-grid + .lu-card-grid .lu-card-grid__media {
  aspect-ratio: 1;
  border-radius: 18px;
  box-shadow: none;
  height: 671px;
  width: 671px;
}









}

.lu-section__layout,
.lu-card-grid__layout {
  display: grid;
  gap: clamp(28px, 5vw, 64px);
}

.lu-section.has-media .lu-section__layout,
.lu-card-grid.has-media .lu-card-grid__layout {
  align-items: center;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
}

.lu-section.has-media.is-media-left .lu-section__media,
.lu-card-grid.has-media.is-media-left .lu-card-grid__media {
  grid-column: 1;
  grid-row: 1;
}

.lu-section.has-media.is-media-left .lu-section__content,
.lu-card-grid.has-media.is-media-left .lu-card-grid__content {
  grid-column: 2;
}

.lu-section__media,
.lu-card-grid__media {
  aspect-ratio: 16 / 11;
  border-radius: 12px;
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.14);
  margin: 0;
  overflow: hidden;
}

.lu-section__media img,
.lu-card-grid__media img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.lu-section.is-variant-soft,
.lu-card-grid.is-variant-soft,
.lu-faq.is-variant-soft,
.lu-pricing.is-variant-soft,
.lu-contact.is-variant-soft {
  background: var(--lu-surface-soft);
}

.lu-section.is-variant-dark,
.lu-card-grid.is-variant-dark {
  background: #1c1e21;
  color: #ffffff;
}

/* Brand green is illegible on the dark surface; use the light accent the
   legacy dark sections used. */
.lu-section.is-variant-dark .lu-accent,
.lu-card-grid.is-variant-dark .lu-accent {
  color: #80b19b;
}

.lu-section__title,
.lu-card-grid__title,
.lu-faq__title,
.lu-pricing__title,
.lu-contact h2 {
  color: inherit;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 700;
  line-height: 1.15;
  margin: 0 0 18px;
  max-width: 760px;
}

.lu-section__lead,
.lu-card-grid__lead,
.lu-pricing__lead,
.lu-contact p {
  color: var(--lu-muted);
  font-size: 18px;
  line-height: 1.65;
  margin: 0 0 24px;
  max-width: 780px;
}

.is-variant-dark .lu-section__lead,
.is-variant-dark .lu-card-grid__lead,
.is-variant-dark .lu-section__body p {
  color: rgba(255, 255, 255, 0.76);
}

.lu-section__body {
  display: grid;
  gap: 16px;
  max-width: 860px;
}

.lu-section__body p {
  color: var(--lu-muted);
  font-size: 17px;
  line-height: 1.7;
  margin: 0;
}

.lu-card-grid__header {
  align-items: stretch;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  margin-bottom: 24px;
}

.lu-card-grid.has-media .lu-card-grid__header {
  grid-template-columns: 1fr;
}

.lu-stat-card,
.lu-card,
.lu-price-card {
  background: #ffffff;
  border: 1px solid var(--lu-border);
  border-radius: var(--lu-radius);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

.lu-stat-card {
  background: linear-gradient(115deg, #2a5141 0%, #386754 50%, #80b19b 100%);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
}

.lu-stat-card strong {
  display: block;
  font-size: clamp(38px, 5vw, 54px);
  line-height: 1;
}

.lu-stat-card span {
  font-weight: 700;
  margin-top: 8px;
}

.lu-card-grid__items,
.lu-pricing__packages {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lu-card,
.lu-price-card {
  padding: 28px;
}

.lu-card h3,
.lu-price-card h3 {
  color: var(--lu-ink);
  font-size: 20px;
  line-height: 1.25;
  margin: 0 0 12px;
}

.lu-card p,
.lu-price-card__summary {
  color: var(--lu-muted);
  line-height: 1.65;
  margin: 0;
}

/* FAQ: ported 1:1 from the approved legacy design
   (legacy-page-sections.css .lp-faq/.faq-sec) so blockify conversions are
   visually invisible. The +/− disc that legacy drew with a .faq-icon span
   is recreated on summary::after with background gradients. */
.lu-faq {
  --lu-faq-border: #ecefed;
  --lu-faq-muted: #636a67;
  --lu-faq-text: #1c1e21;
  padding: 5.5rem 20px 6rem;
}

.lu-faq__title {
  color: var(--lu-faq-text);
  font-size: clamp(2.125rem, 3.3vw, 2.875rem);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.15;
  margin: 0 0 2.5rem;
  max-width: 720px;
}

.lu-faq__items {
  margin: 0;
}

.lu-faq__item {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--lu-faq-border);
  border-radius: 0;
  padding: 0;
}

.lu-faq__item summary {
  align-items: center;
  color: var(--lu-faq-text);
  cursor: pointer;
  display: flex;
  font-size: 19px;
  font-weight: 600;
  gap: 1.25rem;
  justify-content: space-between;
  letter-spacing: -0.005em;
  line-height: 1.4;
  list-style: none;
  padding: 1.5rem 0.25rem;
  transition: color 0.18s;
}

.lu-faq__item summary::-webkit-details-marker {
  display: none;
}

.lu-faq__item summary:hover {
  color: var(--lu-brand);
}

.lu-faq__item summary::after {
  background-color: transparent;
  background-image:
    linear-gradient(var(--lu-faq-text), var(--lu-faq-text)),
    linear-gradient(var(--lu-faq-text), var(--lu-faq-text));
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px 1.5px, 1.5px 8px;
  border: 1.5px solid var(--lu-faq-border);
  border-radius: 50%;
  content: '';
  flex-shrink: 0;
  height: 20px;
  transition: border-color 0.25s, background-color 0.25s;
  width: 20px;
}

.lu-faq__item[open] summary::after {
  background-color: var(--lu-brand);
  background-image: linear-gradient(#ffffff, #ffffff);
  background-size: 8px 1.5px;
  border-color: var(--lu-brand);
}

.lu-faq__answer {
  color: var(--lu-faq-muted);
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.7;
  padding: 0 2.25rem 1.5rem 0.25rem;
}

.lu-faq__item[open] > .lu-faq__answer {
  animation: luFaqOpen 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes luFaqOpen {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.lu-faq__answer p {
  margin: 0 0 0.65rem;
}

.lu-faq__answer p:last-child {
  margin-bottom: 0;
}

.lu-faq__answer ul {
  margin: 0.4rem 0 0.65rem 1.1rem;
}

.lu-faq__answer li {
  margin-bottom: 0.4rem;
  padding-left: 0.15rem;
}

.lu-faq__answer a {
  border-bottom: 1px solid var(--lu-brand);
  color: var(--lu-brand);
  text-decoration: none;
}

.lu-faq__answer a:hover {
  opacity: 0.75;
}

.lu-faq__answer strong {
  color: var(--lu-faq-text);
  font-weight: 600;
}

@media (max-width: 1260px) {
  .lu-faq {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (max-width: 1024px) {
  .lu-faq {
    padding-bottom: 5rem;
    padding-top: 4.5rem;
  }
}

@media (max-width: 820px) {
  .lu-faq {
    padding: 3.5rem 1rem 4rem;
  }

  .lu-faq__title {
    font-size: clamp(1.875rem, 6vw, 2.375rem);
    line-height: 1.18;
    margin-bottom: 1.75rem;
  }

  .lu-faq__item summary {
    font-size: 17px;
    gap: 1rem;
    padding: 1.3rem 0.1rem;
  }

  .lu-faq__answer {
    font-size: 15px;
    padding: 0 1.75rem 1.3rem 0.1rem;
  }
}

@media (max-width: 480px) {
  .lu-faq {
    padding-bottom: 3.5rem;
    padding-top: 3rem;
  }
}

.lu-price-card {
  position: relative;
}

.lu-price-card.is-featured {
  border-color: var(--lu-brand);
  box-shadow: 0 16px 36px rgba(56, 103, 84, 0.16);
}

.lu-price-card__badge {
  color: var(--lu-brand);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.lu-price-card__price {
  color: var(--lu-brand-dark);
  font-size: 38px;
  font-weight: 800;
  line-height: 1;
  margin: 0 0 10px;
}

.lu-contact__inner {
  display: grid;
  gap: 32px;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.lu-contact__email {
  color: var(--lu-brand);
  font-weight: 800;
}

.lu-contact__form {
  background: #ffffff;
  border: 1px solid var(--lu-border);
  border-radius: var(--lu-radius);
  padding: 24px;
}

@media (max-width: 781px) {
  .lu-section.has-media .lu-section__layout,
  .lu-card-grid.has-media .lu-card-grid__layout,
  .lu-card-grid__header,
  .lu-contact__inner {
    grid-template-columns: 1fr;
  }

  .lu-section.has-media.is-media-left .lu-section__media,
  .lu-card-grid.has-media.is-media-left .lu-card-grid__media,
  .lu-section.has-media.is-media-left .lu-section__content,
  .lu-card-grid.has-media.is-media-left .lu-card-grid__content {
    grid-column: auto;
    grid-row: auto;
  }

  .lu-section__media,
  .lu-card-grid__media {
    aspect-ratio: 16 / 10;
  }

  .lu-card-grid__items,
  .lu-pricing__packages {
    grid-template-columns: 1fr;
  }

}

body.home footer .wp-block-heading {
  line-height: 1.2;
}

body.home footer p,
body.home footer a {
  line-height: 1.65;
}

/* ------------------------------------------------------------------
   nc-* PRICED hero card variant (flag + price rows; market homes).
   Ported verbatim from legacy-page-sections.css (2026-06-12) so
   converted pages keep rendering after they stop loading the legacy
   bundle. The benefits variant (icon rows; EE) is styled by the base
   nc-* rules above — every shared selector here is scoped to cards
   containing price rows (.nc-plan-right) so the variants cannot
   collide. The flag gloss recreates the legacy inline-style overlay.
   ------------------------------------------------------------------ */
.nc-card:has(.nc-plan-right) {
  width: 100%;
  background: transparent;
  border-radius: 12px;
  box-shadow:
    0 24px 60px rgba(0,0,0,0.45),
    0 8px 20px rgba(0,0,0,0.25),
    0 0 0 1px rgba(255,255,255,0.05);
}
.nc-card:has(.nc-plan-right) .nc-header {
  padding: 14px 20px 4px;
  background: rgba(28,30,33,0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.nc-card:has(.nc-plan-right) .nc-flag-ring {
  width: 82px;
  height: 82px;
  background: transparent;
  margin: 0;
  box-shadow: 0 6px 24px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.08);
  flex-shrink: 0;
}
.nc-flag-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.nc-flag-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.85;
}
.nc-flag-circle::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.25) 100%);
  pointer-events: none;
}
.nc-card:has(.nc-plan-right) .nc-flag-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.22em;
  margin: 14px 0 0;
}
.nc-card:has(.nc-plan-right) .nc-plans {
  gap: 10px;
  padding: 19px 18px 22px;
}
.nc-card:has(.nc-plan-right) .nc-plan {
  justify-content: space-between;
  gap: 0;
  padding: 18px 16px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07), 0 0 1px rgba(0,0,0,0.08);
}
.nc-card:has(.nc-plan-right) .nc-plan-label {
  font-size: 14px;
  color: #1c1e21;
}
.nc-plan-right { text-align: right; }
.nc-plan-price { font-size: 19px; font-weight: 700; color: #1c1e21; }
.nc-plan-per { font-size: 11px; font-weight: 400; color: #58605d; }
.nc-plan-featured {
  border: 2px solid rgb(128,177,155);
  position: relative;
  box-shadow: 0 6px 20px rgba(128,177,155,0.15);
}
.nc-plan-featured .nc-plan-label { font-weight: 700; }
.nc-badge {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 16px;
  background: rgb(128,177,155);
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 2px 9px;
  border-radius: 999px;
  white-space: nowrap;
}
@media (max-width: 1050px) {
  .nc-card:has(.nc-plan-right) .nc-flag-ring { width: 64px; height: 64px; }
  .nc-card:has(.nc-plan-right) .nc-plan-label { font-size: 12px; }
  .nc-plan-price { font-size: 16px; }
  .nc-card:has(.nc-plan-right) .nc-plan { padding: 14px 12px; }
}

/* Info cards: ported 1:1 from the legacy .lp-bot .lei-info design so
   blockified subpage bundles keep their exact look. */
.lu-card-grid.is-variant-info {
  background: var(--lu-surface-canvas);
  margin-top: 75px;
  padding: 0.25rem 20px 1rem;
}

.lei-widget.mode-renew + .lu-card-grid.is-variant-info {
  margin-top: 70px;
}

.lu-card-grid.is-variant-info .lu-card-grid__items {
  gap: 1.25rem;
  grid-template-columns: repeat(3, 1fr);
}

.lu-card-grid.is-variant-info .lu-card {
  border: 0;
  border-radius: 14px;
  box-shadow:
    0 2px 6px -1px rgba(28, 30, 33, 0.04),
    0 8px 20px -8px rgba(28, 30, 33, 0.05);
  display: flex;
  flex-direction: column;
  padding: 2rem 1.7rem 2.15rem;
}

.lu-card__icon {
  align-items: center;
  background: linear-gradient(180deg, #f3f7f4 0%, #eef4f0 100%);
  border-radius: 11px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.6) inset,
    0 0 0 1px rgba(56, 103, 84, 0.08);
  color: var(--lu-brand);
  display: flex;
  flex-shrink: 0;
  height: 44px;
  justify-content: center;
  margin-bottom: 1.35rem;
  width: 44px;
}

.lu-card__icon svg {
  fill: none;
  height: 20px;
  stroke-width: 1.7;
  width: 20px;
}

.lu-card-grid.is-variant-info .lu-card h3 {
  color: #1c1e21;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.012em;
  line-height: 1.3;
  margin: 0 0 0.85rem;
}

.lu-card-grid.is-variant-info .lu-card p {
  color: #636a67;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
}

@media (max-width: 1260px) {
  .lu-card-grid.is-variant-info {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (max-width: 820px) {
  .lu-card-grid.is-variant-info {
    margin-top: 50px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Compact FAQ: subpage metrics ported from the legacy .lp-bot .faq-sec. */
.lu-faq.is-variant-compact {
  background: var(--lu-surface-canvas);
  padding: 3.5rem 20px 5.5rem;
}

.lu-faq.is-variant-compact .lu-faq__title {
  font-size: clamp(2rem, 3vw, 2.625rem);
}

@media (max-width: 1260px) {
  .lu-faq.is-variant-compact {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (max-width: 820px) {
  .lu-faq.is-variant-compact {
    padding: 3rem 1rem 4.5rem;
  }
}

/* ==================================================================== *
 * Pricing tabs + page-intro: ported 1:1 from the legacy .lp-p scope so
 * the converted pricing pages keep their exact look. The tab behavior
 * ships as the pricing-tabs block view script.
 * ==================================================================== */

.lu-pricing-tabs,
.lu-section.is-variant-page-intro {
  --wh: #fff;
  --primary: #386754;
  --primary-dark: #2c5243;
  --primary-soft: #e6efea;
  --text: #1c1e21;
  --muted: #6b736e;
  --border: #ebefed;
  --radius: 0.75rem;
  --radius-sm: 0.5rem;
  --shadow-btn: 0 1px 2px rgba(34, 64, 52, 0.18), 0 4px 12px rgba(34, 64, 52, 0.16);
}

.lu-pricing-tabs {
  background: var(--lu-surface-canvas);
  padding: 0 20px;
  -webkit-font-smoothing: antialiased;
}

.lu-pricing-tabs__inner {
  margin: 0 auto;
  max-width: 1200px;
}

.lu-section.is-variant-page-intro {
  background: var(--lu-surface-canvas);
  padding: 0 20px;
}

/* hinnakiri: LEI koodi hinnakiri */
.lu-pricing-tabs *, .lu-pricing-tabs *::before, .lu-pricing-tabs *::after{
  box-sizing:border-box;margin:0;padding:0;
  font-family:'DM Sans',sans-serif !important;
}
.lu-pricing-tabs__inner{max-width:1200px;margin:0 auto;padding:0}
/* INTRO */
.lu-section.is-variant-page-intro .lu-section__inner{padding:7rem 0 0}
.lu-section.is-variant-page-intro .lu-section__title{
  font-size:clamp(2rem,3.2vw,2.6rem);
  font-weight:700;letter-spacing:-.03em;line-height:1.1;
  color:var(--text);margin:0;max-width:none;
}
.lu-section.is-variant-page-intro .lu-section__lead{
  font-size:16px;font-weight:400;line-height:1.6;
  color:var(--muted);margin:.9rem 0 1.6em;max-width:580px;
}
/* PRICING */
.lu-pricing-tabs .lu-pt-body{padding:.75rem 0 1rem}
/* Tabs */
.lu-pricing-tabs .pc-tabs{
  display:inline-flex;
  background:#fafbfce6;
  border:1px solid rgba(0,0,0,.06);
  border-radius:10px;
  padding:4px;
  gap:2px;
  margin-bottom:1rem;
}
.lu-pricing-tabs .pc-tab{
  background:transparent;border:none;
  padding:.75rem 1.4rem;
  font-family:'DM Sans',sans-serif !important;
  font-size:14.5px;font-weight:600;
  letter-spacing:-.005em;
  color:var(--muted);
  cursor:pointer;
  border-radius:7px;
  transition:background .2s,color .2s,box-shadow .2s;
  line-height:1.3;
  white-space:nowrap;
  text-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
  box-shadow:none;
  outline:none;
}
.lu-pricing-tabs .pc-tab:focus, .lu-pricing-tabs .pc-tab:focus-visible{outline:none;box-shadow:none}
.lu-pricing-tabs .pc-tab:hover{color:var(--text);text-shadow:none !important}
.lu-pricing-tabs .pc-tab.active{
  background:var(--wh);
  color:var(--primary);
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  text-shadow:none !important;
}
/* Tier grid */
.lu-pricing-tabs .pc-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.lu-pricing-tabs .pc-tiers[hidden]{display:none !important}
.lu-pricing-tabs .pc-tier{
  position:relative;
  background:var(--wh);
  border:1.5px solid transparent;
  border-radius:10px;
  padding:2rem 1.65rem 2.25rem;
  display:flex;flex-direction:column;
  box-shadow:0 1px 3px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.04);
  transition:transform .2s,box-shadow .2s;
}
.lu-pricing-tabs .pc-tier:hover{
  transform:translateY(-2px);
  box-shadow:0 2px 6px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06);
}
.lu-pricing-tabs .pc-tier.popular{
  border-color:var(--primary);
  box-shadow:0 2px 6px rgba(56,103,84,.12), 0 6px 24px rgba(56,103,84,.18);
}
.lu-pricing-tabs .pc-tier.popular:hover{
  transform:translateY(-2px);
  box-shadow:0 3px 8px rgba(56,103,84,.16), 0 10px 28px rgba(56,103,84,.22);
}
.lu-pricing-tabs .pc-tier-badge{
  position:absolute;top:0;left:50%;
  transform:translate(-50%,-50%);
  padding:5px 16px;
  background:var(--primary);
  color:#fff;
  font-size:10.5px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;
  border-radius:6px;
  white-space:nowrap;
  line-height:1.2;
  box-shadow:var(--shadow-btn);
}
.lu-pricing-tabs .pc-tier-top{
  display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  margin-bottom:1.1rem;
  height:28px;
}
.lu-pricing-tabs .pc-tier-dur{
  font-size:13px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);
}
.lu-pricing-tabs .pc-tier-save{
  position:absolute;
  top:1.1rem;right:1.1rem;
  font-size:10.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--primary);
  background:var(--primary-soft);
  padding:.3rem .55rem;
  border-radius:4px;
  white-space:nowrap;
  line-height:1;
}
.lu-pricing-tabs .pc-tier-price-row{
  display:flex;align-items:baseline;gap:.35rem;
  margin-bottom:.35rem;
}
.lu-pricing-tabs .pc-tier-price{
  font-size:42px;font-weight:700;
  color:var(--text);letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
.lu-pricing-tabs .pc-tier-per{font-size:14px;font-weight:500;color:var(--muted)}
.lu-pricing-tabs .pc-tier-total{
  font-size:13px;font-weight:500;
  color:var(--muted);
  margin-bottom:1.4rem;
  padding-bottom:1.4rem;
  border-bottom:1px solid var(--border);
}
.lu-pricing-tabs .pc-tier-features{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:.85rem;
}
.lu-pricing-tabs .pc-tier-features li{
  display:flex;align-items:center;gap:.7rem;
  font-size:13px;font-weight:500;
  color:var(--text);
  line-height:1.4;
  letter-spacing:-.005em;
}
.lu-pricing-tabs .pc-tier-icon{
  flex-shrink:0;
  width:18px;height:18px;
  color:var(--primary);
  display:inline-flex;align-items:center;justify-content:center;
}
.lu-pricing-tabs .pc-action{
  margin-top:1.25rem;
  display:flex;flex-direction:column;gap:.4rem;
}
.lu-pricing-tabs .pc-vat{
  font-size:12px;font-weight:500;
  color:var(--muted);
  letter-spacing:.02em;
  line-height:1.45;
}
/* BOTTOM CTA */
.lu-pricing-tabs .lu-pt-cta{padding:1.5rem 0 2rem}
.lu-pricing-tabs .cta-card{
  background:linear-gradient(135deg,#386754 0%,#80b19b 100%);
  border-radius:var(--radius);
  padding:2.25rem 2.5rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1.75rem;flex-wrap:wrap;
  box-shadow:0 6px 24px rgba(56,103,84,.18);
}
.lu-pricing-tabs .cta-text{flex:1 1 280px;min-width:0}
.lu-pricing-tabs .cta-h{
  font-size:1.4rem;font-weight:700;color:#fff;
  line-height:1.25;letter-spacing:-.015em;
}
.lu-pricing-tabs .cta-p{
  font-size:15px;color:rgba(255,255,255,.85);
  line-height:1.5;font-weight:400;margin-top:.4rem;
}
.lu-pricing-tabs .cta-btn{
  flex:0 0 auto;
  background:#fff;color:var(--primary) !important;
  font-size:15.5px;font-weight:600;
  letter-spacing:.01em;
  padding:.85rem 1.65rem;
  border-radius:var(--radius-sm);
  text-decoration:none !important;
  white-space:nowrap;
  transition:background .2s;
}
.lu-pricing-tabs .cta-btn:hover{
  background:#f1f4f6;
  color:var(--primary) !important;
}
@media(max-width:1024px){
.lu-pricing-tabs__inner{padding:0 1.5rem}
.lu-pricing-tabs .pc-tier{padding:1.75rem 1.4rem 2rem}
.lu-pricing-tabs .pc-tier-price{font-size:38px}
}
@media(max-width:768px){
.lu-pricing-tabs__inner{padding:0 1rem}
.lu-section.is-variant-page-intro .lu-section__inner{padding:6rem 0 0}
.lu-pricing-tabs .lu-pt-body{padding:2rem 0 .75rem}
.lu-pricing-tabs .pc-tabs{display:flex;width:100%}
.lu-pricing-tabs .pc-tab{flex:1;padding:.7rem .5rem;font-size:12.5px}
.lu-pricing-tabs .pc-tiers{grid-template-columns:1fr;gap:.85rem}
.lu-pricing-tabs .pc-tier{padding:1.75rem 1.5rem 2rem}
.lu-pricing-tabs .pc-tier-price{font-size:36px}
.lu-pricing-tabs .pc-tier-total{margin-bottom:1.1rem}
.lu-pricing-tabs .pc-tier-badge{top:0}
.lu-pricing-tabs .lu-pt-cta{padding:1.25rem 0 1.5rem}
.lu-pricing-tabs .cta-card{padding:1.75rem 1.5rem;gap:1.25rem;flex-direction:column;align-items:stretch;text-align:center}
.lu-pricing-tabs .cta-text{flex:0 0 auto}
.lu-pricing-tabs .cta-btn{width:100%;text-align:center}
}
@media(max-width:480px){
.lu-pricing-tabs__inner{padding:0 1rem}
.lu-section.is-variant-page-intro .lu-section__inner{padding:5.5rem 0 0}
.lu-pricing-tabs .cta-h{font-size:1.2rem}
}

.lu-pricing-tabs .pc-tier-icon svg {
  fill: none;
  height: 16px;
  stroke-width: 2;
  width: 16px;
}

/* ====================================================================
 * Native page scopes (2026-06-12). Renamed copies of the legacy lp-*
 * scopes: .lu-article, .lu-legal, .lu-about, .lu-apply-hero,
 * .lu-renew-hero, plus block scopes .lu-struct (lei-structure block),
 * .lu-float-cta (float-cta block) and the contact block's page variant
 * (.lu-contact.is-variant-page). The lp-* originals above die in the
 * cleanup PR once the fleet content is renamed.
 * ==================================================================== */
/* ====================================================================
 * Page-family designs, by page banner below: lu-article (+ the
 * lei-structure/float-cta block scopes), lu-about, lu-legal,
 * lu-apply-hero/lu-renew-hero, and the contact block's page variant.
 * Renamed 1:1 from the legacy lp-* scopes when those died (2026-06-12).
 * NOTE: checkout pages keep className lp-c — that scope belongs to
 * rapidlei-integration/assets/css/checkout.css ("Scoped to .lp-c"),
 * not to this file.
 * ==================================================================== */

/* mis-on-lei-kood: Mis on LEI kood? */
.lu-article,.lu-article *,.lu-article *::before,.lu-article *::after{
  box-sizing:border-box;margin:0;padding:0;
  font-family:'DM Sans',sans-serif !important;
}
.lu-article{
  width:100vw;margin-left:calc(50% - 50vw);
  overflow-x:hidden;background:#fafafa;
  -webkit-font-smoothing:antialiased;
  --wh:#fff;
  --primary:#386754;--green:#80b19b;--primary-soft:#e6efea;
  --border:#ebefed;--border-dark:#dde3df;
  --muted:#636a67;--text:#1c1e21;
  --radius-sm:.5rem;--radius:.75rem;
}
.lu-article .wrap{
  max-width:820px;margin:0 auto;
  padding:6rem 1.5rem 0;
}

/* HERO */
.lu-article .hero-img{
  width:100%;height:clamp(260px,32vw,380px);
  object-fit:cover;
  border-radius:var(--radius);
  display:block;
}

/* HEADING */
.lu-article .head{padding:2.5rem 0 1.25rem}
.lu-article .head-h1{
  font-size:clamp(2.125rem,3.3vw,2.875rem);
  font-weight:700;letter-spacing:-.028em;line-height:1.15;
  color:var(--text);
}
.lu-article .head-h1 span{color:var(--primary)}

/* BODY */
.lu-article .body p{
  font-size:16.5px;line-height:1.75;
  color:var(--muted);font-weight:400;
  margin-bottom:1.1rem;
}
.lu-article .body p strong{color:var(--text);font-weight:600}
.lu-article .body a{
  color:var(--primary);
  text-decoration:none;
  border-bottom:1px solid var(--primary);
  transition:opacity .18s;
}
.lu-article .body a:hover{opacity:.7}
.lu-article .body h2{
  font-size:clamp(1.375rem,2vw,1.625rem);
  font-weight:700;letter-spacing:-.02em;line-height:1.25;
  color:var(--text);
  margin:2.75rem 0 1.1rem;
}

/* BULLETS */
.lu-article .f-list{
  list-style:none;padding:0;margin:.5rem 0 1.3rem;
  display:flex;flex-direction:column;gap:.65rem;
}
.lu-article .f-list li{
  display:flex;gap:.7rem;
  font-size:16px;line-height:1.6;
  color:var(--muted);
}
.lu-article .f-list li::before{
  content:'';flex-shrink:0;
  width:6px;height:6px;
  background:var(--text);
  border-radius:50%;
  margin-top:.62rem;
}
.lu-article .f-list li strong{color:var(--text);font-weight:600}

/* LEI STRUCTURE */
.lu-struct{margin:1.5rem 0 0;padding:1.75rem 0 0}
.lu-struct .struct-chars{
  display:grid;
  grid-template-columns:repeat(20,1fr);
  gap:0;
  margin-bottom:.6rem;
  font-variant-numeric:tabular-nums;
}
.lu-struct .struct-chars span{
  font-size:clamp(1rem,1.8vw,1.5rem);
  font-weight:700;
  text-align:center;
  letter-spacing:.01em;
  color:var(--text);
  line-height:1;
  padding:0 .1rem;
}
.lu-struct .struct-chars span[data-g="1"],
.lu-struct .struct-chars span[data-g="2"],
.lu-struct .struct-chars span[data-g="4"]{color:#b5bcb8}

.lu-struct .struct-pills{
  display:grid;
  grid-template-columns:repeat(20,1fr);
  gap:.25rem;
}
.lu-struct .struct-pill{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  font-size:clamp(10.5px,1vw,13px);
  font-weight:700;
  color:#fff;
  border-radius:999px;
  padding:.55rem .35rem;
  line-height:1;
  letter-spacing:.01em;
  white-space:nowrap;
  min-height:30px;
  cursor:default;
  transition:filter .18s,transform .18s;
}
.lu-struct .struct-pill:hover{filter:brightness(1.08);transform:translateY(-1px)}
.lu-struct .struct-pill.p-lou{grid-column:1 / span 4;background:var(--green)}
.lu-struct .struct-pill.p-res{grid-column:5 / span 2;background:#c5ccc9;color:var(--text)}
.lu-struct .struct-pill.p-uniq{grid-column:7 / span 12;background:var(--primary)}
.lu-struct .struct-pill.p-ctrl{grid-column:19 / span 2;background:var(--green)}

/* Info area */
.lu-struct .struct-info-slot{
  position:relative;
  min-height:50px;
  margin-top:.65rem;
}
.lu-struct .struct-info{
  position:absolute;
  top:0;left:50%;
  transform:translate(-50%,-4px);
  text-align:center;
  opacity:0;
  transition:opacity .22s ease,transform .22s ease;
  pointer-events:none;
  max-width:360px;
  width:100%;
}
.lu-struct .struct-info.is-active{
  opacity:1;
  transform:translate(-50%,0);
}
.lu-struct .struct-info-title{
  font-size:16px;font-weight:700;
  color:var(--text);letter-spacing:-.012em;
  margin-bottom:.25rem;
  line-height:1.3;
}
.lu-struct .struct-info-desc{
  font-size:14.5px;line-height:1.55;
  color:var(--muted);font-weight:400;
}

/* Mobile stacked list — hidden on desktop, shown <=560px */
.lu-struct .struct-mobile{
  display:none;
  flex-direction:column;
  gap:1rem;
  margin-top:.5rem;
}
.lu-struct .struct-mobile-item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.85rem;
  align-items:flex-start;
}
.lu-struct .struct-mobile-dot{
  flex-shrink:0;
  width:10px;height:10px;
  border-radius:50%;
  margin-top:.5rem;
}
.lu-struct .struct-mobile-item.c-lou .struct-mobile-dot,
.lu-struct .struct-mobile-item.c-res .struct-mobile-dot,
.lu-struct .struct-mobile-item.c-uniq .struct-mobile-dot,
.lu-struct .struct-mobile-item.c-ctrl .struct-mobile-dot{background:var(--text)}
.lu-struct .struct-mobile-title{
  font-size:15px;font-weight:700;
  color:var(--text);letter-spacing:-.01em;
  line-height:1.35;
  margin-bottom:.2rem;
}
.lu-struct .struct-mobile-desc{
  font-size:14px;line-height:1.55;
  color:var(--muted);font-weight:400;
}

/* FLOATING MINI PRICE CARD */
.lu-float-cta{
  position:fixed;
  top:50%;right:2rem;
  transform:translateY(-50%) translateX(16px);
  background:var(--wh);
  border:1.5px solid var(--primary);
  border-radius:10px;
  padding:1.5rem 1.25rem 1.5rem;
  box-shadow:0 2px 6px rgba(56,103,84,.12), 0 6px 24px rgba(56,103,84,.18);
  width:240px;
  z-index:50;
  opacity:0;visibility:hidden;
  transition:opacity .28s ease,transform .28s ease,visibility .28s;
}
.lu-float-cta.is-visible{
  opacity:1;visibility:visible;
  transform:translateY(-50%) translateX(0);
}
.lu-float-cta .float-cta-label{
  font-size:12px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);
  margin-bottom:.6rem;
}
.lu-float-cta .float-cta-price-row{
  display:flex;align-items:baseline;gap:.3rem;
  margin-bottom:1rem;
  padding-bottom:1rem;
  border-bottom:1px solid var(--border);
}
.lu-float-cta .float-cta-price{
  font-size:32px;font-weight:700;
  color:var(--text);letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
.lu-float-cta .float-cta-per{
  font-size:13px;font-weight:500;color:var(--muted);
}
.lu-float-cta .float-cta-feats{
  list-style:none;padding:0;margin:0 0 1.1rem;
  display:flex;flex-direction:column;gap:.55rem;
}
.lu-float-cta .float-cta-feats li{
  display:flex;align-items:center;gap:.55rem;
  font-size:12.5px;font-weight:500;
  color:var(--text);
  line-height:1.35;
}
.lu-float-cta .float-cta-feats svg{
  flex-shrink:0;color:var(--primary);
}
.lu-float-cta .float-cta-btn{
  display:block;width:100%;
  background:var(--primary);
  color:#fff !important;
  font-family:'DM Sans',sans-serif !important;
  font-size:14px;font-weight:700;
  letter-spacing:.01em;
  padding:.8rem .75rem;
  border-radius:var(--radius-sm);
  text-decoration:none !important;
  text-align:center;
  white-space:nowrap;
  transition:background .2s,transform .15s;
  border:none;
}
.lu-float-cta .float-cta-btn:hover{
  background:#2d5443;
  transform:translateY(-1px);
  color:#fff !important;
}

.lu-article .spacer{height:5rem}

/* RESPONSIVE */
@media(max-width:1180px){
  .lu-float-cta{right:1rem;width:220px;padding:1.35rem 1.1rem}
  .lu-float-cta .float-cta-price{font-size:28px}
}
@media(max-width:1020px){
  .lu-float-cta{
    top:auto;bottom:1.25rem;left:1.25rem;right:auto;
    transform:translateX(-16px);
    width:auto;padding:0;border:none;
    background:transparent;box-shadow:none;
  }
  .lu-float-cta.is-visible{transform:translateX(0)}
  .lu-float-cta .float-cta-label,
  .lu-float-cta .float-cta-price-row,
  .lu-float-cta .float-cta-feats{display:none}
  .lu-float-cta .float-cta-btn{
    padding:.9rem 1.4rem;
    font-size:14px;
    border-radius:999px;
    box-shadow:0 8px 24px rgba(56,103,84,.3), 0 2px 6px rgba(0,0,0,.08);
  }
}
@media(max-width:820px){
  .lu-article .wrap{padding:6rem 1rem 0}
  .lu-article .head{padding:2rem 0 1rem}
  .lu-article .body p{font-size:15.5px}
  .lu-article .body h2{margin:2.25rem 0 1rem}
  .lu-struct{padding:1.25rem 0 .25rem}
  .lu-struct .struct-pill{font-size:10px;padding:.45rem .2rem;min-height:26px}
  .lu-struct .struct-info-title{font-size:15px}
  .lu-struct .struct-info-desc{font-size:13.5px}
  .lu-struct .struct-info-slot{min-height:70px}
}
@media(max-width:560px){
  /* On mobile, hide the pill bar + hover slot, show stacked list instead */
  .lu-struct .struct-chars{display:none}
  .lu-struct .struct-pills{display:none}
  .lu-struct .struct-info-slot{display:none}
  .lu-struct .struct-mobile{display:flex !important}
}
@media(max-width:480px){
  .lu-article .wrap{padding:5.5rem 1rem 0}
  .lu-article .head-h1{font-size:clamp(1.75rem,6vw,2.125rem)}
}

/* meist: Meist */
.lu-about,.lu-about *,.lu-about *::before,.lu-about *::after{
  box-sizing:border-box;margin:0;padding:0;
  font-family:'DM Sans',sans-serif !important;
}
.lu-about{width:100vw;margin-left:calc(50% - 50vw);overflow-x:hidden}
.lu-about{
  --dark:#1c1e21;--bg:#fafafa;--wh:#fff;
  --primary:#386754;--green:#80b19b;
  --border:#ecefed;--border-dark:#dde3df;
  --muted:#636a67;--text:#1c1e21;
  --radius-sm:.5rem;--radius:.875rem;--radius-lg:1rem;
}
.lu-about .in{max-width:1200px;margin:0 auto;padding:0}

/* Section spacing */
.lu-about .sec{padding:5.5rem 0 6rem}
.lu-about .sec-tight{padding:8rem 0 6rem}

/* Typography */
.lu-about .h1{
  font-size:clamp(2.125rem,3.3vw,2.875rem);
  font-weight:700;letter-spacing:-.028em;line-height:1.15;
  color:var(--text);margin:0;
}
.lu-about .h2{
  font-size:clamp(2.125rem,3.3vw,2.875rem);
  font-weight:700;letter-spacing:-.028em;line-height:1.15;
  color:var(--text);margin:0;
}
.lu-about .lead{font-size:17px;font-weight:400;color:var(--muted);line-height:1.8;letter-spacing:-.003em}
.lu-about .lei-green{color:var(--primary)}

/* TEAM / INTRO */
.lu-about .team-intro{
  display:grid;grid-template-columns:1fr 1.1fr;
  gap:4rem;align-items:center;
  margin-bottom:3.5rem;
}
.lu-about .team-copy{display:flex;flex-direction:column}
.lu-about .team-copy .h1{margin-bottom:1.5rem}
.lu-about .team-copy .lead + .lead{margin-top:0}
.lu-about .team-photo{
  border-radius:var(--radius-lg);
  overflow:hidden;display:flex;
  aspect-ratio:5/4;
  box-shadow:
    0 2px 6px -1px rgba(28,30,33,.04),
    0 14px 30px -8px rgba(28,30,33,.08);
}
.lu-about .team-photo img{width:100%;height:100%;object-fit:cover;display:block}

.lu-about .founders-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;
}
.lu-about .founder-card{
  display:flex;align-items:center;gap:1.25rem;
  padding:1.75rem 2rem;background:var(--wh);
  border-radius:var(--radius);
  box-shadow:
    0 2px 6px -1px rgba(28,30,33,.04),
    0 8px 20px -8px rgba(28,30,33,.05);
}
.lu-about .f-avatar{
  width:60px;height:60px;border-radius:50%;
  background:linear-gradient(180deg,#f3f7f4 0%,#eef4f0 100%);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  font-size:18px;font-weight:700;
  color:var(--primary);letter-spacing:-.01em;
  line-height:1;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 0 0 1px rgba(56,103,84,.08);
}
.lu-about .f-info{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}
.lu-about .f-name{font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:-.012em;line-height:1.2;margin-bottom:.1rem}
.lu-about .f-role{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.45rem}
.lu-about .f-cred{font-size:13.5px;color:var(--muted);line-height:1.5}

/* QUOTE */
.lu-about .quote-sec{
  background:var(--dark);
  padding:4.5rem 0;
  position:relative;
}
.lu-about .quote-sec::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:rgba(255,255,255,.08);
}
.lu-about .quote-card{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:2.5rem;
}
.lu-about .quote-portrait{
  width:156px;height:156px;border-radius:var(--radius-lg);
  overflow:hidden;
  background:#2a2d31;
  flex-shrink:0;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.3);
}
.lu-about .quote-portrait img{
  width:100%;height:100%;
  object-fit:cover;object-position:top center;
  display:block;
}
.lu-about .quote-body{
  min-width:0;
  display:flex;flex-direction:column;justify-content:center;
}
.lu-about .quote-text{
  font-size:clamp(1.2rem,1.7vw,1.5rem);
  font-weight:500;color:#fff;
  line-height:1.5;letter-spacing:-.015em;
  margin-bottom:1.25rem;
}
.lu-about .quote-text::before{content:'\201C';color:rgba(255,255,255,.35);font-weight:700;margin-right:.05em}
.lu-about .quote-text::after{content:'\201D';color:rgba(255,255,255,.35);font-weight:700;margin-left:.02em}
.lu-about .quote-attrib{display:flex;align-items:center;gap:.625rem;font-size:13.5px;flex-wrap:wrap}
.lu-about .quote-name{font-weight:700;color:#fff;letter-spacing:-.005em}
.lu-about .quote-sep{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.3);flex-shrink:0}
.lu-about .quote-role{color:rgba(255,255,255,.55);font-weight:500;letter-spacing:.005em}

/* PARTNERSHIP */
.lu-about .partner-layout{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:start}
.lu-about .partner-copy{display:flex;flex-direction:column;padding-top:.5rem}
.lu-about .partner-copy .h2{margin-bottom:1.25rem}

.lu-about .partner-box{
  background:var(--wh);
  border-radius:var(--radius-lg);
  padding:1.75rem 1.75rem 1.5rem;
  display:flex;flex-direction:column;gap:1.5rem;
  box-shadow:
    0 2px 6px -1px rgba(28,30,33,.04),
    0 14px 36px -10px rgba(28,30,33,.08);
}
.lu-about .pb-logo{
  display:flex;align-items:center;justify-content:center;
  padding:0;
  min-height:160px;
}
.lu-about .pb-logo img{max-width:100%;max-height:180px;width:auto;height:auto;object-fit:contain;display:block}

.lu-about .pb-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  padding-top:2rem;
  border-top:1px solid var(--border);
  gap:.5rem;
}
.lu-about .pb-stat{
  text-align:center;min-width:0;
  padding:0 .5rem;
}
.lu-about .pb-sv{
  font-size:1.75rem;font-weight:700;color:var(--primary);
  letter-spacing:-.03em;line-height:1;margin-bottom:.5rem;
  font-variant-numeric:tabular-nums;
}
.lu-about .pb-sl{
  font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
  line-height:1.3;
}

/* COUNTRIES TOP ROW */
.lu-about .eu-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
  align-items:stretch;
  margin-bottom:2.5rem;
}
.lu-about .eu-copy{
  display:flex;flex-direction:column;justify-content:center;
  padding:.5rem 0;
}
.lu-about .eu-copy .h2{margin-bottom:.75rem}
.lu-about .eu-copy .lead{max-width:560px;margin:0 !important}

/* CTA side card */
.lu-about .cta-side{
  background:linear-gradient(115deg,#2a5141 0%,#386754 50%,#80b19b 100%);
  border-radius:var(--radius-lg);
  padding:1.85rem 2rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;
  box-shadow:
    0 1px 0 rgba(255,255,255,.12) inset,
    0 14px 32px -14px rgba(42,81,65,.3);
}
.lu-about .cta-side-text{flex:1;min-width:0}
.lu-about .cta-side-h{
  font-size:1.25rem;font-weight:700;color:#fff;
  line-height:1.25;letter-spacing:-.015em;
  margin:0 0 .4rem;
}
.lu-about .cta-side-p{
  font-size:14px;color:rgba(255,255,255,.82);
  line-height:1.5;font-weight:400;
  margin:0;
}
.lu-about .cta-side-btn{
  flex-shrink:0;
  background:#fff !important;color:var(--primary) !important;
  font-weight:700;font-size:13.5px;
  padding:.85rem 1.5rem;border-radius:.625rem;
  text-decoration:none !important;
  white-space:nowrap;line-height:1.25;cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
  letter-spacing:.01em;
}
.lu-about .cta-side-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 14px rgba(0,0,0,.15);
}
.lu-about .cta-side-btn:visited,.lu-about .cta-side-btn:active{color:var(--primary) !important;text-decoration:none !important}

.lu-about .clist{display:flex;flex-direction:column}
.lu-about .crow{
  display:flex;align-items:center;justify-content:space-between;
  gap:1.25rem;
  padding:.95rem .25rem;
  border-bottom:1px solid var(--border);
  text-decoration:none !important;color:inherit;
  transition:padding-left .2s ease;
}
.lu-about .crow:hover{padding-left:.6rem}
.lu-about .crow:hover .crow-name{color:var(--primary)}
.lu-about .crow:hover .crow-arrow{stroke:var(--primary);transform:translateX(3px)}
.lu-about .crow-name{
  font-size:16px;font-weight:600;color:var(--text);
  letter-spacing:-.01em;transition:color .18s;
}
.lu-about .crow-right{display:flex;align-items:center;gap:.9rem;flex-shrink:0}
.lu-about .crow-url{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.005em}
.lu-about .crow-arrow{
  width:14px;height:14px;stroke:#c5ccc9;
  fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  flex-shrink:0;transition:stroke .2s ease,transform .25s ease;
}

/* RESPONSIVE */
@media(max-width:1260px){
  .lu-about .in{padding:0 1.5rem}
}
@media(max-width:1024px){
  .lu-about .sec{padding:4.5rem 0 5rem}
  .lu-about .sec-tight{padding:7rem 0 5rem}
  .lu-about .team-intro{gap:3rem}
  .lu-about .partner-layout{gap:3rem}
}

@media(max-width:820px){
  .lu-about .in{padding:0 1rem}
  .lu-about .sec{padding:3.5rem 0 4rem}
  .lu-about .sec-tight{padding:6rem 0 4rem}

  .lu-about .h1,.lu-about .h2{font-size:clamp(1.875rem,6vw,2.375rem);line-height:1.18}

  .lu-about .team-intro{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}
  .lu-about .team-copy{display:contents}
  .lu-about .team-copy .h1{order:1;margin-bottom:0}
  .lu-about .team-photo{order:2;aspect-ratio:16/10}
  .lu-about .team-copy .lead{order:3}
  .lu-about .team-copy .lead:first-of-type{margin-top:0}

  .lu-about .founders-grid{grid-template-columns:1fr;gap:.85rem}
  .lu-about .founder-card{padding:1.35rem 1.5rem;gap:1rem}

  .lu-about .quote-sec{padding:3.5rem 0 4rem}
  .lu-about .quote-card{grid-template-columns:1fr;gap:1.5rem;justify-items:center;text-align:center}
  .lu-about .quote-portrait{width:120px;height:120px}
  .lu-about .quote-attrib{justify-content:center}
  .lu-about .quote-text{font-size:1.1rem;line-height:1.5}

  .lu-about .partner-layout{grid-template-columns:1fr;gap:1rem}
  .lu-about .partner-box{padding:1.25rem 1.25rem;gap:1rem}
  .lu-about .pb-logo{padding:0;min-height:0}
  .lu-about .pb-logo img{max-height:none;max-width:100%;width:100%;height:auto}
  .lu-about .pb-stats{padding-top:1rem;gap:.25rem}
  .lu-about .pb-stat{padding:0 .25rem}
  .lu-about .pb-sv{font-size:1.15rem;margin-bottom:.3rem;letter-spacing:-.02em}
  .lu-about .pb-sl{font-size:7.5px;letter-spacing:.08em;font-weight:700;line-height:1.3}

  .lu-about .eu-sec .in{display:flex;flex-direction:column}
  .lu-about .eu-top{display:contents}
  .lu-about .eu-copy{order:1;margin-bottom:1.5rem}
  .lu-about .clist{order:2}
  .lu-about .cta-side{
    order:3;
    flex-direction:column;align-items:stretch;
    padding:1.75rem 1.75rem;gap:1.25rem;
    margin-top:2.5rem;
  }
  .lu-about .cta-side-h{font-size:1.15rem}
  .lu-about .cta-side-p{font-size:14px}
  .lu-about .cta-side-btn{text-align:center;padding:.85rem 1.5rem}

  .lu-about .crow-url{display:none}
}

@media(max-width:480px){
  .lu-about .sec{padding:3rem 0 3.5rem}
  .lu-about .sec-tight{padding:5.5rem 0 3.5rem}

  .lu-about .founder-card{padding:1.25rem 1.4rem;gap:.9rem}
  .lu-about .f-avatar{width:52px;height:52px;font-size:16px}
  .lu-about .f-name{font-size:1rem}

  .lu-about .quote-portrait{width:96px;height:96px}
  .lu-about .quote-text{font-size:1.05rem}

  .lu-about .partner-box{padding:1.25rem 1.25rem}
  .lu-about .pb-sv{font-size:1.15rem}
  .lu-about .pb-sl{font-size:8px;letter-spacing:.06em;line-height:1.3}
}

/* kontakt: Võta meiega ühendust */
.lu-contact.is-variant-page,.lu-contact.is-variant-page *,.lu-contact.is-variant-page *::before,.lu-contact.is-variant-page *::after{
  box-sizing:border-box;margin:0;padding:0;
  font-family:'DM Sans',sans-serif !important;
}
.lu-contact.is-variant-page{
  width:100vw;margin-left:calc(50% - 50vw);
  overflow-x:hidden;background:#fafafa;
  --bg:#fafafa;--wh:#fff;
  --primary:#386754;--green:#80b19b;
  --surface:#f1f4f6;
  --border:#ebefed;--border-dark:#dde3df;
  --muted:#6b736e;--text:#1c1e21;
  --radius-sm:.5rem;--radius:.75rem;
}
.lu-contact.is-variant-page .in{max-width:1200px;margin:0 auto;padding:0}

/* INTRO */
.lu-contact.is-variant-page .intro{padding:7rem 0 0}
.lu-contact.is-variant-page .intro-h1{
  font-size:clamp(2rem,3.2vw,2.6rem);
  font-weight:700;letter-spacing:-.03em;line-height:1.1;
  color:var(--text);
}
.lu-contact.is-variant-page .intro-p{
  font-size:16px;font-weight:400;line-height:1.6;
  color:var(--muted);margin-top:.9rem;max-width:580px;
}

/* CONTACT */
.lu-contact.is-variant-page .contact-sec{padding:.5rem 0 2rem}
.lu-contact.is-variant-page .contact-grid{
  display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);
  gap:1.25rem;align-items:stretch;
}

.lu-contact.is-variant-page .info-card{
  background:var(--wh);
  border:none;
  border-radius:var(--radius);
  overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:0 1px 3px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.04);
}
.lu-contact.is-variant-page .info-header{
  padding:1.3rem 1.65rem 1rem;
  border-bottom:1px solid var(--border);
}
.lu-contact.is-variant-page .info-label{
  font-size:16px;font-weight:700;
  letter-spacing:-.01em;
  color:var(--text);
}
.lu-contact.is-variant-page .info-body{
  padding:1.5rem 1.65rem 1.75rem;
}
.lu-contact.is-variant-page .info-list{display:flex;flex-direction:column;gap:1.05rem}
.lu-contact.is-variant-page .info-row{display:flex;flex-direction:column;gap:.2rem}
.lu-contact.is-variant-page .info-k{
  font-size:10px;font-weight:600;
  text-transform:uppercase;letter-spacing:.13em;
  color:var(--muted);
}
.lu-contact.is-variant-page .info-v{
  font-size:14.5px;font-weight:500;
  color:var(--text);letter-spacing:-.005em;
  line-height:1.4;word-break:break-word;
}
.lu-contact.is-variant-page .info-v a{
  color:var(--text);text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s,border-color .18s;
}
.lu-contact.is-variant-page .info-v a:hover{color:var(--primary);border-bottom-color:var(--primary)}
.lu-contact.is-variant-page .info-v.mono{font-variant-numeric:tabular-nums;font-size:13.5px;letter-spacing:0}

.lu-contact.is-variant-page .form-wrap{
  background:var(--wh);
  border:none;
  border-radius:var(--radius);
  padding:1.75rem 1.85rem 1.6rem;
  display:flex;flex-direction:column;
  box-shadow:0 1px 3px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.04);
}
.lu-contact.is-variant-page .form-head{margin-bottom:1.25rem}
.lu-contact.is-variant-page .form-head-h{
  font-size:1.15rem;font-weight:700;
  color:var(--text);letter-spacing:-.015em;
  line-height:1.25;margin-bottom:.3rem;
}
.lu-contact.is-variant-page .form-head-p{
  font-size:13.5px;font-weight:400;
  color:var(--muted);line-height:1.5;
}

.lu-contact.is-variant-page .wpcf7-form,
.lu-contact.is-variant-page .lei-contact-form form{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1.25rem 1.25rem;
}
.lu-contact.is-variant-page .wpcf7-form > p,
.lu-contact.is-variant-page .lei-contact-form form > p{
  margin:0 !important;
  padding:0 !important;
  line-height:1.2 !important;
  grid-column:span 2;
}
.lu-contact.is-variant-page .wpcf7-form > p.half,
.lu-contact.is-variant-page .lei-contact-form form > p.half{grid-column:span 1}

/* Kill CF7's default <br> tags between label and input */
.lu-contact.is-variant-page .wpcf7-form p br,
.lu-contact.is-variant-page .lei-contact-form form p br{display:none !important}

.lu-contact.is-variant-page .wpcf7-form label,
.lu-contact.is-variant-page .lei-contact-form label{
  display:block !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  text-transform:uppercase;letter-spacing:.13em;
  color:var(--muted) !important;
  margin:0 0 .45rem 0 !important;
  line-height:1.3 !important;
}
.lu-contact.is-variant-page .wpcf7-form-control-wrap{
  display:block !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}
.lu-contact.is-variant-page .wpcf7-form input[type="text"],
.lu-contact.is-variant-page .wpcf7-form input[type="email"],
.lu-contact.is-variant-page .wpcf7-form input[type="tel"],
.lu-contact.is-variant-page .wpcf7-form input[type="url"],
.lu-contact.is-variant-page .wpcf7-form input[type="number"],
.lu-contact.is-variant-page .wpcf7-form select,
.lu-contact.is-variant-page .wpcf7-form textarea,
.lu-contact.is-variant-page .lei-contact-form input[type="text"],
.lu-contact.is-variant-page .lei-contact-form input[type="email"],
.lu-contact.is-variant-page .lei-contact-form input[type="tel"],
.lu-contact.is-variant-page .lei-contact-form textarea{
  width:100% !important;
  padding:.5rem 0 !important;
  margin:0 !important;
  font-size:14.5px !important;
  font-weight:500 !important;
  color:var(--text) !important;
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid rgba(0,0,0,.14) !important;
  border-radius:0 !important;
  outline:none !important;
  box-shadow:none !important;
  transition:border-color .2s !important;
  font-family:'DM Sans',sans-serif !important;
  letter-spacing:-.005em !important;
  line-height:1.4 !important;
}

/* Textarea — same height as single-line inputs */
.lu-contact.is-variant-page .wpcf7-form textarea,
.lu-contact.is-variant-page .lei-contact-form textarea{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  resize:none !important;
  line-height:1.4 !important;
  overflow:hidden !important;
  display:block !important;
  rows:1;
}

.lu-contact.is-variant-page .wpcf7-form input:focus,
.lu-contact.is-variant-page .wpcf7-form select:focus,
.lu-contact.is-variant-page .wpcf7-form textarea:focus,
.lu-contact.is-variant-page .lei-contact-form input:focus,
.lu-contact.is-variant-page .lei-contact-form textarea:focus{
  border-bottom-color:var(--primary) !important;
  border-bottom-width:1px !important;
  box-shadow:none !important;
  outline:none !important;
  background:transparent !important;
}
.lu-contact.is-variant-page .wpcf7-form input::placeholder,
.lu-contact.is-variant-page .wpcf7-form textarea::placeholder,
.lu-contact.is-variant-page .lei-contact-form input::placeholder,
.lu-contact.is-variant-page .lei-contact-form textarea::placeholder{
  color:#b0b5b2 !important;
  font-weight:400 !important;
  opacity:1 !important;
}

.lu-contact.is-variant-page .form-submit-wrap{
  grid-column:span 2;margin-top:.35rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1rem;flex-wrap:wrap;
}
.lu-contact.is-variant-page .wpcf7-form input[type="submit"],
.lu-contact.is-variant-page .wpcf7-submit,
.lu-contact.is-variant-page .lei-contact-form input[type="submit"]{
  background:var(--primary) !important;color:#fff !important;
  font-size:12px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;
  padding:.85rem 1.6rem;
  border:none;border-radius:var(--radius-sm);
  cursor:pointer;
  transition:background .2s,transform .15s,box-shadow .2s;
  font-family:'DM Sans',sans-serif !important;
  display:inline-flex;align-items:center;gap:.55rem;
}
.lu-contact.is-variant-page .wpcf7-form input[type="submit"]:hover,
.lu-contact.is-variant-page .wpcf7-submit:hover{
  background:#2d5444 !important;transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(56,103,84,.2);
}
.lu-contact.is-variant-page .form-meta{
  display:flex;align-items:center;gap:.45rem;
  font-size:12px;color:var(--muted);
}
.lu-contact.is-variant-page .form-meta svg{flex-shrink:0;color:var(--primary)}

/* CF7 messages */
.lu-contact.is-variant-page .wpcf7-not-valid-tip{color:#b3261e;font-size:12px;font-weight:500;margin-top:.3rem;display:block}
.lu-contact.is-variant-page .wpcf7-response-output{
  grid-column:span 2;
  margin:.5rem 0 0 !important;padding:.8rem 1rem !important;
  border-radius:var(--radius-sm) !important;
  font-size:13px;line-height:1.5;
  border:1px solid var(--border-dark) !important;
}
.lu-contact.is-variant-page .wpcf7 form.sent .wpcf7-response-output{background:#eef5f0 !important;border-color:var(--green) !important;color:var(--primary) !important}
.lu-contact.is-variant-page .wpcf7 form.invalid .wpcf7-response-output,
.lu-contact.is-variant-page .wpcf7 form.failed .wpcf7-response-output{background:#fdf2f1 !important;border-color:#e5b5b1 !important;color:#b3261e !important}
.lu-contact.is-variant-page .wpcf7-spinner{margin:0 0 0 .5rem}

/* FAQ */
.lu-contact.is-variant-page .faq-sec{padding:1rem 0 5rem;background:var(--bg)}
.lu-contact.is-variant-page .faq-head{max-width:680px;margin-bottom:2rem}
.lu-contact.is-variant-page .faq-head-h2{
  font-size:clamp(1.55rem,2.2vw,1.95rem);
  font-weight:700;letter-spacing:-.025em;line-height:1.2;
  color:var(--text);margin-bottom:.7rem;
}
.lu-contact.is-variant-page .lei-green{color:var(--primary)}
.lu-contact.is-variant-page .faq-head-sub{
  font-size:15px;line-height:1.6;
  color:var(--muted);font-weight:400;max-width:580px;
}

.lu-contact.is-variant-page .faq-list{border-top:1px solid var(--border-dark)}
.lu-contact.is-variant-page .faq-item{border-bottom:1px solid var(--border-dark)}
.lu-contact.is-variant-page .faq-item summary{
  list-style:none;cursor:pointer;
  padding:1.25rem .25rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1.25rem;
  font-size:15.5px;font-weight:600;
  color:var(--text);letter-spacing:-.005em;line-height:1.4;
  transition:color .18s;
}
.lu-contact.is-variant-page .faq-item summary::-webkit-details-marker{display:none}
.lu-contact.is-variant-page .faq-item summary:hover{color:var(--primary)}
.lu-contact.is-variant-page .faq-icon{
  flex-shrink:0;width:20px;height:20px;
  border-radius:50%;
  border:1.5px solid var(--border-dark);
  display:flex;align-items:center;justify-content:center;
  position:relative;
  transition:border-color .25s,background .25s;
}
.lu-contact.is-variant-page .faq-icon::before,.lu-contact.is-variant-page .faq-icon::after{
  content:'';position:absolute;background:var(--text);
  transition:transform .28s ease,background .25s;
}
.lu-contact.is-variant-page .faq-icon::before{width:8px;height:1.5px}
.lu-contact.is-variant-page .faq-icon::after{width:1.5px;height:8px}
.lu-contact.is-variant-page .faq-item[open] .faq-icon{background:var(--primary);border-color:var(--primary)}
.lu-contact.is-variant-page .faq-item[open] .faq-icon::before,
.lu-contact.is-variant-page .faq-item[open] .faq-icon::after{background:#fff}
.lu-contact.is-variant-page .faq-item[open] .faq-icon::after{transform:scaleY(0)}

.lu-contact.is-variant-page .faq-body{
  padding:0 2.25rem 1.4rem .25rem;
  font-size:14px;line-height:1.65;
  color:var(--muted);font-weight:400;
}
.lu-contact.is-variant-page .faq-item[open] > .faq-body{animation:faqOpen .28s cubic-bezier(.4,0,.2,1)}
@keyframes faqOpen{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}
.lu-contact.is-variant-page .faq-body p{margin-bottom:.65rem}
.lu-contact.is-variant-page .faq-body p:last-child{margin-bottom:0}
.lu-contact.is-variant-page .faq-body ul{margin:.4rem 0 .65rem 1.1rem}
.lu-contact.is-variant-page .faq-body li{margin-bottom:.35rem;padding-left:.15rem}
.lu-contact.is-variant-page .faq-body a{color:var(--primary);text-decoration:none;border-bottom:1px solid var(--primary)}
.lu-contact.is-variant-page .faq-body a:hover{opacity:.75}
.lu-contact.is-variant-page .faq-body strong{color:var(--text);font-weight:600}

/* RESPONSIVE */
@media(max-width:1260px){
  .lu-contact.is-variant-page .in{padding:0 1.5rem}
}
@media(max-width:1024px){
  .lu-contact.is-variant-page .in{padding:0 1.5rem}
  .lu-contact.is-variant-page .contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
}
@media(max-width:860px){
  .lu-contact.is-variant-page .contact-grid{grid-template-columns:1fr;gap:1rem}
  .lu-contact.is-variant-page .info-header{padding:1rem 1.4rem .75rem}
  .lu-contact.is-variant-page .info-body{padding:1.35rem 1.4rem 1.5rem}
}
@media(max-width:768px){
  .lu-contact.is-variant-page .in{padding:0 1rem}
  .lu-contact.is-variant-page .intro{padding:6rem 0 0}
  .lu-contact.is-variant-page .contact-sec{padding:.75rem 0 2.5rem}
  .lu-contact.is-variant-page .form-wrap{padding:1.5rem 1.4rem 1.35rem}
  .lu-contact.is-variant-page .wpcf7-form,
  .lu-contact.is-variant-page .lei-contact-form form{gap:1.15rem}
  .lu-contact.is-variant-page .wpcf7-form > p.half,
  .lu-contact.is-variant-page .lei-contact-form form > p.half{grid-column:span 2}

  .lu-contact.is-variant-page .faq-sec{padding:.75rem 0 3.5rem}
  .lu-contact.is-variant-page .faq-item summary{font-size:14.5px;padding:1.1rem .1rem;gap:1rem}
  .lu-contact.is-variant-page .faq-body{font-size:13.5px;padding:0 1.75rem 1.2rem .1rem}
}
@media(max-width:480px){
  .lu-contact.is-variant-page .in{padding:0 1rem}
  .lu-contact.is-variant-page .intro{padding:5.5rem 0 0}
  .lu-contact.is-variant-page .form-head-h{font-size:1.05rem}
  .lu-contact.is-variant-page .form-submit-wrap{flex-direction:column;align-items:stretch}
  .lu-contact.is-variant-page .wpcf7-submit{justify-content:center;width:100%}
}

/* privaatsuspoliitika: Privaatsuspoliitika */
.lu-legal,.lu-legal *,.lu-legal *::before,.lu-legal *::after{
  box-sizing:border-box;margin:0;padding:0;
  font-family:'DM Sans',sans-serif !important;
}
.lu-legal{
  width:100vw;margin-left:calc(50% - 50vw);
  overflow-x:hidden;background:#fafafa;
  -webkit-font-smoothing:antialiased;
  --wh:#fff;
  --primary:#386754;
  --border:#ebefed;--border-dark:#dde3df;
  --muted:#636a67;--text:#1c1e21;
  --radius:.75rem;
}
.lu-legal .wrap{
  max-width:820px;margin:0 auto;
  padding:6rem 1.5rem 5rem;
}

/* HEADING */
.lu-legal .head{padding:0 0 1.75rem}
.lu-legal .head-h1{
  font-size:clamp(2.125rem,3.3vw,2.875rem);
  font-weight:700;letter-spacing:-.028em;line-height:1.15;
  color:var(--text);
}

/* BODY */
.lu-legal .body p{
  font-size:15.5px;line-height:1.7;
  color:var(--muted);font-weight:400;
  margin-bottom:.9rem;
}
.lu-legal .body p strong{color:var(--text);font-weight:600}
.lu-legal .body a{
  color:var(--primary);
  text-decoration:none;
  border-bottom:1px solid var(--primary);
  transition:opacity .18s;
}
.lu-legal .body a:hover{opacity:.7}
.lu-legal .body h2{
  font-size:clamp(1.125rem,1.6vw,1.25rem);
  font-weight:700;letter-spacing:-.015em;line-height:1.3;
  color:var(--text);
  text-transform:uppercase;
  margin:2.5rem 0 1rem;
  padding-top:1.75rem;
  border-top:1px solid var(--border);
}
.lu-legal .body h2:first-of-type{border-top:none;padding-top:0;margin-top:0}

.lu-legal .body h3{
  font-size:16px;
  font-weight:700;letter-spacing:-.01em;line-height:1.3;
  color:var(--text);
  margin:1.5rem 0 .7rem;
}

/* Contact info box */
.lu-legal .contact-block{
  display:flex;flex-direction:column;gap:.3rem;
  margin:.5rem 0 1.5rem;
  padding:1.1rem 1.25rem;
  background:var(--wh);
  border-radius:var(--radius);
  font-size:14.5px;line-height:1.5;
}
.lu-legal .contact-block span{color:var(--muted)}
.lu-legal .contact-block strong{color:var(--text);font-weight:600;margin-right:.3rem}

/* Lists */
.lu-legal .p-list{
  list-style:none;padding:0;
  margin:.4rem 0 1rem;
  display:flex;flex-direction:column;gap:.55rem;
}
.lu-legal .p-list li{
  position:relative;
  padding-left:1.1rem;
  font-size:15.5px;line-height:1.65;
  color:var(--muted);
}
.lu-legal .p-list li::before{
  content:'';position:absolute;
  left:0;top:.65rem;
  width:5px;height:5px;
  background:var(--text);
  border-radius:50%;
}
.lu-legal .p-list li strong{color:var(--text);font-weight:600}

/* Last updated footer */
.lu-legal .updated{
  margin-top:3rem;
  padding-top:1.5rem;
  border-top:1px solid var(--border);
  font-size:13.5px;
  color:var(--muted);
}

/* RESPONSIVE */
@media(max-width:820px){
  .lu-legal .wrap{padding:6rem 1rem 4rem}
  .lu-legal .body p,.lu-legal .p-list li{font-size:14.5px}
  .lu-legal .contact-block{font-size:13.5px}
}
@media(max-width:480px){
  .lu-legal .wrap{padding:5.5rem 1rem 3.5rem}
  .lu-legal .head-h1{font-size:clamp(1.75rem,6vw,2.125rem)}
}

/* kasutajatingimused: Kasutajatingimused */
.lu-legal,.lu-legal *,.lu-legal *::before,.lu-legal *::after{
  box-sizing:border-box;margin:0;padding:0;
  font-family:'DM Sans',sans-serif !important;
}
.lu-legal{
  width:100vw;margin-left:calc(50% - 50vw);
  overflow-x:hidden;background:#fafafa;
  -webkit-font-smoothing:antialiased;
  --wh:#fff;
  --primary:#386754;
  --border:#ebefed;--border-dark:#dde3df;
  --muted:#636a67;--text:#1c1e21;
  --radius:.75rem;
}
.lu-legal .wrap{
  max-width:820px;margin:0 auto;
  padding:6rem 1.5rem 5rem;
}

/* HEADING */
.lu-legal .head{padding:0 0 1.75rem}
.lu-legal .head-h1{
  font-size:clamp(2.125rem,3.3vw,2.875rem);
  font-weight:700;letter-spacing:-.028em;line-height:1.15;
  color:var(--text);
}

/* BODY */
.lu-legal .body p{
  font-size:15.5px;line-height:1.7;
  color:var(--muted);font-weight:400;
  margin-bottom:.9rem;
}
.lu-legal .body p strong{color:var(--text);font-weight:600}
.lu-legal .body a{
  color:var(--primary);
  text-decoration:none;
  border-bottom:1px solid var(--primary);
  transition:opacity .18s;
}
.lu-legal .body a:hover{opacity:.7}
.lu-legal .body h2{
  font-size:clamp(1.125rem,1.6vw,1.25rem);
  font-weight:700;letter-spacing:-.015em;line-height:1.3;
  color:var(--text);
  text-transform:uppercase;
  margin:2.5rem 0 1rem;
  padding-top:1.75rem;
  border-top:1px solid var(--border);
}
.lu-legal .body h2:first-of-type{border-top:none;padding-top:0;margin-top:0}

/* Clause lists — numbered points (e.g. 2.1, 2.2) */
.lu-legal .clause{
  display:flex;gap:.8rem;
  margin-bottom:.9rem;
  font-size:15.5px;line-height:1.7;
  color:var(--muted);
}
.lu-legal .clause-num{
  flex-shrink:0;
  font-weight:700;
  color:var(--text);
  font-variant-numeric:tabular-nums;
  min-width:2.25rem;
  letter-spacing:-.005em;
}
.lu-legal .clause-text{flex:1;min-width:0}
.lu-legal .clause-text strong{color:var(--text);font-weight:600}
.lu-legal .clause-text a{
  color:var(--primary);text-decoration:none;
  border-bottom:1px solid var(--primary);
  transition:opacity .18s;
}
.lu-legal .clause-text a:hover{opacity:.7}

/* Inner bullet list for exceptions */
.lu-legal .sub-list{
  list-style:none;padding:0;
  margin:.6rem 0 .3rem;
  display:flex;flex-direction:column;gap:.45rem;
}
.lu-legal .sub-list li{
  position:relative;
  padding-left:1.1rem;
  font-size:15px;line-height:1.6;
  color:var(--muted);
}
.lu-legal .sub-list li::before{
  content:'';position:absolute;
  left:0;top:.6rem;
  width:5px;height:5px;
  background:var(--text);
  border-radius:50%;
}

/* RESPONSIVE */
@media(max-width:820px){
  .lu-legal .wrap{padding:6rem 1rem 4rem}
  .lu-legal .body p,.lu-legal .clause{font-size:14.5px}
  .lu-legal .sub-list li{font-size:14px}
  .lu-legal .clause-num{min-width:2rem}
}
@media(max-width:480px){
  .lu-legal .wrap{padding:5.5rem 1rem 3.5rem}
  .lu-legal .head-h1{font-size:clamp(1.75rem,6vw,2.125rem)}
}

/* lei-koodi-uletoomine: Kuidas käib LEI koodi ületoomine? */
.lu-article,.lu-article *,.lu-article *::before,.lu-article *::after{
  box-sizing:border-box;margin:0;padding:0;
  font-family:'DM Sans',sans-serif !important;
}
.lu-article{
  width:100vw;margin-left:calc(50% - 50vw);
  overflow-x:hidden;background:#fafafa;
  -webkit-font-smoothing:antialiased;
  --wh:#fff;
  --primary:#386754;--green:#80b19b;--primary-soft:#e6efea;
  --border:#ebefed;--border-dark:#dde3df;
  --muted:#636a67;--text:#1c1e21;
  --radius-sm:.5rem;--radius:.75rem;
}
.lu-article .wrap{
  max-width:820px;margin:0 auto;
  padding:6rem 1.5rem 0;
}

/* HERO */
.lu-article .hero-img{
  width:100%;height:clamp(260px,32vw,380px);
  object-fit:cover;
  border-radius:var(--radius);
  display:block;
}

/* HEADING */
.lu-article .head{padding:2.5rem 0 1.25rem}
.lu-article .head-h1{
  font-size:clamp(2.125rem,3.3vw,2.875rem);
  font-weight:700;letter-spacing:-.028em;line-height:1.15;
  color:var(--text);
}
.lu-article .head-h1 span{color:var(--primary)}

/* BODY */
.lu-article .body p{
  font-size:16.5px;line-height:1.75;
  color:var(--muted);font-weight:400;
  margin-bottom:1.1rem;
}
.lu-article .body p strong{color:var(--text);font-weight:600}
.lu-article .body a{
  color:var(--primary);
  text-decoration:none;
  border-bottom:1px solid var(--primary);
  transition:opacity .18s;
}
.lu-article .body a:hover{opacity:.7}
.lu-article .body h2{
  font-size:clamp(1.375rem,2vw,1.625rem);
  font-weight:700;letter-spacing:-.02em;line-height:1.25;
  color:var(--text);
  margin:2.75rem 0 1.1rem;
}

/* BULLETS */
.lu-article .f-list{
  list-style:none;padding:0;margin:.5rem 0 1.3rem;
  display:flex;flex-direction:column;gap:.65rem;
}
.lu-article .f-list li{
  display:flex;gap:.7rem;
  font-size:16px;line-height:1.6;
  color:var(--muted);
}
.lu-article .f-list li::before{
  content:'';flex-shrink:0;
  width:6px;height:6px;
  background:var(--text);
  border-radius:50%;
  margin-top:.62rem;
}
.lu-article .f-list li strong{color:var(--text);font-weight:600}

/* FAQ — same style as pricing page FAQ */
.lu-article .faq-list{margin-top:.5rem}
.lu-article .faq-item{border-bottom:1px solid var(--border-dark)}
.lu-article .faq-item summary{
  list-style:none;cursor:pointer;
  padding:1.35rem .25rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:1.25rem;
  font-size:16.5px;font-weight:600;
  color:var(--text);letter-spacing:-.005em;line-height:1.4;
  transition:color .18s;
}
.lu-article .faq-item summary::-webkit-details-marker{display:none}
.lu-article .faq-item summary:hover{color:var(--primary)}
.lu-article .faq-icon{
  flex-shrink:0;width:20px;height:20px;
  border-radius:50%;
  border:1.5px solid var(--border-dark);
  display:flex;align-items:center;justify-content:center;
  position:relative;
  transition:border-color .25s,background .25s;
}
.lu-article .faq-icon::before,.lu-article .faq-icon::after{
  content:'';position:absolute;background:var(--text);
  transition:transform .28s ease,background .25s;
}
.lu-article .faq-icon::before{width:8px;height:1.5px}
.lu-article .faq-icon::after{width:1.5px;height:8px}
.lu-article .faq-item[open] .faq-icon{background:var(--primary);border-color:var(--primary)}
.lu-article .faq-item[open] .faq-icon::before,
.lu-article .faq-item[open] .faq-icon::after{background:#fff}
.lu-article .faq-item[open] .faq-icon::after{transform:scaleY(0)}
.lu-article .faq-body{
  padding:0 2.25rem 1.4rem .25rem;
  font-size:15.5px;line-height:1.7;
  color:var(--muted);font-weight:400;
}
.lu-article .faq-item[open] > .faq-body{animation:faqOpen .28s cubic-bezier(.4,0,.2,1)}
@keyframes faqOpen{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}
.lu-article .faq-body p{margin-bottom:.55rem}
.lu-article .faq-body p:last-child{margin-bottom:0}
.lu-article .faq-body a{color:var(--primary);text-decoration:none;border-bottom:1px solid var(--primary)}
.lu-article .faq-body strong{color:var(--text);font-weight:600}

/* FLOATING MINI PRICE CARD */
.lu-float-cta{
  position:fixed;
  top:50%;right:2rem;
  transform:translateY(-50%) translateX(16px);
  background:var(--wh);
  border:1.5px solid var(--primary);
  border-radius:10px;
  padding:1.5rem 1.25rem 1.5rem;
  box-shadow:0 2px 6px rgba(56,103,84,.12), 0 6px 24px rgba(56,103,84,.18);
  width:240px;
  z-index:50;
  opacity:0;visibility:hidden;
  transition:opacity .28s ease,transform .28s ease,visibility .28s;
}
.lu-float-cta.is-visible{
  opacity:1;visibility:visible;
  transform:translateY(-50%) translateX(0);
}
.lu-float-cta .float-cta-label{
  font-size:12px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);
  margin-bottom:.6rem;
}
.lu-float-cta .float-cta-price-row{
  display:flex;align-items:baseline;gap:.3rem;
  margin-bottom:1rem;
  padding-bottom:1rem;
  border-bottom:1px solid var(--border);
}
.lu-float-cta .float-cta-price{
  font-size:32px;font-weight:700;
  color:var(--text);letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
.lu-float-cta .float-cta-per{
  font-size:13px;font-weight:500;color:var(--muted);
}
.lu-float-cta .float-cta-feats{
  list-style:none;padding:0;margin:0 0 1.1rem;
  display:flex;flex-direction:column;gap:.55rem;
}
.lu-float-cta .float-cta-feats li{
  display:flex;align-items:center;gap:.55rem;
  font-size:12.5px;font-weight:500;
  color:var(--text);
  line-height:1.35;
}
.lu-float-cta .float-cta-feats svg{
  flex-shrink:0;color:var(--primary);
}
.lu-float-cta .float-cta-btn{
  display:block;width:100%;
  background:var(--primary);
  color:#fff !important;
  font-family:'DM Sans',sans-serif !important;
  font-size:14px;font-weight:700;
  letter-spacing:.01em;
  padding:.8rem .75rem;
  border-radius:var(--radius-sm);
  text-decoration:none !important;
  text-align:center;
  white-space:nowrap;
  transition:background .2s,transform .15s;
  border:none;
}
.lu-float-cta .float-cta-btn:hover{
  background:#2d5443;
  transform:translateY(-1px);
  color:#fff !important;
}

.lu-article .spacer{height:5rem}

/* RESPONSIVE */
@media(max-width:1180px){
  .lu-float-cta{right:1rem;width:220px;padding:1.35rem 1.1rem}
  .lu-float-cta .float-cta-price{font-size:28px}
}
@media(max-width:1020px){
  .lu-float-cta{
    top:auto;bottom:1.25rem;left:1.25rem;right:auto;
    transform:translateX(-16px);
    width:auto;padding:0;border:none;
    background:transparent;box-shadow:none;
  }
  .lu-float-cta.is-visible{transform:translateX(0)}
  .lu-float-cta .float-cta-label,
  .lu-float-cta .float-cta-price-row,
  .lu-float-cta .float-cta-feats{display:none}
  .lu-float-cta .float-cta-btn{
    padding:.9rem 1.4rem;
    font-size:14px;
    border-radius:999px;
    box-shadow:0 8px 24px rgba(56,103,84,.3), 0 2px 6px rgba(0,0,0,.08);
  }
}
@media(max-width:820px){
  .lu-article .wrap{padding:6rem 1rem 0}
  .lu-article .head{padding:2rem 0 1rem}
  .lu-article .body p{font-size:15.5px}
  .lu-article .body h2{margin:2.25rem 0 1rem}
  .lu-article .faq-item summary{font-size:15.5px;padding:1.1rem .1rem;gap:1rem}
  .lu-article .faq-body{font-size:14.5px;padding:0 1.75rem 1.2rem .1rem}
}
@media(max-width:480px){
  .lu-article .wrap{padding:5.5rem 1rem 0}
  .lu-article .head-h1{font-size:clamp(1.75rem,6vw,2.125rem)}
}

/* lei-koodi-taotlemine: LEI koodi taotlemine */
.lu-apply-hero,.lu-apply-hero *,.lu-apply-hero *::before,.lu-apply-hero *::after{
  box-sizing:border-box;margin:0;padding:0;
  font-family:'DM Sans',sans-serif !important;
}
.lu-apply-hero{
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow-x:hidden;
  position:relative;
  background:#f3f4f6;
  -webkit-font-smoothing:antialiased;
  --primary:#386754;
  --muted:#6b736e;
  --text:#1c1e21;
}
.lu-apply-hero .in{
  max-width:1200px;
  margin:0 auto;
  padding:0;
  position:relative;
  z-index:1;
}

.lu-apply-hero .hero{padding:10rem 0 3rem}

.lu-apply-hero .hero-h1{
  font-size:clamp(2.25rem,3.8vw,3.125rem);
  font-weight:700;
  letter-spacing:-.035em;
  line-height:1.08;
  color:var(--text);
  max-width:760px;
}
.lu-apply-hero .hero-sub{
  font-size:clamp(16px,1.3vw,18px);
  font-weight:400;
  line-height:1.55;
  color:var(--muted);
  margin-top:1.25rem;
  max-width:620px;
}

@media(max-width:1260px){.lu-apply-hero .in{padding:0 1.5rem}}
@media(max-width:768px){
  .lu-apply-hero .in{padding:0 1rem}
  .lu-apply-hero .hero{padding:8.5rem 0 2rem}
}
@media(max-width:480px){
  .lu-apply-hero .hero{padding:7.5rem 0 1.5rem}
  .lu-apply-hero .hero-h1{font-size:2rem;letter-spacing:-.03em}
  .lu-apply-hero .hero-sub{font-size:15.5px}
}
@keyframes faqOpen{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

/* RESPONSIVE */

/* lei-koodi-uuendamine: LEI koodi uuendamine */
.lu-renew-hero,.lu-renew-hero *,.lu-renew-hero *::before,.lu-renew-hero *::after{
  box-sizing:border-box;margin:0;padding:0;
  font-family:'DM Sans',sans-serif !important;
}
.lu-renew-hero{
  width:100vw;
  margin-left:calc(50% - 50vw);
  overflow-x:hidden;
  position:relative;
  background:#f3f4f6;
  -webkit-font-smoothing:antialiased;
  --primary:#386754;
  --muted:#6b736e;
  --text:#1c1e21;
}
.lu-renew-hero .in{
  max-width:1200px;
  margin:0 auto;
  padding:0;
  position:relative;
  z-index:1;
}

.lu-renew-hero .hero{padding:10rem 0 3rem}

.lu-renew-hero .hero-h1{
  font-size:clamp(2.25rem,3.8vw,3.125rem);
  font-weight:700;
  letter-spacing:-.035em;
  line-height:1.08;
  color:var(--text);
  max-width:760px;
}
.lu-renew-hero .hero-sub{
  font-size:clamp(16px,1.3vw,18px);
  font-weight:400;
  line-height:1.55;
  color:var(--muted);
  margin-top:1.25rem;
  max-width:620px;
}

@media(max-width:1260px){.lu-renew-hero .in{padding:0 1.5rem}}
@media(max-width:768px){
  .lu-renew-hero .in{padding:0 1rem}
  .lu-renew-hero .hero{padding:8.5rem 0 2rem}
}
@media(max-width:480px){
  .lu-renew-hero .hero{padding:7.5rem 0 1.5rem}
  .lu-renew-hero .hero-h1{font-size:2rem;letter-spacing:-.03em}
  .lu-renew-hero .hero-sub{font-size:15.5px}
}
@keyframes faqOpen{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

/* RESPONSIVE */


/* ------------------------------------------------------------------
   nc-* PRICING hero card variant (flag + price rows; markets/v2).
   The benefits variant (icon rows; EE) is styled by the base nc-* rules
   above — every shared selector here is scoped to cards that contain
   price rows (.nc-plan-right) so the two variants cannot collide.
   Values verbatim from the live market hero inline styles (2026-06-11).
   ------------------------------------------------------------------ */
.nc-card:has(.nc-plan-right) {
  width: 100%;
  background: transparent;
  border-radius: 12px;
  box-shadow:
    0 24px 60px rgba(0,0,0,0.45),
    0 8px 20px rgba(0,0,0,0.25),
    0 0 0 1px rgba(255,255,255,0.05);
}
.nc-card:has(.nc-plan-right) .nc-header {
  padding: 14px 20px 4px;
  background: rgba(28,30,33,0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.nc-card:has(.nc-plan-right) .nc-flag-ring {
  width: 82px;
  height: 82px;
  background: transparent;
  margin: 0;
  box-shadow: 0 6px 24px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.08);
  flex-shrink: 0;
}
.nc-flag-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.nc-card:has(.nc-plan-right) .nc-flag-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.22em;
  margin: 14px 0 0;
}
.nc-card:has(.nc-plan-right) .nc-plans {
  gap: 10px;
  padding: 19px 18px 22px;
}
.nc-card:has(.nc-plan-right) .nc-plan {
  justify-content: space-between;
  gap: 0;
  padding: 18px 16px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07), 0 0 1px rgba(0,0,0,0.08);
}
.nc-card:has(.nc-plan-right) .nc-plan-label {
  font-size: 14px;
  color: #1c1e21;
}
.nc-plan-right { text-align: right; }
.nc-plan-price { font-size: 19px; font-weight: 700; color: #1c1e21; }
.nc-plan-per { font-size: 11px; font-weight: 400; color: #58605d; }
.nc-plan-featured {
  border: 2px solid rgb(128,177,155);
  position: relative;
  box-shadow: 0 6px 20px rgba(128,177,155,0.15);
}
.nc-plan-featured .nc-plan-label { font-weight: 700; }
.nc-badge {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 16px;
  background: rgb(128,177,155);
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 2px 9px;
  border-radius: 999px;
  white-space: nowrap;
}
@media (max-width: 1050px) {
  .nc-card:has(.nc-plan-right) .nc-flag-ring { width: 64px; height: 64px; }
  .nc-card:has(.nc-plan-right) .nc-plan-label { font-size: 12px; }
  .nc-plan-price { font-size: 16px; }
  .nc-card:has(.nc-plan-right) .nc-plan { padding: 14px 12px; }
}

/* Self-contained roots for the extracted blocks: the vars their rules
 * reference, and the subtree reset the legacy ancestor used to provide. */
.lu-struct, .lu-float-cta {
  --bg:#fafafa;--wh:#fff;
  --primary:#386754;--green:#80b19b;
  --surface:#f1f4f6;
  --border:#ebefed;--border-dark:#dde3df;
  --muted:#6b736e;--text:#1c1e21;
  --radius-sm:.5rem;--radius:.75rem;
}
.lu-struct,.lu-struct *,.lu-struct *::before,.lu-struct *::after,
.lu-float-cta,.lu-float-cta *,.lu-float-cta *::before,.lu-float-cta *::after{
  box-sizing:border-box;margin:0;padding:0;
  font-family:'DM Sans',sans-serif !important;
}

/* Contact page variant: the block IS the old .contact-sec section, so it
 * carries that padding; (0,2,0) beats the base .lu-contact clamp padding. */
.lu-contact.is-variant-page{padding:.5rem 0 2rem}

/* FAQ lead (new attr) — the contact page's faq-head-sub typography. */
.lu-faq__lead{
  font-size:15px;line-height:1.6;
  color:var(--lu-muted);font-weight:400;max-width:580px;
  margin:0 0 26px;
}

/* FAQ inline variant — sits in an article/content column instead of being
 * its own section (ex .lp-art .faq-list). Item design comes from the base. */
.lu-faq.is-variant-inline{background:transparent;padding:0}
.lu-faq.is-variant-inline .lu-faq__inner{max-width:none;width:auto}
.lu-faq.is-variant-inline .lu-faq__title{font-size:clamp(1.5rem,2.4vw,1.9rem)}