.features-page {
  background:
    radial-gradient(circle at 50% -8%, rgba(80,93,255,.15), transparent 32%),
    #030817;
}

.features-page main {
  overflow: hidden;
}

.features-hero {
  position: relative;
  min-height: 760px;
  padding: clamp(90px,11vw,150px) 0 110px;
}

.features-hero-shell {
  width: calc(100% - 48px);
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(320px,.72fr);
  gap: clamp(48px,7vw,110px);
  align-items: center;
}

.features-hero::after {
  content: "";
  position: absolute;
  width: 760px;
  height: 760px;
  right: -260px;
  top: -120px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(81,102,255,.18),
      rgba(47,214,255,.06) 42%,
      transparent 70%
    );
  pointer-events: none;
}

.features-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 760px;
}

.features-eyebrow,
.features-kicker {
  color: #8ea6ff;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.features-hero h1 {
  max-width: 820px;
  margin: 20px 0 24px;
  font-size: clamp(54px,7vw,104px);
  line-height: .94;
  letter-spacing: -.055em;
}

.features-hero-copy > p {
  max-width: 720px;
  margin: 0;
  color: rgba(232,239,255,.76);
  font-size: clamp(18px,2vw,23px);
  line-height: 1.55;
}

.features-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
}

.features-primary,
.features-secondary {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  border-radius: 16px;
  font-weight: 750;
  text-decoration: none;
}

.features-primary {
  color: #061020;
  background: linear-gradient(135deg,#f8fbff,#b9c8ff);
  box-shadow: 0 18px 50px rgba(83,109,255,.22);
}

.features-secondary {
  color: #eef4ff;
  border: 1px solid rgba(164,182,255,.18);
  background: rgba(255,255,255,.035);
}

.features-hero-visual {
  position: relative;
  z-index: 1;
  justify-self: center;
}

.features-hero-visual picture,
.features-story-media picture {
  display: block;
}

.features-hero-visual img {
  display: block;
  width: min(330px,29vw);
  height: auto;
  filter: drop-shadow(0 36px 80px rgba(0,0,0,.46));
}

.features-pillars,
.features-stories,
.features-ecosystem,
.features-community,
.features-trust,
.features-principles {
  width: min(1180px,calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
}

.features-pillars {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
  margin-bottom: 130px;
}

.features-pillars article,
.features-principles-grid article {
  padding: 32px;
  border: 1px solid rgba(150,170,230,.12);
  border-radius: 28px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.018)
    );
}

.features-pillars h2 {
  margin: 0 0 14px;
  font-size: 27px;
}

.features-pillars p,
.features-story-copy p,
.features-section-heading p,
.features-community p,
.features-trust p,
.features-principles p {
  color: rgba(226,234,255,.70);
  line-height: 1.68;
}

.features-story {
  min-height: 650px;
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(320px,.8fr);
  gap: clamp(50px,8vw,120px);
  align-items: center;
  padding: 100px 0;
  border-top: 1px solid rgba(146,166,226,.09);
}

.features-story:nth-child(even) .features-story-copy {
  order: 2;
}

.features-story:nth-child(even) .features-story-media {
  order: 1;
}

.features-number {
  display: block;
  margin-bottom: 22px;
  color: rgba(125,147,198,.29);
  font-size: clamp(70px,7vw,106px);
  font-weight: 800;
  line-height: .82;
  letter-spacing: -.055em;
  user-select: none;
}

.features-story h2,
.features-section-heading h2,
.features-community h2,
.features-trust h2 {
  margin: 12px 0 10px;
  font-size: clamp(38px,4.5vw,64px);
  line-height: 1;
  letter-spacing: -.045em;
}

.features-story h3 {
  margin: 0 0 22px;
  color: #c7d3ff;
  font-size: clamp(20px,2vw,28px);
  font-weight: 600;
}

.features-story-copy p {
  max-width: 620px;
  margin: 0 0 26px;
  font-size: 17px;
}

.features-story-copy ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.features-story-copy li {
  position: relative;
  padding: 10px 0 10px 27px;
  color: rgba(239,244,255,.88);
}

.features-story-copy li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg,#8799ff,#54ddff);
}

.features-story-media {
  min-height: 440px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.features-story-media img {
  display: block;
  width: min(300px,28vw);
  height: auto;
  filter: drop-shadow(0 32px 70px rgba(0,0,0,.50));
}

.features-ai-card {
  width: 100%;
  min-height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  padding: 42px;
  border: 1px solid rgba(150,173,255,.12);
  border-radius: 36px;
  background:
    radial-gradient(
      circle at 70% 20%,
      rgba(80,100,255,.18),
      transparent 40%
    ),
    rgba(255,255,255,.025);
}

.features-ai-card span {
  color: #8ea6ff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
}

.features-ai-card strong {
  font-size: clamp(26px,3vw,40px);
}

.features-ai-line {
  width: 100%;
  height: 10px;
  border-radius: 99px;
  background: rgba(151,170,226,.13);
}

.features-ai-line.short {
  width: 62%;
}

.features-translate-bubble {
  max-width: 330px;
  padding: 18px 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.07);
}

.features-translate-bubble.alt {
  margin-left: auto;
  background:
    linear-gradient(
      135deg,
      rgba(91,108,255,.28),
      rgba(47,204,255,.11)
    );
}

.features-ecosystem,
.features-community,
.features-trust,
.features-principles {
  padding: 120px 0;
  border-top: 1px solid rgba(146,166,226,.09);
}

.features-category-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 12px;
  margin: 44px 0 0;
  padding: 0;
  list-style: none;
}

.features-category-grid li {
  min-height: 120px;
  display: flex;
  align-items: flex-end;
  padding: 22px;
  border: 1px solid rgba(150,170,230,.11);
  border-radius: 22px;
  background: rgba(255,255,255,.025);
  font-size: 18px;
  font-weight: 700;
}

.features-community {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(320px,.8fr);
  gap: 80px;
  align-items: center;
}

.features-community-card {
  min-height: 360px;
  display: grid;
  place-items: center;
  padding: 40px;
  border: 1px solid rgba(151,170,230,.11);
  border-radius: 36px;
  background:
    radial-gradient(
      circle,
      rgba(74,101,255,.13),
      transparent 62%
    );
  text-align: center;
}

.features-community-card strong {
  font-size: clamp(30px,4vw,54px);
  line-height: 1.05;
}

.features-trust {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 54px;
  align-items: start;
}

.features-trust .features-number {
  margin: 0;
}

.features-trust > div {
  max-width: 780px;
}

.features-trust a {
  display: inline-flex;
  margin-top: 10px;
  color: #a9bbff;
  font-weight: 700;
  text-decoration: none;
}

.features-principles-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 14px;
  margin-top: 42px;
}

.features-principles-grid h3 {
  margin: 0 0 12px;
  font-size: 22px;
}

.features-download {
  width: min(1180px,calc(100% - 48px));
  margin: 30px auto 100px;
}

@media (max-width: 900px) {
  .features-hero {
    min-height: auto;
    padding-top: 90px;
    text-align: center;
  }

  .features-hero-shell {
    grid-template-columns: 1fr;
  }

  .features-hero-copy {
    margin: 0 auto;
  }

  .features-hero-copy > p {
    margin-left: auto;
    margin-right: auto;
  }

  .features-hero-actions {
    justify-content: center;
  }

  .features-hero-visual img {
    width: min(300px,64vw);
  }

  .features-pillars {
    grid-template-columns: 1fr;
    margin-bottom: 70px;
  }

  .features-story,
  .features-community {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .features-story:nth-child(even) .features-story-copy,
  .features-story:nth-child(even) .features-story-media {
    order: initial;
  }

  .features-story-media img {
    width: min(300px,65vw);
  }

  .features-category-grid {
    grid-template-columns: repeat(2,1fr);
  }

  .features-trust {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .features-principles-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .features-hero {
    padding: 68px 0 72px;
  }

  .features-hero-shell {
    width: calc(100% - 32px);
  }

  .features-hero h1 {
    font-size: clamp(46px,14vw,68px);
  }

  .features-pillars,
  .features-stories,
  .features-ecosystem,
  .features-community,
  .features-trust,
  .features-principles,
  .features-download {
    width: min(calc(100% - 32px),1180px);
  }

  .features-story {
    min-height: auto;
    padding: 76px 0;
  }

  .features-story-media,
  .features-ai-card {
    min-height: 360px;
  }

  .features-number {
    font-size: clamp(58px,18vw,76px);
  }

  .features-ecosystem,
  .features-community,
  .features-trust,
  .features-principles {
    padding: 82px 0;
  }

  .features-category-grid {
    grid-template-columns: 1fr 1fr;
  }

  .features-category-grid li {
    min-height: 96px;
    padding: 18px;
    font-size: 16px;
  }

  .features-download {
    margin-bottom: 60px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .features-page *,
  .features-page *::before,
  .features-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* RUMAPA FEATURES LANGUAGE SWITCHER BRIDGE */
.features-language-switcher {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(7, 12, 32, 0.72);
}

.features-language-switcher a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  border-radius: 999px;
  color: rgba(232, 235, 247, 0.72);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition:
    color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.features-language-switcher a:hover {
  color: #ffffff;
}

.features-language-switcher a.active,
.features-language-switcher a[aria-current="page"] {
  color: #ffffff;
  background: linear-gradient(135deg, #12c7dc 0%, #187ff5 100%);
  box-shadow: 0 6px 20px rgba(20, 145, 245, 0.28);
}

@media (max-width: 760px) {
  .features-language-switcher {
    padding: 3px;
  }

  .features-language-switcher a {
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    font-size: 13px;
  }
}

/* RUMAPA Features Premium Foundation V1 */

.features-page {
  position: relative;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 82% 9%, rgba(37, 104, 255, .10), transparent 28%),
    radial-gradient(circle at 14% 36%, rgba(39, 206, 226, .045), transparent 24%),
    #050b1e;
}

.features-page main {
  position: relative;
  isolation: isolate;
}

.features-hero {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.features-hero::before {
  content: "";
  position: absolute;
  width: 620px;
  height: 620px;
  right: max(-180px, calc((100vw - 1180px) / 2 - 250px));
  top: 70px;
  border-radius: 50%;
  background:
    radial-gradient(circle,
      rgba(24, 132, 255, .16) 0%,
      rgba(27, 192, 221, .07) 34%,
      transparent 70%);
  filter: blur(4px);
  pointer-events: none;
}

.features-hero::after {
  opacity: .55;
}

.features-hero-shell {
  position: relative;
  z-index: 1;
}

.features-hero-copy {
  position: relative;
}

.features-hero-copy::before {
  content: "";
  position: absolute;
  left: -24px;
  top: -34px;
  width: 78px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #57e6ee, #668cff, transparent);
  opacity: .82;
}

.features-hero h1 {
  max-width: 650px;
  text-wrap: balance;
}

.features-hero-copy > p {
  max-width: 610px;
}

.features-hero-visual {
  position: relative;
  isolation: isolate;
}

.features-hero-visual::before {
  content: "";
  position: absolute;
  z-index: -2;
  width: 430px;
  height: 430px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(circle,
      rgba(56, 207, 230, .14),
      rgba(51, 102, 255, .08) 42%,
      transparent 70%);
}

.features-hero-visual::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 330px;
  height: 330px;
  left: 50%;
  top: 51%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(126, 170, 255, .11);
  border-radius: 50%;
  box-shadow:
    0 0 0 52px rgba(90, 139, 255, .025),
    0 0 100px rgba(21, 119, 255, .08);
}

.features-pillars {
  position: relative;
  z-index: 2;
  gap: 14px;
  padding-bottom: 108px;
}

.features-pillars article {
  position: relative;
  overflow: hidden;
  min-height: 188px;
  padding: 30px 30px 32px;
  border: 1px solid rgba(144, 167, 229, .12);
  border-radius: 26px;
  background:
    linear-gradient(145deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .018));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 24px 70px rgba(0, 0, 0, .10);
}

.features-pillars article::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -70px;
  bottom: -90px;
  border-radius: 50%;
  background: rgba(70, 142, 255, .075);
  filter: blur(2px);
}

.features-stories {
  position: relative;
}

.features-story {
  position: relative;
  min-height: 720px;
  padding: 118px 0;
  border-top: 1px solid rgba(146, 166, 226, .08);
}

.features-story::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 520px;
  height: 520px;
  top: 50%;
  right: -250px;
  transform: translateY(-50%);
  border-radius: 50%;
  background:
    radial-gradient(circle,
      rgba(44, 111, 255, .075),
      transparent 68%);
  pointer-events: none;
}

.features-story:nth-child(even)::before {
  right: auto;
  left: -250px;
  background:
    radial-gradient(circle,
      rgba(34, 204, 221, .065),
      transparent 68%);
}

.features-story-copy {
  position: relative;
  z-index: 2;
}

.features-number {
  display: block;
  margin-bottom: 12px;
  color: rgba(113, 142, 215, .20);
  font-size: clamp(70px, 7vw, 106px);
  font-weight: 800;
  line-height: .82;
  letter-spacing: -.06em;
}

.features-kicker {
  letter-spacing: .24em;
}

.features-story h2 {
  text-wrap: balance;
}

.features-story-media {
  position: relative;
  min-height: 520px;
  isolation: isolate;
}

.features-story-media::before {
  content: "";
  position: absolute;
  z-index: -2;
  width: 390px;
  height: 390px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(circle,
      rgba(37, 174, 236, .12),
      rgba(47, 92, 218, .055) 46%,
      transparent 72%);
}

.features-story-media::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 300px;
  height: 300px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(124, 161, 236, .09);
  border-radius: 50%;
}

.features-story-media img {
  position: relative;
  z-index: 1;
  transition:
    transform .45s ease,
    filter .45s ease;
}

.features-story:hover .features-story-media img {
  transform: translateY(-5px);
  filter:
    drop-shadow(0 40px 80px rgba(0, 0, 0, .56))
    drop-shadow(0 0 32px rgba(61, 158, 255, .08));
}

.features-ecosystem,
.features-community,
.features-trust,
.features-principles {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(146, 166, 226, .08);
}

.features-ecosystem {
  padding-top: 132px;
  padding-bottom: 132px;
}

.features-category-grid {
  gap: 12px;
}

.features-category-grid li {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(143, 169, 234, .12);
  background:
    linear-gradient(145deg,
      rgba(255, 255, 255, .052),
      rgba(255, 255, 255, .018));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.features-category-grid li::after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  right: -46px;
  bottom: -50px;
  border-radius: 50%;
  background: rgba(60, 145, 255, .07);
}

.features-community {
  min-height: 520px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.features-community-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(126, 164, 238, .14);
  background:
    radial-gradient(circle at 75% 20%, rgba(41, 190, 223, .12), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 30px 90px rgba(0,0,0,.16);
}

.features-community-card::before {
  content: "";
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(125, 162, 237, .07);
  border-radius: inherit;
}

.features-trust {
  padding-top: 118px;
  padding-bottom: 118px;
  background:
    radial-gradient(circle at 82% 50%, rgba(60, 114, 255, .075), transparent 27%);
}

.features-principles {
  padding-top: 128px;
  padding-bottom: 128px;
}

.features-principles-grid {
  gap: 14px;
}

.features-principles-grid article {
  position: relative;
  overflow: hidden;
  min-height: 190px;
  border: 1px solid rgba(143, 168, 229, .11);
  background:
    linear-gradient(145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.014));
}

.features-download {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(146, 166, 226, .08);
  background:
    radial-gradient(circle at 50% 110%, rgba(38, 124, 255, .13), transparent 38%),
    linear-gradient(180deg, rgba(9, 17, 43, .15), rgba(7, 13, 31, .72));
}

@media (max-width: 900px) {
  .features-hero {
    min-height: auto;
  }

  .features-story {
    min-height: auto;
    padding: 92px 0;
  }

  .features-story-media {
    min-height: 430px;
  }

  .features-pillars {
    padding-bottom: 84px;
  }
}

@media (max-width: 720px) {
  .features-hero::before,
  .features-hero-visual::after,
  .features-story::before {
    opacity: .62;
  }

  .features-hero-copy::before {
    left: 0;
  }

  .features-pillars article {
    min-height: auto;
  }

  .features-story {
    padding: 78px 0;
  }

  .features-story-media {
    min-height: 370px;
  }

  .features-number {
    font-size: 58px;
  }

  .features-ecosystem,
  .features-community,
  .features-trust,
  .features-principles {
    padding-top: 88px;
    padding-bottom: 88px;
  }
}

/* RUMAPA Features Premium Stories 01-03 V1 */

.features-premium-scene {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: 520px;
  overflow: visible;
}

.features-premium-scene::before {
  content: "";
  position: absolute;
  z-index: -3;
  left: 50%;
  top: 50%;
  width: min(520px, 42vw);
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(
      circle,
      rgba(52, 126, 255, .16) 0%,
      rgba(32, 92, 230, .08) 38%,
      rgba(17, 29, 74, 0) 72%
    );
  filter: blur(8px);
  pointer-events: none;
}

.features-premium-phone {
  position: relative;
  z-index: 4;
  display: block;
}

.features-premium-phone img {
  width: min(310px, 27vw);
  max-height: 500px;
  object-fit: contain;
  filter:
    drop-shadow(0 38px 70px rgba(0, 0, 0, .46))
    drop-shadow(0 0 28px rgba(56, 151, 255, .08));
}

.features-scene-orbit {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(113, 151, 255, .13);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.features-scene-orbit.orbit-one {
  width: min(430px, 37vw);
  aspect-ratio: 1;
}

.features-scene-orbit.orbit-two {
  width: min(540px, 44vw);
  aspect-ratio: 1;
  border-color: rgba(78, 210, 255, .07);
}

.features-scene-chip {
  position: absolute;
  z-index: 6;
  min-width: 158px;
  padding: 13px 15px;
  border: 1px solid rgba(154, 180, 255, .16);
  border-radius: 16px;
  background:
    linear-gradient(
      145deg,
      rgba(18, 27, 61, .94),
      rgba(9, 15, 37, .88)
    );
  box-shadow:
    0 18px 45px rgba(0, 0, 0, .30),
    inset 0 1px 0 rgba(255, 255, 255, .035);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.features-scene-chip span {
  display: block;
  margin-bottom: 5px;
  color: #8fa7ff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .15em;
}

.features-scene-chip strong {
  display: block;
  color: rgba(246, 249, 255, .94);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.features-search-scene .chip-query {
  left: 1%;
  top: 19%;
}

.features-search-scene .chip-context {
  right: 0;
  bottom: 18%;
}

.features-search-scene .features-premium-phone {
  transform: rotate(4deg);
}

.features-map-scene::before {
  background:
    radial-gradient(
      circle,
      rgba(25, 204, 218, .14) 0%,
      rgba(29, 126, 255, .08) 40%,
      rgba(12, 25, 66, 0) 72%
    );
}

.features-map-scene .features-premium-phone {
  transform: rotate(-7deg);
}

.features-map-scene .chip-area {
  right: 0;
  top: 18%;
}

.features-map-pin {
  position: absolute;
  z-index: 5;
  width: 13px;
  height: 13px;
  border: 3px solid rgba(8, 15, 36, .92);
  border-radius: 50%;
  background: #59d8ff;
  box-shadow:
    0 0 0 7px rgba(64, 194, 255, .09),
    0 0 24px rgba(64, 194, 255, .32);
}

.features-map-pin.pin-one {
  left: 14%;
  top: 33%;
}

.features-map-pin.pin-two {
  right: 12%;
  top: 55%;
}

.features-map-pin.pin-three {
  left: 22%;
  bottom: 18%;
}

.features-create-scene::before {
  background:
    radial-gradient(
      circle,
      rgba(99, 83, 255, .16) 0%,
      rgba(23, 162, 255, .07) 42%,
      rgba(13, 24, 62, 0) 72%
    );
}

.features-create-scene .features-premium-phone {
  transform: rotate(4deg);
}

.features-create-step {
  position: absolute;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 132px;
  padding: 10px 13px;
  border: 1px solid rgba(148, 172, 255, .15);
  border-radius: 15px;
  background: rgba(11, 18, 43, .90);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .26);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.features-create-step span {
  display: grid;
  place-items: center;
  flex: 0 0 27px;
  width: 27px;
  height: 27px;
  border-radius: 9px;
  background: rgba(83, 135, 255, .13);
  color: #80cfff;
  font-size: 10px;
  font-weight: 800;
}

.features-create-step strong {
  color: rgba(245, 248, 255, .92);
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.features-create-step.step-idea {
  left: 0;
  top: 18%;
}

.features-create-step.step-structure {
  right: -1%;
  top: 44%;
}

.features-create-step.step-review {
  left: 4%;
  bottom: 14%;
}

@media (max-width: 900px) {
  .features-premium-scene {
    min-height: 470px;
  }

  .features-premium-phone img {
    width: min(300px, 58vw);
  }

  .features-scene-orbit.orbit-one {
    width: min(410px, 78vw);
  }

  .features-scene-orbit.orbit-two {
    width: min(500px, 92vw);
  }

  .features-premium-scene::before {
    width: min(500px, 90vw);
  }
}

@media (max-width: 620px) {
  .features-premium-scene {
    min-height: 430px;
  }

  .features-premium-phone img {
    width: min(270px, 64vw);
  }

  .features-scene-chip {
    min-width: 132px;
    padding: 10px 12px;
  }

  .features-scene-chip strong {
    font-size: 11px;
  }

  .features-search-scene .chip-query {
    left: 0;
    top: 12%;
  }

  .features-search-scene .chip-context {
    right: 0;
    bottom: 12%;
  }

  .features-map-scene .chip-area {
    right: 0;
    top: 12%;
  }

  .features-map-pin.pin-one {
    left: 7%;
  }

  .features-map-pin.pin-two {
    right: 6%;
  }

  .features-create-step {
    min-width: auto;
    padding: 9px 10px;
  }

  .features-create-step strong {
    font-size: 10px;
  }

  .features-create-step.step-idea {
    left: 0;
    top: 11%;
  }

  .features-create-step.step-structure {
    right: 0;
  }

  .features-create-step.step-review {
    left: 0;
    bottom: 10%;
  }
}

/* RUMAPA Features Premium Stories 01-03 Composition V2 */

.features-premium-scene {
  min-height: 560px;
}

.features-premium-phone img {
  width: min(350px, 30vw);
  max-height: 540px;
}

.features-search-scene .features-premium-phone {
  transform: rotate(0deg) translateX(12px);
}

.features-map-scene .features-premium-phone {
  transform: rotate(-5deg) scale(1.03);
}

.features-create-scene .features-premium-phone {
  transform: rotate(2deg) scale(1.02);
}

.features-search-scene .chip-query {
  left: -5%;
  top: 16%;
}

.features-search-scene .chip-context {
  right: -4%;
  bottom: 16%;
}

.features-map-scene .chip-area {
  right: -5%;
  top: 17%;
}

.features-create-step.step-idea {
  left: -4%;
  top: 17%;
}

.features-create-step.step-structure {
  right: -5%;
  top: 44%;
}

.features-create-step.step-review {
  left: 0;
  bottom: 13%;
}

.features-scene-chip,
.features-create-step {
  border-color: rgba(142, 177, 255, .24);
  background:
    linear-gradient(
      145deg,
      rgba(21, 31, 68, .98),
      rgba(10, 17, 41, .96)
    );
  box-shadow:
    0 22px 55px rgba(0, 0, 0, .38),
    0 0 30px rgba(62, 130, 255, .07),
    inset 0 1px 0 rgba(255, 255, 255, .06);
}

.features-scene-orbit.orbit-one {
  border-color: rgba(111, 151, 255, .18);
}

.features-scene-orbit.orbit-two {
  border-color: rgba(79, 205, 255, .10);
}

.features-map-pin {
  width: 15px;
  height: 15px;
  box-shadow:
    0 0 0 8px rgba(64, 194, 255, .11),
    0 0 30px rgba(64, 194, 255, .42);
}

@media (max-width: 900px) {
  .features-premium-scene {
    min-height: 500px;
  }

  .features-premium-phone img {
    width: min(330px, 62vw);
    max-height: 500px;
  }

  .features-search-scene .features-premium-phone {
    transform: none;
  }

  .features-map-scene .features-premium-phone {
    transform: rotate(-3deg);
  }

  .features-create-scene .features-premium-phone {
    transform: rotate(1deg);
  }
}

@media (max-width: 620px) {
  .features-premium-scene {
    min-height: 450px;
  }

  .features-premium-phone img {
    width: min(285px, 68vw);
  }

  .features-search-scene .chip-query,
  .features-create-step.step-idea {
    left: -2%;
  }

  .features-search-scene .chip-context,
  .features-map-scene .chip-area,
  .features-create-step.step-structure {
    right: -2%;
  }
}

/* RUMAPA Features Premium Stories 04-05 V1 */

.features-estimate-scene,
.features-translation-scene {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: 520px;
}

.features-estimate-scene::before,
.features-translation-scene::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  width: min(540px, 44vw);
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.features-estimate-scene::before {
  background:
    radial-gradient(
      circle,
      rgba(89, 105, 255, .15) 0%,
      rgba(44, 88, 218, .07) 42%,
      rgba(9, 17, 42, 0) 72%
    );
}

.features-translation-scene::before {
  background:
    radial-gradient(
      circle,
      rgba(35, 196, 219, .13) 0%,
      rgba(68, 92, 255, .07) 42%,
      rgba(9, 17, 42, 0) 72%
    );
}

.features-estimate-card,
.features-translation-card {
  position: relative;
  width: min(100%, 500px);
  overflow: hidden;
  border: 1px solid rgba(144, 166, 229, .15);
  border-radius: 30px;
  background:
    linear-gradient(
      145deg,
      rgba(17, 26, 59, .96),
      rgba(8, 14, 34, .98)
    );
  box-shadow:
    0 38px 90px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

.features-estimate-card {
  padding: 38px;
}

.features-translation-card {
  padding: 34px;
}

.features-estimate-card::before,
.features-translation-card::before {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  right: -80px;
  top: -90px;
  border-radius: 50%;
  background: rgba(68, 113, 255, .10);
  filter: blur(30px);
  pointer-events: none;
}

.features-translation-card::before {
  background: rgba(46, 201, 218, .09);
}

.features-visual-label {
  position: relative;
  z-index: 1;
  color: #8fa7ff;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .16em;
}

.features-estimate-heading {
  position: relative;
  z-index: 1;
  margin-top: 42px;
}

.features-estimate-heading span {
  display: block;
  margin-bottom: 8px;
  color: rgba(194, 204, 230, .64);
  font-size: 13px;
  font-weight: 600;
}

.features-estimate-heading strong {
  display: block;
  color: #f7f9ff;
  font-size: clamp(25px, 2.2vw, 34px);
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -.035em;
}

.features-estimate-scale {
  position: relative;
  height: 46px;
  margin: 42px 0 34px;
}

.features-estimate-scale .scale-track,
.features-estimate-scale .scale-range {
  position: absolute;
  left: 0;
  right: 0;
  top: 21px;
  height: 5px;
  border-radius: 999px;
}

.features-estimate-scale .scale-track {
  background: rgba(137, 155, 205, .12);
}

.features-estimate-scale .scale-range {
  left: 24%;
  right: 17%;
  background:
    linear-gradient(
      90deg,
      #587cff,
      #4db8ff,
      #48d7c5
    );
  box-shadow: 0 0 24px rgba(74, 153, 255, .20);
}

.features-estimate-scale .scale-point {
  position: absolute;
  z-index: 2;
  left: 63%;
  top: 14px;
  width: 19px;
  height: 19px;
  border: 4px solid #0d1735;
  border-radius: 50%;
  background: #72dcff;
  box-shadow:
    0 0 0 5px rgba(93, 197, 255, .10),
    0 0 22px rgba(93, 197, 255, .30);
}

.features-estimate-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.features-estimate-meta > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(142, 163, 222, .10);
  border-radius: 16px;
  background: rgba(255, 255, 255, .025);
}

.features-estimate-meta span {
  display: block;
  margin-bottom: 7px;
  color: rgba(147, 164, 211, .62);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .11em;
}

.features-estimate-meta strong {
  display: block;
  color: rgba(241, 245, 255, .90);
  font-size: 11px;
  font-weight: 650;
  line-height: 1.3;
}

.features-estimate-card > p {
  margin: 26px 0 0;
  color: rgba(174, 186, 217, .55);
  font-size: 11px;
  line-height: 1.5;
}

.features-language-row {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  margin: 30px 0 32px;
}

.features-language-row span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(137, 166, 240, .16);
  border-radius: 14px;
  background: rgba(255, 255, 255, .035);
  color: rgba(240, 245, 255, .92);
  font-size: 11px;
  font-weight: 800;
}

.features-language-row span:nth-of-type(2) {
  border-color: rgba(71, 210, 218, .20);
  background: rgba(56, 190, 207, .07);
}

.features-language-row i {
  width: 27px;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(113, 143, 222, .12),
      rgba(99, 186, 232, .48),
      rgba(113, 143, 222, .12)
    );
}

.features-message {
  position: relative;
  z-index: 1;
  max-width: 82%;
  padding: 17px 18px;
  border: 1px solid rgba(143, 164, 223, .12);
  border-radius: 19px;
  background: rgba(255, 255, 255, .035);
}

.features-message small {
  display: block;
  margin-bottom: 7px;
  color: rgba(142, 162, 213, .60);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
}

.features-message strong {
  color: rgba(245, 248, 255, .94);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
}

.features-message.message-original {
  margin-right: auto;
}

.features-message.message-translated {
  margin-left: auto;
  border-color: rgba(77, 207, 219, .15);
  background:
    linear-gradient(
      135deg,
      rgba(39, 184, 206, .07),
      rgba(69, 91, 220, .06)
    );
}

.features-translation-flow {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 74%;
  margin: 17px auto;
}

.features-translation-flow span {
  flex: 1;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      rgba(99, 137, 222, .08),
      rgba(83, 187, 228, .38)
    );
}

.features-translation-flow span:last-child {
  transform: scaleX(-1);
}

.features-translation-flow em {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(84, 205, 225, .18);
  border-radius: 10px;
  background: rgba(62, 187, 214, .08);
  color: #78d8ee;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.features-original-note {
  margin-top: 26px;
  color: rgba(165, 180, 215, .54);
  font-size: 10px;
  text-align: center;
}

@media (max-width: 900px) {
  .features-estimate-scene,
  .features-translation-scene {
    min-height: 480px;
  }

  .features-estimate-card,
  .features-translation-card {
    width: min(100%, 470px);
  }
}

@media (max-width: 620px) {
  .features-estimate-scene,
  .features-translation-scene {
    min-height: 430px;
  }

  .features-estimate-card,
  .features-translation-card {
    border-radius: 24px;
  }

  .features-estimate-card {
    padding: 27px 22px;
  }

  .features-translation-card {
    padding: 26px 20px;
  }

  .features-estimate-heading {
    margin-top: 32px;
  }

  .features-estimate-scale {
    margin: 32px 0 26px;
  }

  .features-estimate-meta {
    gap: 7px;
  }

  .features-estimate-meta > div {
    padding: 11px 9px;
  }

  .features-estimate-meta strong {
    font-size: 10px;
  }

  .features-message {
    max-width: 88%;
  }
}

/* RUMAPA Features Premium Sections 06-09 V1 */

/* 06 — Local life ecosystem */

.features-ecosystem {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
  gap: 72px;
  align-items: center;
  min-height: 760px;
}

.features-ecosystem .features-section-heading {
  max-width: 470px;
}

.features-ecosystem-scene {
  position: relative;
  width: min(100%, 620px);
  min-height: 570px;
  margin-left: auto;
  isolation: isolate;
}

.features-ecosystem-scene::before {
  content: "";
  position: absolute;
  inset: 8% 4%;
  border-radius: 50%;
  background:
    radial-gradient(circle at center,
      rgba(42, 143, 255, .13),
      rgba(23, 92, 214, .035) 42%,
      transparent 69%);
  filter: blur(8px);
  z-index: -2;
}

.features-ecosystem-orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(93, 153, 255, .15);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.features-ecosystem-orbit.orbit-one {
  width: 330px;
  height: 330px;
}

.features-ecosystem-orbit.orbit-two {
  width: 510px;
  height: 510px;
  border-color: rgba(83, 203, 226, .10);
}

.features-ecosystem-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 210px;
  min-height: 154px;
  padding: 30px 28px;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(101, 170, 255, .25);
  border-radius: 30px;
  background:
    radial-gradient(circle at 70% 12%, rgba(40, 201, 224, .14), transparent 36%),
    linear-gradient(145deg, rgba(21, 42, 89, .97), rgba(9, 18, 44, .98));
  box-shadow:
    0 35px 90px rgba(0, 0, 0, .35),
    0 0 70px rgba(25, 125, 255, .10),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  z-index: 3;
}

.features-ecosystem-core span,
.features-community-node span,
.features-trust-primary span,
.features-trust-grid span {
  display: block;
  margin-bottom: 8px;
  color: #91aaff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}

.features-ecosystem-core strong {
  display: block;
  color: #f6f8ff;
  font-size: 28px;
  line-height: 1.08;
}

.features-ecosystem-core small {
  display: block;
  margin-top: 10px;
  color: rgba(203, 214, 241, .63);
  font-size: 13px;
}

.features-ecosystem-node {
  position: absolute;
  z-index: 4;
  padding: 11px 16px;
  border: 1px solid rgba(115, 156, 230, .18);
  border-radius: 14px;
  background: rgba(12, 23, 52, .92);
  box-shadow:
    0 16px 40px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .035);
  color: rgba(234, 240, 255, .91);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.node-products {
  left: 8%;
  top: 18%;
}

.node-homes {
  right: 5%;
  top: 15%;
}

.node-vehicles {
  left: 1%;
  top: 46%;
}

.node-services {
  right: 1%;
  top: 43%;
}

.node-businesses {
  left: 9%;
  bottom: 16%;
}

.node-jobs {
  right: 13%;
  bottom: 14%;
}

.node-events {
  left: 39%;
  top: 4%;
}

.node-communities {
  left: 38%;
  bottom: 3%;
}


/* 07 — Local network */

.features-community {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(540px, 1.22fr);
  gap: 80px;
  align-items: center;
  min-height: 720px;
}

.features-community-copy {
  max-width: 450px;
}

.features-community-scene {
  position: relative;
  width: min(100%, 650px);
  min-height: 510px;
  margin-left: auto;
}

.features-community-scene::before {
  content: "";
  position: absolute;
  inset: 7% 4%;
  border-radius: 50%;
  background:
    radial-gradient(circle at center,
      rgba(30, 130, 255, .10),
      transparent 67%);
  pointer-events: none;
}

.features-community-node {
  position: absolute;
  width: 230px;
  min-height: 130px;
  padding: 24px;
  border: 1px solid rgba(126, 161, 229, .16);
  border-radius: 24px;
  background:
    linear-gradient(145deg,
      rgba(19, 31, 68, .96),
      rgba(9, 17, 39, .98));
  box-shadow:
    0 26px 70px rgba(0, 0, 0, .27),
    inset 0 1px 0 rgba(255, 255, 255, .04);
  z-index: 2;
}

.features-community-node strong {
  display: block;
  color: #f2f5ff;
  font-size: 18px;
}

.features-community-node small {
  display: block;
  margin-top: 8px;
  color: rgba(199, 211, 239, .61);
  font-size: 13px;
}

.community-people {
  left: 4%;
  top: 5%;
}

.community-businesses {
  right: 1%;
  top: 34%;
}

.community-groups {
  left: 10%;
  bottom: 3%;
}

.features-community-center {
  position: absolute;
  left: 48%;
  top: 49%;
  width: 72px;
  height: 72px;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  border: 1px solid rgba(73, 192, 239, .28);
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 25%,
      rgba(44, 219, 224, .25),
      rgba(25, 92, 224, .45) 52%,
      rgba(12, 25, 60, .96));
  box-shadow:
    0 0 55px rgba(31, 143, 255, .20),
    0 20px 55px rgba(0, 0, 0, .28);
  color: #fff;
  font-size: 25px;
  font-weight: 900;
  z-index: 4;
}

.features-community-link {
  position: absolute;
  left: 30%;
  width: 43%;
  height: 1px;
  transform-origin: center;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(79, 170, 255, .32),
      rgba(74, 219, 224, .30),
      transparent);
  z-index: 1;
}

.features-community-link.link-one {
  top: 35%;
  transform: rotate(22deg);
}

.features-community-link.link-two {
  top: 65%;
  transform: rotate(-24deg);
}


/* 08 — Trust, reputation and rewards */

.features-trust {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
  gap: 78px;
  align-items: center;
  min-height: 760px;
}

.features-trust-copy {
  max-width: 480px;
}

.features-trust-copy a {
  display: inline-flex;
  margin-top: 24px;
}

.features-trust-scene {
  position: relative;
  width: min(100%, 590px);
  margin-left: auto;
  padding: 28px;
  border: 1px solid rgba(121, 158, 229, .13);
  border-radius: 32px;
  background:
    radial-gradient(circle at 82% 8%,
      rgba(37, 179, 224, .10),
      transparent 32%),
    linear-gradient(145deg,
      rgba(16, 27, 61, .88),
      rgba(7, 14, 34, .96));
  box-shadow:
    0 36px 95px rgba(0, 0, 0, .27),
    inset 0 1px 0 rgba(255, 255, 255, .035);
}

.features-trust-primary {
  position: relative;
  padding: 28px 30px;
  overflow: hidden;
  border: 1px solid rgba(91, 163, 244, .18);
  border-radius: 24px;
  background:
    radial-gradient(circle at 85% 15%,
      rgba(45, 207, 219, .14),
      transparent 32%),
    linear-gradient(135deg,
      rgba(25, 48, 102, .74),
      rgba(13, 25, 57, .78));
}

.features-trust-primary strong {
  display: block;
  color: #f6f8ff;
  font-size: 30px;
  line-height: 1.08;
}

.features-trust-primary small {
  display: block;
  margin-top: 8px;
  color: rgba(203, 215, 242, .64);
  font-size: 13px;
}

.features-trust-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.features-trust-grid > div {
  min-height: 132px;
  padding: 22px;
  border: 1px solid rgba(127, 153, 215, .11);
  border-radius: 20px;
  background: rgba(255, 255, 255, .022);
}

.features-trust-grid strong {
  display: block;
  color: #edf2ff;
  font-size: 18px;
  line-height: 1.2;
}

.features-trust-grid small {
  display: block;
  margin-top: 7px;
  color: rgba(195, 207, 235, .57);
  font-size: 12px;
}

.features-trust-grid .features-credits-tile {
  border-color: rgba(55, 196, 216, .16);
  background:
    linear-gradient(145deg,
      rgba(24, 92, 108, .14),
      rgba(255, 255, 255, .018));
}

.features-trust-grid .features-credits-tile span {
  color: #65d8df;
}


/* 09 — Principles */

.features-principles {
  min-height: 650px;
}

.features-principles .features-section-heading {
  max-width: 540px;
}

.features-principles-grid {
  gap: 18px;
  margin-top: 54px;
}

.features-principles-grid article {
  min-height: 270px;
  padding: 30px;
  transition:
    transform .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.features-principles-grid article:hover {
  transform: translateY(-4px);
  border-color: rgba(108, 162, 242, .20);
  background:
    linear-gradient(145deg,
      rgba(255, 255, 255, .058),
      rgba(255, 255, 255, .017));
}

.features-principle-symbol {
  position: relative;
  width: 54px;
  height: 54px;
  margin-bottom: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(105, 159, 237, .17);
  border-radius: 17px;
  background:
    linear-gradient(145deg,
      rgba(34, 77, 150, .28),
      rgba(15, 27, 59, .40));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04);
}

.features-principle-symbol.principle-ai span {
  color: #88a8ff;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .08em;
}

.features-principle-symbol.principle-location span {
  width: 16px;
  height: 16px;
  border: 2px solid #68c6ef;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
}

.features-principle-symbol.principle-location span::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  left: 5px;
  top: 5px;
  border-radius: 50%;
  background: #b9efff;
}

.features-principle-symbol.principle-control span {
  position: relative;
  width: 25px;
  height: 17px;
  border: 2px solid #83a9ff;
  border-radius: 12px;
}

.features-principle-symbol.principle-control span::before,
.features-principle-symbol.principle-control span::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2.5px;
  border-radius: 50%;
  background: #b7caff;
}

.features-principle-symbol.principle-control span::before {
  left: 4px;
}

.features-principle-symbol.principle-control span::after {
  right: 4px;
}


/* 06–09 responsive */

@media (max-width: 980px) {
  .features-ecosystem,
  .features-community,
  .features-trust {
    grid-template-columns: 1fr;
    gap: 54px;
  }

  .features-ecosystem .features-section-heading,
  .features-community-copy,
  .features-trust-copy {
    max-width: 680px;
  }

  .features-ecosystem-scene,
  .features-community-scene,
  .features-trust-scene {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 700px) {
  .features-ecosystem,
  .features-community,
  .features-trust {
    min-height: 0;
  }

  .features-ecosystem-scene {
    min-height: 500px;
    transform: scale(.92);
    transform-origin: center top;
  }

  .features-community-scene {
    min-height: 500px;
  }

  .features-community-node {
    width: 205px;
    padding: 20px;
  }

  .features-trust-scene {
    padding: 18px;
  }

  .features-trust-grid {
    grid-template-columns: 1fr;
  }

  .features-principles-grid {
    grid-template-columns: 1fr;
  }

  .features-principles-grid article {
    min-height: 220px;
  }
}

@media (max-width: 520px) {
  .features-ecosystem-scene {
    min-height: 440px;
    transform: scale(.78);
    transform-origin: left top;
    width: 128%;
  }

  .features-community-scene {
    min-height: 560px;
  }

  .community-people {
    left: 0;
  }

  .community-businesses {
    right: 0;
  }

  .community-groups {
    left: 4%;
  }
}
/* RUMAPA Features Premium 08-09 Vertical Rhythm V1 */
@media (min-width: 981px) {
  .features-trust {
    min-height: 640px;
    padding-top: 110px;
    padding-bottom: 110px;
    align-items: center;
  }

  .features-principles {
    min-height: 620px;
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
/* RUMAPA Features Premium 08 Number Spacing V1 */
.features-trust-copy .features-number {
  margin-bottom: 12px;
}

/* RUMAPA Language Switcher Exact Home Size V1 */
.features-language-switcher {
  gap: 2px;
  padding: 5px;
}

.features-language-switcher a {
  min-width: 39px;
  height: auto;
  padding: 9px 11px;
  font-size: 12px;
  line-height: normal;
}

@media (max-width: 430px) {
  .features-language-switcher {
    transform: scale(.96);
    transform-origin: right center;
  }
}