.cr-home {
  --home-width: min(calc(100% - 40px), var(--cr-container));
  overflow: clip;
  padding: 24px 0 96px;
  background:
    radial-gradient(circle at 8% 17%, rgba(36, 87, 255, .055), transparent 20%),
    linear-gradient(#fff, #fff);
}

.cr-home :where(h1, h2, h3, p) { margin-top: 0; }

.cr-home-hero,
.cr-home-trust,
.cr-home-section,
.cr-home-final {
  width: var(--home-width);
  margin-inline: auto;
}

.cr-home-hero {
  position: relative;
  min-height: 610px;
  overflow: hidden;
  border-radius: 34px;
  color: #dbe5ff;
  background: #07142d;
  box-shadow: 0 32px 80px rgba(7, 20, 45, .18);
}

.cr-home-hero::before,
.cr-home-hero::after {
  position: absolute;
  content: "";
  border-radius: 999px;
  pointer-events: none;
}

.cr-home-hero::before {
  top: -260px;
  right: 38%;
  width: 650px;
  height: 650px;
  background: rgba(39, 88, 255, .23);
  filter: blur(80px);
}

.cr-home-hero::after {
  right: -160px;
  bottom: -310px;
  width: 620px;
  height: 620px;
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 0 0 90px rgba(255, 255, 255, .018), 0 0 0 180px rgba(255, 255, 255, .012);
}

.cr-home-hero__slides { position: relative; min-height: 610px; }

.cr-home-slide {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: 48px;
  align-items: center;
  padding: 64px 72px 94px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-20px);
  transition: opacity 560ms var(--cr-ease), transform 560ms var(--cr-ease), visibility 560ms;
}

.cr-home-slide.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.cr-home-slide__content { position: relative; z-index: 3; max-width: 660px; }

.cr-home-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #9fb9ff;
  font-size: .875rem;
  font-weight: 780;
}

.cr-home-eyebrow::before {
  width: 24px;
  height: 3px;
  border-radius: 9px;
  background: #4b76ff;
  content: "";
}

.cr-home-slide h1,
.cr-home-slide h2 {
  margin-bottom: 22px;
  color: #fff;
  font-size: clamp(2.5rem, 4.35vw, 4.4rem);
  font-weight: 850;
  line-height: 1.23;
  letter-spacing: -.055em;
}

.cr-home-slide h1 em,
.cr-home-slide h2 em {
  color: #7294ff;
  font-style: normal;
}

.cr-home-slide__content > p {
  max-width: 610px;
  margin-bottom: 30px;
  color: #c5d1e7;
  font-size: 1.075rem;
  line-height: 2;
}

.cr-home-actions { display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: center; }

.cr-home-button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border-radius: 13px;
  color: #fff;
  background: linear-gradient(135deg, #3d6cff, #173dcc);
  box-shadow: 0 14px 32px rgba(36, 87, 255, .24);
  font-size: .925rem;
  font-weight: 780;
  transition: transform 180ms var(--cr-ease), box-shadow 180ms var(--cr-ease);
}

.cr-home-button:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 18px 40px rgba(36, 87, 255, .32); }
.cr-home-button--light { color: #07142d; background: #fff; box-shadow: 0 12px 30px rgba(0, 0, 0, .18); }
.cr-home-button--light:hover { color: #173dcc; }

.cr-home-text-link { display: inline-flex; align-items: center; gap: 9px; color: #eef3ff; font-size: .9rem; font-weight: 700; }
.cr-home-text-link:hover { color: #fff; }
.cr-home-text-link--dark { color: #173dcc; }
.cr-home-text-link--dark:hover { color: #2457ff; }

.cr-home-facts { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 34px; color: #9fb0ca; font-size: .78rem; font-weight: 650; }
.cr-home-facts span { position: relative; padding-right: 15px; }
.cr-home-facts span::before { position: absolute; top: .72em; right: 0; width: 5px; height: 5px; border-radius: 50%; background: #4f7bff; content: ""; }

.cr-home-art { position: relative; z-index: 2; min-height: 400px; perspective: 1000px; }
.cr-home-art__halo { position: absolute; inset: 8% 0 auto; width: 360px; height: 360px; margin: auto; border-radius: 50%; background: radial-gradient(circle, rgba(72, 119, 255, .45), rgba(36, 87, 255, .04) 65%, transparent 66%); }
.cr-home-art__panel { position: absolute; right: 23%; bottom: 14%; width: 56%; height: 61%; border: 1px solid rgba(255, 255, 255, .28); border-radius: 18px; background: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(204, 218, 255, .74)); box-shadow: -24px 30px 60px rgba(0, 0, 0, .34); transform: rotateY(-18deg) rotateX(5deg) rotateZ(-5deg); }
.cr-home-art__panel::after { position: absolute; inset: 13%; border-radius: 10px; background: linear-gradient(150deg, #214ddb 0 48%, #0d1c3b 48%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); content: ""; }
.cr-home-art__roll { position: absolute; z-index: 2; right: 16%; bottom: 10%; width: 70%; height: 38px; border-radius: 50%; background: linear-gradient(180deg, #fff, #b7c7ed 50%, #7488b2); box-shadow: 0 22px 35px rgba(0, 0, 0, .35); transform: rotateZ(-5deg); }
.cr-home-art__tag { position: absolute; z-index: 4; right: 3%; bottom: 6%; padding: 9px 14px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; color: #eef4ff; background: rgba(7, 20, 45, .68); backdrop-filter: blur(10px); font-size: .75rem; font-weight: 700; }

.cr-home-art__card { position: absolute; width: 62%; aspect-ratio: 1.72; border: 1px solid rgba(255, 255, 255, .28); border-radius: 20px; box-shadow: -28px 34px 60px rgba(0, 0, 0, .3); }
.cr-home-art__card::before { position: absolute; inset: 18%; border: 1px solid rgba(255, 255, 255, .25); border-radius: 10px; content: ""; }
.cr-home-art__card--one { top: 16%; right: 19%; background: linear-gradient(140deg, #fff, #dbe4ff); transform: rotateZ(7deg) rotateY(-12deg); }
.cr-home-art__card--two { top: 29%; right: 12%; background: linear-gradient(140deg, #3666fa, #11285f); transform: rotateZ(-5deg) rotateY(-10deg); }
.cr-home-art__card--three { top: 42%; right: 25%; background: linear-gradient(140deg, #0b1934, #173dcc); transform: rotateZ(5deg) rotateY(-8deg); }

.cr-home-art__canvas { position: absolute; top: 11%; right: 18%; width: 66%; aspect-ratio: 1.3; border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.96), #d9e3ff); box-shadow: -32px 38px 68px rgba(0,0,0,.32); transform: rotateY(-14deg) rotateZ(-3deg); }
.cr-home-art__canvas::before { position: absolute; inset: 12%; border-radius: 14px; background: linear-gradient(135deg, #0b1934 0 42%, #2f61f8 42% 67%, #80d5df 67%); content: ""; }
.cr-home-art__swatch { position: absolute; z-index: 2; width: 76px; height: 76px; border: 9px solid rgba(255,255,255,.72); border-radius: 50%; box-shadow: 0 18px 32px rgba(0,0,0,.22); }
.cr-home-art__swatch--one { right: 9%; bottom: 21%; background: #3d6cff; }
.cr-home-art__swatch--two { right: 25%; bottom: 9%; background: #18b5c6; }

.cr-home-slider-nav { position: absolute; z-index: 5; right: 72px; bottom: 35px; left: 72px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.cr-home-slider-arrows { display: flex; gap: 8px; }
.cr-home-slider-arrows button,
.cr-carousel-controls button,
.cr-home-slider-pause { min-height: 40px; padding: 6px 13px !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 11px !important; color: #fff !important; background: rgba(255,255,255,.08) !important; box-shadow: none !important; font-size: 1rem; }
.cr-home-slider-arrows button:hover,
.cr-home-slider-pause:hover { transform: none; background: rgba(255,255,255,.15) !important; }
.cr-home-slider-dots { display: flex; gap: 1px; align-items: center; }
.cr-home-slider-dots button { position: relative; min-width: 24px; width: 24px; min-height: 24px; height: 24px; padding: 0 !important; border-radius: 99px !important; background: transparent !important; box-shadow: none !important; transition: width 220ms var(--cr-ease); }
.cr-home-slider-dots button::after { position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; border-radius: 99px; background: rgba(255,255,255,.4); transform: translate(-50%,-50%); transition: width 220ms var(--cr-ease), background 220ms var(--cr-ease); content: ""; }
.cr-home-slider-dots button.is-active { width: 34px; }
.cr-home-slider-dots button.is-active::after { width: 24px; background: #fff; }
.cr-home-slider-pause { justify-self: end; display: inline-flex; align-items: center; gap: 7px; font-size: .72rem; }

.cr-home-trust { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 18px; padding: 22px 30px; border: 1px solid var(--cr-line); border-radius: 20px; background: #fff; box-shadow: 0 10px 34px rgba(7,20,45,.06); }
.cr-home-trust div { display: flex; flex-direction: column; gap: 1px; padding: 0 24px; border-left: 1px solid var(--cr-line); }
.cr-home-trust div:last-child { border-left: 0; }
.cr-home-trust strong { color: var(--cr-ink-900); font-size: .875rem; }
.cr-home-trust span { color: var(--cr-ink-500); font-size: .72rem; }

.cr-home-section { margin-top: 100px; }
.cr-home-heading { display: flex; gap: 30px; align-items: flex-end; justify-content: space-between; margin-bottom: 30px; }
.cr-home-heading h2 { margin-bottom: 6px; font-size: clamp(1.8rem, 3vw, 2.55rem); }
.cr-home-heading p { margin-bottom: 0; color: var(--cr-ink-500); }
.cr-home-heading > a { flex: none; padding-bottom: 7px; font-size: .875rem; font-weight: 750; }

.cr-home-category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.cr-home-category { position: relative; display: flex; min-height: 164px; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 22px; border: 1px solid var(--cr-line); border-radius: 20px; color: var(--cr-ink-900); background: #fff; box-shadow: 0 2px 4px rgba(7,20,45,.03); transition: transform 200ms var(--cr-ease), border-color 200ms var(--cr-ease), box-shadow 200ms var(--cr-ease); }
.cr-home-category:hover { color: var(--cr-ink-900); transform: translateY(-4px); border-color: rgba(36,87,255,.25); box-shadow: 0 18px 36px rgba(7,20,45,.09); }
.cr-home-category__number { color: var(--cr-ink-300); font-size: .75rem; font-weight: 800; }
.cr-home-category__copy { display: flex; flex-direction: column; }
.cr-home-category__copy strong { font-size: 1.05rem; }
.cr-home-category__copy small { margin-top: 3px; color: var(--cr-ink-500); font-size: .75rem; }
.cr-home-category__arrow { position: absolute; top: 19px; left: 20px; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: var(--cr-blue-700); background: var(--cr-blue-50); }
.cr-home-category--blue,
.cr-home-category--cyan,
.cr-home-category--indigo,
.cr-home-category--navy { border: 0; color: #fff; }
.cr-home-category--blue { background: linear-gradient(145deg, #2457ff, #173dcc); }
.cr-home-category--cyan { background: linear-gradient(145deg, #19b4c5, #0b748d); }
.cr-home-category--indigo { background: linear-gradient(145deg, #2f52bb, #142658); }
.cr-home-category--navy { background: linear-gradient(145deg, #15294f, #07142d); }
.cr-home-category--blue:hover,
.cr-home-category--cyan:hover,
.cr-home-category--indigo:hover,
.cr-home-category--navy:hover { color: #fff; }
.cr-home-category--blue .cr-home-category__number,
.cr-home-category--cyan .cr-home-category__number,
.cr-home-category--indigo .cr-home-category__number,
.cr-home-category--navy .cr-home-category__number,
.cr-home-category--blue small,
.cr-home-category--cyan small,
.cr-home-category--indigo small,
.cr-home-category--navy small { color: rgba(255,255,255,.68); }
.cr-home-category--blue .cr-home-category__arrow,
.cr-home-category--cyan .cr-home-category__arrow,
.cr-home-category--indigo .cr-home-category__arrow,
.cr-home-category--navy .cr-home-category__arrow { color: #fff; background: rgba(255,255,255,.13); }

.cr-home-env { display: grid; grid-template-columns: .82fr 1.18fr; gap: 42px; padding: 58px; border-radius: 30px; background: #f2f5ff; }
.cr-home-env__intro h2 { margin-bottom: 16px; }
.cr-home-env__intro p { margin-bottom: 26px; color: var(--cr-ink-600); }
.cr-home-env__steps { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.cr-home-env__steps article { display: flex; gap: 15px; padding: 20px; border: 1px solid rgba(36,87,255,.1); border-radius: 17px; background: rgba(255,255,255,.84); }
.cr-home-env__steps article > span { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 11px; color: #fff; background: var(--cr-blue-600); font-size: .78rem; font-weight: 800; }
.cr-home-env__steps strong { display: block; margin-bottom: 4px; font-size: .88rem; }
.cr-home-env__steps p { margin-bottom: 0; color: var(--cr-ink-500); font-size: .72rem; line-height: 1.75; }

.cr-carousel-controls { display: flex; gap: 8px; direction: rtl; }
.cr-carousel-controls button { border-color: var(--cr-line) !important; color: var(--cr-ink-900) !important; background: #fff !important; }
.cr-carousel-controls button:hover { transform: none; border-color: rgba(36,87,255,.3) !important; color: var(--cr-blue-700) !important; background: var(--cr-blue-50) !important; }
.cr-product-carousel { direction: rtl; }
.cr-product-carousel__track { display: grid; grid-auto-columns: minmax(270px, 1fr); grid-auto-flow: column; gap: 16px; overflow-x: auto; padding: 4px 2px 24px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-color: var(--cr-ink-200) transparent; scrollbar-width: thin; }
.cr-product-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--cr-line); border-radius: 21px; background: #fff; box-shadow: 0 2px 5px rgba(7,20,45,.035); scroll-snap-align: start; transition: transform 200ms var(--cr-ease), box-shadow 200ms var(--cr-ease), border-color 200ms var(--cr-ease); }
.cr-product-card:hover { transform: translateY(-3px); border-color: rgba(36,87,255,.22); box-shadow: 0 18px 40px rgba(7,20,45,.1); }
.cr-product-card__visual { position: relative; display: grid; min-height: 210px; place-items: center; overflow: hidden; background: linear-gradient(145deg, #f8faff, #e9effe); }
.cr-product-card__visual::before { position: absolute; width: 170px; height: 170px; border-radius: 50%; background: rgba(36,87,255,.08); filter: blur(2px); content: ""; }
.cr-product-card__sheet { position: relative; width: 53%; aspect-ratio: 1.5; border: 1px solid rgba(36,87,255,.15); border-radius: 11px; background: linear-gradient(145deg, #fff 0 62%, #2e60f6 62%); box-shadow: -16px 20px 30px rgba(24,54,129,.16); transform: rotate(-8deg) skewY(2deg); }
.cr-product-card__mark { position: absolute; right: 17px; bottom: 14px; color: var(--cr-ink-400); font-size: .62rem; font-weight: 800; }
.cr-product-card__body { display: flex; min-height: 178px; flex: 1; flex-direction: column; padding: 18px; }
.cr-product-card__category { min-height: 22px; overflow: hidden; color: var(--cr-ink-500); font-size: .69rem; white-space: nowrap; text-overflow: ellipsis; }
.cr-product-card__category a { color: inherit; }
.cr-product-card h3 { margin: 8px 0 18px; font-size: .94rem; line-height: 1.75; }
.cr-product-card h3 a { color: var(--cr-ink-900); }
.cr-product-card__meta { display: flex; min-height: 44px; gap: 10px; align-items: flex-end; justify-content: space-between; margin-top: auto; }
.cr-product-card__price { color: var(--cr-blue-700); font-size: .8rem; font-weight: 800; }
.cr-product-card__price .price { font-size: inherit; }
.cr-product-card__link { flex: none; color: var(--cr-ink-600); font-size: .72rem; font-weight: 720; }
.cr-home-products--soft { width: 100%; padding: 78px max(20px, calc((100vw - var(--cr-container)) / 2)); background: #f7f9fc; }
.cr-home-products--soft .cr-product-carousel__track { grid-auto-columns: minmax(270px, calc((var(--cr-container) - 48px) / 4)); }

.cr-home-mosaic { display: grid; grid-template-columns: 1.5fr 1fr 1fr; grid-template-rows: repeat(2, 190px); gap: 14px; }
.cr-home-mosaic > a { position: relative; overflow: hidden; border-radius: 24px; }
.cr-home-mosaic__feature { grid-row: 1 / 3; padding: 42px; color: #fff; background: linear-gradient(145deg, #173dcc, #07142d); }
.cr-home-mosaic__feature:hover { color: #fff; }
.cr-home-mosaic__feature .cr-section-kicker { color: #a9bcff; }
.cr-home-mosaic__feature h2 { margin-bottom: 10px; color: #fff; }
.cr-home-mosaic__feature p { max-width: 380px; color: #b9c8e3; }
.cr-home-mosaic__link { position: absolute; right: 42px; bottom: 38px; display: flex; gap: 10px; align-items: center; font-size: .86rem; font-weight: 760; }
.cr-home-mosaic__cards { position: absolute; left: -25px; bottom: 22px; width: 250px; height: 170px; border: 1px solid rgba(255,255,255,.24); border-radius: 22px; background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(173,196,255,.72)); box-shadow: -20px 28px 46px rgba(0,0,0,.22); transform: rotate(12deg); }
.cr-home-mosaic__cards::before { position: absolute; inset: 28px; border-radius: 12px; background: linear-gradient(145deg, #0c1c3a 0 50%, #396bff 50%); content: ""; }
.cr-home-mosaic__tile { display: flex; flex-direction: column; justify-content: flex-end; padding: 26px; border: 1px solid var(--cr-line); color: var(--cr-ink-900); background: #f6f8fc; }
.cr-home-mosaic__tile:hover { color: var(--cr-blue-700); }
.cr-home-mosaic__tile span { font-size: 1.05rem; font-weight: 780; }
.cr-home-mosaic__tile small { margin-top: 2px; color: var(--cr-ink-500); }
.cr-home-mosaic__tile b { position: absolute; top: 22px; left: 23px; font-size: 1.2rem; }
.cr-home-mosaic__tile--dark { color: #fff; background: #0b1934; border-color: #0b1934; }
.cr-home-mosaic__tile--dark:hover { color: #fff; }
.cr-home-mosaic__tile--dark small { color: #9eacc1; }

.cr-home-design { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: center; padding: 64px; border: 1px solid #dbe3f2; border-radius: 30px; background: linear-gradient(135deg, #f4f7ff, #fff); }
.cr-home-design__visual { position: relative; min-height: 320px; perspective: 900px; }
.cr-home-design__page { position: absolute; inset: 5% 12% 5% 8%; border: 1px solid rgba(36,87,255,.16); border-radius: 20px; background: #fff; box-shadow: -25px 34px 55px rgba(7,20,45,.14); transform: rotateY(-12deg) rotateZ(-5deg); }
.cr-home-design__page::before { position: absolute; top: 14%; right: 12%; bottom: 14%; width: 41%; border-radius: 12px; background: linear-gradient(165deg, #173dcc, #07142d); content: ""; }
.cr-home-design__page::after { position: absolute; top: 18%; left: 12%; width: 33%; height: 42%; border-top: 5px solid var(--cr-blue-500); border-bottom: 24px double var(--cr-ink-200); content: ""; }
.cr-home-design__grid { position: absolute; right: 0; bottom: 0; width: 100px; height: 100px; border-radius: 50%; background: repeating-conic-gradient(#2457ff 0 12deg, #19b4c5 12deg 24deg, #fff 24deg 36deg); box-shadow: 0 20px 35px rgba(7,20,45,.16); }
.cr-home-design__copy h2 { margin-bottom: 14px; }
.cr-home-design__copy p { margin-bottom: 26px; color: var(--cr-ink-600); }

.cr-home-journal__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.cr-home-journal article { overflow: hidden; border: 1px solid var(--cr-line); border-radius: 20px; background: #fff; }
.cr-home-journal article > div { padding: 18px; }
.cr-home-journal__visual { position: relative; display: block; height: 150px; overflow: hidden; background: linear-gradient(145deg, #ecf1ff, #dbe6ff); }
.cr-home-journal__visual span { position: absolute; right: 20%; bottom: -28%; width: 60%; height: 95%; border: 1px solid rgba(36,87,255,.13); border-radius: 13px; background: #fff; box-shadow: -13px 16px 28px rgba(7,20,45,.12); transform: rotate(-8deg); }
.cr-home-journal__visual span::before { position: absolute; top: 17%; right: 13%; width: 55%; height: 6px; border-radius: 9px; background: #2f61f8; box-shadow: 0 18px 0 #dce3f1, 0 36px 0 #dce3f1; content: ""; }
.cr-home-journal time { color: var(--cr-ink-500); font-size: .68rem; }
.cr-home-journal h3 { min-height: 61px; margin: 8px 0 16px; font-size: .9rem; line-height: 1.85; }
.cr-home-journal h3 a { color: var(--cr-ink-900); }
.cr-home-journal__link { font-size: .74rem; font-weight: 750; }

.cr-home-final { display: flex; gap: 44px; align-items: center; justify-content: space-between; margin-top: 100px; padding: 56px 64px; border-radius: 30px; color: #c8d4e9; background: linear-gradient(135deg, #07142d, #173dcc); box-shadow: 0 28px 70px rgba(7,20,45,.18); }
.cr-home-final h2 { margin-bottom: 6px; color: #fff; }
.cr-home-final p { margin-bottom: 0; }
.cr-home-final .cr-home-actions { flex: none; }

@media (max-width: 1080px) {
  .cr-home-slide { grid-template-columns: 1.1fr .9fr; padding-inline: 48px; }
  .cr-home-category-grid { grid-template-columns: repeat(2, 1fr); }
  .cr-home-env { padding: 42px; }
  .cr-home-mosaic { grid-template-columns: 1.25fr 1fr; }
  .cr-home-mosaic__feature { grid-row: 1 / 3; }
  .cr-home-mosaic__tile:last-child { display: none; }
  .cr-home-journal__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .cr-home { --home-width: calc(100% - 28px); padding-top: 14px; padding-bottom: 70px; }
  .cr-home-hero { min-height: 660px; border-radius: 26px; }
  .cr-home-hero__slides { min-height: 660px; }
  .cr-home-slide { grid-template-columns: 1fr; grid-template-rows: auto 190px; gap: 12px; padding: 34px 23px 82px; }
  .cr-home-slide__content { max-width: none; }
  .cr-home-slide h1,
  .cr-home-slide h2 { margin-bottom: 15px; font-size: clamp(2rem, 10vw, 2.75rem); line-height: 1.28; }
  .cr-home-slide__content > p { margin-bottom: 20px; font-size: .9rem; line-height: 1.9; }
  .cr-home-eyebrow { margin-bottom: 12px; font-size: .74rem; }
  .cr-home-actions { gap: 11px 15px; }
  .cr-home-button { min-height: 46px; padding: 10px 16px; font-size: .8rem; }
  .cr-home-text-link { font-size: .77rem; }
  .cr-home-facts { display: none; }
  .cr-home-art { min-height: 180px; transform: scale(.82); transform-origin: 50% 35%; }
  .cr-home-art__halo { top: -28%; width: 250px; height: 250px; }
  .cr-home-art__tag { right: 6%; bottom: -7%; }
  .cr-home-slider-nav { right: 22px; bottom: 23px; left: 22px; }
  .cr-home-slider-pause span:last-child { display: none; }
  .cr-home-slider-pause { min-width: 40px; justify-content: center; }
  .cr-home-trust { grid-template-columns: repeat(2, 1fr); padding: 9px 12px; border-radius: 17px; }
  .cr-home-trust div { padding: 12px; border-left: 0; border-bottom: 1px solid var(--cr-line); }
  .cr-home-trust div:nth-child(odd) { border-left: 1px solid var(--cr-line); }
  .cr-home-trust div:nth-last-child(-n+2) { border-bottom: 0; }
  .cr-home-trust strong { font-size: .75rem; }
  .cr-home-trust span { font-size: .64rem; }
  .cr-home-section { margin-top: 70px; }
  .cr-home-heading { display: block; margin-bottom: 22px; }
  .cr-home-heading h2 { font-size: 1.7rem; }
  .cr-home-heading p { font-size: .82rem; }
  .cr-home-heading > a { display: inline-flex; margin-top: 12px; }
  .cr-home-category-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cr-home-category { min-height: 142px; padding: 17px; border-radius: 17px; }
  .cr-home-category__copy strong { font-size: .88rem; }
  .cr-home-category__copy small { font-size: .65rem; line-height: 1.6; }
  .cr-home-category__arrow { top: 14px; left: 14px; width: 28px; height: 28px; }
  .cr-home-env { grid-template-columns: 1fr; gap: 27px; padding: 28px 22px; border-radius: 24px; }
  .cr-home-env__steps { grid-template-columns: 1fr; }
  .cr-home-env__steps article { padding: 15px; }
  .cr-home-products .cr-home-heading { position: relative; padding-left: 90px; }
  .cr-carousel-controls { position: absolute; left: 0; bottom: 3px; }
  .cr-product-carousel { width: calc(100% + 14px); }
  .cr-product-carousel__track { grid-auto-columns: minmax(245px, 80vw); padding-left: 14px; }
  .cr-product-card__visual { min-height: 180px; }
  .cr-home-products--soft { padding: 56px 14px; }
  .cr-home-mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: 330px 155px; }
  .cr-home-mosaic__feature { grid-column: 1 / 3; grid-row: 1; padding: 27px; }
  .cr-home-mosaic__feature p { max-width: 80%; font-size: .8rem; }
  .cr-home-mosaic__link { right: 27px; bottom: 24px; }
  .cr-home-mosaic__cards { left: -65px; bottom: 30px; width: 220px; height: 145px; }
  .cr-home-mosaic__tile { padding: 18px; border-radius: 18px !important; }
  .cr-home-mosaic__tile span { font-size: .88rem; }
  .cr-home-mosaic__tile small { font-size: .65rem; }
  .cr-home-mosaic__tile--dark { display: none !important; }
  .cr-home-design { grid-template-columns: 1fr; gap: 20px; padding: 28px 22px; border-radius: 24px; }
  .cr-home-design__visual { min-height: 220px; }
  .cr-home-design__copy h2 { font-size: 1.7rem; }
  .cr-home-design__copy p { font-size: .82rem; }
  .cr-home-journal__grid { display: flex; overflow-x: auto; padding-bottom: 14px; scroll-snap-type: x mandatory; }
  .cr-home-journal article { min-width: 76vw; scroll-snap-align: start; }
  .cr-home-final { display: block; margin-top: 70px; padding: 36px 24px; border-radius: 24px; }
  .cr-home-final h2 { font-size: 1.75rem; }
  .cr-home-final p { font-size: .82rem; }
  .cr-home-final .cr-home-actions { margin-top: 22px; }
}

@media (max-width: 370px) {
  .cr-home-category-grid { grid-template-columns: 1fr; }
  .cr-home-category { min-height: 125px; }
  .cr-home-hero,
  .cr-home-hero__slides { min-height: 675px; }
  .cr-home-slide { grid-template-rows: auto 160px; }
  .cr-home-slide h1,
  .cr-home-slide h2 { font-size: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
  .cr-home-slide { transition: none; }
  .cr-product-carousel__track { scroll-behavior: auto; }
}