/* =========================================================
   URSUS AUTO
   MARKETS / WORLD PAGE
   ========================================================= */

.world-page {
  --world-bg: #080c10;
  --world-bg-soft: #0d1217;
  --world-panel: #10161c;
  --world-line: rgba(255,255,255,.10);
  --world-muted: rgba(255,255,255,.58);
  --world-soft: rgba(255,255,255,.35);
  --world-accent: #d79b55;

  background: var(--world-bg);
  color: #f2f1ed;
  overflow: hidden;
}



/* =========================================================
   INTRO
   ========================================================= */

.world-intro {
  min-height: 610px;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--world-line);
  background:
    radial-gradient(circle at 75% 48%, rgba(59,93,118,.20), transparent 30%),
    radial-gradient(circle at 76% 48%, rgba(215,155,85,.08), transparent 44%),
    linear-gradient(115deg,#070b0f 0%,#0a1015 55%,#0d141a 100%);
}

.world-intro-inner {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr .92fr;
  min-height: 610px;
  align-items: center;
  gap: 70px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.world-label {
  color: var(--world-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .19em;
  text-transform: uppercase;
}

.world-intro h1 {
  font-size: clamp(48px,5vw,76px);
  line-height: .98;
  letter-spacing: -.052em;
  margin: 22px 0 28px;
  max-width: 780px;
}

.world-intro-copy > p {
  max-width: 665px;
  color: var(--world-muted);
  font-size: 15px;
  line-height: 1.68;
}

.world-actions {
  margin-top: 32px;
  display: flex;
  align-items: center;
  gap: 34px;
}

.world-link {
  color: rgba(255,255,255,.82);
  text-decoration: none;
  font-size: 13px;
}

.world-link span {
  margin-left: 7px;
  color: var(--world-accent);
}



/* WORLD GRAPHIC */

.world-map {
  height: 520px;
  position: relative;
}

.world-globe {
  position: absolute;
  width: 530px;
  height: 530px;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.09);

  background:
    radial-gradient(
      circle at 42% 42%,
      rgba(105,145,170,.15),
      rgba(14,25,33,.80) 48%,
      rgba(3,8,12,.95) 71%
    );

  box-shadow:
    inset 0 0 65px rgba(62,112,146,.20),
    0 0 80px rgba(0,0,0,.42);
}

.world-globe::before,
.world-globe::after {
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  border: 1px solid rgba(215,155,85,.13);
}

.world-globe::after {
  inset: 25% 5%;
  border-radius: 50%;
}

.world-orbit {
  position: absolute;
  border: 1px solid rgba(215,155,85,.055);
  border-radius: 50%;
  pointer-events: none;
}

.world-orbit-one {
  width: 600px;
  height: 600px;
  right: 2%;
  top: 10px;
}

.world-orbit-two {
  width: 780px;
  height: 370px;
  right: -60px;
  top: 140px;
}

.world-orbit-three {
  width: 430px;
  height: 620px;
  right: 8%;
  top: 0;
}

.world-point {
  position: absolute;
  z-index: 5;
  font-size: 10px;
  font-weight: 700;
  color: #dfb277;
}

.world-point::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #df9d54;
  margin-right: 6px;
  box-shadow: 0 0 14px rgba(225,159,82,.9);
}

.p-usa {
  left: 3%;
  top: 42%;
}

.p-europe {
  left: 35%;
  top: 34%;
}

.p-uae {
  left: 56%;
  top: 61%;
}

.p-korea {
  right: 12%;
  top: 37%;
}

.p-china {
  right: 17%;
  top: 52%;
}

.p-japan {
  right: 1%;
  top: 48%;
}

.world-caption {
  position: absolute;
  bottom: 55px;
  right: 3px;
  color: rgba(255,255,255,.24);
  font-size: 9px;
  letter-spacing: .23em;
}



/* =========================================================
   MARKET STRIPES
   ========================================================= */

.market-stripe {
  min-height: 360px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  border-bottom: 1px solid var(--world-line);
  background: #0b1014;
}

.market-visual {
  position: relative;
  min-height: 360px;
  overflow: hidden;

  background-image:
    linear-gradient(90deg,rgba(5,8,11,.06),rgba(5,8,11,.18)),
    var(--market-image),
    radial-gradient(circle at center,#18222a,#080d11);

  background-size: cover;
  background-position: center;
}

.market-photo-left .market-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(8,12,16,.05) 0%,
      rgba(8,12,16,.08) 55%,
      #0b1014 100%
    );
}

.market-photo-right .market-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(270deg,
      rgba(8,12,16,.04) 0%,
      rgba(8,12,16,.06) 55%,
      #0b1014 100%
    );
}

.market-copy {
  min-height: 360px;
  padding: 54px clamp(40px,5vw,86px);
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background:
    radial-gradient(circle at 80% 30%,rgba(215,155,85,.035),transparent 34%),
    #0b1014;
}

.market-index {
  position: absolute;
  top: 28px;
  left: 45px;
  color: rgba(255,255,255,.38);
  font-size: 22px;
  font-weight: 400;
}

.market-copy > .market-index {
  left: 42px;
}

.market-code {
  color: var(--world-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
  margin-bottom: 8px;
}

.market-copy h2 {
  margin: 0;
  font-size: clamp(38px,3.3vw,54px);
  line-height: 1;
  letter-spacing: -.045em;
}

.market-copy h3 {
  margin: 9px 0 12px;
  font-size: 17px;
  font-weight: 500;
  color: rgba(255,255,255,.84);
}

.market-copy p {
  margin: 0;
  max-width: 620px;
  color: var(--world-muted);
  line-height: 1.65;
  font-size: 13px;
}

.market-models {
  margin-top: 22px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
}

.market-models span {
  margin: 0 8px;
  color: rgba(215,155,85,.62);
}

.market-open {
  position: absolute;
  right: 42px;
  top: 50%;
  transform: translateY(-50%);
  color: #f2f1ed;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.market-open b {
  width: 46px;
  height: 46px;
  border: 1px solid var(--world-accent);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 18px;
  font-weight: 400;
  transition: .2s ease;
}

.market-open span {
  text-align: center;
  color: rgba(255,255,255,.67);
  font-size: 10px;
  line-height: 1.3;
}

.market-open:hover b {
  background: var(--world-accent);
  color: #080c10;
}



/* =========================================================
   BENEFITS
   ========================================================= */

.world-benefits {
  padding: 72px 0;
  background: #090d11;
}

.world-benefit-box {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 9px;
  padding: 42px 48px;
  display: grid;
  grid-template-columns: .8fr 1.5fr;
  gap: 70px;
  align-items: center;
  background:
    radial-gradient(circle at 85% 15%,rgba(215,155,85,.07),transparent 30%),
    #0e1419;
}

.world-benefit-title h2 {
  margin: 12px 0 0;
  font-size: clamp(32px,3vw,47px);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.world-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 34px 45px;
}

.world-benefit-grid > div {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}

.world-benefit-grid span {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(215,155,85,.48);
  border-radius: 50%;
  color: var(--world-accent);
}

.world-benefit-grid p {
  margin: 3px 0 0;
  font-size: 12px;
  color: rgba(255,255,255,.73);
  line-height: 1.5;
}



/* =========================================================
   FINAL
   ========================================================= */

.world-final {
  position: relative;
  min-height: 330px;
  border-top: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
}

.world-final-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,rgba(6,9,12,.98),rgba(6,9,12,.65)),
    radial-gradient(circle at 80% 120%,#1b252c,#080c10 58%);
}

.world-final-inner {
  position: relative;
  z-index: 2;
  min-height: 330px;
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 90px;
  align-items: center;
}

.world-final h2 {
  margin: 13px 0 0;
  font-size: clamp(38px,4vw,59px);
  line-height: 1.03;
  letter-spacing: -.048em;
}

.world-final-action p {
  color: var(--world-muted);
  max-width: 440px;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 26px;
}



/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {

  .world-intro-inner {
    grid-template-columns: 1fr;
  }

  .world-map {
    display: none;
  }

  .market-copy {
    padding-right: 90px;
  }

  .world-benefit-box {
    grid-template-columns: 1fr;
  }

}


@media (max-width: 780px) {

  .world-intro {
    min-height: auto;
  }

  .world-intro-inner {
    min-height: auto;
    padding-top: 105px;
    padding-bottom: 70px;
  }

  .world-intro h1 {
    font-size: 46px;
  }

  .world-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .market-stripe {
    display: flex;
    flex-direction: column;
  }

  .market-photo-right .market-copy {
    order: 2;
  }

  .market-photo-right .market-visual {
    order: 1;
  }

  .market-visual {
    min-height: 270px;
  }

  .market-copy {
    min-height: 350px;
    padding: 48px 28px 95px;
  }

  .market-open {
    top: auto;
    bottom: 27px;
    right: 28px;
    transform: none;
    flex-direction: row;
  }

  .market-open span {
    text-align: left;
  }

  .market-index {
    left: 25px;
  }

  .market-models {
    padding-right: 0;
  }

  .world-benefit-box {
    padding: 35px 27px;
  }

  .world-benefit-grid {
    grid-template-columns: 1fr;
  }

  .world-final-inner {
    grid-template-columns: 1fr;
    gap: 35px;
    padding-top: 65px;
    padding-bottom: 65px;
  }

}


@media (max-width: 520px) {

  .world-intro h1 {
    font-size: 40px;
  }

  .market-copy h2 {
    font-size: 39px;
  }

  .market-copy h3 {
    font-size: 16px;
  }

  .market-models {
    line-height: 1.8;
  }

  .world-benefit-title h2,
  .world-final h2 {
    font-size: 36px;
  }

}

/* ROTATING GLOBE START */

.world-orbit {
  display: none !important;
}

.globe-scene {
  height: 520px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.globe-wrap {
  position: relative;
  width: 560px;
  height: 520px;
}

.globe-planet {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 470px;
  height: 470px;
  transform: translateY(-50%);
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 35% 30%, rgba(86,126,152,.22), rgba(10,18,25,.92) 58%, rgba(4,8,12,.98) 78%);
  box-shadow:
    inset -34px 0 60px rgba(0,0,0,.42),
    inset 18px 0 38px rgba(255,255,255,.05),
    0 30px 80px rgba(0,0,0,.38);
}

.globe-shadow,
.globe-grid,
.globe-map,
.globe-shine {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}

.globe-shadow {
  background:
    radial-gradient(circle at 72% 52%, transparent 0 44%, rgba(0,0,0,.25) 68%, rgba(0,0,0,.56) 100%);
  z-index: 4;
  pointer-events: none;
}

.globe-grid {
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0 42px,
      rgba(255,255,255,.045) 42px 43px
    ),
    repeating-linear-gradient(
      0deg,
      transparent 0 42px,
      rgba(255,255,255,.03) 42px 43px
    );
  opacity: .35;
  z-index: 1;
  pointer-events: none;
}

.globe-map {
  z-index: 2;
  opacity: .86;
  filter: saturate(1.02) blur(.15px);
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'><g fill='%23d79b55' fill-opacity='.58'><path d='M128 182l58-46 82 8 59 34 27 51-36 54-65 25-77-16-51-50z'/><path d='M327 332l52 34 18 84-41 97-59 17-32-50 12-93z'/><path d='M719 163l55-12 44 24-6 34-63 19-44-18z'/><path d='M770 227l38 23 17 61-29 87-63 62-58-18-28-77 21-95 59-41z'/><path d='M834 176l91-34 159 10 148 56 102 78-19 83-66 28-97-17-106 27-96-20-91-48-34-61z'/><path d='M1241 520l71-18 81 24 42 51-20 45-82 18-73-26-33-42z'/></g></svg>");
  background-repeat: repeat-x;
  background-size: 190% 100%;
  background-position: 0 center;
  animation: globeSpin 34s linear infinite;
}

.globe-shine {
  z-index: 5;
  background:
    radial-gradient(circle at 28% 24%, rgba(255,255,255,.18), transparent 24%),
    radial-gradient(circle at 42% 38%, rgba(255,255,255,.06), transparent 28%),
    linear-gradient(90deg, rgba(255,255,255,.015), transparent 42%, rgba(255,255,255,.01) 62%, rgba(0,0,0,.2));
  pointer-events: none;
}

@keyframes globeSpin {
  from { background-position: 0 center; }
  to   { background-position: -190% center; }
}

.globe-tag {
  position: absolute;
  z-index: 8;
  color: #dfb277;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.globe-tag i {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #df9d54;
  margin-right: 6px;
  box-shadow: 0 0 12px rgba(225,159,82,.85);
  vertical-align: middle;
}

.gt-usa    { left: 18px;  top: 185px; }
.gt-europe { left: 130px; top: 145px; }
.gt-uae    { left: 214px; top: 250px; }
.gt-korea  { right: 94px; top: 156px; }
.gt-china  { right: 117px; top: 218px; }
.gt-japan  { right: 46px;  top: 205px; }

@media (prefers-reduced-motion: reduce) {
  .globe-map {
    animation: none;
  }
}

@media (max-width: 1050px) {
  .globe-scene {
    height: 420px;
  }

  .globe-wrap {
    width: 460px;
    height: 420px;
  }

  .globe-planet {
    width: 360px;
    height: 360px;
    right: 35px;
  }

  .gt-usa    { left: 8px;  top: 145px; }
  .gt-europe { left: 95px; top: 110px; }
  .gt-uae    { left: 160px; top: 198px; }
  .gt-korea  { right: 72px; top: 122px; }
  .gt-china  { right: 88px; top: 178px; }
  .gt-japan  { right: 28px; top: 166px; }
}

@media (max-width: 780px) {
  .globe-scene {
    display: none;
  }
}

/* ROTATING GLOBE END */

/* MARKETS REFINEMENT START */

/* -----------------------------------------
   INTRO / GLOBE
----------------------------------------- */

.world-intro {
  min-height: 640px;
}

.world-intro-inner {
  min-height: 640px;
  gap: 48px;
}

.world-intro-copy {
  max-width: 660px;
}

.world-map {
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.world-caption {
  position: absolute;
  right: 10px;
  bottom: 58px;
  font-size: 10px;
  line-height: 1.45;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: rgba(255,255,255,.22);
  z-index: 8;
}

.world-orbit {
  display: none !important;
}

.globe-shell {
  position: relative;
  width: 500px;
  height: 500px;
}

.globe-planet {
  --globe-tilt: 0deg;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  cursor: grab;
  user-select: none;
  touch-action: none;
  transform: perspective(900px) rotateY(var(--globe-tilt));
  background:
    radial-gradient(circle at 34% 30%, rgba(115,145,170,.18), rgba(10,18,25,.92) 58%, rgba(4,8,12,.98) 78%);
  box-shadow:
    inset -40px 0 70px rgba(0,0,0,.42),
    inset 18px 0 38px rgba(255,255,255,.04),
    0 30px 90px rgba(0,0,0,.35);
}

.globe-planet.is-dragging {
  cursor: grabbing;
}

.globe-shadow,
.globe-grid,
.globe-map,
.globe-shine,
.globe-hotspots {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}

.globe-grid {
  z-index: 1;
  opacity: .32;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0 44px,
      rgba(255,255,255,.04) 44px 45px
    ),
    repeating-linear-gradient(
      0deg,
      transparent 0 44px,
      rgba(255,255,255,.025) 44px 45px
    );
}

.globe-map {
  z-index: 2;
  opacity: .88;
  background-repeat: repeat-x;
  background-size: 200% 100%;
  background-position: 0 center;
  background-image:
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'>\
<g fill='%23d79b55' fill-opacity='.55'>\
<path d='M80 260 L120 190 L170 170 L235 178 L280 205 L300 245 L275 282 L228 300 L185 286 L138 305 L95 290 Z'/>\
<path d='M226 332 L280 350 L310 410 L286 472 L225 515 L172 498 L145 447 L162 390 Z'/>\
<path d='M650 155 L708 132 L820 145 L890 172 L921 212 L888 236 L835 234 L772 214 L704 198 L662 175 Z'/>\
<path d='M700 238 L760 252 L806 292 L822 348 L796 412 L742 452 L690 438 L664 384 L650 325 L666 274 Z'/>\
<path d='M860 225 L922 208 L1002 218 L1080 248 L1130 280 L1165 334 L1135 380 L1080 382 L1030 360 L973 352 L920 315 L875 278 Z'/>\
<path d='M1068 430 L1115 420 L1175 438 L1208 470 L1200 512 L1150 530 L1102 518 L1070 486 Z'/>\
<path d='M1245 520 L1298 504 L1365 520 L1403 554 L1390 592 L1332 608 L1278 592 L1242 560 Z'/>\
</g>\
<g fill='none' stroke='%23e2b377' stroke-opacity='.18' stroke-width='4'>\
<path d='M85 260 C150 195,230 165,300 245'/>\
<path d='M650 155 C760 120,880 160,920 212'/>\
<path d='M860 225 C980 190,1110 235,1165 334'/>\
</g>\
</svg>");
}

.globe-hotspots {
  z-index: 4;
}

.globe-shine {
  z-index: 5;
  pointer-events: none;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.16), transparent 22%),
    radial-gradient(circle at 40% 34%, rgba(255,255,255,.06), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,.02), transparent 42%, rgba(255,255,255,.01) 62%, rgba(0,0,0,.14));
}

.globe-shadow {
  z-index: 6;
  pointer-events: none;
  background:
    radial-gradient(circle at 75% 52%, transparent 0 42%, rgba(0,0,0,.22) 68%, rgba(0,0,0,.54) 100%);
}

.globe-tag {
  position: absolute;
  z-index: 7;
  color: #dfb277;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: transform .08s linear;
}

.globe-tag i {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 6px;
  border-radius: 50%;
  background: #df9d54;
  box-shadow: 0 0 12px rgba(225,159,82,.85);
  vertical-align: middle;
}

.gt-usa    { left: 78px;  top: 210px; }
.gt-europe { left: 172px; top: 150px; }
.gt-uae    { left: 236px; top: 250px; }
.gt-korea  { right: 76px; top: 162px; }
.gt-china  { right: 96px; top: 206px; }
.gt-japan  { right: 54px; top: 194px; }

@media (prefers-reduced-motion: reduce) {
  .globe-planet {
    transform: none !important;
  }
}

/* -----------------------------------------
   MARKET STRIPES / FIX "растеклось"
----------------------------------------- */

.market-stripe {
  width: min(1360px, calc(100% - 64px));
  margin: 28px auto 0;
  min-height: 390px;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  overflow: hidden;
  background: #0c1116;
  box-shadow: 0 12px 40px rgba(0,0,0,.20);
}

.market-stripe:first-of-type {
  margin-top: 34px;
}

.market-visual {
  min-height: 390px;
  background-size: cover;
  background-position: center center;
}

.market-photo-left .market-visual::after {
  background: linear-gradient(90deg,
    rgba(8,12,16,.08) 0%,
    rgba(8,12,16,.10) 48%,
    #0c1116 100%
  );
}

.market-photo-right .market-visual::after {
  background: linear-gradient(270deg,
    rgba(8,12,16,.08) 0%,
    rgba(8,12,16,.10) 48%,
    #0c1116 100%
  );
}

.market-copy {
  min-height: 390px;
  padding: 54px 90px 54px 58px;
  background:
    radial-gradient(circle at 78% 24%, rgba(215,155,85,.045), transparent 34%),
    #0c1116;
}

.market-copy h2 {
  font-size: clamp(42px, 3vw, 56px);
}

.market-copy p {
  max-width: 510px;
  font-size: 13px;
  line-height: 1.72;
}

.market-index {
  top: 22px;
  left: 26px;
  font-size: 34px;
  color: rgba(255,255,255,.20);
  font-weight: 300;
}

.market-copy > .market-index {
  left: 28px;
}

.market-open {
  right: 26px;
}

.market-open b {
  width: 52px;
  height: 52px;
}

/* -----------------------------------------
   BENEFITS / FIX block
----------------------------------------- */

.world-benefits {
  padding: 78px 0 44px;
  background: transparent;
}

.world-benefit-box {
  max-width: 1360px;
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  padding: 44px 44px;
  grid-template-columns: 1fr 1.35fr;
  gap: 36px;
  align-items: stretch;
  background:
    radial-gradient(circle at 86% 18%, rgba(215,155,85,.07), transparent 28%),
    linear-gradient(180deg, #0d1318 0%, #0b1015 100%);
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
}

.world-benefit-title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.world-benefit-title h2 {
  margin: 18px 0 0;
  font-size: clamp(42px, 3.4vw, 60px);
  line-height: .98;
  letter-spacing: -.05em;
  max-width: 420px;
}

.world-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
}

.world-benefit-grid > div {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  padding: 20px 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.015);
}

.world-benefit-grid span {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
}

.world-benefit-grid p {
  margin: 2px 0 0;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,.78);
}

/* -----------------------------------------
   FINAL CTA slight tighten
----------------------------------------- */

.world-final {
  margin-top: 14px;
}

.world-final-inner {
  min-height: 300px;
  gap: 60px;
}

/* -----------------------------------------
   RESPONSIVE
----------------------------------------- */

@media (max-width: 1200px) {
  .globe-shell {
    width: 430px;
    height: 430px;
  }

  .gt-usa    { left: 62px;  top: 184px; }
  .gt-europe { left: 146px; top: 130px; }
  .gt-uae    { left: 208px; top: 220px; }
  .gt-korea  { right: 62px; top: 140px; }
  .gt-china  { right: 80px; top: 186px; }
  .gt-japan  { right: 42px; top: 172px; }
}

@media (max-width: 1050px) {
  .world-map {
    height: 430px;
  }

  .globe-shell {
    width: 390px;
    height: 390px;
  }

  .market-stripe {
    width: min(1360px, calc(100% - 32px));
    grid-template-columns: 1fr;
  }

  .market-photo-right .market-copy {
    order: 2;
  }

  .market-photo-right .market-visual {
    order: 1;
  }

  .market-visual {
    min-height: 280px;
  }

  .market-copy {
    min-height: 320px;
    padding: 48px 78px 48px 34px;
  }

  .world-benefit-box {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px) {
  .world-map {
    display: none;
  }

  .market-stripe {
    width: calc(100% - 24px);
    margin-top: 18px;
    border-radius: 16px;
  }

  .market-copy {
    padding: 42px 24px 92px;
  }

  .market-index {
    left: 18px;
    top: 18px;
    font-size: 28px;
  }

  .market-open {
    bottom: 22px;
    right: 22px;
  }

  .world-benefit-box {
    padding: 30px 22px;
    border-radius: 18px;
  }

  .world-benefit-grid {
    grid-template-columns: 1fr;
  }
}

/* MARKETS REFINEMENT END */



/* INTERACTIVE GLOBE V2 START */

.world-map.globe-scene {
    position: relative;
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.interactive-globe {

    width: 470px;
    height: 470px;

    position: relative;

    border-radius: 50%;

    overflow: hidden;

    cursor: grab;

    user-select: none;

    touch-action: none;

    background:
        radial-gradient(
            circle at 35% 28%,
            #27343e 0%,
            #152029 28%,
            #0b1218 65%,
            #05090c 100%
        );

    border:
        1px solid rgba(255,255,255,.09);

    box-shadow:
        0 25px 80px rgba(0,0,0,.38),
        inset -45px -5px 70px rgba(0,0,0,.45),
        inset 18px 0 40px rgba(255,255,255,.035);
}

.interactive-globe.dragging {
    cursor: grabbing;
}


/* =====================================
   WORLD SURFACE
===================================== */

.globe-surface {

    width: 2200px;
    height: 470px;

    position: absolute;

    left: 0;
    top: 0;

    will-change: transform;
}


.globe-world {

    position: absolute;

    width: 1100px;
    height: 470px;

    top: 0;

    background-repeat: no-repeat;

    background-size:
        1100px 470px;

    background-position:
        center;

    background-image:
        url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1100 470'>\
<g fill='%23b98348' fill-opacity='.64'>\
<path d='M60 135 L105 95 L160 80 L215 90 L250 115 L275 155 L250 185 L205 200 L165 190 L125 210 L80 185 Z'/>\
<path d='M190 225 L235 238 L260 280 L250 335 L212 385 L170 372 L145 330 L155 275 Z'/>\
<path d='M410 92 L455 70 L510 70 L548 90 L530 112 L480 122 L438 112 Z'/>\
<path d='M465 135 L510 145 L545 180 L555 225 L530 285 L490 320 L450 300 L430 255 L435 195 Z'/>\
<path d='M545 110 L610 88 L690 96 L760 118 L820 150 L870 188 L848 225 L800 240 L750 230 L700 220 L650 232 L600 205 L565 165 Z'/>\
<path d='M760 255 L810 248 L860 270 L890 305 L880 340 L835 350 L790 335 L760 300 Z'/>\
<path d='M925 330 L975 315 L1025 328 L1065 360 L1052 392 L1002 405 L955 392 L925 365 Z'/>\
</g>\
<g stroke='%23d9a15b' stroke-width='1.4' fill='none' stroke-opacity='.22'>\
<path d='M60 135 Q160 55 275 155'/>\
<path d='M410 92 Q520 35 610 88'/>\
<path d='M545 110 Q720 45 870 188'/>\
</g>\
</svg>");
}


.globe-world-a {
    left: 0;
}

.globe-world-b {
    left: 1100px;
}


/* =====================================
   COUNTRY LABELS
===================================== */

.country-label {

    position: absolute;

    color: #ddb075;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .04em;

    text-transform: uppercase;

    white-space: nowrap;

    text-shadow:
        0 2px 7px rgba(0,0,0,.75);
}

.country-label i {

    display: inline-block;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #e5a25a;

    margin-right: 6px;

    vertical-align: middle;

    box-shadow:
        0 0 12px rgba(229,162,90,.85);
}


/* примерные географические позиции */

.country-usa {
    left: 150px;
    top: 155px;
}

.country-europe {
    left: 465px;
    top: 125px;
}

.country-uae {
    left: 570px;
    top: 220px;
}

.country-china {
    left: 740px;
    top: 175px;
}

.country-korea {
    left: 820px;
    top: 155px;
}

.country-japan {
    left: 875px;
    top: 175px;
}


/* =====================================
   GRID / LIGHTING
===================================== */

.globe-meridians {

    position: absolute;

    inset: 0;

    border-radius: 50%;

    pointer-events: none;

    z-index: 10;

    background:

        radial-gradient(
            ellipse at center,
            transparent 0 31%,
            rgba(255,255,255,.025) 31.2%,
            transparent 31.6%
        ),

        repeating-linear-gradient(
            90deg,
            transparent 0 53px,
            rgba(255,255,255,.025) 53px 54px
        ),

        repeating-linear-gradient(
            0deg,
            transparent 0 53px,
            rgba(255,255,255,.02) 53px 54px
        );

    opacity: .55;
}


.globe-light {

    position: absolute;

    inset: 0;

    z-index: 12;

    pointer-events: none;

    border-radius: 50%;

    background:

        radial-gradient(
            circle at 28% 23%,
            rgba(255,255,255,.16),
            transparent 20%
        ),

        radial-gradient(
            circle at 38% 34%,
            rgba(255,255,255,.05),
            transparent 27%
        );
}


.globe-vignette {

    position: absolute;

    inset: 0;

    z-index: 13;

    pointer-events: none;

    border-radius: 50%;

    box-shadow:

        inset -80px 0 90px rgba(0,0,0,.50),

        inset 48px 0 60px rgba(0,0,0,.15),

        inset 0 -65px 80px rgba(0,0,0,.32);
}


.globe-help {

    position: absolute;

    right: 10px;
    bottom: 50px;

    color:
        rgba(255,255,255,.26);

    font-size: 9px;

    letter-spacing: .16em;

    text-transform: uppercase;
}


/* =====================================
   HOVER
===================================== */

.interactive-globe:hover {

    border-color:
        rgba(215,155,85,.24);

    box-shadow:

        0 30px 90px rgba(0,0,0,.44),

        0 0 45px rgba(215,155,85,.035),

        inset -45px -5px 70px rgba(0,0,0,.45);
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 1150px) {

    .interactive-globe {

        width: 400px;
        height: 400px;
    }

    .globe-surface {

        height: 400px;
    }

    .globe-world {

        height: 400px;

        background-size:
            1100px 400px;
    }

}


@media (max-width: 900px) {

    .world-map.globe-scene {
        display: none;
    }

}

/* INTERACTIVE GLOBE V2 END */


/* =========================================================
   REAL 3D GLOBE
   ========================================================= */

.real-globe-scene {
    position: relative !important;

    height: 520px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;
}


.real-globe-wrap {
    position: relative;

    width: 520px;
    height: 520px;
}


.ursus-real-globe {

    width: 520px;
    height: 520px;

    cursor: grab;

    border-radius: 50%;

    overflow: visible;

    filter:
        drop-shadow(
            0 35px 55px
            rgba(0,0,0,.32)
        );
}


.ursus-real-globe:active {
    cursor: grabbing;
}


/* canvas Globe.GL */

.ursus-real-globe canvas {

    display: block;

    outline: none !important;

    cursor: grab !important;
}


.ursus-real-globe canvas:active {
    cursor: grabbing !important;
}


.real-globe-hint {

    position: absolute;

    right: 8px;
    bottom: 28px;

    color:
        rgba(255,255,255,.28);

    font-size: 9px;

    font-weight: 600;

    letter-spacing: .14em;

    text-transform: uppercase;

    pointer-events: none;

    display: flex;

    gap: 7px;

    align-items: center;
}


.real-globe-hint span {

    color: #d89b55;

    font-size: 13px;
}


/* Убираем всё старое */

.interactive-globe,
.globe-shell,
.globe-planet,
.globe-surface,
.globe-world,
.globe-meridians,
.globe-light,
.globe-vignette,
.globe-help,
.globe-hotspots,
.globe-tag {

    display: none !important;
}


@media (max-width: 1150px) {

    .real-globe-wrap,
    .ursus-real-globe {

        width: 430px;
        height: 430px;

    }

    .real-globe-scene {

        height: 440px !important;

    }

}


@media (max-width: 900px) {

    .real-globe-scene {

        display: none !important;

    }

}



/* =========================================================
   GLOBE LABEL FIX
   ========================================================= */

.globe-market-label {
    display: flex;
    align-items: center;
    gap: 6px;

    color: #e1b378;

    font-family: Manrope, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;

    letter-spacing: .04em;
    text-transform: uppercase;

    white-space: nowrap;

    pointer-events: none;

    text-shadow:
        0 1px 5px rgba(0,0,0,.95),
        0 0 10px rgba(0,0,0,.65);
}


.globe-market-dot {
    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    border-radius: 50%;

    background: #db9b55;

    box-shadow:
        0 0 8px rgba(219,155,85,.95);
}


.globe-market-label--destination {
    color: #ffffff;

    font-size: 10px;
    font-weight: 800;
}


.globe-market-label--destination
.globe-market-dot {

    background: #ffffff;

    box-shadow:
        0 0 10px rgba(255,255,255,.8);
}


/* canvas не должен давать фон */

.ursus-real-globe canvas {
    background: transparent !important;
}




/* GLOBE OVERLAY LABELS START */

.real-globe-wrap {
  position: relative;
}

.globe-overlay-labels {
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
}

.globe-overlay-label {
  position: absolute;

  display: flex;
  align-items: center;
  gap: 6px;

  color: #ddb075;

  font-family: Manrope, Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;

  text-transform: uppercase;
  letter-spacing: .04em;

  white-space: nowrap;

  text-shadow:
    0 1px 4px rgba(0,0,0,.95),
    0 0 10px rgba(0,0,0,.55);

  transition: opacity .12s linear;
}

.globe-overlay-label > span {
  width: 5px;
  height: 5px;
  flex: 0 0 5px;

  border-radius: 50%;
  background: #d89b55;

  box-shadow:
    0 0 8px rgba(216,155,85,.9);
}

.globe-overlay-label--ru {
  color: #ffffff;
  font-weight: 800;
}

.globe-overlay-label--ru > span {
  background: #ffffff;

  box-shadow:
    0 0 9px rgba(255,255,255,.8);
}

/* скрываем возможные встроенные текстовые labels Globe.GL */
.ursus-real-globe .scene-tooltip {
  display: none !important;
}

/* GLOBE OVERLAY LABELS END */


/* Benefit title — 2 lines */
.world-benefit-title {
    min-width: 430px;
}

.world-benefit-title h2 {
    max-width: none !important;
    width: max-content;
    font-size: clamp(40px, 3.1vw, 56px) !important;
    line-height: 1.03 !important;
}

@media (max-width: 900px) {
    .world-benefit-title {
        min-width: 0;
    }

    .world-benefit-title h2 {
        width: auto;
        font-size: 38px !important;
    }
}




/* GLOBE SIZE TUNE START */

.real-globe-wrap,
.ursus-real-globe {
    width: 560px !important;
    height: 560px !important;
}

.real-globe-scene {
    height: 560px !important;
}

.ursus-real-globe {
    overflow: hidden !important;
    border-radius: 50% !important;

    background:
        radial-gradient(
            circle at 38% 32%,
            #1a2229 0%,
            #11171c 58%,
            #0a0f13 100%
        ) !important;

    box-shadow:
        0 35px 90px rgba(0,0,0,.35),
        0 0 0 1px rgba(216,155,85,.06) inset;
}

.ursus-real-globe canvas {
    border-radius: 50% !important;
}

.real-globe-hint {
    right: 4px !important;
    bottom: 18px !important;
}

@media (max-width: 1200px) {
    .real-globe-wrap,
    .ursus-real-globe {
        width: 500px !important;
        height: 500px !important;
    }

    .real-globe-scene {
        height: 500px !important;
    }
}

@media (max-width: 1000px) {
    .real-globe-wrap,
    .ursus-real-globe {
        width: 430px !important;
        height: 430px !important;
    }

    .real-globe-scene {
        height: 440px !important;
    }
}

/* GLOBE SIZE TUNE END */




/* CLEAN HERO VISUAL START */

.world-visual-clean {
    position: relative;
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.world-visual-clean::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    border: 1px solid rgba(216,155,85,.08);
    box-shadow:
        0 0 0 70px rgba(255,255,255,.012),
        0 0 0 140px rgba(255,255,255,.008);
}

.world-visual-clean::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(216,155,85,.08),
            rgba(20,28,34,.18) 45%,
            rgba(8,12,16,.15) 70%,
            transparent 72%
        );
}

.world-visual-line {
    position: absolute;
    border: 1px solid rgba(216,155,85,.10);
    border-radius: 50%;
    transform: rotate(-14deg);
}

.world-visual-line-a {
    width: 470px;
    height: 190px;
}

.world-visual-line-b {
    width: 320px;
    height: 470px;
    transform: rotate(18deg);
}

.world-visual-mark {
    position: absolute;
    right: 20px;
    bottom: 68px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .18em;
    color: rgba(255,255,255,.22);
    text-transform: uppercase;
}

@media (max-width: 1000px) {
    .world-visual-clean {
        height: 420px;
    }
}

@media (max-width: 900px) {
    .world-visual-clean {
        display: none;
    }
}

/* CLEAN HERO VISUAL END */




/* CATALOG BUTTON START */

.world-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.world-link {
    min-height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    padding: 0 22px;

    border: 1px solid rgba(255,255,255,.16);
    border-radius: 4px;

    background:
        rgba(255,255,255,.025);

    color:
        rgba(255,255,255,.90);

    text-decoration: none;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: -.01em;

    transition:
        border-color .2s ease,
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.world-link span {
    color: #d89b55;

    font-size: 15px;

    transition:
        transform .2s ease;
}

.world-link:hover {
    color: #fff;

    border-color:
        rgba(216,155,85,.48);

    background:
        rgba(216,155,85,.055);

    transform:
        translateY(-1px);
}

.world-link:hover span {
    transform:
        translate(2px,-2px);
}

@media (max-width: 620px) {

    .world-actions {
        align-items: stretch;
    }

    .world-actions .button,
    .world-link {
        width: 100%;
    }

}

/* CATALOG BUTTON END */




/* CATALOG LINK PREMIUM START */

.world-actions {
    display: flex;
    align-items: center;
    gap: 30px;
}

/*
 * Каталог — лёгкая текстовая CTA,
 * как на референсе.
 */
.world-link {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: flex-start;

    gap: 10px;

    min-height: auto !important;
    width: auto !important;

    padding: 10px 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    color: rgba(255,255,255,.88) !important;

    font-size: 13px;
    font-weight: 500;
    line-height: 1;

    letter-spacing: -.01em;

    text-decoration: none;

    transform: none !important;

    transition:
        color .2s ease,
        opacity .2s ease;
}

.world-link span {
    display: inline-block;

    color: #d89b55 !important;

    font-size: 16px;
    font-weight: 400;

    line-height: 1;

    transition:
        transform .22s ease,
        color .22s ease;
}

/*
 * Тонкая линия снизу появляется на hover
 */
.world-link::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 3px;

    width: 0;
    height: 1px;

    background: rgba(216,155,85,.72);

    transition: width .22s ease;
}

.world-link:hover {
    color: #fff !important;

    background: transparent !important;
    border: 0 !important;

    transform: none !important;
}

.world-link:hover span {
    color: #eba85d !important;

    transform: translateX(4px);
}

.world-link:hover::after {
    width: calc(100% - 25px);
}


/* mobile */

@media (max-width: 620px) {

    .world-actions {
        gap: 20px;
        align-items: center;
    }

    .world-link {
        width: auto !important;
        padding: 10px 0 !important;
    }

}

/* CATALOG LINK PREMIUM END */




/* URSUS CLEAN GLOBE BASE START */

/* ---------------------------------------------------------
   Старые реализации глобуса больше не участвуют в layout
   --------------------------------------------------------- */

.globe-scene,
.globe-wrap,
.globe-shell,
.globe-planet,
.globe-grid,
.globe-map,
.globe-shine,
.globe-hotspots,
.globe-tag,
.interactive-globe,
.globe-surface,
.globe-world,
.globe-world-a,
.globe-world-b,
.globe-meridians,
.globe-light,
.globe-vignette,
.globe-help,
.real-globe-scene,
.real-globe-wrap,
.ursus-real-globe,
.real-globe-hint,
.globe-market-label,
.globe-market-dot,
.globe-overlay-labels,
.globe-overlay-label,
.world-visual-clean,
.world-caption {
    display: none !important;
}

/* ---------------------------------------------------------
   Новая чистая область
   --------------------------------------------------------- */

.world-globe-slot {
    position: relative;

    width: 100%;
    min-width: 0;
    height: 500px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: visible;
}

.ursus-globe-clean {
    position: relative;

    width: min(500px, 100%);
    aspect-ratio: 1 / 1;

    background: transparent;
}

.ursus-globe-clean canvas {
    display: block;

    width: 100% !important;
    height: 100% !important;

    outline: none !important;

    cursor: grab;
}

.ursus-globe-clean canvas:active {
    cursor: grabbing;
}

.ursus-globe-caption {
    position: absolute;

    right: 8px;
    bottom: 34px;

    display: flex;
    align-items: center;
    gap: 8px;

    color: rgba(255,255,255,.28);

    font-size: 9px;
    font-weight: 600;
    letter-spacing: .14em;

    text-transform: uppercase;

    pointer-events: none;
}

.ursus-globe-caption span {
    color: #d89b55;
    font-size: 14px;
}

@media (max-width: 1100px) {

    .world-globe-slot {
        height: 440px;
    }

    .ursus-globe-clean {
        width: min(440px, 100%);
    }

}

@media (max-width: 900px) {

    .world-globe-slot {
        display: none;
    }

}

/* URSUS CLEAN GLOBE BASE END */




/* URSUS CLEAN GLOBE VISUAL START */

.world-globe-slot {
    position: relative;

    width: 100%;
    height: 500px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: visible;
}

.ursus-globe-clean {
    position: relative;

    width: 500px;
    height: 500px;

    max-width: 100%;

    filter:
        drop-shadow(0 34px 65px rgba(0,0,0,.34));
}

.ursus-globe-clean canvas {
    display: block;

    outline: none !important;

    cursor: grab;

    border-radius: 50%;
}

.ursus-globe-clean canvas:active {
    cursor: grabbing;
}

.ursus-globe-caption {
    position: absolute;

    right: 16px;
    bottom: 28px;

    display: flex;
    align-items: center;
    gap: 8px;

    color: rgba(255,255,255,.28);

    font-size: 9px;
    font-weight: 600;
    letter-spacing: .14em;

    text-transform: uppercase;

    pointer-events: none;
}

.ursus-globe-caption span {
    color: #d89b55;
    font-size: 14px;
}

@media (max-width: 1100px) {

    .world-globe-slot {
        height: 440px;
    }

    .ursus-globe-clean {
        width: 440px;
        height: 440px;
    }

}

@media (max-width: 900px) {

    .world-globe-slot {
        display: none;
    }

}

/* URSUS CLEAN GLOBE VISUAL END */


/* HIDE GLOBE ROTATE HINT */
.ursus-globe-caption,
.globe-help,
.world-caption,
.real-globe-hint {
    display: none !important;
}




/* GLOBE VERTICAL POSITION START */

/*
 * Опускаем глобус ниже верхней линии,
 * не меняя его размер.
 */
.world-globe-slot {
    transform: translateY(35px) !important;
}

/* сохраняем нормальное положение на меньших экранах */
@media (max-width: 1100px) {
    .world-globe-slot {
        transform: translateY(22px) !important;
    }
}

/* GLOBE VERTICAL POSITION END */