.hero {
  position: relative;
  padding-top: clamp(var(--space-40), 5vw, var(--space-64));
}

.hero::before,
.hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 999px;
  filter: blur(1px);
}

.hero::before {
  width: 360px;
  height: 360px;
  top: -140px;
  right: -80px;
  background: radial-gradient(circle at 35% 35%, color-mix(in oklab, var(--brand-orange), white 65%), transparent 70%);
}

.hero::after {
  width: 320px;
  height: 320px;
  top: 130px;
  left: -180px;
  background: radial-gradient(circle at 70% 30%, color-mix(in oklab, var(--brand-teal), white 72%), transparent 69%);
}

.hero__layout {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: clamp(var(--space-24), 4vw, var(--space-48));
  align-items: center;
}

.hero__copy {
  max-width: 640px;
}

.hero__title span {
  color: var(--brand-orange);
}

.hero__lead {
  margin-top: var(--space-20);
}

.home-inline-link {
  color: color-mix(in oklab, var(--text-main), var(--brand-teal) 22%);
  text-decoration: none;
}

.home-inline-link:hover {
  color: color-mix(in oklab, var(--text-main), var(--brand-teal) 38%);
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-10);
  margin-top: var(--space-28);
}

.hero__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-10);
  margin-top: var(--space-28);
}

.hero__facts li {
  padding: var(--space-12);
  border-radius: var(--radius-sm);
  border: 1px solid color-mix(in oklab, var(--brand-orange), white 78%);
  background: color-mix(in oklab, var(--brand-orange), white 93%);
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--text-muted);
}

.hero__media {
  position: relative;
}

.hero__photo {
  overflow: hidden;
  border-radius: var(--radius-xl);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-mid);
  background: var(--bg-white);
}

.hero__photo img {
  width: 100%;
  aspect-ratio: 5 / 4;
  object-fit: cover;
}

.hero__chip {
  position: absolute;
  padding: var(--space-12) var(--space-14);
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: var(--bg-white);
  box-shadow: var(--shadow-soft);
  max-width: 180px;
}

.hero__chip strong {
  display: block;
  margin-bottom: var(--space-4);
  font-size: 0.84rem;
}

.hero__chip p {
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--text-muted);
}

.hero__chip--one {
  top: -18px;
  left: -20px;
}

.hero__chip--two {
  right: -22px;
  bottom: 22px;
}

.trust {
  padding-block: var(--space-32);
}

.trust__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-14);
}

.trust__item {
  padding: var(--space-20);
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: var(--bg-white);
}

.trust__item:nth-child(2n) {
  background: var(--bg-accent);
}

.trust__item:nth-child(3n) {
  background: var(--bg-mint);
}

.trust__value {
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 2.8vw, 2.15rem);
  color: var(--brand-teal);
}

.trust__label {
  margin-top: var(--space-8);
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--text-muted);
}

.why {
  background: linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--bg-soft), white 38%) 100%);
}

.why__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(var(--space-20), 4vw, var(--space-40));
  align-items: stretch;
}

.why__list {
  display: grid;
  gap: var(--space-12);
}

.why__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-12);
  padding: var(--space-16);
  border-radius: var(--radius-sm);
  border: 1px solid color-mix(in oklab, var(--brand-teal), white 76%);
  background: var(--bg-white);
}

.why__icon {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: var(--bg-white);
  background: linear-gradient(140deg, var(--brand-teal), color-mix(in oklab, var(--brand-teal), black 10%));
  font-weight: 900;
}

.why__item h3 {
  font-size: 1.08rem;
}

.why__item p {
  margin-top: var(--space-6);
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--text-muted);
}

.why__visual {
  position: relative;
  padding: var(--space-16);
  border: 1px solid color-mix(in oklab, var(--brand-orange), white 72%);
  border-radius: var(--radius-lg);
  background: linear-gradient(150deg, color-mix(in oklab, var(--brand-orange), white 91%), color-mix(in oklab, var(--brand-teal), white 92%));
}

.why__visual img {
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
}

.why__badge {
  position: absolute;
  left: var(--space-20);
  bottom: var(--space-20);
  padding: var(--space-12) var(--space-14);
  border-radius: var(--radius-sm);
  background: var(--bg-white);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
  font-size: 0.84rem;
  font-weight: 700;
}

.formats {
  background: color-mix(in oklab, var(--bg-white), var(--bg-page) 34%);
}

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

.format-card {
  padding: var(--space-18);
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-card);
  display: flex;
  flex-direction: column;
  gap: var(--space-14);
}

.format-card img {
  border-radius: var(--radius-sm);
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border: 1px solid var(--line);
}

.format-card h3 {
  font-size: 1.22rem;
}

.format-card p {
  color: var(--text-muted);
  font-size: 0.93rem;
  line-height: 1.55;
}

.format-card__cta {
  margin-top: auto;
  min-height: 50px;
}

.format-card--a {
  background: color-mix(in oklab, var(--brand-orange), white 92%);
}

.format-card--b {
  background: var(--bg-white);
}

.costumes {
  background: linear-gradient(180deg, color-mix(in oklab, var(--bg-soft), white 38%), color-mix(in oklab, var(--bg-white), var(--bg-page) 18%));
}

.costume-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-14);
}

.costume-card {
  position: relative;
  padding: var(--space-12);
  border-radius: var(--radius-md);
  overflow: hidden;
  background:
    linear-gradient(180deg, color-mix(in oklab, var(--bg-soft), white 65%), var(--bg-white));
  border: 1px solid color-mix(in oklab, var(--line), var(--brand-orange) 18%);
  box-shadow: 0 20px 40px -28px rgba(31, 24, 20, 0.18);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.costume-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 72px;
  height: 72px;
  border-radius: 0 0 999px 0;
  background: color-mix(in oklab, var(--brand-soft-blue), white 22%);
  opacity: 0.45;
  pointer-events: none;
}

.costume-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 26px 50px -30px rgba(31, 24, 20, 0.28);
  border-color: color-mix(in oklab, var(--brand-orange), white 35%);
}

.costume-card img {
  width: 100%;
  border-radius: var(--radius-sm);
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: 1px solid var(--line);
  box-shadow: 0 16px 34px -24px rgba(31, 24, 20, 0.35);
  transition: transform 220ms ease, filter 220ms ease;
}

.costume-card__media {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  box-shadow: 0 16px 34px -24px rgba(31, 24, 20, 0.35);
  background: color-mix(in oklab, var(--bg-soft), white 24%);
}

.costume-card__media--triptych {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 6px;
}

.costume-card__media img {
  width: 100%;
  height: 100%;
  border: 0;
  box-shadow: none;
  border-radius: calc(var(--radius-sm) - 6px);
  aspect-ratio: auto;
  object-fit: cover;
}

.costume-card:hover .costume-card__media--triptych img {
  transform: none;
  filter: none;
}

.costume-card__img--placeholder {
  object-fit: contain;
  padding: var(--space-12);
  background: color-mix(in oklab, var(--bg-soft), white 16%);
}

.costume-card:hover img {
  transform: scale(1.03);
  filter: saturate(1.04) contrast(1.02);
}

.costume-card h3 {
  margin-top: var(--space-12);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.03rem;
  line-height: 1.2;
}

.costume-card h3::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand-orange), color-mix(in oklab, var(--brand-orange), white 35%));
  box-shadow: 0 0 0 6px color-mix(in oklab, var(--brand-orange), white 86%);
  flex: 0 0 auto;
}

.costume-card[data-costume-extra] {
  display: none;
}

.costume-grid[data-expanded="true"] .costume-card[data-costume-extra] {
  display: block;
}

.costumes__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-10);
  margin-top: var(--space-24);
}

.costumes__actions .button {
  min-height: 52px;
}

.summer-promo {
  position: relative;
  background:
    linear-gradient(135deg, color-mix(in oklab, var(--brand-yellow), white 45%) 0%, color-mix(in oklab, var(--brand-coral), white 70%) 45%, color-mix(in oklab, var(--brand-teal), white 82%) 100%);
}

.summer-promo__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.98fr);
  gap: clamp(var(--space-24), 4vw, var(--space-56));
  align-items: center;
}

.summer-promo__copy {
  display: grid;
  gap: var(--space-20);
}

.summer-promo__copy .lead {
  max-width: 660px;
}

.summer-promo__highlights {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-10);
}

.summer-promo__highlights span {
  padding: var(--space-8) var(--space-12);
  border: 1px solid color-mix(in oklab, var(--brand-teal), white 70%);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: color-mix(in oklab, var(--text-main), var(--brand-teal) 18%);
  font-size: 0.88rem;
  font-weight: 800;
}

.summer-promo__countdown {
  display: grid;
  gap: var(--space-10);
  max-width: 560px;
}

.summer-promo__countdown > p,
.summer-promo__terms {
  color: color-mix(in oklab, var(--text-main), white 10%);
  font-weight: 800;
}

.summer-promo__terms {
  font-size: 0.92rem;
}

.summer-promo__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-10);
}

.summer-promo__media {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.62);
  box-shadow: var(--shadow-mid);
  background: var(--bg-white);
}

.summer-promo__media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.summer-promo__media figcaption {
  position: absolute;
  left: var(--space-16);
  right: var(--space-16);
  bottom: var(--space-16);
  padding: var(--space-12) var(--space-14);
  border-radius: var(--radius-sm);
  color: var(--bg-white);
  background: rgba(37, 31, 24, 0.74);
  font-size: 0.9rem;
  line-height: 1.45;
  font-weight: 800;
  backdrop-filter: blur(8px);
}

.a-packages {
  background: color-mix(in oklab, var(--bg-white), var(--bg-page) 30%);
}

.a-packages__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(var(--space-16), 2vw, var(--space-24));
  align-items: stretch;
}

.a-package {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border-radius: var(--radius-md);
  overflow: hidden;
  padding: clamp(var(--space-18), 2vw, var(--space-28));
  background: linear-gradient(180deg, color-mix(in oklab, var(--bg-white), var(--bg-page) 34%), var(--bg-white));
  transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease);
}

.a-package:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(37, 31, 24, 0.12);
}

.a-package--best {
  border: 2px solid color-mix(in oklab, var(--brand-orange), white 45%);
  box-shadow: 0 18px 36px rgba(239, 110, 39, 0.16);
  background: linear-gradient(180deg, color-mix(in oklab, var(--brand-orange), white 93%), var(--bg-white));
}

.a-package--best .a-package__head {
  padding-top: var(--space-20);
}

.a-package__badge {
  position: absolute;
  top: 12px;
  right: 14px;
  border-radius: 999px;
  padding: var(--space-6) var(--space-12);
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--bg-white);
  background: linear-gradient(130deg, var(--brand-teal), color-mix(in oklab, var(--brand-teal), black 10%));
}

.a-package__head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: var(--space-12);
  padding-top: var(--space-6);
  padding-bottom: var(--space-12);
  border-bottom: 1px solid color-mix(in oklab, var(--line), var(--brand-orange) 14%);
}

.a-package__head h3 {
  margin: 0;
  padding-right: var(--space-8);
  font-size: 1.18rem;
  line-height: 1.2;
}

.a-package__price {
  display: flex;
  align-items: baseline;
  justify-self: end;
  white-space: nowrap;
  gap: var(--space-4);
  font-family: var(--font-display);
  line-height: 1.02;
  color: var(--brand-orange);
}

.a-package__price span {
  font-size: 2.05rem;
}

.a-package__price small {
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--text-soft);
}

.a-package__stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin-top: var(--space-12);
}

.a-package__stats span {
  border-radius: 999px;
  padding: var(--space-6) var(--space-10);
  font-size: 0.78rem;
  font-weight: 800;
  color: var(--text-main);
  background: color-mix(in oklab, var(--bg-soft), var(--bg-white) 44%);
  border: 1px solid color-mix(in oklab, var(--line-strong), var(--brand-orange) 18%);
}

.a-package__meta {
  margin-top: var(--space-10);
  color: var(--text-muted);
  line-height: 1.6;
  font-size: 0.9rem;
}

.a-package__list {
  display: grid;
  gap: var(--space-8);
  margin-top: var(--space-16);
  margin-bottom: var(--space-20);
  padding-top: var(--space-12);
  border-top: 1px dashed color-mix(in oklab, var(--line-strong), var(--brand-teal) 22%);
}

.a-package__list li {
  position: relative;
  padding-left: var(--space-18);
  color: var(--text-muted);
  font-size: 0.9rem;
  line-height: 1.52;
}

.a-package__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--brand-teal);
}

.a-package .button {
  width: 100%;
  min-height: 56px;
  margin-top: auto;
}

.a-package .button--ghost {
  background: color-mix(in oklab, var(--bg-white), var(--bg-page) 22%);
  border-color: color-mix(in oklab, var(--line-strong), var(--brand-orange) 22%);
}

.process {
  background: linear-gradient(180deg, color-mix(in oklab, var(--bg-mint), white 20%), transparent 100%);
}

.process__layout {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(var(--space-20), 3vw, var(--space-36));
  align-items: start;
}

.process__steps {
  display: grid;
  gap: var(--space-12);
}

.process__step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-16);
  padding: var(--space-16);
  border-radius: var(--radius-sm);
  border: 1px solid color-mix(in oklab, var(--brand-teal), white 76%);
  background: var(--bg-white);
}

.process__number {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  font-family: var(--font-display);
  font-size: 1.25rem;
  color: var(--bg-white);
  background: linear-gradient(150deg, var(--brand-teal), color-mix(in oklab, var(--brand-teal), black 10%));
}

.process__step h3 {
  font-size: 1.08rem;
}

.process__step p {
  margin-top: var(--space-6);
  color: var(--text-muted);
  font-size: 0.92rem;
  line-height: 1.55;
}

.process__media {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--bg-white);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.process__media img {
  aspect-ratio: 5 / 6;
  object-fit: cover;
}

.reviews {
  background: color-mix(in oklab, var(--bg-white), var(--bg-page) 26%);
}

.review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-14);
}

.reviews-carousel {
  margin-bottom: var(--space-16);
  padding: var(--space-10);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: color-mix(in oklab, var(--bg-white), var(--bg-page) 22%);
}

.reviews-carousel__viewport {
  overflow: hidden;
  border-radius: calc(var(--radius-lg) - 6px);
  background: color-mix(in oklab, var(--bg-white), var(--bg-soft) 24%);
}

.reviews-carousel__track {
  display: flex;
  transition: transform 640ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.reviews-carousel__slide {
  flex: 0 0 100%;
  min-width: 100%;
}

.reviews-carousel__slide img {
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
}

.reviews-carousel__slide--grouped {
  padding: 0;
}

.reviews-carousel__mosaic {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-8);
}

.reviews-carousel__mosaic-item {
  overflow: hidden;
  border-radius: calc(var(--radius-lg) - 10px);
  background: color-mix(in oklab, var(--bg-white), var(--bg-soft) 20%);
}

.reviews-carousel__slide--grouped .reviews-carousel__mosaic-item img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.reviews-carousel__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-12);
  margin-top: var(--space-12);
}

.reviews-carousel__arrow {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 999px;
  border: 1px solid color-mix(in oklab, var(--line-strong), var(--brand-teal) 20%);
  background: color-mix(in oklab, var(--bg-white), var(--bg-mint) 34%);
  color: var(--brand-teal);
  box-shadow: 0 14px 28px -22px rgba(31, 24, 20, 0.22);
  cursor: pointer;
  transition: transform var(--ease), box-shadow var(--ease), background-color var(--ease), color var(--ease),
    border-color var(--ease);
}

.reviews-carousel__arrow:hover,
.reviews-carousel__arrow:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in oklab, var(--brand-teal), white 55%);
  background: color-mix(in oklab, var(--bg-white), var(--brand-teal) 16%);
  box-shadow: 0 20px 34px -22px rgba(31, 24, 20, 0.28);
}

.reviews-carousel__arrow span {
  font-size: 1.3rem;
  line-height: 1;
}

.reviews-carousel__arrow--next {
  background: linear-gradient(135deg, var(--brand-orange), color-mix(in oklab, var(--brand-orange), white 28%));
  border-color: color-mix(in oklab, var(--brand-orange), white 52%);
  color: var(--bg-white);
}

.reviews-carousel__arrow--next:hover,
.reviews-carousel__arrow--next:focus-visible {
  background: linear-gradient(135deg, color-mix(in oklab, var(--brand-orange), black 4%), var(--brand-orange));
  border-color: color-mix(in oklab, var(--brand-orange), white 42%);
}

.review {
  padding: var(--space-20);
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: var(--bg-white);
  box-shadow: var(--shadow-card);
}

.review p {
  color: var(--text-muted);
  line-height: 1.6;
  font-size: 0.93rem;
}

.review__meta {
  margin-top: var(--space-16);
  padding-top: var(--space-12);
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  gap: var(--space-8);
  font-size: 0.84rem;
  color: var(--text-soft);
  font-weight: 700;
}

.faq-wrap {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: clamp(var(--space-18), 3vw, var(--space-32));
  align-items: start;
}

.faq-aside {
  padding: var(--space-20);
  border-radius: var(--radius-md);
  border: 1px solid color-mix(in oklab, var(--brand-orange), white 73%);
  background: color-mix(in oklab, var(--brand-orange), white 93%);
}

.faq-aside p {
  margin-top: var(--space-10);
  color: var(--text-muted);
  font-size: 0.94rem;
  line-height: 1.6;
}

.faq-aside .button {
  margin-top: var(--space-16);
}

.faq-list {
  display: grid;
  gap: var(--space-10);
}

.faq-item {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--bg-white);
  overflow: hidden;
}

.faq-item summary {
  cursor: pointer;
  list-style: none;
  padding: var(--space-16);
  padding-right: calc(var(--space-16) + 1.6rem);
  font-weight: 800;
  position: relative;
}

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

.faq-item summary::after {
  content: "+";
  position: absolute;
  right: var(--space-16);
  top: 50%;
  transform: translateY(-50%);
  color: var(--brand-teal);
  font-size: 1.25rem;
}

.faq-item[open] summary::after {
  content: "−";
}

.faq-item p {
  padding: 0 var(--space-16) var(--space-16);
  color: var(--text-muted);
  line-height: 1.6;
  font-size: 0.92rem;
}

.cta-band {
  position: relative;
  overflow: hidden;
}

.cta-band__inner {
  position: relative;
  padding: clamp(var(--space-24), 4vw, var(--space-40));
  border-radius: var(--radius-lg);
  background: linear-gradient(125deg, color-mix(in oklab, var(--brand-teal), white 14%), color-mix(in oklab, var(--brand-orange), white 12%));
  color: var(--bg-white);
}

.cta-band__inner::before {
  content: "";
  position: absolute;
  right: -48px;
  bottom: -48px;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: color-mix(in oklab, var(--brand-yellow), white 24%);
  opacity: 0.36;
}

.cta-band__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-20);
  align-items: center;
}

.cta-band h2 {
  max-width: 620px;
}

.cta-band p {
  margin-top: var(--space-10);
  max-width: 640px;
  color: color-mix(in oklab, var(--bg-white), transparent 12%);
  line-height: 1.6;
}

.cta-band .button--secondary {
  color: var(--bg-white);
  border-color: color-mix(in oklab, var(--bg-white), transparent 30%);
  background: color-mix(in oklab, white, transparent 87%);
}

@media (min-width: 1081px) {
  .a-package--best {
    transform: translateY(-8px);
  }

  .a-package--best:hover {
    transform: translateY(-10px);
  }
}

@media (max-width: 1080px) {
  .hero__layout,
  .why__layout,
  .process__layout,
  .faq-wrap {
    grid-template-columns: 1fr;
  }

  .hero__chip {
    position: static;
    max-width: none;
    margin-top: var(--space-12);
  }

  .why__badge {
    position: static;
    display: inline-flex;
    margin-top: var(--space-12);
  }

  .hero__facts {
    grid-template-columns: 1fr;
  }

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

  .format-grid {
    grid-template-columns: 1fr;
  }

  .summer-promo__layout {
    grid-template-columns: 1fr;
  }

  .summer-promo__media {
    order: -1;
  }

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

  .a-packages__grid,
  .review-grid {
    grid-template-columns: 1fr;
  }

  .a-package--best {
    border-width: 1px;
    transform: none;
  }

  .a-package--best:hover {
    transform: translateY(-2px);
  }

  .cta-band__layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 660px) {
  .hero__actions .button {
    width: 100%;
  }

  .process__step {
    grid-template-columns: 1fr;
  }

  .process__number {
    width: 36px;
    height: 36px;
    font-size: 1.05rem;
  }

  .a-package {
    padding: var(--space-18);
  }

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

  .costume-grid {
    grid-template-columns: 1fr;
  }

  .costumes__actions .button {
    width: 100%;
  }

  .summer-promo__actions .button {
    width: 100%;
  }

  .summer-promo__highlights {
    gap: var(--space-8);
  }

  .summer-promo__media figcaption {
    position: static;
    border-radius: 0;
    background: var(--text-main);
  }

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

  .reviews-carousel {
    padding: var(--space-8);
  }

  .reviews-carousel__slide img {
    aspect-ratio: 4 / 3;
  }

  .reviews-carousel__controls {
    gap: var(--space-10);
  }

  .reviews-carousel__arrow {
    width: 46px;
    height: 46px;
  }

  .cta-band .button--secondary {
    width: 100%;
  }

  .trust__grid {
    grid-template-columns: 1fr;
  }
}