:root {
  --sales-ink: #201640;
  --sales-muted: #675f74;
  --sales-line: #e8e1ef;
  --sales-paper: #ffffff;
  --sales-wash: #fbf8ff;
  --sales-brand: #6a0dad;
  --sales-brand-2: #b983ff;
  --sales-teal: #0f766e;
  --sales-green: #16a34a;
  --sales-amber: #dca84a;
  --sales-shadow: 0 22px 60px rgba(71, 42, 113, .12);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--sales-ink);
  background: var(--sales-wash);
}

body.sales-page {
  background:
    radial-gradient(circle at 12% 0%, rgba(185, 131, 255, .18), transparent 28%),
    linear-gradient(180deg, #fff 0%, #fbf8ff 42%, #f7fbfa 100%);
}

body.catalog-page {
  background:
    linear-gradient(180deg, #0f0718 0, #180d25 520px, #fcfbff 521px, #f8fbfa 100%);
}

body.product-page {
  background: linear-gradient(180deg, #fff 0%, #fcfbff 46%, #f8fbfa 100%);
}

body.toolkit-product-page {
  background:
    linear-gradient(180deg, #0b0717 0, #100a23 520px, #fbf8ff 521px, #f8fbfa 100%);
}

body.kit-hiring-page {
  background:
    linear-gradient(180deg, #100713 0, #1b0d20 520px, #fbf8ff 521px, #f8fbfa 100%);
}

img { max-width: 100%; display: block; }

a { color: inherit; }

h1, h2, h3, p { margin-top: 0; }

p {
  color: var(--sales-muted);
  line-height: 1.62;
}

.sales-shell {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
}

.sales-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255, 255, 255, .86);
  border-bottom: 1px solid rgba(232, 225, 239, .78);
  backdrop-filter: blur(18px);
}

.sticky-buy {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  display: none;
  border-top: 1px solid rgba(232, 225, 239, .92);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 -16px 42px rgba(71, 42, 113, .12);
  backdrop-filter: blur(18px);
}

.sticky-buy-inner {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.sticky-buy-inner > div {
  display: grid;
  gap: 3px;
}

.sticky-buy span {
  color: var(--sales-muted);
  font-size: 13px;
  font-weight: 850;
}

.sticky-buy strong {
  color: var(--sales-ink);
  font-size: 22px;
  line-height: 1;
}

.sales-nav {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.sales-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.sales-logo img { width: 176px; }

.sales-links {
  display: flex;
  align-items: center;
  gap: 18px;
  color: var(--sales-muted);
  font-size: 14px;
  font-weight: 800;
}

.sales-links a {
  text-decoration: none;
}

.sales-links a:hover,
.sales-links a[aria-current="page"] { color: var(--sales-brand); }

.ecosystem-nav {
  gap: 20px;
}

.ecosystem-links {
  flex: 1 1 auto;
  justify-content: center;
}

.product-subnav {
  position: sticky;
  top: 78px;
  z-index: 19;
  border-bottom: 1px solid rgba(232, 225, 239, .78);
  background: rgba(251, 248, 255, .88);
  backdrop-filter: blur(16px);
}

.product-subnav-inner {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.product-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--sales-muted);
  font-size: 13px;
  font-weight: 850;
}

.product-breadcrumb a,
.product-subnav-links a {
  text-decoration: none;
}

.product-breadcrumb strong {
  min-width: 0;
  overflow: hidden;
  color: var(--sales-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-subnav-links {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.product-subnav-links a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(222, 207, 240, .86);
  border-radius: 999px;
  padding: 0 12px;
  color: var(--sales-muted);
  background: rgba(255, 255, 255, .72);
  font-size: 13px;
  font-weight: 900;
}

.product-subnav-links a:hover {
  border-color: rgba(106, 13, 173, .26);
  color: var(--sales-brand);
  background: #fff;
}

.sales-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.sales-button,
.sales-button-secondary {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  padding: 0 18px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.sales-button {
  border: 1px solid transparent;
  color: #fff;
  background: linear-gradient(135deg, var(--sales-brand), #8b35d4);
  box-shadow: 0 14px 34px rgba(106, 13, 173, .22);
}

.sales-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(106, 13, 173, .26);
}

.catalog-page .sales-button {
  background: linear-gradient(135deg, #5d149d 0%, #7b2fc7 56%, #0f766e 140%);
  box-shadow: 0 14px 30px rgba(106, 13, 173, .18);
}

.product-page .sales-button {
  background: linear-gradient(135deg, #5d149d 0%, #7b2fc7 56%, #0f766e 140%);
  box-shadow: 0 14px 30px rgba(106, 13, 173, .18);
}

.catalog-page .sales-button:hover {
  box-shadow: 0 18px 38px rgba(106, 13, 173, .24);
}

.product-page .sales-button:hover {
  box-shadow: 0 18px 38px rgba(106, 13, 173, .24);
}

.sales-button-secondary {
  border: 1px solid var(--sales-line);
  color: var(--sales-ink);
  background: rgba(255, 255, 255, .78);
}

.sales-button-secondary:hover {
  color: var(--sales-brand);
  border-color: #d7c4ec;
}

.sales-hero {
  padding: clamp(58px, 8vw, 104px) 0 54px;
}

.catalog-page .sales-hero {
  padding: clamp(48px, 7vw, 86px) 0 44px;
  border-bottom: 1px solid rgba(185, 131, 255, .22);
  background:
    radial-gradient(circle at 78% 20%, rgba(130, 68, 255, .30), transparent 32%),
    radial-gradient(circle at 14% 16%, rgba(15, 118, 110, .16), transparent 26%),
    linear-gradient(135deg, #0f0718 0%, #1b0d2a 58%, #090614 100%);
}

.product-page .sales-hero {
  padding: clamp(48px, 7vw, 86px) 0 44px;
  border-bottom: 1px solid rgba(232, 225, 239, .72);
  background:
    linear-gradient(115deg, rgba(255,255,255,.96) 0%, rgba(249,242,255,.98) 58%, rgba(237,253,250,.82) 100%);
}

.toolkit-product-page .sales-hero {
  border-bottom: 1px solid rgba(185, 131, 255, .24);
  background:
    radial-gradient(circle at 72% 24%, rgba(130, 68, 255, .30), transparent 32%),
    radial-gradient(circle at 12% 12%, rgba(172, 255, 47, .10), transparent 24%),
    linear-gradient(135deg, #0b0717 0%, #17102d 54%, #090614 100%);
}

.kit-hiring-page .sales-hero {
  border-bottom: 1px solid rgba(255, 184, 77, .22);
  background:
    radial-gradient(circle at 72% 22%, rgba(255, 184, 77, .18), transparent 30%),
    radial-gradient(circle at 18% 18%, rgba(15, 118, 110, .16), transparent 26%),
    linear-gradient(135deg, #100713 0%, #261033 58%, #0b0712 100%);
}

.sales-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .82fr);
  align-items: center;
  gap: clamp(34px, 6vw, 76px);
}

.toolkit-product-page .sales-hero-grid,
.kit-hiring-page .sales-hero-grid {
  grid-template-columns: minmax(0, .95fr) minmax(440px, 1.05fr);
  gap: clamp(28px, 4.8vw, 58px);
}

.sales-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: var(--sales-brand);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.sales-kicker::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--sales-teal);
}

.sales-hero h1 {
  max-width: 780px;
  margin-bottom: 18px;
  font-size: clamp(38px, 6vw, 72px);
  line-height: .96;
  letter-spacing: -.045em;
}

.catalog-page .sales-hero h1 {
  max-width: 820px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.02;
  color: #fff;
  text-wrap: balance;
}

.catalog-page .sales-hero p {
  color: rgba(255,255,255,.76);
}

.product-page .sales-hero h1 {
  max-width: 820px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.02;
}

.toolkit-product-page .sales-hero h1 {
  color: #fff;
  text-wrap: balance;
}

.toolkit-product-page .sales-hero p {
  color: rgba(255,255,255,.78);
}

.kit-hiring-page .sales-hero h1 {
  color: #fff;
  text-wrap: balance;
}

.kit-hiring-page .sales-hero p {
  color: rgba(255,255,255,.78);
}

.catalog-page .sales-kicker {
  color: #c8a8ff;
  font-size: 14px;
  font-weight: 850;
  text-transform: none;
  letter-spacing: 0;
}

.product-page .sales-kicker {
  color: var(--sales-brand);
  font-size: 14px;
  font-weight: 850;
  text-transform: none;
  letter-spacing: 0;
}

.catalog-page .sales-kicker::before {
  background: var(--sales-teal);
  box-shadow: 0 0 18px rgba(15, 118, 110, .46);
}

.product-page .sales-kicker::before {
  background: linear-gradient(135deg, var(--sales-brand), var(--sales-teal));
}

.toolkit-product-page .sales-kicker {
  color: #c8a8ff;
}

.toolkit-product-page .sales-kicker::before {
  background: #b3ff2f;
  box-shadow: 0 0 18px rgba(179, 255, 47, .42);
}

.toolkit-product-page .sales-proof span {
  border-color: rgba(255,255,255,.16);
  color: #fff;
  background: rgba(255,255,255,.08);
}

.kit-hiring-page .sales-kicker {
  color: #ffd08a;
}

.kit-hiring-page .sales-kicker::before {
  background: var(--sales-teal);
  box-shadow: 0 0 18px rgba(15, 118, 110, .46);
}

.kit-hiring-page .sales-proof span {
  border-color: rgba(255,255,255,.16);
  color: #fff;
  background: rgba(255,255,255,.08);
}

.catalog-page .section-head h2,
.catalog-page .catalog-board h2 {
  color: #241343;
}

.product-page .section-head h2 {
  color: #241343;
}

.catalog-page .course-tag {
  color: #5d149d;
  background: #f5edff;
}

.catalog-page .sales-proof span {
  border-color: rgba(255,255,255,.16);
  color: #fff;
  background: rgba(255,255,255,.08);
}

.product-image-frame img {
  object-position: center;
}

.product-cover-frame {
  display: grid;
  place-items: center;
  min-height: 520px;
  padding: 24px;
  border: 1px solid rgba(215, 196, 236, .86);
  border-radius: 30px;
  background:
    radial-gradient(circle at 24% 22%, rgba(185,131,255,.22), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(15,118,110,.12), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(247,239,255,.9));
  box-shadow: 0 24px 60px rgba(71,42,113,.12);
  overflow: hidden;
}

.product-cover-frame img {
  width: 100%;
  border-radius: 24px;
  box-shadow: 0 22px 54px rgba(36,19,67,.18);
}

.toolkit-product-showcase {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 520px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
  overflow: visible;
  perspective: 1100px;
}

.kit-product-showcase {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 520px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
  overflow: visible;
  perspective: 1100px;
}

.toolkit-product-showcase::before {
  content: "";
  position: absolute;
  inset: 11% -4% 4%;
  z-index: -1;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 42% 42%, rgba(179,255,47,.20), transparent 22%),
    radial-gradient(circle at 60% 48%, rgba(130,68,255,.36), transparent 42%),
    radial-gradient(circle at 50% 55%, rgba(15,118,110,.20), transparent 52%);
  filter: blur(24px);
  opacity: .88;
  animation: showcaseGlow 7s ease-in-out infinite;
  pointer-events: none;
}

.kit-product-showcase::before {
  content: "";
  position: absolute;
  inset: 11% -4% 4%;
  z-index: -1;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 42% 42%, rgba(255,184,77,.18), transparent 22%),
    radial-gradient(circle at 58% 48%, rgba(130,68,255,.34), transparent 42%),
    radial-gradient(circle at 50% 55%, rgba(15,118,110,.26), transparent 52%);
  filter: blur(24px);
  opacity: .88;
  animation: showcaseGlow 7s ease-in-out infinite;
  pointer-events: none;
}

.toolkit-product-showcase::after,
.kit-product-showcase::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 4%;
  z-index: -1;
  height: 16%;
  border-radius: 50%;
  background: rgba(0,0,0,.42);
  filter: blur(22px);
  opacity: .82;
  transform: perspective(600px) rotateX(62deg);
  animation: showcaseShadow 7s ease-in-out infinite;
  pointer-events: none;
}

.toolkit-product-showcase img {
  position: relative;
  z-index: 1;
  width: min(116%, 660px);
  height: auto;
  min-height: 0;
  max-height: 560px;
  border-radius: 24px;
  object-fit: contain;
  object-position: center;
  box-shadow: 0 30px 70px rgba(0,0,0,.34);
  transform-origin: 50% 58%;
  animation: showcaseFloat 7s ease-in-out infinite;
}

.kit-product-showcase img {
  position: relative;
  z-index: 1;
  width: min(124%, 700px);
  max-height: 560px;
  border-radius: 24px;
  object-fit: contain;
  box-shadow: 0 30px 70px rgba(0,0,0,.34);
  transform-origin: 50% 58%;
  animation: showcaseFloat 7s ease-in-out infinite;
}

.showcase-badge {
  position: absolute;
  left: clamp(12px, 4vw, 28px);
  right: auto;
  bottom: clamp(10px, 2vw, 18px);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: min(430px, calc(100% - 24px));
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  color: #fff;
  background: rgba(8, 5, 18, .74);
  backdrop-filter: blur(12px);
}

.showcase-badge strong,
.showcase-badge span {
  display: block;
}

.showcase-badge span {
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 800;
}

@keyframes showcaseFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: translate3d(0, -14px, 0) rotateX(1.2deg) rotateY(-1.4deg);
  }
}

@keyframes showcaseGlow {
  0%, 100% {
    transform: scale(.98) translateY(6px);
    opacity: .72;
  }
  50% {
    transform: scale(1.04) translateY(-4px);
    opacity: .96;
  }
}

@keyframes showcaseShadow {
  0%, 100% {
    transform: perspective(600px) rotateX(62deg) scale(.94);
    opacity: .62;
  }
  50% {
    transform: perspective(600px) rotateX(62deg) scale(1.04);
    opacity: .82;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toolkit-product-showcase img,
  .kit-product-showcase img,
  .toolkit-product-showcase::before,
  .kit-product-showcase::before,
  .toolkit-product-showcase::after,
  .kit-product-showcase::after,
  .catalog-hub-visual::before,
  .hub-panel,
  .hub-floating-card {
    animation: none;
  }
}

.catalog-lilac-band {
  background:
    linear-gradient(180deg, rgba(247,239,255,.98), rgba(253,250,255,.96)),
    linear-gradient(135deg, rgba(106,13,173,.08), rgba(15,118,110,.05));
  border-block: 1px solid rgba(232, 225, 239, .72);
}

.catalog-white-band {
  background:
    linear-gradient(180deg, #fff 0%, #fbfefe 100%),
    linear-gradient(90deg, rgba(15,118,110,.05), transparent);
  border-block: 1px solid rgba(232, 225, 239, .62);
}

.conversion-strip {
  padding: 18px 0;
  border-bottom: 1px solid rgba(232, 225, 239, .72);
  background: #fff;
}

.conversion-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.conversion-grid article {
  min-height: 116px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 18px;
  border: 1px solid rgba(232, 225, 239, .9);
  border-radius: 20px;
  background:
    linear-gradient(160deg, rgba(255,255,255,.96), rgba(247,239,255,.66)),
    linear-gradient(135deg, rgba(15,118,110,.06), transparent);
}

.conversion-grid span,
.chooser-card span,
.compare-card span {
  color: var(--sales-brand);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.conversion-grid strong {
  font-size: 16px;
  line-height: 1.28;
}

.dark-proof-band {
  color: #fff;
  background:
    radial-gradient(circle at 18% 14%, rgba(179,255,47,.12), transparent 24%),
    linear-gradient(135deg, #0e091d, #1a1032 58%, #0b0717);
  border-block: 1px solid rgba(185, 131, 255, .22);
}

.hiring-proof-band {
  background:
    radial-gradient(circle at 80% 18%, rgba(255,184,77,.14), transparent 24%),
    radial-gradient(circle at 18% 14%, rgba(15,118,110,.14), transparent 24%),
    linear-gradient(135deg, #100713, #261033 58%, #0b0712);
  border-block-color: rgba(255, 184, 77, .20);
}

.dark-proof-band .section-head h2 {
  color: #fff;
}

.dark-proof-band .section-head p {
  color: rgba(255,255,255,.72);
}

.decision-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(26px, 5vw, 58px);
  align-items: start;
}

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

.decision-grid article {
  min-height: 154px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.07);
  box-shadow: 0 18px 46px rgba(0,0,0,.18);
}

.decision-grid strong {
  color: #fff;
  font-size: 18px;
  line-height: 1.18;
}

.decision-grid small {
  color: rgba(255,255,255,.72);
  font-weight: 760;
  line-height: 1.45;
}

.sales-hero p {
  max-width: 650px;
  margin-bottom: 28px;
  font-size: 18px;
}

.sales-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.sales-proof span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  border: 1px solid rgba(232, 225, 239, .9);
  border-radius: 999px;
  padding: 0 13px;
  color: var(--sales-ink);
  background: rgba(255, 255, 255, .76);
  font-size: 13px;
  font-weight: 900;
}

.catalog-proof {
  gap: 10px;
  margin-top: 22px;
}

.catalog-proof span {
  min-height: 36px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  border-right: 1px solid rgba(255,255,255,.16);
  padding: 0 12px;
  background: rgba(255,255,255,.08);
  color: #fff;
  justify-content: center;
}

.catalog-proof span:first-child {
  padding-left: 12px;
}

.catalog-proof span:last-child {
  border-right: 1px solid rgba(255,255,255,.16);
}

.catalog-hub-visual {
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
  isolation: isolate;
  perspective: 1100px;
}

.catalog-hub-visual::before {
  content: "";
  position: absolute;
  inset: 10% -2% 2%;
  z-index: -1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 34%, rgba(15,118,110,.22), transparent 24%),
    radial-gradient(circle at 58% 46%, rgba(130,68,255,.42), transparent 44%),
    radial-gradient(circle at 68% 70%, rgba(255,184,77,.13), transparent 30%);
  filter: blur(26px);
  opacity: .92;
  animation: showcaseGlow 7s ease-in-out infinite;
  pointer-events: none;
}

.hub-panel {
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
  display: grid;
  gap: 16px;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 28px;
  color: #fff;
  background:
    linear-gradient(160deg, rgba(255,255,255,.13), rgba(255,255,255,.05)),
    linear-gradient(145deg, rgba(19, 10, 35, .94), rgba(9, 6, 20, .92));
  box-shadow: 0 30px 70px rgba(0,0,0,.30);
  backdrop-filter: blur(14px);
  animation: showcaseFloat 7s ease-in-out infinite;
}

.hub-panel::before {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  pointer-events: none;
}

.hub-topline,
.hub-feature,
.hub-modules article,
.hub-floating-card {
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.07);
}

.hub-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 18px;
}

.hub-topline span,
.hub-topline small,
.hub-feature strong,
.hub-feature small,
.hub-modules span,
.hub-modules strong,
.hub-floating-card span,
.hub-floating-card strong {
  position: relative;
  z-index: 1;
  display: block;
}

.hub-topline span {
  font-size: 16px;
  font-weight: 950;
}

.hub-topline small,
.hub-feature small,
.hub-floating-card span {
  color: rgba(255,255,255,.68);
  font-weight: 850;
}

.hub-feature {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 8px;
  min-height: 150px;
  align-content: end;
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 85% 18%, rgba(15,118,110,.34), transparent 28%),
    linear-gradient(135deg, rgba(106,13,173,.72), rgba(35,18,66,.78));
}

.hub-feature::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 22px;
  width: 68px;
  height: 68px;
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.04)),
    linear-gradient(135deg, rgba(15,118,110,.44), rgba(185,131,255,.42));
  box-shadow: 0 18px 40px rgba(0,0,0,.20);
}

.hub-feature::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -52px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(255,255,255,.10);
}

.hub-feature strong {
  max-width: 360px;
  font-size: clamp(25px, 3vw, 34px);
  line-height: 1.02;
  letter-spacing: -.02em;
}

.hub-feature small {
  max-width: 360px;
  line-height: 1.45;
}

.hub-modules {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.hub-modules article {
  min-height: 104px;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 16px;
  border-radius: 18px;
}

.hub-modules span {
  color: #c8a8ff;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.hub-modules strong {
  font-size: 18px;
  line-height: 1.16;
}

.hub-floating-card {
  position: absolute;
  z-index: 0;
  width: 198px;
  display: none;
  gap: 5px;
  padding: 16px;
  border-radius: 18px;
  color: #fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.24);
  backdrop-filter: blur(14px);
  animation: showcaseFloat 8s ease-in-out infinite reverse;
}

.hub-floating-card.one {
  right: -34px;
  top: 62px;
}

.hub-floating-card.two {
  left: -34px;
  bottom: 68px;
  animation-direction: normal;
}

.hub-floating-card strong {
  font-size: 16px;
  line-height: 1.18;
}

.catalog-hero-showcase {
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
  isolation: isolate;
}

.catalog-hero-showcase::before {
  content: "";
  position: absolute;
  inset: 12% 2% 6%;
  z-index: -1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 38% 42%, rgba(255,184,77,.14), transparent 20%),
    radial-gradient(circle at 58% 44%, rgba(130,68,255,.40), transparent 42%),
    radial-gradient(circle at 52% 58%, rgba(15,118,110,.26), transparent 52%);
  filter: blur(26px);
  opacity: .92;
}

.catalog-hero-product {
  position: absolute;
  display: block;
  color: #fff;
  text-decoration: none;
  transform-origin: 50% 70%;
  transition: transform .22s ease, filter .22s ease;
}

.catalog-hero-product:hover {
  transform: translateY(-8px) scale(1.02);
  filter: brightness(1.08);
}

.catalog-hero-product img {
  width: 100%;
  border-radius: 24px;
  box-shadow: 0 30px 70px rgba(0,0,0,.34);
}

.catalog-hero-product span {
  position: absolute;
  left: 18px;
  bottom: 18px;
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(8, 5, 18, .72);
  font-size: 13px;
  font-weight: 900;
  backdrop-filter: blur(12px);
}

.catalog-hero-product.nr1 {
  right: 0;
  top: 20px;
  width: min(74%, 470px);
  z-index: 1;
  animation: showcaseFloat 7.4s ease-in-out infinite;
}

.catalog-hero-product.hiring {
  left: 0;
  bottom: 22px;
  width: min(62%, 390px);
  z-index: 2;
  animation: showcaseFloat 8s ease-in-out infinite reverse;
}

.catalog-choice-strip {
  background: #fff;
}

.catalog-board {
  display: grid;
  gap: 22px;
  padding: 28px;
  border: 1px solid rgba(215, 196, 236, .86);
  border-radius: 26px;
  background:
    linear-gradient(160deg, rgba(255,255,255,.86), rgba(247,239,255,.82)),
    linear-gradient(135deg, rgba(106,13,173,.08), rgba(15,118,110,.08));
  box-shadow: 0 18px 44px rgba(71, 42, 113, .08);
}

.catalog-board > span {
  color: var(--sales-brand);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.catalog-board h2 {
  margin: 0;
  font-size: 26px;
  letter-spacing: -.02em;
}

.catalog-board-list {
  display: grid;
  gap: 0;
}

.catalog-board-list article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 16px;
  padding: 18px 0;
  border-top: 1px solid var(--sales-line);
}

.catalog-board-list article:last-child {
  border-bottom: 1px solid var(--sales-line);
}

.catalog-board-list b {
  color: var(--sales-teal);
  font-size: 13px;
  font-weight: 950;
}

.catalog-board-list strong {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
}

.catalog-board-list small {
  color: var(--sales-muted);
  line-height: 1.45;
  font-weight: 750;
}

.education-mockup {
  position: relative;
  min-height: 520px;
  display: grid;
  align-content: center;
  gap: 16px;
  padding: 24px;
  border: 1px solid rgba(215, 196, 236, .86);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(247,239,255,.9)),
    linear-gradient(135deg, rgba(106,13,173,.12), rgba(15,118,110,.08));
  box-shadow: 0 24px 60px rgba(71,42,113,.12);
  overflow: hidden;
}

.education-image-frame {
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(215, 196, 236, .86);
  border-radius: 30px;
  background:
    radial-gradient(circle at 24% 22%, rgba(185,131,255,.22), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(15,118,110,.12), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(247,239,255,.9));
  box-shadow: 0 24px 60px rgba(71,42,113,.12);
  overflow: hidden;
}

.education-image-frame::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 24px;
  pointer-events: none;
}

.education-image-frame img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
}

.education-illustration {
  position: relative;
  min-height: 520px;
  border: 1px solid rgba(215, 196, 236, .86);
  border-radius: 30px;
  background:
    radial-gradient(circle at 24% 22%, rgba(185,131,255,.26), transparent 28%),
    radial-gradient(circle at 82% 72%, rgba(15,118,110,.16), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(247,239,255,.9));
  box-shadow: 0 24px 60px rgba(71,42,113,.12);
  overflow: hidden;
}

.edu-screen {
  position: absolute;
  left: 9%;
  top: 10%;
  width: 72%;
  height: 48%;
  border: 1px solid rgba(232,225,239,.95);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(36,19,67,.95), rgba(106,13,173,.78)),
    linear-gradient(45deg, rgba(15,118,110,.28), transparent);
  box-shadow: 0 20px 45px rgba(71,42,113,.20);
}

.edu-dot,
.edu-line,
.edu-play,
.edu-head,
.edu-body,
.edu-desk,
.edu-card,
.edu-orbit {
  position: absolute;
  display: block;
}

.edu-dot {
  top: 18px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255,255,255,.48);
}

.edu-dot-one { left: 18px; }
.edu-dot-two { left: 34px; }
.edu-dot-three { left: 50px; }

.edu-play {
  left: 11%;
  bottom: 22%;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
}

.edu-play::after {
  content: "";
  position: absolute;
  left: 26px;
  top: 20px;
  border-left: 17px solid #fff;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
}

.edu-line {
  right: 11%;
  height: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
}

.edu-line-one { bottom: 34%; width: 38%; }
.edu-line-two { bottom: 25%; width: 30%; opacity: .72; }
.edu-line-three { bottom: 16%; width: 24%; opacity: .48; }

.edu-person {
  position: absolute;
  left: 22%;
  bottom: 17%;
  width: 150px;
  height: 170px;
}

.edu-head {
  left: 52px;
  top: 0;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f1d8ff, #d8b8ef);
  box-shadow: inset -10px -8px 0 rgba(106,13,173,.12);
}

.edu-body {
  left: 26px;
  top: 52px;
  width: 104px;
  height: 100px;
  border-radius: 38px 38px 18px 18px;
  background: linear-gradient(135deg, var(--sales-teal), #45a29a);
}

.edu-desk {
  left: 11%;
  right: 15%;
  bottom: 12%;
  height: 24px;
  border-radius: 999px;
  background: rgba(36,19,67,.88);
}

.edu-desk span {
  position: absolute;
  right: 12%;
  bottom: 20px;
  width: 86px;
  height: 56px;
  border-radius: 12px 12px 4px 4px;
  background: linear-gradient(135deg, #fff, #efe2fb);
  box-shadow: 0 12px 24px rgba(71,42,113,.12);
}

.edu-card {
  border: 1px solid rgba(232,225,239,.92);
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 16px 34px rgba(71,42,113,.10);
}

.edu-card i {
  display: block;
  height: 9px;
  margin: 10px 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(106,13,173,.55), rgba(15,118,110,.45));
}

.edu-card-one {
  right: 8%;
  top: 42%;
  width: 128px;
  height: 98px;
}

.edu-card-two {
  right: 18%;
  bottom: 19%;
  width: 112px;
  height: 76px;
}

.edu-orbit {
  border: 1px solid rgba(106,13,173,.24);
  border-radius: 50%;
}

.edu-orbit-one {
  left: -48px;
  top: 38%;
  width: 120px;
  height: 120px;
}

.edu-orbit-two {
  right: -72px;
  bottom: -70px;
  width: 220px;
  height: 220px;
  background: rgba(15,118,110,.10);
}

.education-mockup::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -90px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: rgba(15,118,110,.14);
}

.education-player,
.education-panel,
.education-certificate {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(232,225,239,.92);
  background: rgba(255,255,255,.88);
  box-shadow: 0 14px 34px rgba(71,42,113,.08);
}

.education-player {
  border-radius: 24px;
  overflow: hidden;
}

.player-top {
  display: flex;
  gap: 7px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(232,225,239,.82);
  background: #fbf8ff;
}

.player-top span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d8c6ec;
}

.player-screen {
  min-height: 170px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  gap: 16px;
  padding: 22px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(36,19,67,.92), rgba(106,13,173,.78)),
    linear-gradient(45deg, rgba(15,118,110,.28), transparent);
}

.play-mark {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  font-size: 18px;
}

.player-screen strong,
.player-screen small {
  display: block;
}

.player-screen strong {
  margin-bottom: 4px;
  font-size: 20px;
}

.player-screen small {
  color: rgba(255,255,255,.78);
  font-weight: 750;
}

.education-panel {
  width: 92%;
  justify-self: end;
  display: grid;
  gap: 14px;
  padding: 20px;
  border-radius: 24px;
}

.education-panel > span {
  color: var(--sales-brand);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.education-panel h2 {
  margin: 0;
  color: #241343;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: -.02em;
}

.lesson-list {
  display: grid;
  gap: 10px;
}

.lesson-list article {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: center;
}

.lesson-list b {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: var(--sales-teal);
  font-size: 12px;
}

.lesson-list strong,
.lesson-list small {
  display: block;
}

.lesson-list small {
  color: var(--sales-muted);
  font-weight: 750;
}

.education-certificate {
  width: 150px;
  display: grid;
  gap: 7px;
  padding: 14px;
  border-radius: 20px;
}

.education-certificate small {
  color: var(--sales-muted);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.education-certificate strong {
  font-size: 30px;
  line-height: 1;
}

.education-certificate span {
  height: 8px;
  border-radius: 999px;
  background: #eee5f8;
  overflow: hidden;
}

.education-certificate i {
  display: block;
  width: 72%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sales-brand), var(--sales-teal));
}


.sales-hero-visual {
  display: grid;
  gap: 18px;
}

.kit-preview {
  position: relative;
  min-height: 470px;
  display: grid;
  align-content: center;
  gap: 18px;
  padding: 28px;
  border: 1px solid rgba(232, 225, 239, .82);
  border-radius: 32px;
  background:
    linear-gradient(140deg, rgba(255,255,255,.96), rgba(252,248,255,.82)),
    linear-gradient(135deg, rgba(15,118,110,.08), rgba(106,13,173,.08));
  box-shadow: var(--sales-shadow);
  overflow: hidden;
}

.kit-preview::after {
  content: "";
  position: absolute;
  inset: auto -42px -72px auto;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(15, 118, 110, .12);
}

.kit-preview img {
  width: 220px;
  position: relative;
  z-index: 1;
}

.kit-stack {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
}

.kit-file {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(232, 225, 239, .92);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.9);
}

.kit-file b {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: var(--sales-teal);
  font-size: 12px;
}

.kit-file strong {
  display: block;
  margin-bottom: 2px;
}

.kit-file small {
  color: var(--sales-muted);
  font-weight: 800;
}

.sales-section {
  padding: clamp(52px, 7vw, 86px) 0;
}

.section-head {
  max-width: 760px;
  margin-bottom: 28px;
}

.section-head.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section-head h2 {
  margin-bottom: 12px;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.section-head p {
  font-size: 17px;
}

.course-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.course-card,
.sales-card {
  border: 1px solid rgba(232, 225, 239, .9);
  border-radius: 24px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 42px rgba(71, 42, 113, .08);
}

.course-card {
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 24px;
}

.product-card-cover > img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(232,225,239,.92);
  background: #160320;
}

.product-card-premium {
  overflow: hidden;
}

.product-card-premium > img {
  border: 0;
  border-radius: 20px;
  box-shadow: 0 18px 44px rgba(36,19,67,.16);
}

.product-card-premium.nr1-card,
.product-card-premium.hiring-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.88)),
    linear-gradient(135deg, rgba(106,13,173,.08), rgba(15,118,110,.08));
}

.course-card.featured.product-card-cover > img {
  aspect-ratio: 21 / 9;
  object-position: center;
}

.course-card.product-card-premium.hiring-card > img {
  aspect-ratio: 21 / 10;
}

.course-card.featured {
  grid-column: span 2;
}

.course-top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.course-tag {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 999px;
  padding: 0 10px;
  color: var(--sales-teal);
  background: #eaf8f5;
  font-size: 12px;
  font-weight: 950;
}

.course-card h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -.02em;
}

.course-card ul,
.check-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.course-card li,
.check-list li {
  position: relative;
  padding-left: 24px;
  color: var(--sales-muted);
  line-height: 1.45;
  font-weight: 750;
}

.course-card li::before,
.check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .44em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--sales-teal);
}

.course-card .sales-button,
.course-card .sales-button-secondary {
  width: fit-content;
}

.mini-card {
  min-height: 220px;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 22px;
  border: 1px dashed #d9cce7;
  border-radius: 24px;
  background: rgba(255,255,255,.58);
}

.mini-card strong {
  font-size: 19px;
}

.mini-card span {
  width: fit-content;
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--sales-muted);
  background: #fff;
  font-size: 12px;
  font-weight: 950;
}

.audience-grid,
.included-grid,
.steps-grid,
.faq-grid,
.chooser-grid,
.compare-grid {
  display: grid;
  gap: 16px;
}

.audience-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.included-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.steps-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.chooser-grid,
.compare-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.chooser-card,
.compare-card {
  border: 1px solid rgba(232, 225, 239, .9);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(71, 42, 113, .08);
}

.chooser-card {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 26px;
}

.chooser-card h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1.06;
  letter-spacing: -.025em;
}

.chooser-card p {
  margin-bottom: 4px;
}

.chooser-card .sales-button {
  width: fit-content;
}

.compare-layout {
  display: grid;
  gap: 6px;
}

.compare-card {
  padding: 24px;
}

.compare-card ul,
.offer-list {
  display: grid;
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.compare-card li,
.offer-list li {
  position: relative;
  padding-left: 25px;
  color: var(--sales-muted);
  font-weight: 780;
  line-height: 1.45;
}

.compare-card li::before,
.offer-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .46em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--sales-teal);
}

.compare-card.muted {
  background: #fbf8ff;
}

.compare-card.muted li::before {
  background: #c9b8dd;
}

.compare-card.strong {
  border-color: rgba(15, 118, 110, .26);
  background:
    linear-gradient(160deg, #fff, #f0fdfa),
    linear-gradient(135deg, rgba(106,13,173,.06), transparent);
}

.value-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(24px, 5vw, 54px);
  align-items: center;
}

.value-box {
  padding: clamp(24px, 4vw, 34px);
  border: 1px solid rgba(232, 225, 239, .9);
  border-radius: 28px;
  background:
    linear-gradient(150deg, #fff, #fbf8ff),
    linear-gradient(135deg, rgba(179,255,47,.10), transparent);
  box-shadow: 0 20px 52px rgba(71, 42, 113, .08);
}

.hiring-value-box {
  background:
    linear-gradient(150deg, #fff, #fff9ef),
    linear-gradient(135deg, rgba(15,118,110,.08), transparent);
}

.value-box h2 {
  margin-bottom: 14px;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.03;
  letter-spacing: -.035em;
}

.value-cards {
  display: grid;
  gap: 12px;
}

.value-cards article {
  display: grid;
  gap: 4px;
  padding: 18px;
  border: 1px solid rgba(232, 225, 239, .9);
  border-radius: 20px;
  background: #fff;
}

.value-cards strong {
  font-size: 22px;
}

.value-cards small {
  color: var(--sales-muted);
  font-weight: 800;
  line-height: 1.45;
}

.sales-card {
  padding: 22px;
}

.sales-card span {
  display: inline-flex;
  margin-bottom: 14px;
  color: var(--sales-brand);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.sales-card h3 {
  margin-bottom: 8px;
  font-size: 21px;
  letter-spacing: -.02em;
}

.sales-card p {
  margin-bottom: 0;
}

.problem-band,
.price-band {
  border-block: 1px solid rgba(232, 225, 239, .82);
  background: rgba(255,255,255,.68);
}

.product-price-band {
  background:
    linear-gradient(135deg, rgba(247,239,255,.98), rgba(240,253,250,.86)),
    linear-gradient(180deg, #fff, #fbf8ff);
}

.problem-layout,
.price-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, .72fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
}

.metric-list {
  display: grid;
  gap: 12px;
}

.metric-list article {
  display: grid;
  gap: 4px;
  padding: 18px;
  border: 1px solid rgba(232, 225, 239, .9);
  border-radius: 20px;
  background: #fff;
}

.metric-list strong {
  font-size: 22px;
}

.metric-list small {
  color: var(--sales-muted);
  font-weight: 800;
  line-height: 1.45;
}

.step-number {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  border-radius: 14px;
  color: #fff;
  background: var(--sales-brand);
  font-weight: 950;
}

.notice {
  border: 1px solid rgba(15, 118, 110, .24);
  border-left: 5px solid var(--sales-teal);
  border-radius: 20px;
  padding: 18px 20px;
  background: #f0fdfa;
}

.notice strong {
  display: block;
  margin-bottom: 6px;
}

.faq-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.faq-item {
  border-bottom: 1px solid var(--sales-line);
  padding: 18px 0;
}

.faq-item h3 {
  margin-bottom: 8px;
  font-size: 18px;
}

.price-box {
  padding: 28px;
  border: 1px solid rgba(232, 225, 239, .9);
  border-radius: 28px;
  background: #fff;
  box-shadow: var(--sales-shadow);
}

.price-box small {
  display: block;
  margin-bottom: 8px;
  color: var(--sales-muted);
  font-weight: 850;
}

.price-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 36px;
  line-height: 1;
}

.offer-list {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--sales-line);
}

.price-box .sales-button {
  width: 100%;
  margin: 18px 0 12px;
}

.toolkit-direct-page .sales-hero h1 {
  max-width: 760px;
}

.sales-microcopy {
  margin: 12px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  font-weight: 850;
}

.toolkit-offer-showcase {
  min-height: 560px;
}

.toolkit-offer-showcase img {
  width: min(118%, 690px);
  max-height: 580px;
}

.toolkit-doc-card {
  position: absolute;
  z-index: 0;
  display: grid;
  gap: 4px;
  width: min(230px, 44%);
  padding: 15px 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  color: #fff;
  background: rgba(255,255,255,.10);
  box-shadow: 0 22px 48px rgba(0,0,0,.26);
  backdrop-filter: blur(14px);
  animation: showcaseFloat 7s ease-in-out infinite;
}

.toolkit-doc-card strong {
  font-size: 15px;
}

.toolkit-doc-card span {
  color: rgba(255,255,255,.68);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.toolkit-doc-card.one {
  top: 14%;
  right: 2%;
}

.toolkit-doc-card.two {
  left: 0;
  bottom: 20%;
  animation-delay: -2.4s;
}

.risk-agitation-band {
  overflow: hidden;
}

.risk-agitation-layout,
.reimbursement-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, .78fr);
  gap: clamp(26px, 5vw, 58px);
  align-items: center;
}

.risk-panel {
  position: relative;
  padding: clamp(22px, 4vw, 32px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 28px;
  background:
    linear-gradient(150deg, rgba(255,255,255,.12), rgba(255,255,255,.05)),
    radial-gradient(circle at 90% 12%, rgba(179,255,47,.15), transparent 34%);
  box-shadow: 0 24px 60px rgba(0,0,0,.22);
}

.risk-panel strong {
  display: block;
  margin-top: 20px;
  color: #fff;
  font-size: 20px;
  line-height: 1.25;
}

.risk-warning-list,
.value-stack-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.risk-warning-list li {
  position: relative;
  padding: 16px 16px 16px 48px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.07);
  font-weight: 830;
  line-height: 1.42;
}

.risk-warning-list li::before {
  content: "x";
  position: absolute;
  left: 16px;
  top: 15px;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #e5484d;
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
}

.toolkit-stack-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.toolkit-resource-card {
  position: relative;
  min-height: 310px;
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 24px;
  border: 1px solid rgba(232, 225, 239, .92);
  border-radius: 26px;
  background:
    radial-gradient(circle at 88% 8%, rgba(179,255,47,.18), transparent 26%),
    linear-gradient(155deg, #fff 0%, #fbf8ff 72%, #f0fdfa 100%);
  box-shadow: 0 18px 44px rgba(71, 42, 113, .08);
  overflow: hidden;
}

.toolkit-resource-card::after {
  content: "";
  position: absolute;
  right: -38px;
  bottom: -42px;
  width: 138px;
  height: 138px;
  border: 1px solid rgba(106,13,173,.14);
  border-radius: 50%;
  background: rgba(106,13,173,.06);
}

.resource-badge {
  width: fit-content;
  border-radius: 999px;
  padding: 8px 11px;
  color: #fff;
  background: linear-gradient(135deg, #5d149d, #0f766e);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.toolkit-resource-card h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 23px;
  line-height: 1.08;
}

.toolkit-resource-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 720;
}

.reimbursement-card {
  padding: clamp(22px, 4vw, 32px);
  border: 1px solid rgba(106,13,173,.18);
  border-radius: 28px;
  background:
    linear-gradient(150deg, #fff, #fbf8ff),
    radial-gradient(circle at 82% 16%, rgba(15,118,110,.14), transparent 30%);
  box-shadow: 0 20px 50px rgba(71,42,113,.10);
}

.reimbursement-card span {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--sales-brand);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.reimbursement-card strong {
  display: block;
  max-width: 360px;
  margin-bottom: 18px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
}

.reimbursement-card ol {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 20px;
  color: var(--sales-muted);
  font-weight: 850;
  line-height: 1.45;
}

.value-stack-list {
  margin-top: 22px;
}

.value-stack-list li {
  padding: 14px 16px;
  border: 1px solid rgba(232,225,239,.9);
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  color: var(--sales-muted);
  font-weight: 900;
}

.value-stack-list del {
  text-decoration-thickness: 2px;
  text-decoration-color: #e5484d;
}

.direct-offer-box {
  border-color: rgba(106,13,173,.18);
  background:
    linear-gradient(180deg, #fff 0%, #fbf8ff 100%),
    radial-gradient(circle at 80% 10%, rgba(179,255,47,.16), transparent 28%);
}

.price-box .final-price {
  color: var(--sales-brand);
  font-size: clamp(34px, 4vw, 48px);
}

.hiring-direct-page .sales-hero h1 {
  max-width: 780px;
}

.kit-model-page {
  --kit-cta-start: #d76cff;
  --kit-cta-mid: #7c3aed;
  --kit-cta-end: #ec2fb8;
  --kit-cta-shadow: rgba(124, 58, 237, .34);
  background: #0a0612;
}

.kit-model-page .product-subnav {
  background: rgba(10, 6, 18, .86);
  border-bottom-color: rgba(185, 131, 255, .18);
  color: #efeaff;
}

.kit-model-page .product-subnav a,
.kit-model-page .product-breadcrumb strong {
  color: #efeaff;
}

.kit-model-page .sales-button,
.kit-model-page .kit-model-button {
  border-color: transparent;
  background: linear-gradient(135deg, var(--kit-cta-start) 0%, var(--kit-cta-mid) 48%, var(--kit-cta-end) 100%);
  color: #fff;
  box-shadow: 0 18px 44px var(--kit-cta-shadow);
}

.kit-model-page .sales-button:hover,
.kit-model-page .kit-model-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 58px rgba(236, 47, 184, .28);
}

.kit-model-page .sales-button-secondary {
  border-color: rgba(185, 131, 255, .32);
  background: rgba(185, 131, 255, .1);
  color: #5d149d;
}

.kit-model-page .sales-button-secondary:hover {
  border-color: rgba(124, 58, 237, .48);
  background: rgba(185, 131, 255, .16);
  color: #7c3aed;
}

.kit-model-page .sticky-buy {
  border-top-color: rgba(185, 131, 255, .2);
  background: rgba(10, 6, 18, .9);
  box-shadow: 0 -16px 42px rgba(0, 0, 0, .24);
}

.kit-model-page .sticky-buy span {
  color: rgba(239, 234, 255, .72);
}

.kit-model-page .sticky-buy strong {
  color: #fff;
}

.kit-model-main {
  overflow: hidden;
  color: #f7f2ff;
  background:
    radial-gradient(circle at 16% 8%, rgba(224, 34, 184, .24), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(104, 60, 255, .32), transparent 34%),
    radial-gradient(circle at 50% 58%, rgba(16, 185, 129, .08), transparent 28%),
    linear-gradient(180deg, #0a0612 0%, #13091d 46%, #08050e 100%);
}

.kit-model-main p {
  color: rgba(247, 242, 255, .72);
}

.kit-model-hero {
  position: relative;
  min-height: 760px;
  padding: clamp(58px, 7vw, 98px) 0 54px;
  display: grid;
  align-items: center;
}

.kit-model-hero::before {
  content: "";
  position: absolute;
  inset: 7% auto auto 50%;
  width: min(42vw, 560px);
  aspect-ratio: 1;
  transform: translateX(-5%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(224, 34, 184, .2), transparent 68%);
  filter: blur(8px);
  pointer-events: none;
}

.kit-model-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(340px, .98fr);
  gap: clamp(34px, 6vw, 82px);
  align-items: center;
}

.kit-model-copy h1,
.kit-model-section h2,
.kit-model-final-cta h2 {
  color: #fff;
  letter-spacing: 0;
}

.kit-model-copy h1 {
  max-width: 760px;
  margin-bottom: 22px;
  font-size: clamp(38px, 5.6vw, 72px);
  line-height: .98;
  font-weight: 900;
}

.kit-model-copy p {
  max-width: 650px;
  font-size: clamp(17px, 1.7vw, 21px);
}

.kit-model-pill,
.kit-model-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 34px;
  margin-bottom: 18px;
  padding: 8px 13px;
  border: 1px solid rgba(224, 34, 184, .35);
  border-radius: 999px;
  background: rgba(224, 34, 184, .11);
  color: #f2bcff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.kit-model-kicker.danger {
  border-color: rgba(248, 113, 113, .35);
  background: rgba(248, 113, 113, .1);
  color: #ffb4b4;
}

.kit-model-actions {
  margin: 30px 0 18px;
}

.kit-model-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  min-height: 58px;
  padding: 16px 24px;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--kit-cta-start) 0%, var(--kit-cta-mid) 48%, var(--kit-cta-end) 100%);
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 22px 54px var(--kit-cta-shadow);
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.kit-model-button:hover {
  transform: translateY(-2px);
  filter: saturate(1.08);
  box-shadow: 0 28px 64px rgba(224, 34, 184, .34);
}

.kit-model-button span {
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  font-weight: 700;
}

.kit-model-button.compact {
  margin-top: 30px;
  flex-direction: row;
}

.kit-model-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 680px;
}

.kit-model-proof span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: rgba(255, 255, 255, .82);
  font-size: 13px;
  font-weight: 800;
}

.kit-model-product {
  position: relative;
  min-height: 560px;
  display: grid;
  place-items: center;
  perspective: 1200px;
}

.kit-model-glow {
  position: absolute;
  width: min(86%, 520px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 47, 196, .26), transparent 60%),
    radial-gradient(circle at 70% 35%, rgba(25, 199, 160, .18), transparent 48%);
  filter: blur(22px);
  animation: kitModelPulse 5s ease-in-out infinite;
}

.kit-model-box {
  position: relative;
  width: min(100%, 470px);
  min-height: 520px;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .03)),
    radial-gradient(circle at 24% 16%, rgba(255, 47, 196, .28), transparent 34%),
    linear-gradient(160deg, #1c0b2e 0%, #0c0715 58%, #20143a 100%);
  box-shadow:
    0 40px 90px rgba(0, 0, 0, .46),
    inset 0 1px 0 rgba(255, 255, 255, .14);
  transform: rotateY(-10deg) rotateX(4deg);
  animation: kitModelFloat 6s ease-in-out infinite;
}

.kit-model-box::before {
  content: "";
  position: absolute;
  inset: 18px 18px auto auto;
  width: 128px;
  height: 128px;
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(25, 199, 160, .16), transparent),
    repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 2px, transparent 2px 12px);
  opacity: .58;
}

.kit-model-box-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 56px;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 800;
}

.kit-model-box-top strong {
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: #dbbcff;
}

.kit-model-box h2 {
  position: relative;
  z-index: 1;
  margin-bottom: 16px;
  color: #fff;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1;
  letter-spacing: 0;
}

.kit-model-box p {
  position: relative;
  z-index: 1;
  max-width: 330px;
  color: rgba(255,255,255,.76);
  font-weight: 700;
}

.kit-model-files {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  margin-top: 34px;
}

.kit-model-files div {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 13px 14px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.84);
  font-weight: 800;
  backdrop-filter: blur(14px);
}

.kit-model-files span {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--kit-cta-start), var(--kit-cta-mid));
  color: #fff;
  font-size: 12px;
}

.kit-model-box small {
  position: absolute;
  left: 34px;
  bottom: 24px;
  color: rgba(255,255,255,.46);
  font-weight: 800;
}

.kit-model-marquee {
  overflow: hidden;
  border-block: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
}

.kit-model-marquee div {
  display: flex;
  width: max-content;
  animation: kitModelMarquee 28s linear infinite;
}

.kit-model-marquee span {
  display: inline-flex;
  align-items: center;
  min-height: 58px;
  padding: 0 28px;
  color: rgba(255,255,255,.78);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.kit-model-section {
  padding: clamp(68px, 8vw, 112px) 0;
}

.kit-model-center {
  text-align: center;
}

.kit-model-center .kit-model-kicker,
.kit-model-center .kit-model-pill {
  margin-inline: auto;
}

.kit-model-narrow {
  max-width: 860px;
}

.kit-model-section h2,
.kit-model-final-cta h2 {
  max-width: 900px;
  margin: 0 auto 18px;
  font-size: clamp(31px, 4vw, 54px);
  line-height: 1.05;
  font-weight: 900;
}

.kit-model-lead {
  max-width: 820px;
  margin: 0 auto 34px;
  font-size: clamp(16px, 1.45vw, 20px);
}

.kit-model-cost-grid,
.kit-model-method-grid,
.kit-model-inside-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 36px;
}

.kit-model-cost-grid article,
.kit-model-method-grid article,
.kit-model-inside-grid article,
.kit-model-compare-grid article,
.kit-model-authority-card,
.kit-model-price-card,
.kit-model-guarantee-grid > div,
.kit-model-faq details {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
  backdrop-filter: blur(16px);
}

.kit-model-cost-grid article,
.kit-model-method-grid article,
.kit-model-inside-grid article {
  min-height: 245px;
  padding: 26px;
  text-align: left;
}

.kit-model-cost-grid span,
.kit-model-method-grid span,
.kit-model-inside-grid span {
  display: inline-flex;
  min-height: 32px;
  margin-bottom: 26px;
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(224, 34, 184, .14);
  color: #f0b7ff;
  font-size: 12px;
  font-weight: 900;
}

.kit-model-cost-grid h3,
.kit-model-method-grid h3,
.kit-model-inside-grid h3,
.kit-model-compare-grid h3,
.kit-model-price-card strong {
  color: #fff;
  letter-spacing: 0;
}

.kit-model-cost-grid h3,
.kit-model-method-grid h3,
.kit-model-inside-grid h3 {
  margin-bottom: 10px;
  font-size: 24px;
}

.kit-model-method {
  background:
    linear-gradient(180deg, rgba(124, 58, 237, .14), rgba(224, 34, 184, .08)),
    rgba(255,255,255,.02);
}

.kit-model-method-grid article:nth-child(2) span {
  background: rgba(124, 58, 237, .18);
}

.kit-model-method-grid article:nth-child(3) span {
  background: rgba(25, 199, 160, .16);
  color: #9df3dc;
}

.kit-model-compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 34px;
}

.kit-model-compare-grid article {
  padding: 30px;
}

.kit-model-compare-grid h3 {
  font-size: 30px;
}

.kit-model-compare-grid ul,
.kit-model-value-list {
  display: grid;
  gap: 14px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.kit-model-compare-grid li,
.kit-model-value-list li {
  position: relative;
  padding-left: 30px;
  color: rgba(255,255,255,.76);
  line-height: 1.55;
}

.kit-model-compare-grid li::before,
.kit-model-value-list li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 900;
}

.kit-model-compare-grid .bad li::before {
  content: "x";
  color: #ff8f8f;
}

.kit-model-compare-grid .good li::before,
.kit-model-value-list li::before {
  content: "+";
  color: #8af2d2;
}

.kit-model-compare-grid .bad {
  border-color: rgba(248, 113, 113, .2);
  background: linear-gradient(180deg, rgba(248, 113, 113, .09), rgba(255,255,255,.035));
}

.kit-model-compare-grid .good {
  border-color: rgba(25, 199, 160, .22);
  background: linear-gradient(180deg, rgba(25, 199, 160, .1), rgba(255,255,255,.035));
}

.kit-model-authority {
  padding-block: 48px;
}

.kit-model-authority-card {
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(30px, 5vw, 58px);
  background:
    radial-gradient(circle at 12% 0%, rgba(224, 34, 184, .2), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
}

.kit-model-authority-card h2,
.kit-model-authority-card p {
  max-width: 820px;
}

.kit-model-offer {
  background:
    radial-gradient(circle at 80% 18%, rgba(224, 34, 184, .16), transparent 30%),
    rgba(255,255,255,.025);
}

.kit-model-offer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
  gap: clamp(26px, 5vw, 64px);
  align-items: center;
}

.kit-model-value-list li {
  color: rgba(255,255,255,.72);
}

.kit-model-price-card {
  padding: 28px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 47, 196, .22), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.045));
}

.kit-model-price-card small,
.kit-model-price-card > span {
  color: rgba(255,255,255,.68);
  font-weight: 800;
}

.kit-model-price-card strong {
  display: block;
  margin: 8px 0 8px;
  font-size: clamp(54px, 6vw, 78px);
  line-height: 1;
}

.kit-model-price-card .kit-model-button {
  width: 100%;
  margin: 12px 0 14px;
}

.kit-model-guarantee-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.kit-model-guarantee-grid > div {
  padding: 30px;
}

.kit-model-faq details {
  margin-bottom: 12px;
  padding: 22px 24px;
}

.kit-model-faq summary {
  cursor: pointer;
  color: #fff;
  font-weight: 900;
  list-style: none;
}

.kit-model-faq summary::-webkit-details-marker {
  display: none;
}

.kit-model-faq details p {
  margin: 14px 0 0;
}

.kit-model-final-cta {
  padding: clamp(72px, 9vw, 124px) 0 clamp(92px, 10vw, 140px);
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 47, 196, .24), transparent 36%),
    linear-gradient(180deg, rgba(124, 58, 237, .16), rgba(10, 6, 18, .94));
}

.kit-model-final-cta p {
  max-width: 700px;
  margin: 0 auto 28px;
  font-size: 18px;
}

@keyframes kitModelFloat {
  0%, 100% { transform: rotateY(-10deg) rotateX(4deg) translateY(0); }
  50% { transform: rotateY(-7deg) rotateX(3deg) translateY(-14px); }
}

@keyframes kitModelFloatMobile {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

@keyframes kitModelPulse {
  0%, 100% { opacity: .76; transform: scale(.96); }
  50% { opacity: 1; transform: scale(1.04); }
}

@keyframes kitModelMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.kit-offer-showcase {
  min-height: 560px;
}

.kit-offer-showcase img {
  width: min(126%, 720px);
  max-height: 580px;
}

.toolkit-doc-card.hiring-card {
  border-color: rgba(255,208,138,.22);
  background:
    linear-gradient(150deg, rgba(255,208,138,.16), rgba(255,255,255,.08)),
    rgba(18, 7, 26, .38);
}

.kit-offer-showcase::before {
  background:
    radial-gradient(circle at 42% 42%, rgba(255,184,77,.22), transparent 22%),
    radial-gradient(circle at 58% 48%, rgba(130,68,255,.34), transparent 42%),
    radial-gradient(circle at 52% 55%, rgba(15,118,110,.22), transparent 52%);
}

.pain-story-card {
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 28px;
  background:
    linear-gradient(150deg, rgba(255,255,255,.12), rgba(255,255,255,.05)),
    radial-gradient(circle at 90% 12%, rgba(255,184,77,.16), transparent 34%);
  box-shadow: 0 24px 60px rgba(0,0,0,.22);
}

.pain-story-card p {
  color: rgba(255,255,255,.76);
  font-size: 17px;
  font-weight: 650;
}

.pain-story-card strong {
  display: block;
  margin-top: 18px;
  color: #fff;
  font-size: 20px;
  line-height: 1.32;
}

.method-3c-band {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(124, 58, 237, .17), transparent 42%),
    linear-gradient(180deg, #12081e 0%, #0c0614 100%);
}

.method-3c-band .section-head h2,
.method-3c-band .section-head p {
  color: #fff;
}

.method-3c-band .section-head p {
  color: rgba(239, 234, 255, .74);
}

.method-3c-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.method-3c-grid article {
  min-height: 250px;
  padding: clamp(24px, 3vw, 32px);
  border: 1px solid rgba(167, 139, 250, .24);
  border-radius: 24px;
  background:
    linear-gradient(160deg, rgba(124, 58, 237, .16), rgba(255, 255, 255, .035)),
    rgba(255, 255, 255, .035);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
}

.method-3c-grid span {
  display: block;
  margin-bottom: 12px;
  color: rgba(185, 131, 255, .48);
  font-size: 54px;
  font-weight: 950;
  line-height: 1;
}

.method-3c-grid h3 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 24px;
}

.method-3c-grid p {
  margin-bottom: 0;
  color: rgba(239, 234, 255, .76);
  font-weight: 650;
}

.method-cta {
  margin-top: 34px;
}

.comparison-band {
  background:
    radial-gradient(circle at 14% 8%, rgba(255, 184, 77, .12), transparent 30%),
    linear-gradient(180deg, #fff 0%, #fbf8ff 100%);
}

.hiring-compare-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 34px;
}

.compare-panel {
  padding: clamp(24px, 4vw, 34px);
  border-radius: 26px;
}

.compare-panel h3 {
  margin-bottom: 20px;
  font-size: 22px;
}

.compare-panel ul {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.compare-panel li {
  position: relative;
  padding-left: 32px;
  color: var(--sales-ink);
  font-weight: 850;
  line-height: 1.45;
}

.compare-panel li::before {
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
}

.without-method {
  border: 1px solid rgba(229, 72, 77, .24);
  background: linear-gradient(180deg, rgba(229, 72, 77, .08), rgba(255, 255, 255, .76));
}

.without-method h3 {
  color: #b4232c;
}

.without-method li::before {
  content: "x";
  color: #b4232c;
  background: rgba(229, 72, 77, .12);
}

.with-method {
  border: 1px solid rgba(15, 118, 110, .22);
  background: linear-gradient(180deg, rgba(15, 118, 110, .10), rgba(255, 255, 255, .84));
}

.with-method h3 {
  color: var(--sales-teal);
}

.with-method li::before {
  content: "";
  background: linear-gradient(135deg, var(--sales-teal), #16a34a);
}

.with-method li::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 7px;
  width: 8px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

.hiring-resource-card {
  background:
    radial-gradient(circle at 88% 8%, rgba(255,184,77,.18), transparent 26%),
    linear-gradient(155deg, #fff 0%, #fff9ef 72%, #f0fdfa 100%);
}

.hiring-resource-card .resource-badge {
  background: linear-gradient(135deg, #7b2fc7, #d18a2f);
}

.hiring-reimbursement-card,
.hiring-offer-box {
  background:
    linear-gradient(180deg, #fff 0%, #fff9ef 100%),
    radial-gradient(circle at 80% 10%, rgba(15,118,110,.13), transparent 28%);
}

.sales-footer {
  padding: 38px 0;
  border-top: 1px solid rgba(232, 225, 239, .82);
  background: #fff;
}

.sales-footer-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--sales-muted);
  font-size: 13px;
  font-weight: 800;
}

.sales-footer img { width: 150px; }

.sales-footer-content > div:first-child {
  display: grid;
  gap: 8px;
}

.sales-footer-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.sales-footer-links a {
  color: var(--sales-muted);
  text-decoration: none;
}

.sales-footer-links a:hover {
  color: var(--sales-brand);
}

.footer-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 9px;
  border-radius: 999px;
}

.footer-link:hover {
  background: #fbf8ff;
}

.footer-link svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  fill: currentColor;
}

.ecosystem-footer {
  padding: 46px 0;
  background:
    radial-gradient(circle at 86% 14%, rgba(185, 131, 255, .16), transparent 28%),
    linear-gradient(135deg, #fff, #fbf8ff);
}

.ecosystem-footer-grid {
  display: grid;
  grid-template-columns: minmax(190px, 1.25fr) repeat(4, minmax(130px, .75fr));
  gap: clamp(20px, 3vw, 34px);
  align-items: start;
}

.ecosystem-footer-brand {
  display: grid;
  gap: 10px;
  color: var(--sales-muted);
  font-size: 14px;
  font-weight: 850;
}

.ecosystem-footer-brand img {
  width: 168px;
}

.ecosystem-footer-column {
  display: grid;
  align-content: start;
  gap: 9px;
}

.ecosystem-footer-column strong {
  color: var(--sales-ink);
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
}

.ecosystem-footer-column a {
  color: var(--sales-muted);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none;
}

.ecosystem-footer-column a:hover {
  color: var(--sales-brand);
}

@media (max-width: 940px) {
  body.product-page {
    padding-bottom: 82px;
  }

  .sticky-buy {
    display: block;
  }

  .sales-links { display: none; }

  .product-subnav {
    top: 66px;
  }

  .product-subnav-inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 10px 0;
  }

  .product-subnav-links {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .product-subnav-links::-webkit-scrollbar {
    display: none;
  }

  .product-subnav-links a {
    flex: 0 0 auto;
  }

  .sales-hero-grid,
  .toolkit-product-page .sales-hero-grid,
  .kit-hiring-page .sales-hero-grid,
  .kit-model-hero-grid,
  .problem-layout,
  .price-layout,
  .decision-layout,
  .value-layout,
  .risk-agitation-layout,
  .reimbursement-layout,
  .method-3c-grid,
  .kit-model-cost-grid,
  .kit-model-method-grid,
  .kit-model-inside-grid,
  .kit-model-compare-grid,
  .kit-model-offer-grid,
  .kit-model-guarantee-grid,
  .hiring-compare-grid {
    grid-template-columns: 1fr;
  }

  .kit-model-hero {
    min-height: auto;
    padding-top: 48px;
  }

  .kit-model-product {
    min-height: 500px;
    order: -1;
  }

  .kit-model-box {
    transform: rotateY(0) rotateX(0);
    animation: kitModelFloatMobile 6s ease-in-out infinite;
  }

  .kit-model-copy,
  .kit-model-center {
    text-align: left;
  }

  .kit-model-center .kit-model-kicker,
  .kit-model-center .kit-model-pill {
    margin-inline: 0;
  }

  .kit-model-lead {
    margin-inline: 0;
  }

  .kit-preview { min-height: auto; }

  .education-mockup,
  .education-illustration,
  .education-image-frame,
  .education-image-frame img,
  .catalog-hero-showcase,
  .catalog-hub-visual,
  .product-cover-frame,
  .toolkit-product-showcase,
  .kit-product-showcase { min-height: 420px; }

  .catalog-hub-visual {
    overflow: hidden;
  }

  .toolkit-product-showcase img,
  .kit-product-showcase img {
    min-height: 0;
    max-height: 460px;
  }

  .toolkit-doc-card.one {
    right: 6%;
  }

  .toolkit-doc-card.two {
    left: 4%;
  }

  .course-grid,
  .audience-grid,
  .included-grid,
  .toolkit-stack-grid,
  .steps-grid,
  .faq-grid,
  .conversion-grid,
  .chooser-grid,
  .compare-grid,
  .decision-grid {
    grid-template-columns: 1fr;
  }

  .course-card.featured { grid-column: auto; }

  .catalog-board {
    padding: 22px;
  }

  .education-panel {
    width: 100%;
  }

  .catalog-hero-product.nr1 {
    right: 2%;
    top: 8px;
    width: min(76%, 460px);
  }

  .catalog-hero-product.hiring {
    left: 2%;
    bottom: 18px;
    width: min(68%, 390px);
  }

  .hub-floating-card.one {
    right: 0;
    top: 24px;
  }

  .hub-floating-card.two {
    left: 0;
    bottom: 24px;
  }
}

@media (max-width: 620px) {
  .sales-shell { width: min(100% - 28px, 1160px); }

  .sales-nav {
    min-height: auto;
    padding: 14px 0;
    align-items: center;
  }

  .sales-logo img { width: 148px; }

  .sales-actions .sales-button-secondary { display: none; }

  .product-subnav {
    top: 64px;
  }

  .product-breadcrumb {
    width: 100%;
  }

  .sales-hero { padding-top: 42px; }

  .sales-button,
  .sales-button-secondary {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .sales-actions .sales-button { width: auto; }

  .kit-model-hero {
    padding-top: 34px;
  }

  .kit-model-copy h1 {
    font-size: clamp(36px, 12vw, 48px);
  }

  .kit-model-section {
    padding: 58px 0;
  }

  .kit-model-product {
    min-height: 424px;
  }

  .kit-model-box {
    width: min(100%, 360px);
    min-height: 410px;
    padding: 24px;
    border-radius: 24px;
  }

  .kit-model-box h2 {
    font-size: clamp(32px, 10vw, 42px);
  }

  .kit-model-box-top {
    margin-bottom: 34px;
  }

  .kit-model-files {
    margin-top: 24px;
  }

  .kit-model-files div {
    min-height: 48px;
    font-size: 13px;
  }

  .kit-model-box small {
    left: 24px;
    bottom: 18px;
  }

  .kit-model-button {
    width: 100%;
    padding-inline: 18px;
  }

  .kit-model-proof {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .kit-model-proof span {
    justify-content: center;
    min-height: 46px;
    text-align: center;
  }

  .kit-model-cost-grid article,
  .kit-model-method-grid article,
  .kit-model-inside-grid article,
  .kit-model-compare-grid article,
  .kit-model-authority-card,
  .kit-model-price-card,
  .kit-model-guarantee-grid > div {
    border-radius: 20px;
    padding: 22px;
  }

  .toolkit-direct-page .sales-hero .sales-actions .sales-button,
  .hiring-direct-page .sales-hero .sales-actions .sales-button {
    width: 100%;
  }

  .toolkit-product-page .sales-hero {
    padding-bottom: 28px;
  }

  .kit-hiring-page .sales-hero {
    padding-bottom: 28px;
  }

  .toolkit-product-showcase,
  .kit-product-showcase {
    min-height: 300px;
  }

  .toolkit-product-showcase,
  .kit-product-showcase {
    padding: 0;
    border-radius: 0;
  }

  .toolkit-product-showcase img {
    width: min(108%, 430px);
    max-height: 330px;
    min-height: 0;
    border-radius: 18px;
  }

  .kit-product-showcase img {
    width: min(112%, 430px);
    max-height: 330px;
    min-height: 0;
    border-radius: 18px;
  }

  .showcase-badge {
    left: 10px;
    right: auto;
    bottom: 10px;
    width: min(320px, calc(100% - 20px));
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .toolkit-doc-card {
    display: none;
  }

  .risk-warning-list li {
    padding: 14px 14px 14px 44px;
  }

  .toolkit-resource-card {
    min-height: auto;
  }

  .sticky-buy-inner {
    min-height: 68px;
    gap: 12px;
  }

  .sticky-buy span {
    font-size: 12px;
  }

  .sticky-buy strong {
    font-size: 19px;
  }

  .sticky-buy .sales-button {
    width: auto;
    min-height: 42px;
    padding: 0 14px;
    font-size: 14px;
  }

  .catalog-page .sales-hero h1 {
    font-size: clamp(32px, 10vw, 44px);
  }

  .catalog-hero-showcase {
    min-height: 360px;
    margin-top: 10px;
  }

  .catalog-hub-visual {
    min-height: auto;
    margin-top: 18px;
    place-items: stretch;
  }

  .catalog-hub-visual::before {
    inset: 8% -8% 18%;
    filter: blur(22px);
  }

  .hub-panel {
    width: 100%;
    padding: 18px;
    border-radius: 24px;
  }

  .hub-panel::before {
    inset: 12px;
    border-radius: 18px;
  }

  .hub-topline {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .hub-feature {
    min-height: 136px;
    padding: 18px;
  }

  .hub-feature::before {
    width: 54px;
    height: 54px;
    border-radius: 18px;
  }

  .hub-feature strong {
    font-size: 25px;
  }

  .hub-modules {
    grid-template-columns: 1fr;
  }

  .hub-modules article {
    min-height: auto;
  }

  .hub-floating-card {
    position: static;
    width: 100%;
    margin-top: 10px;
  }

  .catalog-hero-product.nr1 {
    right: 0;
    top: 0;
    width: min(86%, 340px);
  }

  .catalog-hero-product.hiring {
    left: 0;
    bottom: 0;
    width: min(82%, 320px);
  }

  .catalog-hero-product img {
    border-radius: 18px;
  }

  .catalog-hero-product span {
    left: 10px;
    bottom: 10px;
    padding: 7px 9px;
    font-size: 12px;
  }

  .product-page .sales-hero h1 {
    font-size: clamp(32px, 10vw, 44px);
  }

  .catalog-proof {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .catalog-proof span {
    border: 1px solid rgba(255,255,255,.16);
    padding: 0 10px;
  }

  .sales-footer-content {
    align-items: flex-start;
    flex-direction: column;
  }

  .sales-footer-links {
    justify-content: flex-start;
  }

  .ecosystem-footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .ecosystem-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 430px) {
  .kit-model-proof {
    grid-template-columns: 1fr;
  }

  .kit-model-price-card strong {
    font-size: 52px;
  }

  .ecosystem-footer-grid {
    grid-template-columns: 1fr;
  }
}