.oct-continuation { background:#f7faff; }
.oct-continuation section:not(#product), .oct-continuation footer { border-color:transparent; }
@media (min-width: 901px) {
  .oct-continuation #income > .wrap {
    width: calc(min(100%, 1680px) - 2 * var(--gutter));
    max-width: none;
    margin-inline: auto;
  }
}
.oct-continuation :is(#quality,#brands,#income,#office,#launch,#faq) { background:#f7faff; }
.oct-continuation #apply {
  --horizon-height:clamp(230px,22vw,370px);
  --exit-height:clamp(108px,10vw,164px);
  isolation:isolate;position:relative;overflow:clip;
  color:#f1f7ff;
  background:radial-gradient(ellipse at 81% 80%,#0c2850,transparent 68%),#030710;
}
#apply::before {
  content:"";position:absolute;z-index:-1;inset:0 0 auto;height:var(--exit-height);pointer-events:none;
  transform:scaleY(-1);
  background:linear-gradient(to bottom,#030710,transparent 15%,transparent 58%,#f7faff 100%),
    url("./assets/product-horizon.webp") center top / 100% var(--horizon-height) no-repeat;
}
.oct-continuation #apply .wrap { padding-top:calc(var(--exit-height) + 1.6em); }
#apply .split > div > p,#apply .finish-node small {color:#c9daee;}
#apply form {color:#17242e;}
#apply .finish-node .ico {color:#96c4fb;}
.oct-continuation:has(#apply) { background:linear-gradient(#f7faff 80%,#030710); }
.oct-continuation .site-foot :is(a,p,h3,strong,.policy-link) {color:#c9daee;}
.oct-continuation #apply form { background:#f7faff; }

/* The image, coordinates and callout share one unscaled geographic frame. */
#income {
  --paper: #f7faff;
  --ink: #081a38;
  position: relative;
  isolation: isolate;
  overflow: clip;
  color: var(--ink);
  font-family: Manrope, sans-serif;
}
.income-atlas { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.atlas-plane {
  position: absolute;
  width: max(100%, 1150px);
  aspect-ratio: 2400 / 1320;
  left: 50%; top: 50%; transform: translate(-50%,-50%);
}
.atlas-plane > img { display: block; width: 100%; height: 100%; }
.atlas-plane::after {
  content: ""; position: absolute; inset: -1px 0; pointer-events: none;
  background: linear-gradient(180deg,var(--paper) 0%,transparent 20% 78%,var(--paper) 100%),
    radial-gradient(ellipse 45% 54% at 19% 52%,#f1f8ffff 0%,#eaf5fff3 32%,#e8f5ffba 59%,transparent 98%);
}
.abaco-pin {
  position: absolute; z-index: 1; left: 56.3066%; top: 36.7619%;
  --reach: clamp(78px,6.5vw,120px); --rise: clamp(45px,4.2vw,78px);
}
.abaco-pin i {
  position: absolute; width: 13px; height: 13px; border-radius: 50%;
  transform: translate(-50%,-50%); background: white;
  box-shadow: 0 0 9px 4px #83f8ff,0 0 20px 8px #00bcffb8;
}
.abaco-pin i::after {
  content: ""; position: absolute; inset: -16px; border-radius: 50%;
  border: 1px solid #a6fcffc9; box-shadow: 0 0 8px #46dfffaa;
}
.abaco-leader { position: absolute; bottom: 0; left: 0; width: var(--reach); height: var(--rise); overflow: visible; }
#income .abaco-note {
  position: absolute; left: calc(var(--reach) + 9px); bottom: var(--rise);
  width: min(32vw,525px); padding: 2px 0 2px 14px; border-left: 3px solid #78dcff;
  color: white; text-shadow: 0 1px 5px #042044,0 0 14px #04385d;
}
#income .abaco-note strong { font-size: clamp(19px,1.72vw,28px); line-height: 1.15; letter-spacing: -.04em; }
#income .abaco-note p { font-size: clamp(13px,1.08vw,18px); line-height: 1.45; margin: 4px 0 0; color: white; font-weight: 600; }
.oct-continuation #income .wrap { padding-block: max(190px,17vw) max(112px,10vw); }
#income .calc { grid-template-columns: 44% 38%; justify-content: space-between; align-items: center; width: 92%; margin-inline: auto; }
#income .calc h2 { font-weight: 600; color: var(--ink); }
#income .calc em { color: #0757c3; }
#income .calc-controls > :is(p,small,label) { color: #112b49; }
#income .btn { background: #081a38; color: white; }
#income #slider { padding-inline: 0; accent-color: #0967c3; }
#income .results {
  align-self: center; gap: 20px; border: 1px solid #fffffff2;
  background: linear-gradient(125deg,#e7f6ffe3,#c2e5ffba);
  -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px);
}
#income .income-row + .income-row { border-color: #fff9; }
#income .income-row :is(small,.rub) { color: #153556; font-weight: 650; }

@media(max-width:900px) {
  .oct-continuation #income .wrap { width: min(88%,620px); padding-block: 48px 64px; }
  #income .calc { width: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 26px; }
  #income .results { align-self: stretch; }

  .income-atlas {
    position: relative; inset: auto; width: 100vw; height: 260px;
    margin: 6px calc(50% - 50vw) 0;
  }
  .atlas-plane {
    --mobile-map: max(800px,190vw);
    width: var(--mobile-map); left: calc(19% - var(--mobile-map) * .563066);
    top: calc(152px - var(--mobile-map) * .55 * .367619); transform: none;
  }
  .atlas-plane::after { display: none; }
  .income-atlas::after { content: ""; position: absolute; inset: 0; background: linear-gradient(var(--paper),transparent 22% 72%,var(--paper)); }
  .abaco-pin { --reach: 30px; --rise: 24px; z-index: 2; }
  #income .abaco-note { width: min(59vw,310px); padding-left: 9px; left: calc(var(--reach) + 4px); bottom: 16px; }
  #income .abaco-note strong { font-size: 18px; }
  #income .abaco-note p { font-size: 13px; }
}

#income .calc-controls > p { margin: 16px 0 26px; }