@font-face {
  font-family: "Outfit";
  src: url("/brand-fonts/outfit-latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
.wk-www {
  --wk-purple-900: #150840;
  --wk-purple-800: #2B0B74;
  --wk-purple-700: #3C0FA3;
  --wk-purple-600: #4D13D1;
  --wk-purple-500: #601BF6;
  --wk-purple-400: #8E5AF9;
  --wk-purple-300: #B08BFB;
  --wk-purple-200: #C4B5FD;
  --wk-purple-100: #E5D9FE;
  --wk-purple-50: #F4F0FF;
  --wk-violet: #8428F0;
  --wk-violet-mid: #6018D4;
  --wk-lilac: #C084FC;
  --wk-gray-900: #111827;
  --wk-gray-500: #6B7280;
  --wk-gray-50: #F9FAFB;
  --wk-white: #FFFFFF;
  --wk-black: #000000;
  --wk-night: #060214;
  --wk-font: "Outfit", system-ui, -apple-system, sans-serif;
  --mkt-font: var(--wk-font);
  --mkt-paper: var(--wk-purple-900);
  --mkt-overlay-ink: var(--wk-white);
  --mkt-overlay-bar: var(--wk-purple-900);
  --mkt-cta: var(--wk-white);
  --mkt-cta-ink: var(--wk-purple-600);
  --mkt-r-cta: 4px;
  --mkt-foot: var(--wk-gray-900);
  --mkt-foot-ink: var(--wk-white);
  --mkt-foot-muted: #9CA3AF;
}

.wk-www {
  font-family: var(--wk-font);
  color: var(--wk-gray-900);
  line-height: 1.6;
  background: var(--wk-purple-900);
}
.wk-www .skiwo-mkt__main {
  overflow-x: clip;
}

:where(.wk-page) {
  font-family: var(--wk-font);
}
:where(.wk-page) :where(h1, h2, h3, p) {
  margin: 0;
  font-family: inherit;
}
:where(.wk-page) :where(a) {
  color: inherit;
  text-decoration: none;
  font-family: inherit;
}
:where(.wk-page) :where(img) {
  max-inline-size: 100%;
  display: block;
}

.wk-container {
  inline-size: 100%;
  max-inline-size: 1200px;
  margin-inline: auto;
  padding-inline: 1.5rem;
}

.wk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-inline-size: 12rem;
  padding: 0.875rem 2rem;
  border: 2px solid transparent;
  border-radius: 4px;
  font-family: var(--wk-font);
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}
.wk-btn:hover {
  transform: translateY(-1px);
}
.wk-btn:focus-visible {
  outline: 3px solid var(--wk-purple-200);
  outline-offset: 2px;
}
.wk-btn svg {
  flex: none;
}

.wk-btn--white {
  background: var(--wk-white);
  color: var(--wk-purple-700);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--wk-black) 12%, transparent);
}
.wk-btn--white:hover {
  background: var(--wk-purple-50);
}

.wk-btn--ghost {
  background: transparent;
  color: var(--wk-white);
  border-color: color-mix(in srgb, var(--wk-white) 55%, transparent);
}
.wk-btn--ghost:hover {
  background: color-mix(in srgb, var(--wk-white) 10%, transparent);
  border-color: var(--wk-white);
}

.wk-hero {
  position: relative;
  block-size: 1010px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, var(--wk-purple-900) 0%, var(--wk-violet-mid) 45%, var(--wk-violet) 100%);
}
.wk-hero__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
}
.wk-hero__orb--1 {
  inline-size: 600px;
  block-size: 600px;
  inset-block-start: -200px;
  inset-inline-end: -100px;
  background: radial-gradient(circle, var(--wk-purple-500), transparent 70%);
  opacity: 0.35;
}
.wk-hero__orb--2 {
  inline-size: 400px;
  block-size: 400px;
  inset-block-end: 100px;
  inset-inline-start: -100px;
  background: radial-gradient(circle, var(--wk-purple-400), transparent 70%);
  opacity: 0.2;
}
.wk-hero__orb--3 {
  inline-size: 300px;
  block-size: 300px;
  inset-block-start: 30%;
  inset-inline-start: 40%;
  background: radial-gradient(circle, var(--wk-lilac), transparent 70%);
  opacity: 0.15;
}
.wk-hero__card {
  position: absolute;
  z-index: 2;
  aspect-ratio: 663/897;
  border-radius: 19%/13.5%;
  overflow: hidden;
  box-shadow: 0 12px 40px color-mix(in srgb, var(--wk-black) 60%, transparent);
}
.wk-hero__card img {
  inline-size: 100%;
  block-size: 100%;
}
.wk-hero__card--1 {
  inline-size: clamp(165px, 16vw, 215px);
  inset-inline-start: clamp(16px, 5vw, 80px);
  inset-block-start: 150px;
}
.wk-hero__card--2 {
  inline-size: clamp(140px, 13.5vw, 182px);
  inset-inline-start: clamp(80px, 14vw, 260px);
  inset-block-start: 470px;
}
.wk-hero__card--3 {
  inline-size: clamp(115px, 11vw, 150px);
  inset-inline-start: 50%;
  translate: -50% 0;
  inset-block-end: 60px;
}
.wk-hero__card--4 {
  inline-size: clamp(140px, 13.5vw, 182px);
  inset-inline-end: clamp(80px, 14vw, 260px);
  inset-block-start: 470px;
}
.wk-hero__card--5 {
  inline-size: clamp(165px, 16vw, 215px);
  inset-inline-end: clamp(16px, 5vw, 80px);
  inset-block-start: 150px;
}
.wk-hero__content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-inline-size: 640px;
  margin-block-start: -150px;
  padding-inline: 1rem;
  text-align: center;
}
.wk-hero__title {
  margin-block-end: 1.25rem;
  font-size: clamp(2.75rem, 5.5vw, 5rem);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: var(--wk-white);
}
.wk-hero__subtitle {
  max-inline-size: 460px;
  margin-block-end: 2rem;
  font-size: 1rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--wk-white) 75%, transparent);
}
.wk-hero__ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.875rem;
}
@media (max-width: 1024px) {
  .wk-hero__card {
    inline-size: clamp(130px, 13vw, 165px);
  }
}
@media (max-width: 768px) {
  .wk-hero {
    block-size: auto;
    min-block-size: 600px;
  }
  .wk-hero__card {
    display: none;
  }
  .wk-hero__content {
    max-inline-size: 100%;
    margin-block-start: 0;
    padding: 7rem 1.5rem 5rem;
  }
  .wk-hero__title {
    font-size: clamp(2.25rem, 9vw, 3.5rem);
  }
  .wk-hero__ctas {
    flex-direction: column;
    align-items: center;
  }
  .wk-hero__ctas .wk-btn {
    inline-size: 100%;
    max-inline-size: 280px;
  }
}
@media (max-width: 480px) {
  .wk-hero__title {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }
}

.wk-love {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: 8rem;
}
.wk-love__photo {
  position: absolute;
  inset: 0;
  z-index: -2;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  transform: scale(1.04);
}
.wk-love__tint {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(ellipse 80% 60% at 50% 50%, transparent 20%, color-mix(in srgb, var(--wk-night) 30%, transparent) 100%), linear-gradient(160deg, color-mix(in srgb, var(--wk-purple-700) 52%, transparent) 0%, color-mix(in srgb, var(--wk-purple-600) 42%, transparent) 50%, color-mix(in srgb, var(--wk-purple-900) 55%, transparent) 100%);
}
.wk-love__inner {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.wk-love__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  text-align: center;
}
.wk-love__label {
  padding: 0.35rem 0.9rem;
  border: 1px solid color-mix(in srgb, var(--wk-white) 20%, transparent);
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--wk-white) 60%, transparent);
}
.wk-love__title {
  font-size: clamp(2.25rem, 4vw, 3.25rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.04em;
  color: var(--wk-white);
}
.wk-love__sub {
  max-inline-size: 460px;
  font-size: 1rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--wk-white) 60%, transparent);
}
.wk-love__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
@media (max-width: 960px) {
  .wk-love__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  .wk-love {
    padding-block: 5rem;
  }
  .wk-love__grid {
    grid-template-columns: 1fr;
  }
}

.wk-glass {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  padding: 2rem 1.75rem;
  border: 1px solid color-mix(in srgb, var(--wk-white) 12%, transparent);
  border-radius: 1.5rem;
  background: color-mix(in srgb, var(--wk-white) 7%, transparent);
  backdrop-filter: blur(20px);
  transition: transform 0.35s cubic-bezier(0.22, 0.68, 0, 1.2), border-color 0.35s ease, box-shadow 0.35s ease;
}
.wk-glass:hover {
  transform: translateY(-8px);
  border-color: color-mix(in srgb, var(--wk-white) 25%, transparent);
  box-shadow: 0 24px 64px color-mix(in srgb, var(--wk-black) 40%, transparent);
}
.wk-glass__num {
  position: absolute;
  inset-block-end: -0.5rem;
  inset-inline-end: 1rem;
  font-size: 7rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.05em;
  color: color-mix(in srgb, var(--wk-white) 4%, transparent);
  pointer-events: none;
  user-select: none;
}
.wk-glass__icon {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: 52px;
  block-size: 52px;
  border: 1px solid color-mix(in srgb, var(--wk-purple-400) 35%, transparent);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--wk-purple-400) 25%, transparent);
  color: var(--wk-purple-200);
}
.wk-glass__title {
  margin-block-end: 0.5rem;
  font-size: 1.0625rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: var(--wk-white);
}
.wk-glass__desc {
  font-size: 0.9rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--wk-white) 60%, transparent);
}
@media (max-width: 520px) {
  .wk-glass__num {
    font-size: 5rem;
  }
}

.wk-grid-section {
  padding-block: 6rem;
  background: linear-gradient(160deg, var(--wk-purple-900) 0%, var(--wk-violet-mid) 100%);
}
.wk-grid-section__header {
  margin-block-end: 3.5rem;
}
.wk-grid-section__title {
  margin-block-end: 0.6rem;
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--wk-white);
}
.wk-grid-section__sub {
  font-size: 1.05rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--wk-white) 65%, transparent);
}
.wk-grid-section__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: 1.5rem;
}
@media (max-width: 1100px) {
  .wk-grid-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .wk-grid-section {
    padding-block: 4rem;
  }
}
@media (max-width: 560px) {
  .wk-grid-section__grid {
    grid-template-columns: 1fr;
  }
}

.wk-label {
  display: inline-block;
  margin-block-end: 1rem;
  padding: 0.3rem 0.85rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wk-purple-300);
  background: color-mix(in srgb, var(--wk-purple-300) 15%, transparent);
}

.wk-feature {
  display: flex;
  flex-direction: column;
  padding: 2rem 1.75rem 1.75rem;
  border: 1px solid color-mix(in srgb, var(--wk-white) 12%, transparent);
  border-radius: 20px;
  background: color-mix(in srgb, var(--wk-white) 7%, transparent);
  transition: background 0.25s, transform 0.25s, border-color 0.25s, box-shadow 0.25s;
}
.wk-feature:hover {
  background: color-mix(in srgb, var(--wk-white) 12%, transparent);
  border-color: color-mix(in srgb, var(--wk-purple-300) 50%, transparent);
  transform: translateY(-4px);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--wk-black) 35%, transparent);
}
.wk-feature__icon {
  inline-size: 72px;
  block-size: 72px;
  margin-block-end: 1.25rem;
  object-fit: contain;
}
.wk-feature__title {
  margin-block-end: 0.6rem;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--wk-white);
}
.wk-feature__desc {
  flex: 1;
  font-size: 0.9rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--wk-white) 62%, transparent);
}

.wk-pricing {
  padding-block: 6rem;
  background: var(--wk-gray-50);
  text-align: center;
}
.wk-pricing__title {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: var(--wk-gray-900);
}
.wk-pricing__sub {
  margin-block: 0.75rem 3rem;
  font-size: 1.0625rem;
  color: var(--wk-gray-500);
}
.wk-pricing__plans {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  text-align: start;
  font-family: var(--wk-font);
}
.wk-pricing__more {
  margin-block-start: 2rem;
}
.wk-pricing__more a {
  color: var(--wk-purple-600);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wk-why {
  overflow: hidden;
  background: linear-gradient(135deg, var(--wk-purple-900) 0%, var(--wk-violet-mid) 50%, var(--wk-violet) 100%);
}
.wk-why__inner {
  display: grid;
  grid-template-columns: 1fr 480px 1fr;
  align-items: center;
  gap: 3rem;
  max-inline-size: 1280px;
  margin-inline: auto;
  padding: 11rem 2rem;
}
.wk-why__col {
  position: relative;
  display: flex;
  flex-direction: column;
}
.wk-why__img {
  inline-size: 90%;
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 12px 40px color-mix(in srgb, var(--wk-black) 40%, transparent);
}
.wk-why__img--portrait {
  aspect-ratio: 3/4;
}
.wk-why__img--landscape {
  aspect-ratio: 4/3;
}
.wk-why__col--left .wk-why__img--portrait {
  align-self: flex-start;
}
.wk-why__col--left .wk-why__img--landscape {
  align-self: flex-end;
  margin-block-start: -60px;
}
.wk-why__col--right .wk-why__img--landscape {
  align-self: stretch;
  inline-size: 100%;
}
.wk-why__col--right .wk-why__img--portrait {
  align-self: center;
  inline-size: 68%;
  margin-block-start: -60px;
}
.wk-why__content {
  padding-inline: 1rem;
  text-align: center;
}
.wk-why__label {
  display: inline-block;
  margin-block-end: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--wk-white) 60%, transparent);
}
.wk-why__title {
  margin-block-end: 1rem;
  font-size: clamp(2rem, 3.5vw, 2.75rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--wk-white);
}
.wk-why__lead {
  margin-block-end: 1rem;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.5;
  color: color-mix(in srgb, var(--wk-white) 95%, transparent);
}
.wk-why__text {
  margin-block-start: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.8;
  color: color-mix(in srgb, var(--wk-white) 70%, transparent);
}
.wk-why__attribution {
  margin-block-start: 1.5rem;
  font-size: 0.875rem;
  font-style: italic;
  color: color-mix(in srgb, var(--wk-white) 45%, transparent);
}
@media (max-width: 1024px) {
  .wk-why__inner {
    grid-template-columns: 1fr 1fr;
    padding-block: 5rem;
  }
  .wk-why__col--left {
    grid-column: 1;
    grid-row: 1;
  }
  .wk-why__content {
    grid-column: 2;
    grid-row: 1;
    padding: 0;
    text-align: start;
  }
  .wk-why__col--right {
    grid-column: 1/-1;
    grid-row: 2;
    flex-direction: row;
  }
  .wk-why__col--right .wk-why__img {
    flex: 1;
    inline-size: 0;
  }
}
@media (max-width: 640px) {
  .wk-why__inner {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 3rem 1rem 4rem;
  }
  .wk-why__content {
    grid-column: 1;
    grid-row: 1;
    margin-block-end: 1.5rem;
    text-align: center;
  }
  .wk-why__col--left {
    display: none;
  }
  .wk-why__col--right {
    grid-column: 1;
    grid-row: 2;
    flex-direction: column;
  }
}

.wk-cta {
  position: relative;
  overflow: hidden;
  padding-block: 7rem;
  background: var(--wk-gray-900);
  text-align: center;
}
.wk-cta__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
}
.wk-cta__orb--1 {
  inline-size: 500px;
  block-size: 500px;
  inset-block-start: -200px;
  inset-inline-end: -100px;
  background: radial-gradient(circle, var(--wk-purple-500), transparent 70%);
  opacity: 0.4;
}
.wk-cta__orb--2 {
  inline-size: 400px;
  block-size: 400px;
  inset-block-end: -200px;
  inset-inline-start: -100px;
  background: radial-gradient(circle, var(--wk-purple-400), transparent 70%);
  opacity: 0.25;
}
.wk-cta__inner {
  position: relative;
  z-index: 1;
}
.wk-cta__title {
  margin-block-end: 1.25rem;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--wk-white);
}
.wk-cta__sub {
  max-inline-size: 460px;
  margin: 0 auto 2.25rem;
  font-size: 1.125rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--wk-white) 75%, transparent);
}
.wk-cta__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.875rem;
  margin-block-end: 3rem;
}

@media (prefers-reduced-motion: reduce) {
  .wk-btn, .wk-glass, .wk-feature {
    transition: none;
  }
}
.wk-band {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--wk-purple-900) 0%, var(--wk-violet-mid) 45%, var(--wk-violet) 100%);
}
.wk-band__orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  pointer-events: none;
}
.wk-band__orb--1 {
  inline-size: 650px;
  block-size: 650px;
  inset-block-start: -200px;
  inset-inline-end: -150px;
  background: radial-gradient(circle, var(--wk-purple-500), transparent 70%);
  opacity: 0.3;
}
.wk-band__orb--2 {
  inline-size: 500px;
  block-size: 500px;
  inset-block-start: 30%;
  inset-inline-start: -200px;
  background: radial-gradient(circle, var(--wk-purple-400), transparent 70%);
  opacity: 0.18;
}
.wk-band__orb--3 {
  inline-size: 600px;
  block-size: 600px;
  inset-block-start: 60%;
  inset-inline-end: -100px;
  background: radial-gradient(circle, var(--wk-purple-500), transparent 70%);
  opacity: 0.22;
}
.wk-band__orb--4 {
  inline-size: 500px;
  block-size: 500px;
  inset-block-end: -100px;
  inset-inline-start: 20%;
  background: radial-gradient(circle, var(--wk-purple-400), transparent 70%);
  opacity: 0.18;
}

.wk-phero {
  position: relative;
  z-index: 1;
  padding-block: 8rem 5rem;
  text-align: center;
}
.wk-phero__title {
  margin-block-end: 1.5rem;
  font-size: clamp(2.75rem, 7vw, 5.5rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--wk-white);
}
.wk-phero__subtitle {
  margin-block-end: 2.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--wk-white) 70%, transparent);
}
.wk-phero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
.wk-phero__link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: color-mix(in srgb, var(--wk-white) 75%, transparent);
}
.wk-phero__link:hover {
  color: var(--wk-white);
}
@media (max-width: 640px) {
  .wk-phero {
    padding-block: 6rem 4rem;
  }
}

.wk-rows {
  position: relative;
  z-index: 1;
  padding-block: 2rem 4rem;
}

.wk-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 5rem;
  padding-block: 4rem;
}
.wk-row--flip .wk-row__media {
  order: -1;
}
.wk-row__title {
  margin-block-end: 1rem;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--wk-white);
}
.wk-row__desc {
  margin-block-end: 1.75rem;
  font-size: 1rem;
  line-height: 1.8;
  color: color-mix(in srgb, var(--wk-white) 72%, transparent);
}
.wk-row__points {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wk-row__points li {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.9375rem;
  color: color-mix(in srgb, var(--wk-white) 80%, transparent);
}
.wk-row__points svg {
  flex: none;
  color: var(--wk-purple-300);
}
.wk-row__media {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 28px;
}
.wk-row__media img {
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 860px) {
  .wk-row {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding-block: 3rem;
  }
  .wk-row--flip .wk-row__media {
    order: 1;
  }
}
@media (max-width: 640px) {
  .wk-row {
    gap: 2rem;
    padding-block: 2.5rem;
  }
}

.wk-band-cta {
  position: relative;
  z-index: 1;
  padding-block: 7rem;
  text-align: center;
}
.wk-band-cta__title {
  margin-block-end: 1rem;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--wk-white);
}
.wk-band-cta__sub {
  margin-block-end: 2.25rem;
  font-size: 1.125rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--wk-white) 70%, transparent);
}

.wk-about-hero {
  position: relative;
  z-index: 1;
  padding-block: 7rem 6rem;
  text-align: center;
}
.wk-about-hero__title {
  margin-block-end: 1.25rem;
  font-size: clamp(2.75rem, 6vw, 4.5rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--wk-white);
}
.wk-about-hero__subtitle {
  max-inline-size: 400px;
  margin-inline: auto;
  font-size: 1.125rem;
  line-height: 1.6;
  color: color-mix(in srgb, var(--wk-white) 70%, transparent);
}
@media (max-width: 640px) {
  .wk-about-hero {
    padding-block: 5rem 4rem;
  }
}

.wk-narrow {
  max-inline-size: 680px;
}

.wk-story {
  position: relative;
  z-index: 1;
  padding-block: 5rem;
  text-align: center;
}
.wk-story__rocket {
  inline-size: 264px;
  block-size: auto;
  margin: 0 auto 1.75rem;
}
.wk-story__heading {
  margin-block-end: 2.25rem;
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--wk-white);
}
.wk-story__body {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  text-align: start;
}
.wk-story__body p {
  font-size: 1rem;
  line-height: 1.8;
  color: color-mix(in srgb, var(--wk-white) 85%, transparent);
}
@media (max-width: 640px) {
  .wk-story__heading {
    text-align: start;
  }
}

.wk-skiwo {
  position: relative;
  z-index: 1;
  padding-block: 4rem 5rem;
}
.wk-skiwo__title {
  margin-block-end: 1.25rem;
  font-size: clamp(1.375rem, 3vw, 1.75rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--wk-white);
}
.wk-skiwo__body {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  margin-block-end: 2rem;
}
.wk-skiwo__body p {
  font-size: 0.9375rem;
  line-height: 1.75;
  color: color-mix(in srgb, var(--wk-white) 80%, transparent);
}
.wk-skiwo__label {
  margin-block-end: 0.35rem;
  font-size: 0.875rem;
  color: color-mix(in srgb, var(--wk-white) 60%, transparent);
}
.wk-skiwo__email {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--wk-white);
}
.wk-skiwo__email:hover {
  opacity: 0.75;
}

.wk-price-band {
  position: relative;
  z-index: 1;
  padding-block: 1rem 3rem;
}
.wk-price-band .wk-pricing__plans {
  color: var(--wk-gray-900);
}
.wk-price-band__currency {
  display: flex;
  justify-content: center;
  margin-block-start: 1.5rem;
}

.wk-roadmap {
  position: relative;
  z-index: 1;
  padding-block: 0 6rem;
}
.wk-roadmap__title {
  margin-block-start: 1.25rem;
}
.wk-roadmap__lede {
  max-inline-size: 64ch;
  margin-inline: auto;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: color-mix(in srgb, var(--wk-white) 75%, transparent);
}
.wk-roadmap__card {
  padding: 1.5rem;
  border-radius: 1.5rem;
  background: var(--wk-white);
  box-shadow: 0 24px 64px color-mix(in srgb, var(--wk-black) 30%, transparent);
}

.wk-band--short {
  block-size: 88px;
}

.wk-btn--brand {
  background: var(--wk-purple-500);
  color: var(--wk-white);
  box-shadow: 0 8px 32px color-mix(in srgb, var(--wk-purple-500) 35%, transparent);
}
.wk-btn--brand:hover {
  background: var(--wk-purple-600);
}

.wk-guide {
  padding-block: 4rem 3rem;
  background: var(--wk-white);
  color: var(--wk-gray-900);
}
.wk-guide__header {
  margin-block-end: 2.5rem;
}
.wk-guide__title {
  margin-block-end: 1rem;
  font-size: clamp(1.875rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.wk-guide__intro {
  max-inline-size: 46rem;
  font-size: 1.125rem;
  line-height: 1.7;
}
.wk-guide__section {
  max-inline-size: 46rem;
  margin-block-end: 2.5rem;
}
.wk-guide__section h2 {
  margin-block-end: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}
.wk-guide__section p {
  margin-block-end: 1rem;
  line-height: 1.7;
}
.wk-guide__list {
  margin: 0 0 1rem;
  padding-inline-start: 1.25rem;
  line-height: 1.7;
}
.wk-guide__list li {
  margin-block-end: 0.5rem;
}
.wk-guide__section--flag {
  padding-inline-start: 1.25rem;
  border-inline-start: 3px solid var(--wk-purple-500);
}
.wk-guide__section--ours {
  padding: 1.75rem;
  border-radius: 0.75rem;
  background: var(--wk-purple-50);
}
.wk-guide__faq {
  line-height: 1.7;
}
.wk-guide__faq dt {
  margin-block-start: 1.25rem;
  font-weight: 600;
}
.wk-guide__faq dd {
  margin: 0.25rem 0 0;
}
.wk-guide__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-block-start: 1.25rem;
}
.wk-guide__link {
  color: var(--wk-purple-600);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wk-pricing__note {
  max-inline-size: 60ch;
  margin: 1.5rem auto 0;
  font-size: 0.9375rem;
  line-height: 1.6;
  text-align: center;
  color: var(--wk-gray-500);
}

.wk-price-band .wk-pricing__note {
  color: color-mix(in srgb, var(--wk-white) 75%, transparent);
}