/* mobilenumber: flat, quiet and plain. DM Sans, one purple, thin borders, little rounding.
   Tokens first, then base, then each section. */

:root {
  color-scheme: light;

  --bg: #ffffff;
  --tint: #f5f4f9;
  --card: #ffffff;
  --card-2: #f5f4f9;
  --line: #dedbe8;
  --text: #222225;
  --head: #18181a;
  --muted: #5f5d6e;

  --brand: #673de6;
  --brand-hover: #5428d1;
  --on-brand: #ffffff;
  --grad-brand: linear-gradient(135deg, #673de6 0%, #8c6bff 100%);
  --tint-grad: linear-gradient(180deg, #f6f2ff 0%, #ebe4ff 100%);
  --link: #5428d1;
  --focus: #5428d1;

  --coral: #fbe4e2;
  --on-coral: #7a1414;

  --ink: #0f0c1d;
  --ink-text: #ececf2;
  --ink-muted: #aeaabd;
  --ink-line: #2a2644;

  --field-bg: #ffffff;
  --field-line: #8d88a3;
  --err: #c4161c;
  --tab-on: #18181a;
  --tab-on-text: #ffffff;
  --foot-bg: #ffffff;
  --foot-text: #222225;
  --foot-muted: #5f5d6e;
  --foot-line: #dedbe8;

  /* one radius for everything that is a box: buttons, fields, cards, panels. Small labels are pills. */
  --r: 12px;
  --r-card: 12px;

  --font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* A dark section. Light and dark sections alternate down the page: white, then this one flat colour. */
.is-inverse {
  color-scheme: dark;
  --bg: var(--ink); --card: #17132c; --card-2: #1e1939; --line: var(--ink-line);
  --text: var(--ink-text); --muted: var(--ink-muted); --head: #f5f5fa; --link: #c3b6ff; --focus: #ffffff;
  --field-bg: #130f26; --field-line: #4b4570; --err: #ff8a8a;
  background: var(--ink);
  color: var(--text);
}

/* ---------- base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; scroll-padding-top: 84px; }

body {
  margin: 0;
  overflow-x: clip;
  font-family: var(--font);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--text);
  background: var(--bg);
}

h1, h2, h3, h4, p, ul, ol, dl, dd { margin: 0; }
h1, h2, h3, h4 { color: var(--head); }
ul, ol { padding: 0; list-style: none; }
a { color: inherit; }
svg { display: block; }
img { max-width: 100%; }

.icon {
  width: 22px; height: 22px; flex: none;
  fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}

:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }

.wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 16px; }

.sr-only {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.skip {
  position: absolute; left: 16px; top: -64px; z-index: 50;
  padding: 10px 16px; border-radius: var(--r); background: var(--brand); color: var(--on-brand); font-weight: 600;
}
.skip:focus { top: 16px; }

/* ---------- buttons ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 24px; border: 1px solid transparent; border-radius: var(--r);
  font: 600 1rem/1.5 var(--font); text-decoration: none; text-align: center; cursor: pointer;
  transition: background-color .15s, color .15s, border-color .15s;
}
.btn-brand { background: var(--brand); color: var(--on-brand); }
.btn-brand:hover { background: var(--brand-hover); }
.btn-outline { border-color: var(--head); color: var(--head); background: transparent; }
.btn-outline:hover { background: var(--card-2); }
.btn-light { background: #ffffff; color: #18181a; }
.btn-light:hover { background: #ececf2; }
.btn-small { padding: 8px 16px; font-size: .9375rem; }
.btn-block { width: 100%; }
.btn[disabled] { opacity: .7; cursor: progress; }

.link {
  padding: 0; border: 0; background: none; font: inherit;
  color: var(--link); text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}

/* ---------- nav ---------- */
.nav-bar { position: sticky; top: 0; z-index: 30; background: var(--bg); border-bottom: 1px solid var(--line); }
.nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 68px; }
.logo { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 1.25rem; letter-spacing: -.02em; text-decoration: none; }
.logo-mark { width: 34px; height: 34px; flex: none; }
.nav-links { display: none; gap: 28px; }
.nav-links a { font-weight: 500; text-decoration: none; }
.nav-links a:hover { color: var(--link); }
.nav-actions { display: flex; align-items: center; gap: 8px; }
.nav-actions .btn { gap: 0; white-space: nowrap; padding: 9px 12px; font-size: .9rem; }
.nav-more { display: none; margin-left: .3em; }
.nav .logo { font-size: 1.0625rem; gap: 8px; }
.nav .logo-mark { width: 30px; height: 30px; }

/* the burger button and the dropdown menu on small screens */
.nav-toggle {
  display: grid; place-items: center; width: 40px; height: 40px; padding: 0;
  border: 1.5px solid var(--line); border-radius: var(--r); background: var(--card); color: var(--text); cursor: pointer;
}
.nav-toggle:hover { border-color: var(--link); }
.nav-bars { position: relative; display: block; width: 18px; height: 14px; }
.nav-bars i { position: absolute; left: 0; display: block; width: 18px; height: 2px; border-radius: 2px; background: currentColor; transition: top .25s ease, transform .25s ease, opacity .2s ease; }
.nav-bars i:nth-child(1) { top: 0; }
.nav-bars i:nth-child(2) { top: 6px; }
.nav-bars i:nth-child(3) { top: 12px; }
.nav-open .nav-bars i:nth-child(1) { top: 6px; transform: rotate(45deg); }
.nav-open .nav-bars i:nth-child(2) { opacity: 0; }
.nav-open .nav-bars i:nth-child(3) { top: 6px; transform: rotate(-45deg); }
@media (max-width: 959px) {
  .nav-links {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 29; display: none; flex-direction: column; gap: 0; padding: 4px 16px 16px;
    background: var(--bg); border-bottom: 1px solid var(--line);
  }
  .nav-open .nav-links { display: flex; }
  .nav-links li + li { border-top: 1px solid var(--line); }
  .nav-links a { display: block; padding: 16px 4px; font-size: 1.0625rem; }
  /* no scroll effect on the hero banner on small devices: the dark panel stays full width */
  .hero .hero-backdrop { inset: 0; border-radius: 0; }
  /* the hero content sits in the vertical middle of the banner: equal space above and below */
  .hero .wrap.hero-inner { padding-top: 40px; padding-bottom: 40px; }
  .hero .hero-main { justify-content: center; }
}
/* phones: the trust line under the claim bar stays on one line, and its text size follows the width of the banner (the line is about 27 times the font size wide) */
@media (max-width: 559px) {
  .hero .hero-main { container-type: inline-size; }
  .hero .hero-guarantee { flex-wrap: nowrap; gap: 8px; white-space: nowrap; font-size: clamp(10px, calc((100cqw - 32px) / 27.6), 15px); }
  .hero .hero-guarantee .icon { width: 16px; height: 16px; }
}
/* the narrowest phones: the little lock goes, so the words keep a readable size on one line */
@container (max-width: 300px) {
  .hero .hero-guarantee { font-size: clamp(9.5px, calc((100cqw - 8px) / 27.4), 15px); }
  .hero .hero-guarantee .icon { display: none; }
}
@media (min-width: 768px) and (max-width: 959px) {
  .nav-links { padding-inline: 24px; }
}
@media (min-width: 960px) {
  .nav-toggle { display: none; }
}

/* ---------- hero: layout and colours of the Hostinger home page (no pictures) ----------
   one centred stack: title with a phrase on a pill, a line of copy, the claim bar where Hostinger has its button,
   and a trust line. The backdrop is black with a deep indigo glow in the middle of the bottom edge and brighter violet glows
   rising from the two bottom corners; the colours below are read from their backdrop with nothing in front of it (90 rows by 32 columns, extra columns near both edges where the curve is steepest).
   --p (0 to 1) is set from the scroll position in v4.js: the dark panel pulls in from the page edges and rounds off. */
.hero {
  --bg: #000000; --head: #ffffff; --text: #f1eefc; --muted: #d5cff0; --link: #b39ef3; --focus: #ffffff;
  position: relative; isolation: isolate; display: flex; color: var(--text);
  min-height: calc(100vh - 69px); min-height: calc(100svh - 69px);
}
.hero-backdrop {
  position: absolute; z-index: -1; overflow: hidden; background: #000000;
  inset: 0 calc(var(--p, 0) * 28px) calc(var(--p, 0) * 28px);
  border-radius: 0 0 calc(var(--p, 0) * var(--r)) calc(var(--p, 0) * var(--r));
}
.hero-backdrop::before {
  content: ""; position: absolute; inset: -8px; filter: blur(4px);
  background:
    linear-gradient(90deg, #000000 0%, #000000 1.5%, #000000 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010101 16%, #010101 18%, #010101 20%, #010101 23%, #010101 27%, #010101 33%, #010103 41%, #010103 50%, #010103 59%, #010103 67%, #010103 73%, #010103 77%, #010101 80%, #010101 82%, #010103 84%, #010101 86%, #010101 88%, #010101 90%, #010101 92%, #010101 94%, #010101 96%, #010101 98%, #010101 100%) 0 0.00% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #000000 0%, #000000 1.5%, #000000 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010101 16%, #010101 18%, #010101 20%, #010101 23%, #010101 27%, #010101 33%, #010103 41%, #020204 50%, #020204 59%, #010103 67%, #010103 73%, #010103 77%, #010101 80%, #010101 82%, #010103 84%, #010101 86%, #010101 88%, #010101 90%, #010101 92%, #010101 94%, #010101 96%, #010101 98%, #010101 100%) 0 1.12% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #000000 1.5%, #000000 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010101 16%, #010101 18%, #010101 20%, #010101 23%, #010102 27%, #010102 33%, #010103 41%, #020105 50%, #020204 59%, #020204 67%, #010103 73%, #010103 77%, #010102 80%, #010102 82%, #010103 84%, #010101 86%, #010101 88%, #010101 90%, #010101 92%, #010101 94%, #010101 96%, #010101 98%, #010101 100%) 0 2.25% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #000000 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010101 16%, #010101 18%, #010101 20%, #010101 23%, #010103 27%, #010103 33%, #010103 41%, #020106 50%, #020204 59%, #020204 67%, #010103 73%, #010103 77%, #010103 80%, #010103 82%, #010103 84%, #010101 86%, #010101 88%, #010101 90%, #010101 92%, #010101 94%, #010101 96%, #010101 98%, #010101 100%) 0 3.37% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010101 16%, #010101 18%, #010101 20%, #010101 23%, #010103 27%, #010103 33%, #020204 41%, #020106 50%, #020205 59%, #020205 67%, #020204 73%, #020204 77%, #010103 80%, #010103 82%, #010103 84%, #010102 86%, #010101 88%, #010102 90%, #010101 92%, #010101 94%, #010101 96%, #010101 98%, #010101 100%) 0 4.49% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010101 16%, #010101 18%, #010101 20%, #010101 23%, #010103 27%, #020204 33%, #020204 41%, #020106 50%, #020206 59%, #020206 67%, #020204 73%, #020204 77%, #010103 80%, #010103 82%, #010103 84%, #010103 86%, #010102 88%, #010103 90%, #010101 92%, #010101 94%, #010101 96%, #010101 98%, #010101 100%) 0 5.62% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010102 16%, #010102 18%, #010102 20%, #010102 23%, #010103 27%, #020205 33%, #020204 41%, #030207 50%, #030207 59%, #030207 67%, #020204 73%, #020204 77%, #010103 80%, #010103 82%, #010103 84%, #010103 86%, #010102 88%, #010103 90%, #010102 92%, #010102 94%, #010101 96%, #010101 98%, #010101 100%) 0 6.74% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010102 16%, #010102 18%, #010102 20%, #010102 23%, #010103 27%, #020106 33%, #020106 41%, #040309 50%, #040309 59%, #040308 67%, #020106 73%, #020106 77%, #020204 80%, #020204 82%, #020204 84%, #010103 86%, #010103 88%, #010103 90%, #010102 92%, #010102 94%, #010101 96%, #010101 98%, #010101 100%) 0 7.87% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010103 16%, #010103 18%, #010103 20%, #010103 23%, #020204 27%, #020106 33%, #020107 41%, #04020a 50%, #04020a 59%, #040308 67%, #020106 73%, #020106 77%, #020204 80%, #020204 82%, #020204 84%, #010103 86%, #010103 88%, #010103 90%, #010103 92%, #010103 94%, #010101 96%, #010101 98%, #010101 100%) 0 8.99% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010103 16%, #010103 18%, #010103 20%, #010103 23%, #020105 27%, #020106 33%, #03020a 41%, #03010b 50%, #03010b 59%, #040308 67%, #020206 73%, #020106 77%, #020105 80%, #020105 82%, #020105 84%, #020204 86%, #010103 88%, #010103 90%, #010103 92%, #010103 94%, #010101 96%, #010101 98%, #010101 100%) 0 10.11% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010101 12%, #010101 14%, #010103 16%, #010103 18%, #010103 20%, #010103 23%, #020106 27%, #020106 33%, #03010c 41%, #03010c 50%, #03010c 59%, #04030a 67%, #030208 73%, #020106 77%, #020106 80%, #020106 82%, #020106 84%, #020204 86%, #020104 88%, #010103 90%, #010103 92%, #010103 94%, #010101 96%, #010101 98%, #010101 100%) 0 11.24% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010102 12%, #010102 14%, #010103 16%, #010103 18%, #010103 20%, #020204 23%, #020106 27%, #030207 33%, #03010c 41%, #04020e 50%, #04020e 59%, #05030d 67%, #040209 73%, #030207 77%, #020106 80%, #020106 82%, #020106 84%, #020205 86%, #020204 88%, #020204 90%, #010103 92%, #010103 94%, #010102 96%, #010102 98%, #010101 100%) 0 12.36% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010101 10%, #010103 12%, #010103 14%, #010103 16%, #010103 18%, #020204 20%, #020204 23%, #020106 27%, #040308 33%, #04020d 41%, #05040e 50%, #05040e 59%, #05030d 67%, #03010b 73%, #040308 77%, #030207 80%, #020106 82%, #020106 84%, #020106 86%, #020205 88%, #020204 90%, #010103 92%, #010103 94%, #010103 96%, #010103 98%, #010101 100%) 0 13.48% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010102 10%, #010103 12%, #010103 14%, #010103 16%, #020204 18%, #020204 20%, #020204 23%, #020106 27%, #030208 33%, #05030e 41%, #06050c 50%, #06050c 59%, #05040b 67%, #04020c 73%, #030208 77%, #040308 80%, #030207 82%, #020206 84%, #020106 86%, #020105 88%, #020204 90%, #020204 92%, #020204 94%, #010103 96%, #010103 98%, #010102 100%) 0 14.61% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010102 10%, #010103 12%, #010103 14%, #020204 16%, #020204 18%, #020106 20%, #020106 23%, #020106 27%, #030209 33%, #05030e 41%, #06050c 50%, #06050c 59%, #06040a 67%, #04020e 73%, #030209 77%, #040309 80%, #040308 82%, #040208 84%, #020106 86%, #020106 88%, #020205 90%, #020204 92%, #020204 94%, #010103 96%, #010103 98%, #010102 100%) 0 15.73% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010101 6%, #010101 8%, #010103 10%, #010103 12%, #010103 14%, #020204 16%, #020204 18%, #020106 20%, #020106 23%, #030208 27%, #04030c 33%, #05030e 41%, #06040e 50%, #06040e 59%, #06030c 67%, #05030e 73%, #04020c 77%, #04020a 80%, #040308 82%, #040308 84%, #020106 86%, #020106 88%, #020105 90%, #020204 92%, #020204 94%, #010103 96%, #010103 98%, #010103 100%) 0 16.85% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010101 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010102 6%, #010102 8%, #010103 10%, #010103 12%, #020204 14%, #020204 16%, #020105 18%, #020106 20%, #030207 23%, #03020a 27%, #05030e 33%, #06040f 41%, #060410 50%, #060410 59%, #06020e 67%, #06040f 73%, #05030e 77%, #04020c 80%, #050409 82%, #030207 84%, #030206 86%, #030207 88%, #020106 90%, #020105 92%, #020105 94%, #020204 96%, #010103 98%, #020204 100%) 0 17.98% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #010102 0%, #010101 1.5%, #010101 3%, #010101 4.5%, #010103 6%, #010103 8%, #010103 10%, #010103 12%, #020204 14%, #020204 16%, #020106 18%, #020106 20%, #030207 23%, #03010c 27%, #05030e 33%, #06040f 41%, #060411 50%, #070311 59%, #060210 67%, #06040f 73%, #05030e 77%, #04020d 80%, #05040a 82%, #030208 84%, #030208 86%, #040308 88%, #020106 90%, #020106 92%, #020106 94%, #020204 96%, #020104 98%, #020204 100%) 0 19.10% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #020104 0%, #010101 1.5%, #010101 3%, #010102 4.5%, #010103 6%, #010103 8%, #010103 10%, #020204 12%, #020205 14%, #020205 16%, #020106 18%, #020106 20%, #040208 23%, #04020d 27%, #05030e 33%, #060410 41%, #060411 50%, #070411 59%, #060210 67%, #060410 73%, #05030e 77%, #05030e 80%, #05040a 82%, #04030b 84%, #03020a 86%, #040308 88%, #030207 90%, #020106 92%, #020106 94%, #020205 96%, #020205 98%, #020205 100%) 0 20.22% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #020107 0%, #010101 1.5%, #010101 3%, #010103 4.5%, #010103 6%, #010103 8%, #010103 10%, #020204 12%, #020106 14%, #020106 16%, #020106 18%, #030207 20%, #030207 23%, #05030e 27%, #06040f 33%, #070311 41%, #070512 50%, #080412 59%, #070311 67%, #060411 73%, #05030e 77%, #05030e 80%, #05040a 82%, #05030e 84%, #04020d 86%, #030208 88%, #040308 90%, #030207 92%, #020106 94%, #020106 96%, #020106 98%, #020106 100%) 0 21.35% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #020109 0%, #010102 1.5%, #010102 3%, #010103 4.5%, #010103 6%, #010103 8%, #010103 10%, #020204 12%, #020106 14%, #020106 16%, #020106 18%, #040209 20%, #040309 23%, #05030e 27%, #060410 33%, #070311 41%, #070512 50%, #080413 59%, #080412 67%, #060411 73%, #06040f 77%, #05030f 80%, #05040a 82%, #05030e 84%, #05030e 86%, #04030a 88%, #040209 90%, #040308 92%, #020106 94%, #020106 96%, #020106 98%, #020106 100%) 0 22.47% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #030209 0%, #010102 1.5%, #010102 3%, #010103 4.5%, #010103 6%, #010103 8%, #020204 10%, #020106 12%, #020106 14%, #020106 16%, #030207 18%, #03020b 20%, #05030c 23%, #05030e 27%, #060410 33%, #080412 41%, #070513 50%, #090514 59%, #070513 67%, #070311 73%, #060410 77%, #060410 80%, #05030b 82%, #05030e 84%, #05030e 86%, #05030d 88%, #03020c 90%, #040307 92%, #030307 94%, #020106 96%, #020106 98%, #030208 100%) 0 23.60% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #04030a 0%, #010103 1.5%, #010103 3%, #010103 4.5%, #010103 6%, #010103 8%, #020204 10%, #020106 12%, #020106 14%, #030207 16%, #040308 18%, #03010c 20%, #05030d 23%, #05030e 27%, #060411 33%, #080413 41%, #070513 50%, #090514 59%, #070513 67%, #070312 73%, #060411 77%, #060411 80%, #05020d 82%, #05030e 84%, #05030e 86%, #05030e 88%, #04020e 90%, #030308 92%, #040308 94%, #030207 96%, #030207 98%, #04030a 100%) 0 24.72% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #04030b 0%, #010103 1.5%, #010103 3%, #010103 4.5%, #010103 6%, #020204 8%, #020105 10%, #020106 12%, #020106 14%, #040308 16%, #040308 18%, #04020e 20%, #05040c 23%, #050310 27%, #060411 33%, #080413 41%, #080515 50%, #090516 59%, #080614 67%, #080413 73%, #070512 77%, #070311 80%, #06020f 82%, #060410 84%, #05030e 86%, #05030e 88%, #05030e 90%, #030209 92%, #030209 94%, #040308 96%, #040308 98%, #05040d 100%) 0 25.84% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #04030b 0%, #010103 1.5%, #010103 3%, #010103 4.5%, #010103 6%, #020204 8%, #020106 10%, #020106 12%, #030207 14%, #040308 16%, #04030a 18%, #05030d 20%, #05040c 23%, #060411 27%, #070512 33%, #090514 41%, #090616 50%, #0a0617 59%, #080614 67%, #090513 73%, #070512 77%, #070311 80%, #060210 82%, #060411 84%, #06040f 86%, #05030e 88%, #05030e 90%, #04030c 92%, #03020b 94%, #050409 96%, #040308 98%, #060510 100%) 0 26.97% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #04030b 0%, #020204 1.5%, #010103 3%, #010103 4.5%, #020204 6%, #020204 8%, #020106 10%, #030207 12%, #040308 14%, #030208 16%, #05030d 18%, #05040b 20%, #05030d 23%, #060411 27%, #070512 33%, #090515 41%, #090618 50%, #0a0618 59%, #080615 67%, #090514 73%, #070512 77%, #070311 80%, #060310 82%, #060411 84%, #06030f 86%, #05030e 88%, #05030d 90%, #05030e 92%, #03020d 94%, #050409 96%, #050409 98%, #080513 100%) 0 28.09% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #05040d 0%, #020204 1.5%, #010103 3%, #010103 4.5%, #020204 6%, #020106 8%, #020106 10%, #040308 12%, #03020a 14%, #04030b 16%, #05030e 18%, #06030a 20%, #05030e 23%, #060411 27%, #080413 33%, #090516 41%, #0a071a 50%, #0b0719 59%, #0a0616 67%, #090514 73%, #080513 77%, #060411 80%, #060411 82%, #060411 84%, #060310 86%, #05030e 88%, #05040b 90%, #05030e 92%, #04020d 94%, #05040a 96%, #06030c 98%, #090615 100%) 0 29.21% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #060410 0%, #020204 1.5%, #010103 3%, #020204 4.5%, #020204 6%, #020106 8%, #020106 10%, #040308 12%, #03010c 14%, #05030e 16%, #05030e 18%, #06030b 20%, #06040f 23%, #070512 27%, #090514 33%, #0a0617 41%, #0b081b 50%, #0c071a 59%, #0a0618 67%, #0a0615 73%, #090514 77%, #070512 80%, #070512 82%, #060411 84%, #060210 86%, #06040f 88%, #06040c 90%, #05030e 92%, #05030d 94%, #05040a 96%, #07040f 98%, #0b0719 100%) 0 30.34% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #070513 0%, #020204 1.5%, #020204 3%, #020204 4.5%, #020106 6%, #020106 8%, #030207 10%, #030207 12%, #03010c 14%, #05030e 16%, #05030e 18%, #06030d 20%, #070310 23%, #070512 27%, #090514 33%, #0a0617 41%, #0b081b 50%, #0c071b 59%, #0a0619 67%, #0a0617 73%, #090514 77%, #070513 80%, #080413 82%, #070311 84%, #060311 86%, #060410 88%, #06040f 90%, #05030e 92%, #05040b 94%, #06040c 96%, #080411 98%, #0d081e 100%) 0 31.46% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #080615 0%, #030306 1.5%, #020204 3%, #020204 4.5%, #020106 6%, #020106 8%, #030208 10%, #040309 12%, #04020d 14%, #05030e 16%, #06040f 18%, #06030e 20%, #070311 23%, #070512 27%, #0a0615 33%, #0b0719 41%, #0b081b 50%, #0d081c 59%, #0b061a 67%, #0b0718 73%, #0a0615 77%, #080614 80%, #090514 82%, #080412 84%, #070411 86%, #060411 88%, #060310 90%, #06040f 92%, #06050b 94%, #06040f 96%, #090514 98%, #0f0924 100%) 0 32.58% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #0a0716 0%, #030209 1.5%, #030206 3%, #020105 4.5%, #020106 6%, #030207 8%, #030208 10%, #05040c 12%, #05030e 14%, #05030e 16%, #060410 18%, #06020f 20%, #070412 23%, #080513 27%, #0a0616 33%, #0c071a 41%, #0c081c 50%, #0d081c 59%, #0c071b 67%, #0b0819 73%, #0a0616 77%, #080614 80%, #090514 82%, #080413 84%, #070512 86%, #060411 88%, #060310 90%, #060410 92%, #06040d 94%, #060411 96%, #0b0717 98%, #120b29 100%) 0 33.71% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #0b0719 0%, #04020c 1.5%, #030207 3%, #020206 4.5%, #020106 6%, #040308 8%, #040208 10%, #05030d 12%, #05030e 14%, #05030e 16%, #060411 18%, #060210 20%, #070512 23%, #090514 27%, #0a0617 33%, #0c071b 41%, #0d081c 50%, #0c071c 59%, #0c071b 67%, #0b0819 73%, #0a0617 77%, #090715 80%, #090514 82%, #090514 84%, #070512 86%, #060411 88%, #070311 90%, #060411 92%, #06040f 94%, #070513 96%, #0d081b 98%, #140d30 100%) 0 34.83% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #0d091d 0%, #05030f 1.5%, #040308 3%, #030207 4.5%, #030207 6%, #040308 8%, #04030a 10%, #05030e 12%, #05030e 14%, #05030f 16%, #060411 18%, #070311 20%, #070512 23%, #090515 27%, #0b0718 33%, #0c081c 41%, #0d081d 50%, #0d081d 59%, #0c071c 67%, #0c081a 73%, #0b0719 77%, #090715 80%, #0a0615 82%, #0a0614 84%, #080513 86%, #070512 88%, #070411 90%, #060412 92%, #060410 94%, #080615 96%, #0e0920 98%, #170f38 100%) 0 35.96% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #0f0a22 0%, #070511 1.5%, #04030b 3%, #040308 4.5%, #040308 6%, #040309 8%, #05030d 10%, #05030e 12%, #06030e 14%, #060410 16%, #060411 18%, #080412 20%, #070513 23%, #090516 27%, #0c0819 33%, #0d081c 41%, #0e091f 50%, #0e091f 59%, #0c071d 67%, #0d081b 73%, #0c071a 77%, #0a0717 80%, #0a0616 82%, #0a0615 84%, #090614 86%, #080513 88%, #070512 90%, #070512 92%, #070512 94%, #0a0717 96%, #100a27 98%, #1a1041 100%) 0 37.08% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #110a27 0%, #080512 1.5%, #05030c 3%, #040308 4.5%, #040308 6%, #03020b 8%, #05030e 10%, #05030e 12%, #06020e 14%, #060411 16%, #060411 18%, #080412 20%, #070514 23%, #0a0617 27%, #0c0819 33%, #0d081c 41%, #0f0a20 50%, #0f0a20 59%, #0d081e 67%, #0d081d 73%, #0c071b 77%, #0c0719 80%, #0a0618 82%, #0a0616 84%, #0a0616 86%, #090514 88%, #070512 90%, #070512 92%, #080614 94%, #0b081a 96%, #120b2d 98%, #1e1349 100%) 0 38.20% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #130c2d 0%, #090615 1.5%, #06040e 3%, #050409 4.5%, #050409 6%, #04020d 8%, #05030e 10%, #05030e 12%, #06020f 14%, #060411 16%, #060411 18%, #080413 20%, #090515 23%, #0a0617 27%, #0c071a 33%, #0d081e 41%, #100a21 50%, #100a21 59%, #0e091f 67%, #0d081e 73%, #0d081c 77%, #0c071b 80%, #0b061a 82%, #0b0718 84%, #0a0617 86%, #090514 88%, #080613 90%, #080613 92%, #090615 94%, #0d091f 96%, #150d33 98%, #241751 100%) 0 39.33% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #160e32 0%, #0b0719 1.5%, #060510 3%, #05040a 4.5%, #05040a 6%, #05030e 8%, #05030e 10%, #06040f 12%, #060210 14%, #070512 16%, #070512 18%, #090514 20%, #0a0617 23%, #0b0718 27%, #0d081c 33%, #0e091f 41%, #100b22 50%, #100b22 59%, #0f0a20 67%, #0e091f 73%, #0d081c 77%, #0c081c 80%, #0c071b 82%, #0c0819 84%, #0a0617 86%, #0a0615 88%, #080614 90%, #080614 92%, #0a0718 94%, #0f0925 96%, #19103a 98%, #281a5b 100%) 0 40.45% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #181038 0%, #0d081c 1.5%, #070512 3%, #05040b 4.5%, #05040c 6%, #05030f 8%, #05030e 10%, #060410 12%, #060210 14%, #070512 16%, #070512 18%, #090514 20%, #0a0617 23%, #0c071a 27%, #0d081d 33%, #0f0a20 41%, #100b23 50%, #100b23 59%, #0f0a21 67%, #0e0920 73%, #0d081d 77%, #0d081c 80%, #0c071b 82%, #0c081a 84%, #0a0617 86%, #0a0616 88%, #080615 90%, #080615 92%, #0c081b 94%, #120b2a 96%, #1c1240 98%, #2d1c65 100%) 0 41.57% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #1b123e 0%, #0e0920 1.5%, #070513 3%, #06040d 4.5%, #05030d 6%, #05030f 8%, #05030e 10%, #060411 12%, #070311 14%, #070512 16%, #070513 18%, #090514 20%, #0a0617 23%, #0c071b 27%, #0d081e 33%, #0f0a21 41%, #100a25 50%, #110b25 59%, #0f0a21 67%, #0f0a21 73%, #0d081e 77%, #0d081c 80%, #0d081c 82%, #0c071b 84%, #0c0819 86%, #0a0617 88%, #090617 90%, #0a0617 92%, #0d081c 94%, #140d2f 96%, #211448 98%, #321e70 100%) 0 42.70% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #1f1445 0%, #100a25 1.5%, #090616 3%, #060410 4.5%, #06040f 6%, #05030f 8%, #06040f 10%, #060411 12%, #070411 14%, #070512 16%, #080614 18%, #0a0615 20%, #0b0719 23%, #0c081c 27%, #0e091f 33%, #100a22 41%, #110b29 50%, #110b29 59%, #100b23 67%, #100b22 73%, #0e0920 77%, #0d081c 80%, #0d081d 82%, #0c071b 84%, #0c081a 86%, #0b0718 88%, #0b0719 90%, #0b0719 92%, #0e091f 94%, #170f35 96%, #251753 98%, #381f7a 100%) 0 43.82% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #23174d 0%, #130c2b 1.5%, #0b071a 3%, #070513 4.5%, #060410 6%, #04020e 8%, #060410 10%, #070311 12%, #070512 14%, #080613 16%, #080614 18%, #0a0616 20%, #0c071a 23%, #0d081c 27%, #0f0a20 33%, #100a24 41%, #120b2b 50%, #120b2b 59%, #110b26 67%, #100b22 73%, #0f0a21 77%, #0c091e 80%, #0d081e 82%, #0d081c 84%, #0c071b 86%, #0c0819 88%, #0c071a 90%, #0c081b 92%, #110b26 94%, #1b103c 96%, #291a5d 98%, #3c2284 100%) 0 44.94% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #271957 0%, #150e31 1.5%, #0d091f 3%, #080614 4.5%, #060411 6%, #05030e 8%, #060411 10%, #070311 12%, #070512 14%, #080614 16%, #090615 18%, #0a0617 20%, #0c071b 23%, #0d081c 27%, #0f0a21 33%, #110b26 41%, #130c2d 50%, #130c2d 59%, #120b2a 67%, #100b22 73%, #0f0a21 77%, #0e0a20 80%, #0e081e 82%, #0d081c 84%, #0c071b 86%, #0c081a 88%, #0c071b 90%, #0e091e 92%, #130c2d 94%, #1e1243 96%, #2d1c68 98%, #40258d 100%) 0 46.07% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #2a1b60 0%, #181038 1.5%, #0f0a24 3%, #090715 4.5%, #070411 6%, #060410 8%, #060411 10%, #070412 12%, #080513 14%, #080514 16%, #090616 18%, #0b0718 20%, #0c071b 23%, #0d081d 27%, #100b22 33%, #120b2a 41%, #140d2e 50%, #140d2e 59%, #130c2d 67%, #110b23 73%, #100b22 77%, #0f0b21 80%, #0e091f 82%, #0d081e 84%, #0c071b 86%, #0d081b 88%, #0d081c 90%, #0f0a21 92%, #150d33 94%, #22144d 96%, #311e71 98%, #442796 100%) 0 47.19% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #2e1d68 0%, #1b1240 1.5%, #120b29 3%, #0a0719 4.5%, #080413 6%, #060412 8%, #060411 10%, #070512 12%, #090514 14%, #090514 16%, #0a0617 18%, #0c0819 20%, #0d081c 23%, #0e091f 27%, #100b22 33%, #130c2c 41%, #140d2f 50%, #140d2f 59%, #140c2e 67%, #110b27 73%, #100b22 77%, #100b22 80%, #0f0a20 82%, #0e091f 84%, #0c071b 86%, #0d091d 88%, #0d081d 90%, #110b25 92%, #170f39 94%, #251756 96%, #36217b 98%, #492a9f 100%) 0 48.31% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #342070 0%, #1f1449 1.5%, #150d2f 3%, #0c081d 4.5%, #0a0615 6%, #070513 8%, #060411 10%, #070513 12%, #090515 14%, #0a0616 16%, #0a0618 18%, #0c081a 20%, #0d081c 23%, #0e0920 27%, #100b23 33%, #130c2e 41%, #140d30 50%, #140d30 59%, #140d2f 67%, #130c2b 73%, #100b24 77%, #100b22 80%, #0f0a21 82%, #0f0a20 84%, #0d081d 86%, #0e091e 88%, #0e091e 90%, #130c2b 92%, #1a113f 94%, #291a5f 96%, #3b2384 98%, #4e2ea8 100%) 0 49.44% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #3a2378 0%, #241752 1.5%, #170f35 3%, #0f0a22 4.5%, #0b0716 6%, #080614 8%, #070512 10%, #080614 12%, #0a0616 14%, #0b0717 16%, #0b071a 18%, #0d081c 20%, #0d081c 23%, #0f0a21 27%, #110b26 33%, #140d2e 41%, #140d31 50%, #150d31 59%, #140d2f 67%, #130c2d 73%, #110b28 77%, #100b22 80%, #100b22 82%, #0f0a20 84%, #0e091e 86%, #0e091f 88%, #0f0a20 90%, #140d31 92%, #1d1345 94%, #2d1d67 96%, #41258e 98%, #5332b1 100%) 0 50.56% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #3e2680 0%, #281a59 1.5%, #1a113d 3%, #110b27 4.5%, #0c0818 6%, #080615 8%, #080613 10%, #090614 12%, #0a0617 14%, #0c0719 16%, #0c071b 18%, #0d081c 20%, #0d081d 23%, #100a22 27%, #120b29 33%, #130c2f 41%, #150d33 50%, #160e33 59%, #140d30 67%, #140d2e 73%, #120c2b 77%, #100b23 80%, #100b24 82%, #100a21 84%, #0f0a20 86%, #0f0a21 88%, #110b25 90%, #170e36 92%, #21164d 94%, #311f70 96%, #462897 98%, #5837ba 100%) 0 51.69% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #402a87 0%, #2c1d62 1.5%, #1e1444 3%, #140d2d 4.5%, #0e091c 6%, #090516 8%, #080614 10%, #0a0615 12%, #0a0718 14%, #0c071b 16%, #0c071b 18%, #0c081d 20%, #0e091e 23%, #100b22 27%, #120b2c 33%, #140d31 41%, #160e34 50%, #160e35 59%, #150d32 67%, #140d2f 73%, #130c2d 77%, #120c27 80%, #110a28 82%, #100b22 84%, #100b21 86%, #100a22 88%, #130c2b 90%, #19103c 92%, #261855 94%, #36217a 96%, #492aa0 98%, #5e3dc3 100%) 0 52.81% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #442e91 0%, #30206b 1.5%, #22164c 3%, #160e33 4.5%, #0f0921 6%, #0a0617 8%, #080614 10%, #0a0615 12%, #0b0819 14%, #0c071b 16%, #0d081c 18%, #0d081e 20%, #0f0a20 23%, #100b23 27%, #130c2d 33%, #160d33 41%, #160e35 50%, #170e36 59%, #160e33 67%, #140d30 73%, #140d2e 77%, #120c2b 80%, #110a2b 82%, #100b23 84%, #100b22 86%, #100a24 88%, #140c30 90%, #1c1242 92%, #2a1a5d 94%, #3b2384 96%, #4d2da9 98%, #6443cb 100%) 0 53.93% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #48319d 0%, #352275 1.5%, #251854 3%, #181039 4.5%, #100a25 6%, #0b0718 8%, #090616 10%, #0a0616 12%, #0b081a 14%, #0c071b 16%, #0d081d 18%, #0d081e 20%, #0f0a21 23%, #110b25 27%, #130c2e 33%, #170d34 41%, #180e37 50%, #180e37 59%, #170f36 67%, #150e32 73%, #140d2f 77%, #130c2e 80%, #120b2c 82%, #110b25 84%, #110b25 86%, #120b28 88%, #150d34 90%, #201449 92%, #2e1c66 94%, #40258d 96%, #5130b1 98%, #6b49d1 100%) 0 55.06% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #4d35a8 0%, #3a2580 1.5%, #2a1b5c 3%, #1b123f 4.5%, #120b2a 6%, #0d081c 8%, #0a0618 10%, #0a0618 12%, #0b081b 14%, #0d081c 16%, #0d081e 18%, #0e091f 20%, #100b21 23%, #120b29 27%, #140c2f 33%, #180d35 41%, #190f39 50%, #1a0f39 59%, #170f38 67%, #160e33 73%, #140d30 77%, #140d2f 80%, #130c2d 82%, #120b29 84%, #110b28 86%, #140d2d 88%, #180f39 90%, #23164f 92%, #321f70 94%, #442897 96%, #5634b9 98%, #7150d6 100%) 0 56.18% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #5239b0 0%, #3f298b 1.5%, #2e1e66 3%, #1f1446 4.5%, #140c30 6%, #0d081f 8%, #0b0719 10%, #0b0719 12%, #0b081b 14%, #0d081c 16%, #0d081e 18%, #0f0a20 20%, #100b22 23%, #120c2c 27%, #140d30 33%, #180e36 41%, #1a103a 50%, #1b103b 59%, #170f39 67%, #160e34 73%, #150e31 77%, #140d2f 80%, #130c2e 82%, #130c2c 84%, #120c2c 86%, #150e32 88%, #1b113f 90%, #271858 92%, #37217a 94%, #482aa0 96%, #5a38c1 98%, #7857db 100%) 0 57.30% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #563db6 0%, #442d94 1.5%, #322170 3%, #23174e 4.5%, #170f36 6%, #0f0923 8%, #0c071b 10%, #0c071b 12%, #0c091c 14%, #0d081c 16%, #0e091f 18%, #0f0a21 20%, #100b23 23%, #130c2d 27%, #150d31 33%, #190e38 41%, #1a113c 50%, #1b113c 59%, #181039 67%, #170f35 73%, #160e33 77%, #140d2f 80%, #140d2f 82%, #130c2d 84%, #130c2e 86%, #170f35 88%, #1e1345 90%, #2a1a61 92%, #3c2384 94%, #4c2da7 96%, #5f3cc9 98%, #7f5edf 100%) 0 58.43% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #5a40bc 0%, #48319c 1.5%, #372479 3%, #271957 4.5%, #1a113d 6%, #110a27 8%, #0d081c 10%, #0c071b 12%, #0c081c 14%, #0d081d 16%, #0f0a20 18%, #0f0a22 20%, #110b27 23%, #140d2e 27%, #150d32 33%, #1a0f39 41%, #1b123d 50%, #1a123d 59%, #1a113a 67%, #180f37 73%, #160e34 77%, #140d30 80%, #150d30 82%, #140c2e 84%, #140d2f 86%, #180f39 88%, #21154b 90%, #2e1d68 92%, #40258e 94%, #5030af 96%, #6340d0 98%, #8565e3 100%) 0 59.55% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #5d43c2 0%, #4c34a5 1.5%, #3c2783 3%, #2b1c60 4.5%, #1f1344 6%, #130c2b 8%, #0e081e 10%, #0d081c 12%, #0c081d 14%, #0e091e 16%, #0f0a21 18%, #100a23 20%, #120b2b 23%, #160c2f 27%, #160e33 33%, #1a103b 41%, #1b123f 50%, #1b123f 59%, #1c113c 67%, #1a0f39 73%, #170f35 77%, #150d31 80%, #170d32 82%, #140c30 84%, #150e32 86%, #1b103e 88%, #241752 90%, #321f70 92%, #452896 94%, #5433b7 96%, #6845d4 98%, #8c6de7 100%) 0 60.67% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #6247c9 0%, #5138ad 1.5%, #402a8d 3%, #2f1f69 4.5%, #22154c 6%, #140d2f 8%, #0f0a20 10%, #0e091d 12%, #0d081e 14%, #0f0a20 16%, #100b22 18%, #100a25 20%, #130c2d 23%, #170d30 27%, #170f34 33%, #1a113d 41%, #1c1341 50%, #1d1243 59%, #1d1140 67%, #1c113b 73%, #170f37 77%, #160e33 80%, #180e33 82%, #150d32 84%, #170e35 86%, #1e1243 88%, #28195a 90%, #372179 92%, #482a9f 94%, #5836be 96%, #6d4ad9 98%, #9276ea 100%) 0 61.80% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #664ad1 0%, #573bb6 1.5%, #452e97 3%, #342173 4.5%, #261854 6%, #160e34 8%, #100a22 10%, #0e091e 12%, #0e091f 14%, #100b21 16%, #100b23 18%, #110a29 20%, #130c2e 23%, #170d31 27%, #170f36 33%, #1b123e 41%, #1e1245 50%, #1e1246 59%, #1d1143 67%, #1c113c 73%, #190f39 77%, #180e35 80%, #170f34 82%, #160e34 84%, #190f38 86%, #201348 88%, #2b1b61 90%, #3c2384 92%, #4c2ca9 94%, #5b39c4 96%, #7350de 98%, #987fed 100%) 0 62.92% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #6a4dd7 0%, #5b40be 1.5%, #4a31a0 3%, #38247e 4.5%, #2a1b5c 6%, #191039 8%, #110b26 10%, #0f0a20 12%, #0f0a20 14%, #100b22 16%, #100a26 18%, #120b2c 20%, #130c2e 23%, #170d32 27%, #181038 33%, #1b123f 41%, #1f1247 50%, #1f1247 59%, #1e1146 67%, #1c113c 73%, #1a103a 77%, #190e36 80%, #170f34 82%, #170f36 84%, #1c113d 86%, #23154f 88%, #2f1d69 90%, #41258e 92%, #5030b1 94%, #5f3ccb 96%, #7a57e3 98%, #9e87ef 100%) 0 64.04% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #6d51dc 0%, #5f44c5 1.5%, #5035a9 3%, #3d2787 4.5%, #2e1d66 6%, #1c123e 8%, #130c2b 10%, #0f0a21 12%, #0f0a21 14%, #100b22 16%, #120b2a 18%, #130c2d 20%, #140c30 23%, #180d34 27%, #19113a 33%, #1c1241 41%, #201348 50%, #201348 59%, #1f1247 67%, #1d113e 73%, #1c113c 77%, #1a0f38 80%, #170f36 82%, #180f38 84%, #1e1242 86%, #251756 88%, #341f72 90%, #442897 92%, #5432b7 94%, #6340d2 96%, #805ee6 98%, #a38ef0 100%) 0 65.17% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #7056de 0%, #6348cc 1.5%, #5538b0 3%, #412b8f 4.5%, #32206f 6%, #201446 8%, #140d2f 10%, #100b23 12%, #100b22 14%, #100a24 16%, #120b2c 18%, #130c2e 20%, #140c31 23%, #180d35 27%, #1a113c 33%, #1e1244 41%, #211449 50%, #20134b 59%, #201348 67%, #1d1141 73%, #1c113c 77%, #1b103b 80%, #18103a 82%, #19103d 84%, #201448 86%, #29195d 88%, #39217b 90%, #482aa0 92%, #5634bd 94%, #6844d7 96%, #8665e8 98%, #a794f1 100%) 0 66.29% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #745ae2 0%, #684cd3 1.5%, #593cb8 3%, #472e99 4.5%, #362279 6%, #24174f 8%, #160e32 10%, #110b27 12%, #100b23 14%, #110a28 16%, #130c2d 18%, #140d2f 20%, #150d32 23%, #180e36 27%, #1b113d 33%, #201348 41%, #21144b 50%, #21144e 59%, #20134a 67%, #1e1245 73%, #1d123e 77%, #1c113d 80%, #1a113d 82%, #1b1141 84%, #22154d 86%, #2c1b65 88%, #3d2384 90%, #4c2da8 92%, #5a37c4 94%, #6c48db 96%, #8b6cea 98%, #ac99f2 100%) 0 67.42% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #775de5 0%, #6b51d9 1.5%, #5c41bf 3%, #4d31a3 4.5%, #392582 6%, #271958 8%, #190f37 10%, #130c2b 12%, #110b26 14%, #120b2b 16%, #130c2d 18%, #140d2f 20%, #160e33 23%, #181038 27%, #1d113f 33%, #201349 41%, #22144e 50%, #231550 59%, #21144c 67%, #201347 73%, #1e1241 77%, #1b123e 80%, #1c113f 82%, #1e1246 84%, #251753 86%, #2f1d6c 88%, #40268c 90%, #5030af 92%, #5d3acb 94%, #704dde 96%, #9072ec 98%, #b09ef3 100%) 0 68.54% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #7a61e9 0%, #6f56de 1.5%, #6045c8 3%, #5235ac 4.5%, #3e288a 6%, #2b1b61 8%, #1d113d 10%, #140d2e 12%, #120b2a 14%, #130c2c 16%, #140d2e 18%, #150d30 20%, #160e34 23%, #19103a 27%, #1e1241 33%, #21144a 41%, #231550 50%, #241651 59%, #23164e 67%, #201348 73%, #1f1245 77%, #1c1240 80%, #1e1242 82%, #21144b 84%, #271858 86%, #341f74 88%, #442895 90%, #5332b6 92%, #603dd0 94%, #7552e2 96%, #957aee 98%, #b2a1f4 100%) 0 69.66% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #7d65ed 0%, #725ae2 1.5%, #644acf 3%, #5739b3 4.5%, #452c93 6%, #2f1e68 8%, #1f1345 10%, #160e31 12%, #130c2d 14%, #130c2e 16%, #150c2f 18%, #150e31 20%, #170f35 23%, #1b103c 27%, #1e1244 33%, #22154c 41%, #241652 50%, #241652 59%, #231650 67%, #211449 73%, #1f1247 77%, #1e1342 80%, #1f1346 82%, #231551 84%, #2a1a5f 86%, #39227d 88%, #482b9e 90%, #5634bd 92%, #6440d4 94%, #7a57e6 96%, #9a81ef 98%, #b4a2f5 100%) 0 70.79% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #8068f0 0%, #755de5 1.5%, #684dd5 3%, #5b3dbb 4.5%, #4a309b 6%, #332170 8%, #22154c 10%, #181035 12%, #140d2e 14%, #140d2f 16%, #160c2f 18%, #160e33 20%, #170f36 23%, #1c103e 27%, #1f1246 33%, #23164e 41%, #251754 50%, #251754 59%, #241651 67%, #21144a 73%, #1f1248 77%, #1f1346 80%, #201449 82%, #251656 84%, #2e1c68 86%, #3d2385 88%, #4c2da7 90%, #5937c4 92%, #6844d9 94%, #7f5de8 96%, #9e87f0 98%, #b5a3f5 100%) 0 71.91% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #826bf1 0%, #7861e8 1.5%, #6b51da 3%, #5e42c3 4.5%, #4e34a3 6%, #372379 8%, #261853 10%, #1a113a 12%, #150d30 14%, #140c2f 16%, #170d30 18%, #170e34 20%, #180f37 23%, #1d113f 27%, #1f1349 33%, #241750 41%, #251755 50%, #251755 59%, #241652 67%, #22154d 73%, #201349 77%, #201349 80%, #22154c 82%, #27185a 84%, #311e70 86%, #40258d 88%, #502fae 90%, #5c39c9 92%, #6b47de 94%, #8463eb 96%, #a28cf1 98%, #b5a4f4 100%) 0 73.03% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #836ef2 0%, #7c65eb 1.5%, #6f56de 3%, #6246ca 4.5%, #5138ac 6%, #3a2583 8%, #291a5c 10%, #1d1240 12%, #160e34 14%, #140c30 16%, #170d32 18%, #190e36 20%, #1a1039 23%, #1d1141 27%, #20134b 33%, #251752 41%, #261758 50%, #261856 59%, #251754 67%, #241650 73%, #21144a 77%, #21144b 80%, #241650 82%, #2a195f 84%, #341f77 86%, #442895 88%, #5332b5 90%, #5f3ccf 92%, #6e4ae2 94%, #8969ed 96%, #a591f2 98%, #b3a4f4 100%) 0 74.16% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #8571f2 0%, #7f68ed 1.5%, #735ae2 3%, #654ad1 4.5%, #553cb5 6%, #3f288e 8%, #2d1c64 10%, #201346 12%, #170f38 14%, #150d33 16%, #180e33 18%, #190e37 20%, #1c103b 23%, #1e1245 27%, #21144d 33%, #261853 41%, #27185b 50%, #271959 59%, #261856 67%, #251752 73%, #22154b 77%, #23154f 80%, #251754 82%, #2d1b65 84%, #39217f 86%, #482b9e 88%, #5634bc 90%, #623ed5 92%, #724ee5 94%, #8d70ee 96%, #a995f3 98%, #b2a3f4 100%) 0 75.28% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #8874f4 0%, #816bf0 1.5%, #765ee7 3%, #694ed6 4.5%, #5a40bd 6%, #442c97 8%, #311d6b 10%, #22154d 12%, #19113b 14%, #160e34 16%, #190f34 18%, #1a0f38 20%, #1c113c 23%, #1f1247 27%, #22154f 33%, #261856 41%, #28195e 50%, #28195c 59%, #27185a 67%, #251754 73%, #23154e 77%, #241652 80%, #271958 82%, #301d6c 84%, #3d2387 86%, #4c2da6 88%, #5936c3 90%, #6540da 92%, #7653e7 94%, #9177ee 96%, #ac98f4 98%, #afa0f3 100%) 0 76.40% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #8b78f6 0%, #846ff2 1.5%, #7a62ea 3%, #6d53db 4.5%, #5e43c4 6%, #4a2f9e 8%, #361f74 10%, #261854 12%, #1b123f 14%, #170f37 16%, #190f37 18%, #1a0f39 20%, #1c123e 23%, #201348 27%, #241651 33%, #271859 41%, #29195f 50%, #291a60 59%, #28195e 67%, #261855 73%, #241651 77%, #251754 80%, #2a1a5d 82%, #331f74 84%, #41268d 86%, #5030ad 88%, #5b38c9 90%, #6843de 92%, #7a57e9 94%, #947cef 96%, #ae9bf5 98%, #ac9df4 100%) 0 77.53% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #8e7bf9 0%, #8773f4 1.5%, #7d66ed 3%, #7258df 4.5%, #6246cc 6%, #4f32a6 8%, #3b217d 10%, #281a5a 12%, #1e1344 14%, #18103a 16%, #190f3a 18%, #1b103a 20%, #1c1241 23%, #201349 27%, #251753 33%, #28195c 41%, #2b1a62 50%, #2b1a62 59%, #2a1960 67%, #261856 73%, #251754 77%, #271858 80%, #2c1b64 82%, #37207a 84%, #442895 86%, #5332b4 88%, #5e3bce 90%, #6b46e1 92%, #7c5ceb 94%, #9881f0 96%, #ae9df6 98%, #aa9af5 100%) 0 78.65% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #907dfb 0%, #8976f4 1.5%, #806aef 3%, #755be3 4.5%, #6749d2 6%, #5437ae 8%, #3f2585 10%, #2b1c62 12%, #211449 14%, #1a113d 16%, #1a113c 18%, #1c113c 20%, #1c1243 23%, #201349 27%, #251754 33%, #291a5e 41%, #2c1b64 50%, #2c1b64 59%, #2a1a61 67%, #271958 73%, #271858 77%, #28195c 80%, #2f1d6a 82%, #3b2281 84%, #492b9e 86%, #5634bb 88%, #623ed3 90%, #6e49e4 92%, #7f62ec 94%, #9b85f2 96%, #ae9ef7 98%, #a897f5 100%) 0 79.78% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9180fa 0%, #8b79f5 1.5%, #836ef1 3%, #785fe7 4.5%, #6b4ed7 6%, #583cb7 8%, #42288e 10%, #2f1d6b 12%, #23164f 14%, #1c1241 16%, #1b113d 18%, #1d123d 20%, #1c1245 23%, #21144b 27%, #251755 33%, #2a1a60 41%, #2d1b66 50%, #2d1b66 59%, #2b1a62 67%, #281a5b 73%, #27185a 77%, #2b1b61 80%, #331e71 82%, #3f2589 84%, #4c2da8 86%, #5936c3 88%, #6540d8 90%, #714de6 92%, #8367ee 94%, #9f89f2 96%, #ae9ef7 98%, #a492f4 100%) 0 80.90% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9183f9 0%, #8c7cf7 1.5%, #8571f2 3%, #7b62ea 4.5%, #6e53dc 6%, #5b40bf 8%, #472b98 10%, #322072 12%, #261855 14%, #1f1345 16%, #1d123f 18%, #1d123f 20%, #1d1348 23%, #22154d 27%, #261857 33%, #2b1a61 41%, #2d1b67 50%, #2e1c68 59%, #2c1a64 67%, #291a5f 73%, #28195c 77%, #2e1c67 80%, #371f77 82%, #422790 84%, #502fb0 86%, #5c38ca 88%, #6743dd 90%, #7450e8 92%, #886cef 94%, #a28ef2 96%, #ae9ef7 98%, #a18ef4 100%) 0 82.02% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9285f9 0%, #8e7ef9 1.5%, #8874f4 3%, #7e66ed 4.5%, #7258e0 6%, #5f44c6 8%, #4c2fa1 10%, #382279 12%, #29195b 14%, #211449 16%, #1e1243 18%, #1e1243 20%, #1f144a 23%, #23164f 27%, #27185a 33%, #2c1b63 41%, #2e1c69 50%, #2f1d6b 59%, #2d1b66 67%, #2a1a61 73%, #2a1a5f 77%, #301d6d 80%, #3a217e 82%, #452898 84%, #5332b6 86%, #5e3bce 88%, #6a45e1 90%, #7754ea 92%, #8b72f0 94%, #a591f3 96%, #ad9df6 98%, #9d8bf3 100%) 0 83.15% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9487fb 0%, #9181f9 1.5%, #8a77f6 3%, #816bef 4.5%, #755de5 6%, #6248cb 8%, #5033a9 10%, #3d2581 12%, #2c1b62 14%, #23164d 16%, #1f1247 18%, #1e1347 20%, #20144b 23%, #241652 27%, #29185e 33%, #2e1c65 41%, #2f1c6b 50%, #301d6d 59%, #2e1c68 67%, #2b1b62 73%, #2c1b62 77%, #321e72 80%, #3d2387 82%, #492a9f 84%, #5634bc 86%, #613ed2 88%, #6c48e4 90%, #7a59ec 92%, #8f77ef 94%, #a694f3 96%, #ab9bf5 98%, #9a87f2 100%) 0 84.27% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9689fb 0%, #9384f9 1.5%, #8b7bf7 3%, #836ff1 4.5%, #7860e8 6%, #654cd0 8%, #5438b0 10%, #412689 12%, #2f1d69 14%, #251752 16%, #20134a 18%, #1e1448 20%, #22144d 23%, #251754 27%, #2a1960 33%, #2e1c67 41%, #301d6e 50%, #311e6f 59%, #2f1c6b 67%, #2d1b65 73%, #2e1c66 77%, #362078 80%, #40258e 82%, #4c2da6 84%, #5936c2 86%, #6440d6 88%, #6e4ae6 90%, #7c5dec 92%, #927bf0 94%, #a796f3 96%, #a998f5 98%, #9784f2 100%) 0 85.39% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #968bfb 0%, #9487f9 1.5%, #8d7ef7 3%, #8672f2 4.5%, #7b64eb 6%, #6a50d7 8%, #573cb7 10%, #452992 12%, #321e6f 14%, #271858 16%, #22144d 18%, #20144a 20%, #23154f 23%, #261855 27%, #2b1a61 33%, #2f1c6a 41%, #311e71 50%, #311e70 59%, #301d6e 67%, #2e1c67 73%, #2f1c6b 77%, #39217d 80%, #442795 82%, #5030ad 84%, #5c39c8 86%, #6742dc 88%, #714de7 90%, #7e62ed 92%, #967ff2 94%, #a897f4 96%, #a795f5 98%, #9581f3 100%) 0 86.52% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #968dfa 0%, #9689fb 1.5%, #8f81f8 3%, #8976f4 4.5%, #7e68ec 6%, #6f55dd 8%, #5a40bf 10%, #492d9a 12%, #372077 14%, #2a1b5e 16%, #241651 18%, #22154c 20%, #241650 23%, #261857 27%, #2c1b62 33%, #2f1c6d 41%, #331f72 50%, #321f71 59%, #301d6f 67%, #2e1c69 73%, #311e71 77%, #3c2384 80%, #47299c 82%, #5332b6 84%, #5f3cce 86%, #6944e0 88%, #7350e9 90%, #8166ee 92%, #9982f3 94%, #a999f4 96%, #a493f5 98%, #927ef4 100%) 0 87.64% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #978ef9 0%, #978bfc 1.5%, #9184f9 3%, #8b79f6 4.5%, #816dee 6%, #7259e1 8%, #5f44c7 10%, #4d31a3 12%, #3c2280 14%, #2c1d64 16%, #261754 18%, #23164f 20%, #241651 23%, #27185a 27%, #2c1b63 33%, #301d6e 41%, #342074 50%, #342074 59%, #311e70 67%, #301d6a 73%, #331f75 77%, #3f258a 80%, #4a2ba2 82%, #5634bd 84%, #623ed3 86%, #6c47e4 88%, #7453ea 90%, #846bef 92%, #9b86f3 94%, #a999f3 96%, #a290f4 98%, #907bf4 100%) 0 88.76% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9891fb 0%, #988dfc 1.5%, #9287fa 3%, #8c7cf7 4.5%, #8470f0 6%, #755de5 8%, #6348ce 10%, #5234ab 12%, #402588 14%, #2f1e6b 16%, #271859 18%, #251852 20%, #251753 23%, #28195d 27%, #2d1b65 33%, #321e71 41%, #352178 50%, #352178 59%, #321f71 67%, #311e6e 73%, #372079 77%, #422792 80%, #4d2da9 82%, #5937c2 84%, #6540d7 86%, #6e4ae5 88%, #7557ea 90%, #876ff0 92%, #9c89f3 94%, #a99af4 96%, #9f8ef5 98%, #8f79f4 100%) 0 89.89% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9893fc 0%, #9890fc 1.5%, #9388fb 3%, #8e7ff7 4.5%, #8774f3 6%, #7860e8 8%, #674cd4 10%, #5638b3 12%, #432990 14%, #321f73 16%, #291a5d 18%, #261855 20%, #261756 23%, #291a5f 27%, #2e1c67 33%, #331f74 41%, #36227a 50%, #37217b 59%, #332073 67%, #331f71 73%, #39207d 77%, #462999 80%, #5030b0 82%, #5c39c8 84%, #6742dc 86%, #704de6 88%, #775beb 90%, #8a73f1 92%, #9e8cf3 94%, #a798f4 96%, #9d8cf6 98%, #8d77f5 100%) 0 91.01% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9993fd 0%, #9992fd 1.5%, #948afb 3%, #9082f8 4.5%, #8a77f5 6%, #7b64eb 8%, #6b50d8 10%, #5b3cba 12%, #472b98 14%, #372179 16%, #2c1b62 18%, #271958 20%, #261758 23%, #2a1a61 27%, #2f1c69 33%, #342076 41%, #37227b 50%, #38207c 59%, #342176 67%, #351f73 73%, #3b2183 77%, #492aa0 80%, #5332b6 82%, #5f3bcf 84%, #6a45e0 86%, #7150e8 88%, #7a5fec 90%, #8d77f2 92%, #a08ef4 94%, #a697f3 96%, #9b89f5 98%, #8a75f5 100%) 0 92.13% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9a94fd 0%, #9993ff 1.5%, #968cfc 3%, #9285f9 4.5%, #8c7af5 6%, #7e68ed 8%, #6e55dd 10%, #5f40c1 12%, #4b2fa0 14%, #3b237f 16%, #2e1c67 18%, #29195c 20%, #27185a 23%, #2c1a62 27%, #301d6c 33%, #352179 41%, #39217d 50%, #3a217e 59%, #36217a 67%, #381f77 73%, #3e2389 77%, #4c2ca7 80%, #5634bd 82%, #623ed3 84%, #6c47e2 86%, #7353ea 88%, #7d63ed 90%, #907bf2 92%, #a290f4 94%, #a596f3 96%, #9987f5 98%, #8874f4 100%) 0 93.26% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9a95fd 0%, #9a94ff 1.5%, #978ffc 3%, #9488fa 4.5%, #8e7ef6 6%, #816cee 8%, #7259e1 10%, #6244c7 12%, #4f32a7 14%, #3e2586 16%, #311e6e 18%, #2b1a60 20%, #29195d 23%, #2c1b64 27%, #301d6f 33%, #35217b 41%, #3a2180 50%, #3b2280 59%, #38217d 67%, #38207a 73%, #40258f 77%, #4f2eae 80%, #5936c4 82%, #6440d7 84%, #6e4ae4 86%, #7456ec 88%, #8066ee 90%, #937ef3 92%, #a392f4 94%, #a495f5 96%, #9684f5 98%, #8772f4 100%) 0 94.38% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9b96fd 0%, #9b95ff 1.5%, #9791fc 3%, #978afb 4.5%, #8f81f7 6%, #8471f0 8%, #755de5 10%, #6647cd 12%, #5336af 14%, #42278e 16%, #351f75 18%, #2d1b64 20%, #2a1a60 23%, #2d1b67 27%, #311e70 33%, #37217c 41%, #3c2282 50%, #3d2383 59%, #3a217f 67%, #3a217e 73%, #432795 77%, #5231b4 80%, #5c39cb 82%, #6743da 84%, #704ce6 86%, #7659ed 88%, #8269f0 90%, #9581f4 92%, #a494f5 94%, #a393f7 96%, #9481f4 98%, #8671f3 100%) 0 95.51% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9c97fe 0%, #9b95fe 1.5%, #9892fd 3%, #988dfa 4.5%, #9184f7 6%, #8674f2 8%, #7961e8 10%, #684bd3 12%, #5739b6 14%, #462a96 16%, #39217b 18%, #2f1d6a 20%, #2b1b63 23%, #2e1c69 27%, #321f72 33%, #39207e 41%, #3d2383 50%, #3e2486 59%, #3b2280 67%, #3c2283 73%, #46299b 77%, #5533ba 80%, #5f3bd0 82%, #6945dd 84%, #7150e9 86%, #775cee 88%, #856df0 90%, #9784f4 92%, #a494f5 94%, #a191f7 96%, #927ff3 98%, #8570f2 100%) 0 96.63% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9c97fe 0%, #9b96fe 1.5%, #9993fd 3%, #988efb 4.5%, #9386f7 6%, #8877f4 8%, #7c65ec 10%, #6b50d9 12%, #5b3cbe 14%, #492d9d 16%, #3c2381 18%, #311e6f 20%, #2d1b66 23%, #2f1c6b 27%, #332074 33%, #3a2080 41%, #3d2385 50%, #3e2487 59%, #3c2382 67%, #3e2388 73%, #492aa0 77%, #5735c0 80%, #623ed4 82%, #6c47e1 84%, #7353ea 86%, #7960ee 88%, #8770f1 90%, #9986f4 92%, #a495f5 94%, #9f8ef6 96%, #907df3 98%, #8570f1 100%) 0 97.75% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9c97fe 0%, #9c96fe 1.5%, #9a94fe 3%, #9990fd 4.5%, #9488f8 6%, #8a7bf6 8%, #8069ee 10%, #6f55de 12%, #5f3fc5 14%, #4d30a5 16%, #3f2589 18%, #321f74 20%, #2e1c69 23%, #301d6c 27%, #342077 33%, #3b2182 41%, #3e2489 50%, #3f2589 59%, #3d2486 67%, #40248b 73%, #4b2ca6 77%, #5a37c5 80%, #6440d9 82%, #6e49e5 84%, #7556ec 86%, #7b63ee 88%, #8a74f1 90%, #9a89f5 92%, #a595f5 94%, #9d8cf6 96%, #8e7bf5 98%, #8570f0 100%) 0 98.88% / 100% 1.778% no-repeat,
    linear-gradient(90deg, #9c97fd 0%, #9c96fe 1.5%, #9b95fd 3%, #9a92fd 4.5%, #9489fb 6%, #8c7df7 8%, #816cef 10%, #7257e2 12%, #6242ca 14%, #5033ab 16%, #41268f 18%, #342177 20%, #2f1c6d 23%, #301e6e 27%, #352179 33%, #3c2284 41%, #3e248d 50%, #40258a 59%, #3e2488 67%, #42258b 73%, #4d2da9 77%, #5c38ca 80%, #6641dc 82%, #714cea 84%, #7657ed 86%, #7d64ee 88%, #8c77f1 90%, #9b8af4 92%, #a693f7 94%, #9b8af5 96%, #8d7af5 98%, #8670ee 100%) 0 100.00% / 100% 1.778% no-repeat,
    #000000;
}
.hero .hero-inner { position: relative; display: flex; flex: 1; flex-direction: column; padding-top: 24px; padding-bottom: 72px; }

.hero-main { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.hero-main > :not(h1) { animation: fadeUp .6s ease both; }
.hero-main > .hero-sub { animation-delay: .35s; }
.hero-main > .claim { animation-delay: .45s; }
.hero-main > .hero-guarantee { animation-delay: .55s; }
.hero h1 { font-size: clamp(2.75rem, 7.6vw, 6.25rem); font-weight: 700; line-height: .95; letter-spacing: -.04em; }
.hero h1 .t-line { display: block; }
.hero h1 .t-badge { display: flex; align-items: center; justify-content: center; gap: .1em; margin-top: .12em; }
/* a starburst badge, then a coloured pill, as in the title on Hostinger's hero. "rotate" is separate from "transform", so the word-by-word entrance does not undo it. */
.hero h1 .burst {
  flex: none; display: grid; place-items: center; width: 4.5em; height: 4.5em; font-size: .26em; rotate: -12deg;
  background: #ffffff; color: #18181a; font-weight: 700; letter-spacing: 0; line-height: 1; text-align: center; text-transform: uppercase;
  clip-path: polygon(50.0% 0.0%, 56.8% 7.0%, 65.5% 2.4%, 69.7% 11.2%, 79.4% 9.5%, 80.8% 19.2%, 90.5% 20.6%, 88.8% 30.3%, 97.6% 34.5%, 93.0% 43.2%, 100.0% 50.0%, 93.0% 56.8%, 97.6% 65.5%, 88.8% 69.7%, 90.5% 79.4%, 80.8% 80.8%, 79.4% 90.5%, 69.7% 88.8%, 65.5% 97.6%, 56.8% 93.0%, 50.0% 100.0%, 43.2% 93.0%, 34.5% 97.6%, 30.3% 88.8%, 20.6% 90.5%, 19.2% 80.8%, 9.5% 79.4%, 11.2% 69.7%, 2.4% 65.5%, 7.0% 56.8%, 0.0% 50.0%, 7.0% 43.2%, 2.4% 34.5%, 11.2% 30.3%, 9.5% 20.6%, 19.2% 19.2%, 20.6% 9.5%, 30.3% 11.2%, 34.5% 2.4%, 43.2% 7.0%);
}
.hero h1 .pill-word { display: inline-block; padding: .134em .232em .097em; border-radius: var(--r); background: var(--brand); color: #ffffff; text-transform: uppercase; }

.hero-sub { max-width: 46ch; margin-top: 28px; color: #ffffff; font-size: 1.1875rem; line-height: 1.5; }
.hero-sub strong { font-weight: 700; }
.hero-guarantee { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 24px; color: #ffffff; font-size: 1.0625rem; }
.hero-guarantee .icon { flex: none; width: 20px; height: 20px; }

/* the claim bar: +91, number and .ooo in a dark glass field, with a white button inside it */
.claim { width: 100%; max-width: 640px; margin-top: 32px; }
.claim-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 4px; padding: 6px; border: 1px solid rgba(255, 255, 255, .24); border-radius: var(--r);
  background: rgba(255, 255, 255, .07); text-align: left;
}
.claim-prefix { padding: 0 4px 0 14px; color: rgba(255, 255, 255, .72); font-weight: 600; }
.claim-row input {
  flex: 1 1 150px; width: 100%; min-width: 0; padding: 12px 0; border: 0; border-radius: 0; background: transparent; outline: none;
  color: #ffffff; caret-color: #b39ef3; font: inherit; font-size: 1.0625rem; font-weight: 500; font-variant-numeric: tabular-nums;
}
.claim-row input::placeholder { color: rgba(255, 255, 255, .55); opacity: 1; }
.claim-row input.is-demo { color: rgba(255, 255, 255, .65); }
.claim-tld { padding-right: 10px; color: #b39ef3; font-size: 1.0625rem; font-weight: 600; }
.claim-row:focus-within { outline: 3px solid #b39ef3; outline-offset: 2px; }
.claim-btn { flex: 1 1 100%; padding: 12px 24px; border-radius: calc(var(--r) - 4px); background: #ffffff; color: #18181a; }
.claim-btn:hover { background: #e2dbfc; }
.claim-msg { min-height: 1.6em; margin-top: 10px; color: var(--muted); font-size: .9375rem; text-align: center; }
.claim-msg.is-error { display: inline-block; padding: 4px 12px; border-radius: var(--r); background: var(--coral); color: var(--on-coral); font-weight: 600; }

/* the title comes in word by word, like Hostinger's */
.js .hero h1 .w { display: inline-block; opacity: 0; transform: translateY(.45em); animation: wordIn .7s cubic-bezier(.2, .7, .2, 1) forwards; animation-delay: calc(var(--i, 0) * 70ms + 120ms); }
@keyframes wordIn { to { opacity: 1; transform: none; } }
.js .hero h1 .burst.w { display: grid; }

/* ---------- sections ---------- */
.section { padding: 72px 0; }
.section h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; line-height: 1.12; letter-spacing: -.03em; }
.section h3 { font-size: 1.25rem; font-weight: 600; line-height: 1.35; }
.section h2, .feature-copy h3 { text-wrap: balance; }
.section-head { max-width: 640px; margin-bottom: 48px; }
.section-head p { margin-top: 14px; color: var(--muted); font-size: 1.125rem; }
.section-head-center { margin-left: auto; margin-right: auto; text-align: center; }

/* how it works: a row of panels, one open at a time (on wide screens) */
.panels { display: grid; gap: 14px; }
.panel {
  position: relative; overflow: hidden; border-radius: var(--r);
  background: var(--panel); color: var(--panel-ink);
}
.panel-1 { --panel: #7b66ff; --panel-ink: #ffffff; }
.panel-2 { --panel: #ff5c5c; --panel-ink: #1b0b0b; }
.panel-3 { --panel: #4a2bc2; --panel-ink: #ffffff; }
.panel-4 { --panel: #2a1a7a; --panel-ink: #ffffff; }

.panel-head {
  display: grid; width: 100%; padding: 20px 20px 0; border: 0; background: none; color: inherit;
  font: inherit; text-align: left; cursor: default;
}
.panel-tag {
  justify-self: start; padding: 5px 14px; border-radius: 999px;
  background: rgba(11, 11, 16, .88); color: #ffffff; font-size: .85rem; font-weight: 600;
}
.panel-art { display: block; margin: 8px auto 0; max-width: 340px; }
.panel-art img { display: block; width: 100%; height: auto; }
.panel-title { display: block; margin-top: 4px; font-size: 1.5rem; font-weight: 600; line-height: 1.15; letter-spacing: -.02em; }
.panel-body { padding: 8px 20px 24px; }
.panel-body p { max-width: 44ch; font-size: 1.0625rem; opacity: .95; }

/* wide screens: the panels sit in one row, and the open one is wider */
@media (min-width: 900px) {
  .js .panels { display: flex; height: 480px; }
  .js .panel { flex: 1 1 0; min-width: 0; transition: flex-grow .6s cubic-bezier(.3, .7, .2, 1); }
  .js .panel.is-open { flex-grow: 2.7; }
  .js .panel-head { position: absolute; inset: 0; padding: 20px; cursor: pointer; align-content: start; }
  .js .panel-art {
    position: absolute; left: 50%; top: 40%; width: 360px; max-width: none; margin: 0;
    translate: -50% -50%; scale: .6; transition: scale .6s cubic-bezier(.3, .7, .2, 1);
  }
  .js .panel.is-open .panel-art { scale: .86; }
  .js .panel.is-open .panel-art img { animation: floatA 7s ease-in-out infinite; }
  .js .panel-title { position: absolute; left: 20px; right: 20px; bottom: 24px; margin: 0; font-size: 1.1875rem; transition: font-size .4s ease, bottom .6s cubic-bezier(.3, .7, .2, 1); }
  .js .panel.is-open .panel-title { bottom: 96px; font-size: 1.75rem; }
  .js .panel-body { position: absolute; left: 20px; right: 20px; bottom: 24px; padding: 0; opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility 0s linear .35s; }
  .js .panel.is-open .panel-body { opacity: 1; visibility: visible; transition: opacity .45s ease .25s, visibility 0s; }
  .js .panel:not(.is-open):hover { filter: brightness(1.06); }
}

/* plans (section is hidden with display: none; remove the #plans rule below to show it again) */
#plans, .nav-links li:has(> a[href="#plans"]), .foot-col li:has(> a[href="#plans"]) { display: none; }
/* "Try an example" earnings calculator band: hidden for now, delete this rule to show it again */
.earn-calc { display: none; }
.plans { display: grid; gap: 22px; align-items: stretch; }
.plan {
  position: relative; display: flex; flex-direction: column; gap: 20px; padding: 32px 28px 28px;
  border: 1.5px solid var(--line); border-radius: var(--r); background: var(--card);
  transition: transform .3s ease, box-shadow .3s ease;
}
.plan:hover { transform: translateY(-8px); box-shadow: 0 26px 56px rgba(103, 61, 230, .2); }
.plan-head { display: flex; align-items: center; gap: 14px; min-height: 78px; }
.plan-icon { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: var(--r); background: var(--card-2); color: var(--link); }
.plan-icon .icon { width: 26px; height: 26px; }
.plan h3 { font-size: 1.5rem; letter-spacing: -.02em; }
.plan-for { margin-top: 2px; color: var(--muted); font-size: .9375rem; line-height: 1.4; }
.price { display: flex; flex-direction: column; gap: 6px; padding-top: 22px; border-top: 1px solid var(--line); }
.price-n { font-size: 3.25rem; font-weight: 700; line-height: 1; letter-spacing: -.03em; }
.price-per { color: var(--muted); font-size: .9375rem; }
.share { padding: 14px 16px; border-radius: var(--r); background: var(--card-2); }
.share-top { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: .9rem; }
.share-top b { color: var(--text); font-size: 1rem; }
.share-bar { height: 8px; margin-top: 10px; overflow: hidden; border-radius: 999px; background: var(--bar-track, rgba(103, 61, 230, .16)); }
.share-bar i {
  display: block; width: var(--w); height: 100%; border-radius: 999px; background: var(--bar-fill, var(--grad-brand)); transform-origin: left;
  animation: fillBar 1.1s cubic-bezier(.3, .7, .2, 1) .2s both; animation-play-state: var(--play, paused);
}
.plan.is-live { --play: running; }
.ticks { display: grid; gap: 10px; margin-bottom: 4px; flex: 1; align-content: start; }
.ticks li { position: relative; padding-left: 28px; }
.ticks li::before {
  content: ""; position: absolute; left: 4px; top: .35em; width: 10px; height: 6px;
  border-left: 2.5px solid var(--link); border-bottom: 2.5px solid var(--link); transform: rotate(-45deg);
}
.plan .btn { width: 100%; }

/* the suggested plan and the business plan are filled, so the three read as different steps */
.plan-featured, .plan-business {
  --text: #ffffff; --head: #ffffff; --muted: #e3dcff; --line: rgba(255, 255, 255, .24); --card-2: rgba(255, 255, 255, .14); --link: #ffffff;
  --bar-track: rgba(255, 255, 255, .26); --bar-fill: #ffffff;
  border-color: transparent; color: #ffffff;
}
.plan-featured { background: linear-gradient(160deg, #4a2bc2 0%, #673de6 55%, #8c6bff 100%); box-shadow: 0 24px 60px rgba(103, 61, 230, .35); }
.plan-business { background: linear-gradient(160deg, #17141f 0%, #2a1a7a 100%); }
.plan-featured .plan-icon, .plan-business .plan-icon { background: rgba(255, 255, 255, .2); }
.badge {
  position: absolute; top: 18px; right: 22px; padding: 3px 12px; border-radius: 999px;
  background: var(--coral); color: var(--on-coral); font-size: .85rem; font-weight: 600;
}

.included { margin-top: 56px; text-align: center; }
.included h3 { margin-bottom: 18px; font-size: 1.125rem; font-weight: 600; }
.included-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.included-list li {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1.5px solid var(--line); border-radius: 999px;
  background: var(--card); font-size: .9375rem; font-weight: 500;
}
.included-list .icon { width: 18px; height: 18px; color: var(--link); }
.plans-foot { max-width: 60ch; margin: 28px auto 0; text-align: center; color: var(--muted); }

/* ---------- small square icon holder ---------- */
.tile {
  display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 20px; border-radius: var(--r);
  background: var(--brand); color: #ffffff;
}

/* animated icons: each one plays when its card scrolls into view, and again while hovered */
.ai {
  width: 40px; height: 40px; overflow: visible;
  fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round;
}
.ai * { transform-box: fill-box; transform-origin: center; animation-fill-mode: both; animation-play-state: var(--play, paused); animation-iteration-count: var(--count, 2); }
.card.is-live, .card:hover { --play: running; }
.card:hover { --count: infinite; }

.ai .ln, .ai .wline, .ai .chk { stroke-dasharray: var(--len, 24); animation-name: draw; animation-timing-function: ease-out; }
@keyframes draw { from { stroke-dashoffset: var(--len, 24); } to { stroke-dashoffset: 0; } }
.ai .chk { --len: 30; animation-duration: 1s; }
.ai .wline { animation-duration: 1.4s; }

.ai-page .ln { animation-duration: 1.1s; }
.ai-page .l2 { animation-delay: .5s; }
.ai-page .caret { animation-name: blink; animation-duration: .8s; animation-timing-function: steps(1); }
@keyframes blink { 50% { opacity: 0; } }

.ai-mega .horn { animation-name: wobble; animation-duration: 1.2s; animation-timing-function: ease-in-out; }
.ai-mega .wave { animation-name: wave; animation-duration: 1.2s; }
.ai-mega .w2 { animation-delay: .25s; }
@keyframes wobble { 25% { transform: rotate(-7deg); } 75% { transform: rotate(6deg); } }
@keyframes wave { 0% { opacity: .1; } 45%, 100% { opacity: 1; } }

.ai-call .handset { animation-name: shake; animation-duration: .9s; animation-timing-function: ease-in-out; }
.ai-call .ring { animation-name: wave; animation-duration: .9s; }
.ai-call .r2 { animation-delay: .15s; }
@keyframes shake { 15% { transform: rotate(-14deg); } 30% { transform: rotate(12deg); } 45% { transform: rotate(-10deg); } 60% { transform: rotate(8deg); } 75% { transform: rotate(-4deg); } }

.ai-chart .bar { fill: currentColor; transform-origin: 50% 100%; animation-name: grow; animation-duration: .9s; animation-timing-function: cubic-bezier(.2, .8, .2, 1); }
.ai-chart .b2 { animation-delay: .15s; }
.ai-chart .b3 { animation-delay: .3s; }
@keyframes grow { from { transform: scaleY(.1); } to { transform: scaleY(1); } }

.ai-lock .shackle { animation-name: unlock; animation-duration: 1.6s; animation-timing-function: ease-in-out; }
@keyframes unlock { 40%, 60% { transform: translateY(-5px) rotate(-10deg); } }

.ai-pen .pen { animation-name: write; animation-duration: 1.6s; animation-timing-function: ease-in-out; }
@keyframes write { 30% { transform: translate(3px, -3px); } 60% { transform: translate(-2px, 1px); } }

.ai-otp .td { fill: currentColor; stroke: none; animation-name: hop; animation-duration: .9s; animation-timing-function: ease-in-out; }
.ai-otp .t2 { animation-delay: .12s; }
.ai-otp .t3 { animation-delay: .24s; }
@keyframes hop { 40% { transform: translateY(-5px); } }

.ai-globe .meridian { animation-name: mer; animation-duration: 2.4s; animation-timing-function: ease-in-out; }
@keyframes mer { 50% { transform: scaleX(.08); } }

.ai-switch .knob { fill: currentColor; stroke: none; animation-duration: 1.6s; animation-timing-function: ease-in-out; }
.ai-switch .k1 { animation-name: slideR; }
.ai-switch .k2 { animation-name: slideL; }
@keyframes slideR { 50% { transform: translateX(24px); } }
@keyframes slideL { 50% { transform: translateX(-24px); } }

.ai-tag .tagbody { animation-name: swing; animation-duration: 1.6s; animation-timing-function: ease-in-out; }
@keyframes swing { 25% { transform: rotate(-9deg); } 75% { transform: rotate(9deg); } }

.ai-coin .coinspin { animation-name: coinflip; animation-duration: 1.6s; animation-timing-function: ease-in-out; }
.ai-coin .spark { animation-name: wave; animation-duration: 1.2s; }
@keyframes coinflip { 50% { transform: scaleX(.12); } }

.ai-exit .arrow { animation-name: nudge; animation-duration: 1.2s; animation-timing-function: ease-in-out; }
@keyframes nudge { 50% { transform: translateX(5px); } }

/* ---------- tools: pill tabs, one feature at a time, then a row of link cards ---------- */
.tabs-wrap { display: none; justify-content: center; margin-bottom: 56px; }
.js .tabs-wrap { display: flex; }
.tabs {
  display: inline-flex; gap: 4px; padding: 5px; border: 1px solid var(--line); border-radius: var(--r);
  background: var(--card);
}
.tab {
  padding: 11px 26px; border: 0; border-radius: var(--r); background: transparent; color: var(--text);
  font: 700 1rem/1 var(--font); cursor: pointer; transition: background-color .25s, color .25s;
}
.tab:hover { background: var(--card-2); }
.tab[aria-selected="true"] { background: var(--tab-on); color: var(--tab-on-text); }

.feature { --play: running; display: grid; gap: 32px; align-items: center; margin-bottom: 72px; }
.js .feature:not(.is-active) { display: none; }
.feature-art img { display: block; width: 100%; max-width: 560px; height: auto; margin: 0 auto; }
.feature-copy { max-width: 470px; }
.feature-copy .tile { margin-bottom: 22px; }
.feature-copy h3 { font-size: clamp(1.75rem, 3vw, 2.25rem); font-weight: 700; letter-spacing: -.025em; line-height: 1.15; }
.feature-copy p { margin-top: 14px; color: var(--muted); font-size: 1.125rem; }
.feature.is-active .feature-copy > * { animation: fadeUp .55s ease both; }
.feature.is-active .feature-copy > :nth-child(2) { animation-delay: .08s; }
.feature.is-active .feature-copy > :nth-child(3) { animation-delay: .14s; }
.feature.is-active .feature-copy > :nth-child(4) { animation-delay: .2s; }
.feature.is-active .feature-copy > :nth-child(5) { animation-delay: .26s; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.feature-link {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; padding: 16px 0;
  border-bottom: 1.5px solid var(--line); color: var(--text); font-size: 1.125rem; font-weight: 500; text-decoration: none;
  transition: padding .25s ease, border-color .25s ease;
}
.feature-link:hover { padding-inline: 8px; border-color: var(--brand); }
.feature-link .icon { transition: translate .25s ease; }
.feature-link:hover .icon { translate: 6px 0; }
.avatar-row { display: flex; align-items: center; margin-top: 24px; }
.avatar-row img { width: 44px; height: 44px; margin-left: -10px; border: 3px solid var(--bg); border-radius: 50%; background: var(--bg); }
.avatar-row img:first-child { margin-left: 0; }
.avatar-row span { max-width: 26ch; margin-left: 14px; color: var(--muted); font-size: .9375rem; line-height: 1.35; }

.section .more-title { margin: 0 0 24px; font-size: clamp(1.5rem, 2.4vw, 1.875rem); font-weight: 700; letter-spacing: -.02em; }
.more-grid { display: grid; gap: 16px; }
.more-card {
  position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 168px; padding: 22px 24px;
  border-radius: var(--r); background: var(--card-2); color: var(--text); text-decoration: none;
  transition: background-color .25s ease, transform .25s ease;
}
.more-card:hover { background: color-mix(in srgb, var(--brand) 12%, var(--card-2)); transform: translateY(-4px); }
.more-icon { position: absolute; left: 24px; top: 22px; width: 26px; height: 26px; color: var(--link); }
.more-arrow { position: absolute; right: 22px; top: 22px; width: 22px; height: 22px; transition: translate .25s ease; }
.more-card:hover .more-arrow { translate: 3px -3px; }
.more-text strong { display: block; font-size: 1.125rem; font-weight: 600; line-height: 1.3; }
.more-text span { color: var(--muted); font-size: .9375rem; }

.control-grid .card h3 { margin-bottom: 0; }

/* ---------- examples: a plain showcase of page pictures with a name and a small tag under each (as on the Framer and Webflow template pages) ---------- */
.examples { overflow: hidden; }
.show-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 32px; margin-bottom: 40px; }
.show-head p:not(.tag) { max-width: 52ch; margin-top: 14px; color: var(--muted); font-size: 1.125rem; }
.show-link { display: inline-flex; align-items: center; gap: 8px; color: var(--head); font-weight: 600; text-decoration: none; }
.show-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.show-link .icon { width: 20px; height: 20px; }
.show { display: grid; gap: 40px 28px; }
.show-card img { display: block; width: 100%; height: auto; aspect-ratio: 960 / 644; border: 1px solid var(--line); border-radius: var(--r); background: var(--card-2); }
.show-cap { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.show-cap b { font-size: 1.125rem; font-weight: 600; color: var(--head); }
.show-tag { padding: 4px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--card); color: var(--muted); font-size: .8125rem; font-weight: 500; white-space: nowrap; }

.ad-tag {
  flex: none; padding: 2px 8px; border-radius: 6px;
  background: var(--coral); color: var(--on-coral); font-size: .75rem; font-weight: 600; letter-spacing: .02em;
}

/* ---------- how your page earns: steps, benefits band, calculator band ---------- */
.earn h2 {
  font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; line-height: 1.12; letter-spacing: -.03em; text-wrap: balance;
}
.earn h3 { font-size: 1.25rem; font-weight: 600; line-height: 1.35; }

.earn-steps-band { padding: 72px 0; background: var(--bg); }
.earn-steps { position: relative; display: grid; gap: 36px; margin-top: 8px; }
.earn-steps li { position: relative; text-align: center; }
.earn-n {
  position: relative; z-index: 1; display: grid; place-items: center; width: 56px; height: 56px; margin: 0 auto 20px;
  border: 1px solid var(--brand); border-radius: 50%; background: var(--bg); color: var(--link);
  font-size: 1.25rem; font-weight: 600;
}
.earn-steps p { max-width: 30ch; margin: 8px auto 0; color: var(--muted); }
.earn-cta { display: flex; justify-content: center; margin-top: 48px; }

/* the dotted line draws across, and the numbers pop in one after another */
.earn-steps::before {
  content: ""; position: absolute; top: 27px; left: 12.5%; right: 12.5%; height: 2px; display: none;
  background: repeating-linear-gradient(90deg, var(--brand) 0 8px, transparent 8px 16px);
  transform-origin: left; transform: scaleX(1); transition: transform 1s ease .2s;
}
.js .earn-steps:not(.in)::before { transform: scaleX(0); }
.js .earn-steps:not(.in) .earn-n { opacity: 0; }
.earn-steps.in .earn-n { animation: popN .55s cubic-bezier(.2, .9, .3, 1.3) both; animation-delay: calc(var(--i, 0) * .18s); }
@keyframes fillBar { from { transform: scaleX(0); } }
@keyframes popN { from { opacity: 0; transform: scale(.55); } to { opacity: 1; transform: none; } }

.earn-band { padding: 72px 0; background: var(--bg); }
.earn-band .section-head { margin-bottom: 48px; }

/* picture cards: three pictures made in Figma, with the words underneath */
.pics { display: grid; gap: 36px 28px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.pic-item h3 { margin-top: 24px; font-size: 1.25rem; font-weight: 600; }
.pic-item p { margin-top: 8px; color: var(--muted); }
.pic-art { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; border-radius: var(--r); background: var(--card-2); }

.earn-calc { position: relative; overflow: hidden; padding: 72px 0; }
.earn-calc .wrap { position: relative; z-index: 1; }
.calc-wrap { display: grid; gap: 40px; align-items: center; }
.calc-heading { margin-bottom: 12px; }
.calc-intro { max-width: 44ch; margin-bottom: 26px; color: #b9b3d3; font-size: 1.1875rem; }

.slider-card { margin-top: 14px; padding: 20px 22px 18px; border-radius: var(--r); background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .08); }
.slider-top { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.slider-top label { font-weight: 600; }
.slider-top output { font-size: 1.625rem; font-weight: 700; letter-spacing: -.02em; }
.slider-scale { display: flex; justify-content: space-between; margin-top: 10px; color: #a29cc0; font-size: .8125rem; }

.slider-card input[type="range"] {
  --fill: 10%; display: block; width: 100%; height: 8px; margin: 0; border-radius: 999px; cursor: pointer;
  -webkit-appearance: none; appearance: none;
  background: linear-gradient(90deg, #b39ef3 var(--fill), rgba(255, 255, 255, .16) var(--fill));
}
.slider-card input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none; width: 28px; height: 28px; border: 5px solid #4a2bc2; border-radius: 50%;
  background: #ffffff; box-shadow: 0 4px 12px rgba(10, 4, 60, .4); transition: transform .15s;
}
.slider-card input[type="range"]::-moz-range-thumb {
  width: 18px; height: 18px; border: 5px solid #4a2bc2; border-radius: 50%; background: #ffffff; box-shadow: 0 4px 12px rgba(10, 4, 60, .4);
}
.slider-card input[type="range"]:active::-webkit-slider-thumb { transform: scale(1.12); }
.slider-card input[type="range"]:focus-visible { outline: 3px solid #ffffff; outline-offset: 6px; }

/* quick examples above the sliders */
.presets-label { margin: 0 0 10px; color: #a29cc0; font-size: .9375rem; }
.presets { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.preset {
  padding: 9px 16px; border: 1px solid rgba(255, 255, 255, .22); border-radius: var(--r); background: transparent; color: #ffffff;
  font: 600 .9375rem/1.2 var(--font); cursor: pointer; transition: background-color .2s, color .2s, border-color .2s;
}
.preset:hover { border-color: #ffffff; }
.preset[aria-pressed="true"] { border-color: #ffffff; background: #ffffff; color: #18181a; }

/* the board: a light summary card on the dark band */
.calc-board {
  display: grid; gap: 26px; padding: 28px 30px 26px; border-radius: var(--r); background: #f5f3fc; color: #1d1b25;
  --head: #18181a; --muted: #6b6880; --line: #dcd6f5;
}
.cb-row { transition: opacity .6s ease, transform .6s cubic-bezier(.2, .7, .2, 1); transition-delay: calc(var(--k, 0) * 110ms); }
.js .calc-board:not(.is-live) .cb-row { opacity: 0; transform: translateY(12px); }

.cb-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cb-head h3 { font-size: 1.125rem; font-weight: 600; color: var(--head); }
.seg { display: inline-flex; gap: 2px; padding: 4px; border: 1px solid #dcd6f5; border-radius: var(--r); background: #ffffff; }
.seg-btn { padding: 7px 18px; border: 0; border-radius: calc(var(--r) - 4px); background: transparent; color: #4a4760; font: 600 .9375rem/1.2 var(--font); cursor: pointer; transition: background-color .2s, color .2s; }
.seg-btn:hover { color: #18181a; }
.seg-btn[aria-pressed="true"] { background: #18162b; color: #ffffff; }
.seg-btn:focus-visible { outline: 3px solid #5428d1; outline-offset: 2px; }

.cb-hero { display: grid; gap: 8px; }
.board-big {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .1em .35em;
  font-size: clamp(3.25rem, 6.6vw, 5rem); font-weight: 700; line-height: 1; letter-spacing: -.045em; color: #4f2bc4; font-variant-numeric: tabular-nums;
}
.board-big small { font-size: 1.125rem; font-weight: 500; letter-spacing: 0; color: #6b6880; }
.cb-sub { color: #6b6880; font-size: .9375rem; }
.cb-sub b { color: #1d1b25; font-weight: 600; }

.cb-bars { display: grid; gap: 18px; padding-top: 22px; border-top: 1px solid #dcd6f5; }
.cb-line-top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 8px; font-size: .9375rem; color: #4a4760; }
.cb-line-top small { color: #7d7990; font-size: .8125rem; }
.cb-line-top b { color: #1d1b25; font-size: 1.0625rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.cb-track { height: 14px; overflow: hidden; border-radius: 999px; background: #e4def6; }
.cb-fill { display: block; height: 100%; border-radius: 999px; transition: width .8s cubic-bezier(.3, .7, .2, 1) .25s; }
.cb-fill-gross { width: var(--g, 40%); background: #b9a9ee; }
.cb-fill-you { width: var(--n, 28%); background: #673de6; }
.js .calc-board:not(.is-live) .cb-fill { width: 0; }
.calc-note { color: #6b6880; font-size: .875rem; }

/* ---------- you stay in control: a heading, a working control panel, a plain grid ---------- */
.control { position: relative; overflow: hidden; }
.control-title { max-width: 20ch; margin: 0 auto; text-align: center; font-size: clamp(2.25rem, 5vw, 3.75rem); font-weight: 700; line-height: 1.08; letter-spacing: -.03em; text-wrap: balance; }
.control-title .dim { display: block; color: var(--muted); }
.control-sub { max-width: 52ch; margin: 22px auto 0; text-align: center; color: var(--muted); font-size: 1.125rem; }

.ctl { display: grid; gap: 24px; align-items: stretch; margin-top: 56px; }
.ctl-panel { padding: 28px; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--card); }
.ctl-panel h3 { font-size: 1.375rem; }
.ctl-help { margin: 6px 0 22px; color: var(--muted); }
.ctl-list { display: grid; gap: 10px; }
.sw { position: relative; display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: var(--r); background: var(--card-2); cursor: pointer; transition: background-color .2s; }
.sw:hover { background: #2d2b38; }
.sw input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sw-track { position: relative; flex: none; width: 44px; height: 24px; border-radius: 999px; background: #4a4759; transition: background-color .25s; }
.sw-track::after { content: ""; position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #ffffff; transition: transform .25s ease; }
.sw input:checked + .sw-track { background: var(--brand); }
.sw input:checked + .sw-track::after { transform: translateX(20px); }
.sw input:focus-visible + .sw-track { outline: 3px solid #c3b6ff; outline-offset: 3px; }
.sw input:disabled + .sw-track { opacity: .55; }
.is-locked .sw { cursor: not-allowed; }
.sw-text { font-weight: 500; }
.sw-text .ad-tag { margin-left: 8px; font-style: normal; vertical-align: middle; }
.btn-takedown { width: 100%; margin-top: 22px; border-color: #7c5256; background: transparent; color: #f0b4b4; }
.btn-takedown:hover { background: rgba(255, 140, 140, .1); }
.btn-takedown[aria-pressed="true"] { border-color: #f0b4b4; background: #f0b4b4; color: #2b0d0d; }

.ctl-stage { position: relative; display: grid; place-items: center; min-height: 460px; padding: 36px 24px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--card-2); }
.ctl-phone { position: relative; z-index: 1; width: min(100%, 290px); overflow: hidden; border: 6px solid #0f0f13; border-radius: var(--r); background: #ffffff; color: #222225; }
.ctl-url { display: flex; align-items: center; gap: 6px; padding: 12px 14px; background: #f1f0f6; font-size: .75rem; font-weight: 600; }
.ctl-url .icon { width: 13px; height: 13px; color: #673de6; }
.cp-body { padding: 4px 16px 18px; transition: filter .4s ease; }
.cp-row { display: grid; grid-template-rows: 1fr; margin-top: 14px; transition: grid-template-rows .4s ease, opacity .3s ease, margin-top .4s ease; }
.cp-row > .in { min-height: 0; overflow: hidden; }
.cp-who { display: flex; align-items: center; gap: 10px; }
.cp-who img { width: 44px; height: 44px; border-radius: 50%; }
.cp-who b { display: block; font-size: .9375rem; line-height: 1.2; font-weight: 600; }
.cp-who small { display: block; color: #6b6880; font-size: .75rem; line-height: 1.3; }
.cp-btns > .in { display: flex; gap: 8px; }
.cp-call, .cp-wa {
  max-width: 140px; padding: 7px 16px; overflow: hidden; border: 1px solid #dedbe8; border-radius: var(--r); font-size: .8125rem; font-weight: 600; white-space: nowrap;
  transition: max-width .4s ease, opacity .3s ease, padding .4s ease, border-width .4s ease, margin .4s ease;
}
.cp-call { border-color: transparent; background: #673de6; color: #ffffff; }
.cp-linkrow { display: flex; flex-wrap: wrap; gap: 8px; }
.cp-linkrow span { padding: 5px 12px; border-radius: var(--r); background: #f1f0f6; color: #5428d1; font-size: .75rem; font-weight: 600; }
.cp-ad { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding: 10px 12px; border: 1px dashed #bdb8cc; border-radius: var(--r); font-size: .75rem; transition: opacity .3s ease; }
.cp-ad .ad-tag { font-style: normal; }
.off-name .cp-name, .off-links .cp-links, .off-call.off-wa .cp-btns { grid-template-rows: 0fr; margin-top: 0; opacity: 0; }
.off-call .cp-call, .off-wa .cp-wa { max-width: 0; padding-inline: 0; border-width: 0; opacity: 0; margin-inline: -4px; }
.cp-down {
  position: absolute; inset: 0; display: grid; place-content: center; gap: 4px; padding: 24px; text-align: center;
  background: rgba(24, 24, 26, .9); color: #ffffff; opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility 0s linear .4s;
}
.cp-down small { color: #cfcbdc; font-size: .8125rem; }
.is-down .cp-down { opacity: 1; visibility: visible; transition: opacity .4s ease; }
.is-down .cp-body { filter: grayscale(1) blur(2px); }
.is-down .cp-ad { opacity: 0; }

.ctl-chip {
  position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 8px; border: 1px solid var(--line); border-radius: 999px;
  background: var(--card); color: var(--text); font-size: .8125rem; font-weight: 600;
}
.ctl-chip .icon { width: 18px; height: 18px; padding: 3px; border-radius: 50%; background: var(--brand); color: #ffffff; stroke-width: 3; }
.ctl-chip-a { left: 16px; top: 18px; }
.ctl-chip-b { right: 16px; bottom: 18px; }

.ctl-grid { display: grid; gap: 44px 36px; margin-top: 72px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.ctl-grid .ai { width: 34px; height: 34px; margin-bottom: 16px; color: #c3b6ff; }
.ctl-grid h3 { font-size: 1.125rem; }
.ctl-grid p { max-width: 36ch; margin-top: 8px; color: var(--muted); }
.ctl-grid li { --play: paused; }
.ctl-grid li.is-live, .ctl-grid li:hover { --play: running; }
.ctl-grid li:hover { --count: infinite; }

/* trust and FAQ share a split layout */
.split { display: grid; gap: 32px; }
.split .section-head { margin-bottom: 0; }

.faq details { border-top: 1px solid var(--line); }
.faq details:last-child { border-bottom: 1px solid var(--line); }
.faq summary {
  position: relative; padding: 20px 48px 20px 0; list-style: none; cursor: pointer;
  font-weight: 600; font-size: 1.125rem;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
  display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r);
  background: var(--card-2); color: var(--link); font-size: 1.375rem; font-weight: 500; line-height: 1;
}
.faq details[open] summary::after { content: "\2212"; background: var(--brand); color: var(--on-brand); }
.faq details p { max-width: 62ch; margin-bottom: 20px; color: var(--muted); }

/* request form */
.request-wrap { display: grid; gap: 40px; }
.request-intro p { margin-top: 14px; max-width: 40ch; color: var(--muted); font-size: 1.1875rem; }
.request-intro .request-big {
  margin-top: 28px; max-width: none; white-space: nowrap;
  color: var(--link); font-size: clamp(1.625rem, 3.4vw, 2.5rem); font-weight: 700; line-height: 1.05; letter-spacing: -.025em;
}
.ooo { font-weight: 600; }

.request-panel { padding: 24px; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--card); }
.field { margin: 0 0 22px; padding: 0; border: 0; min-width: 0; }
.lbl { display: block; margin-bottom: 6px; padding: 0; font-weight: 600; }

.field input[type="text"], .field input[type="email"], .field select {
  width: 100%; padding: 12px 14px; border: 1px solid var(--field-line); border-radius: var(--r);
  background: var(--field-bg); color: var(--text); font: inherit;
}
.field select {
  -webkit-appearance: none; appearance: none; cursor: pointer; padding-right: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aeaabd' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 16px center; background-size: 18px 18px;
}
.field input::placeholder { color: var(--muted); opacity: 1; }
.field input:focus-visible, .field select:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.field input.invalid, .field select.invalid { border-color: var(--err); }
.err { margin-top: 6px; color: var(--err); font-size: .95rem; font-weight: 600; }
.err:empty { display: none; }
.grid-2 { display: grid; gap: 0 20px; }

.choices { display: flex; flex-wrap: wrap; gap: 10px; }
.choice { position: relative; }
.choice input { position: absolute; opacity: 0; }
.choice span {
  display: inline-block; padding: 10px 16px; border: 1px solid var(--field-line); border-radius: var(--r);
  cursor: pointer; font-weight: 500;
}
.choice input:checked + span { border-color: transparent; background: var(--brand); color: var(--on-brand); }
.choice input:checked + span::before { content: "\2713\00a0"; }
.choice input:focus-visible + span { outline: 3px solid var(--focus); outline-offset: 2px; }

.checks { display: grid; gap: 10px; }
.check { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; }
.check input { flex: none; width: 20px; height: 20px; margin: 4px 0 0; accent-color: var(--brand); }
.consent .check + .check, .consent .err + .check { margin-top: 12px; }

.form-error { margin-top: 16px; padding: 12px 14px; border-radius: var(--r); background: var(--coral); color: var(--on-coral); font-weight: 600; }

.success h3 { font-size: 2rem; font-weight: 700; letter-spacing: -.025em; }
.success-url { margin: 12px 0 16px; overflow-wrap: anywhere; color: var(--link); font-size: clamp(2rem, 6vw, 3rem); font-weight: 700; line-height: 1.05; letter-spacing: -.025em; }
.success p { color: var(--muted); }
.success .success-url { color: var(--link); }
.success .btn { margin-top: 24px; }
.success:focus { outline: none; }

/* ---------- footer: a call-to-action band, link columns and a large wordmark ---------- */
.footer { --focus: #4f2bc4; position: relative; overflow: hidden; background: var(--foot-bg); color: var(--foot-text); }
.foot-cta {
  position: relative; overflow: hidden; margin-top: 72px; padding: 44px 26px; border-radius: var(--r); color: #ffffff; --head: #ffffff;
  background: linear-gradient(120deg, #4a2bc2 0%, #673de6 58%, #8c6bff 100%);
}
.foot-cta::before {
  content: ""; position: absolute; right: -3%; top: -12%; width: 44%; height: 130%; background: rgba(43, 22, 130, .6);
  clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%, 42% 52%);
}
.foot-cta h2 { position: relative; max-width: 17ch; font-size: clamp(2rem, 4.4vw, 3.25rem); font-weight: 700; line-height: 1.1; letter-spacing: -.03em; text-wrap: balance; }
.foot-cta p { position: relative; max-width: 42ch; margin-top: 14px; color: #e8e1ff; font-size: 1.125rem; }
.foot-cta .btn { position: relative; margin-top: 26px; }

.foot-main { display: grid; gap: 36px; padding: 64px 0 44px; }
.foot-brand p { max-width: 32ch; margin-top: 14px; color: var(--foot-muted); }
.footer-title { margin-bottom: 16px; font-size: 1rem; font-weight: 600; letter-spacing: 0; }
.foot-col ul { display: grid; gap: 12px; }
.foot-col a, .foot-col .link { color: var(--foot-muted); text-decoration: none; transition: color .2s; }
.foot-col a:hover, .foot-col .link:hover { color: var(--link); text-decoration: underline; text-underline-offset: 4px; }
.foot-col .link { text-decoration: none; }
.footer-note { margin-top: 10px; color: var(--foot-muted); font-size: .875rem; }
.foot-bottom {
  position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 28px;
  padding: 22px 0 8px; border-top: 1px solid var(--foot-line); color: var(--foot-muted); font-size: .875rem;
}
.foot-bottom p { max-width: 70ch; }
.foot-top-btn {
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid var(--foot-line); border-radius: var(--r);
  color: var(--foot-text); font-weight: 600; text-decoration: none; transition: border-color .2s;
}
.foot-top-btn:hover { border-color: var(--brand); }
.foot-top-btn .icon { width: 18px; height: 18px; rotate: -90deg; }

/* a large, quiet wordmark, cut off at the bottom of the page */
.foot-mark {
  margin: 8px 0 -.14em; text-align: center; white-space: nowrap; user-select: none; pointer-events: none;
  font-size: clamp(2.75rem, 14vw, 13rem); font-weight: 700; letter-spacing: -.05em; line-height: .86; color: var(--foot-line);
}

/* ---------- dialogs ---------- */
dialog {
  width: calc(100% - 32px); max-width: 560px; padding: 28px;
  border: 1px solid var(--line); border-radius: var(--r-card); background: var(--card); color: var(--text);
}
dialog::backdrop { background: rgba(8, 8, 14, .7); }
dialog h2 { margin-bottom: 12px; font-size: 1.75rem; font-weight: 700; letter-spacing: -.025em; }
dialog p { margin-bottom: 12px; color: var(--muted); }
dialog ul { display: grid; gap: 8px; margin: 0 0 24px; padding-left: 20px; list-style: disc; }

/* ---------- reveal on scroll (added by v4.js) ---------- */
.reveal {
  opacity: 0; transform: translateY(26px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1);
  transition-delay: calc(var(--i, 0) * 80ms);
}
.reveal[data-r="left"] { transform: translateX(-34px); }
.reveal[data-r="right"] { transform: translateX(34px); }
.reveal[data-r="zoom"] { transform: scale(.94); }
.reveal.in { opacity: 1; transform: none; }
@media (max-width: 767px) {
  /* no sideways start on phones, so nothing pokes past the screen edge before it appears */
  .reveal[data-r="left"], .reveal[data-r="right"] { transform: translateY(26px); }
}
/* cards keep their own hover transition once they have appeared */
.card.reveal.in, .plan.reveal.in, .persona.reveal.in, .earn-point.reveal.in { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .7s ease; transition-delay: 0s; }

/* ---------- larger screens ---------- */
@media (min-width: 420px) {
  .nav-more { display: inline; }
}

@media (min-width: 560px) {
  .grid-2 { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 640px) {
  .card-grid { grid-template-columns: repeat(2, 1fr); }
  .more-grid { grid-template-columns: repeat(2, 1fr); }
  .earn-steps { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) {
  .wrap { padding: 0 24px; }
  .panels { grid-template-columns: repeat(2, 1fr); }
  .request-panel { padding: 40px; }
}

@media (min-width: 960px) {
  .wrap { padding: 0 40px; }
  .nav-links { display: flex; }
  .nav .logo { font-size: 1.25rem; gap: 10px; }
  .nav .logo-mark { width: 34px; height: 34px; }
  .nav-actions { gap: 10px; }
  .nav-actions .btn { padding: 10px 18px; font-size: .95rem; }
  .section { padding: 112px 0; }
  .card-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .plans { grid-template-columns: repeat(3, 1fr); }
  .plan-featured { margin: -16px 0; padding-top: 48px; padding-bottom: 36px; }
  .feature { grid-template-columns: 1.1fr .9fr; gap: 72px; }
  .more-grid { gap: 20px; }
  .ctl { grid-template-columns: .85fr 1.15fr; gap: 32px; }
  .earn-steps { grid-template-columns: repeat(4, 1fr); gap: 28px; }
  .earn-steps::before { display: block; }
  .calc-wrap { grid-template-columns: 1fr 1fr; gap: 72px; }
  .earn-steps-band, .earn-band, .earn-calc { padding: 104px 0; }
  .split { grid-template-columns: 1fr 1.4fr; gap: 72px; align-items: start; }
  .split .section-head { position: sticky; top: 104px; }
  .request-wrap { grid-template-columns: 5fr 7fr; gap: 72px; align-items: start; }
  .foot-main { grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; }
  .foot-cta { padding: 72px 64px; }
}

@media (min-width: 640px) {
  .claim-btn { flex: 0 0 auto; }
  .show { grid-template-columns: repeat(2, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
  .js .hero h1 .w, .hero-main > :not(h1), .panel-art img, .ai *, .feature-art, .feature-art img, .feature-copy > *, .earn-n { animation: none !important; }
  .earn-steps::before { transform: none !important; transition: none !important; }
  .js .earn-steps:not(.in) .earn-n { opacity: 1; }
  .panel, .panel-art, .panel-title, .panel-body { transition: none !important; }
  .reveal { opacity: 1; transform: none; }
  .js .hero h1 .w { opacity: 1; transform: none; }
  .js .calc-board:not(.is-live) .cb-row { opacity: 1; transform: none; }
  .js .calc-board:not(.is-live) .cb-fill { width: var(--g, 40%); }
}

/* motion used by the picture cards, panels and plans */
@keyframes floatA { 50% { transform: translateY(-7px); } }