/*
 * Future luxury homepage layer.
 * Scoped to the public homepage so existing data, navigation, and forms keep working.
 */
:root {
  --future-ink: #030705;
  --future-panel: rgba(9, 18, 16, 0.72);
  --future-panel-2: rgba(13, 27, 23, 0.84);
  --future-line: rgba(199, 255, 226, 0.16);
  --future-line-strong: rgba(203, 255, 226, 0.28);
  --future-mint: #9df7c8;
  --future-green: #2ae395;
  --future-gold: #d8b66a;
  --future-gold-soft: rgba(216, 182, 106, 0.2);
  --future-text: #eef7f2;
  --future-muted: rgba(226, 241, 234, 0.62);
  --future-dim: rgba(226, 241, 234, 0.42);
  --future-ease: cubic-bezier(0.19, 1, 0.22, 1);
}

body.page-home {
  color: var(--future-text);
  background:
    radial-gradient(circle at 50% -10%, rgba(84, 255, 183, 0.12), transparent 34rem),
    linear-gradient(180deg, #030705 0%, #07110f 38%, #050908 100%) !important;
}

body.page-home::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.28;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 74%);
}

body.page-home nav#navbar {
  background:
    linear-gradient(180deg, rgba(7, 12, 11, 0.78), rgba(7, 12, 11, 0.52)),
    linear-gradient(90deg, rgba(216, 182, 106, 0.08), rgba(157, 247, 200, 0.06), rgba(216, 182, 106, 0.04)) !important;
  border-bottom: 1px solid rgba(238, 255, 247, 0.1) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.12) !important;
  backdrop-filter: blur(28px) saturate(1.12) !important;
}

body.page-home nav#navbar .logo-icon,
body.page-home nav#navbar .nav-top-link,
body.page-home nav#navbar .nav-dd-hit,
body.page-home nav#navbar .nav-rail-btn,
body.page-home nav#navbar .nav-search-btn {
  border-color: rgba(238, 255, 247, 0.14) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.04) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 12px 28px rgba(0, 0, 0, 0.16) !important;
}

body.page-home nav#navbar .nav-top-link:hover,
body.page-home nav#navbar .nav-dd:hover .nav-dd-hit,
body.page-home nav#navbar .nav-rail-btn:hover,
body.page-home nav#navbar .nav-search-btn:hover {
  border-color: rgba(157, 247, 200, 0.32) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.05)),
    rgba(42, 227, 149, 0.08) !important;
}

body.page-home.with-unified-nav #carousel,
body.page-home .carousel {
  min-height: 760px !important;
  height: 100svh !important;
  max-height: none !important;
  background: #020504 !important;
  isolation: isolate;
}

body.page-home .slide {
  overflow: hidden;
  background: #020504;
}

body.page-home .slide-bg {
  background:
    radial-gradient(circle at 50% 46%, rgba(108, 255, 184, 0.28), transparent 18rem),
    radial-gradient(circle at 74% 18%, rgba(216, 182, 106, 0.13), transparent 22rem),
    radial-gradient(circle at 12% 78%, rgba(40, 226, 149, 0.13), transparent 20rem),
    linear-gradient(180deg, #020504 0%, #07110f 52%, #020504 100%) !important;
}

body.page-home .slide-bg::before {
  inset: -8% !important;
  opacity: 0.72 !important;
  background:
    linear-gradient(90deg, transparent 0 49.88%, rgba(199, 255, 226, 0.18) 49.95% 50.05%, transparent 50.12%),
    linear-gradient(0deg, transparent 0 49.88%, rgba(199, 255, 226, 0.12) 49.95% 50.05%, transparent 50.12%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 112px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.032) 0 1px, transparent 1px 112px) !important;
  mask-image: radial-gradient(circle at 50% 46%, #000 0 30%, rgba(0, 0, 0, 0.5) 54%, transparent 78%) !important;
  animation: futureGridDrift 22s linear infinite;
}

body.page-home .slide-bg::after {
  background:
    linear-gradient(180deg, rgba(2, 5, 4, 0.28), transparent 24%, rgba(2, 5, 4, 0.52)),
    linear-gradient(90deg, rgba(2, 5, 4, 0.72), transparent 26%, transparent 74%, rgba(2, 5, 4, 0.72)),
    radial-gradient(ellipse at 50% 50%, transparent 0 28%, rgba(2, 5, 4, 0.36) 68%, rgba(2, 5, 4, 0.84) 100%) !important;
}

body.page-home .slide-image {
  opacity: 0.18 !important;
  filter: saturate(0.82) contrast(1.2) brightness(0.78);
  mix-blend-mode: screen;
}

body.page-home .slide-content {
  position: relative;
  z-index: 2;
  display: grid !important;
  grid-template-rows: auto auto auto;
  justify-items: center;
  align-content: center;
  gap: 18px;
  min-height: 100%;
  padding: calc(var(--site-nav-h, 72px) + 48px) clamp(22px, 5vw, 82px) 76px !important;
  text-align: center;
}

body.page-home .slide-tag {
  z-index: 4;
  margin: 0 0 clamp(10px, 1.5vh, 18px) !important;
  border: 1px solid rgba(216, 182, 106, 0.34) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.035)),
    rgba(5, 12, 10, 0.38) !important;
  color: rgba(241, 222, 169, 0.82) !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  letter-spacing: 0.42em !important;
  font-size: 11px !important;
  font-weight: 600;
}

body.page-home .slide-title {
  z-index: 4;
  max-width: min(1120px, 94vw) !important;
  margin: 0 !important;
  color: #f7fbf8 !important;
  font-family: "STSong", "Songti SC", "Noto Serif CJK SC", "Microsoft YaHei", serif !important;
  font-size: clamp(54px, 9vw, 138px) !important;
  font-weight: 500 !important;
  line-height: 0.92 !important;
  letter-spacing: 0 !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16),
    0 24px 90px rgba(0, 0, 0, 0.72),
    0 0 46px rgba(88, 255, 181, 0.12) !important;
  text-wrap: balance;
}

body.page-home .slide-subtitle {
  z-index: 4;
  max-width: 680px !important;
  margin: 8px 0 0 !important;
  color: var(--future-muted) !important;
  font-size: clamp(15px, 1.4vw, 20px) !important;
  font-weight: 300;
  line-height: 1.9 !important;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.6);
}

body.page-home .slide-actions.hero-slide-actions {
  z-index: 5;
  margin-top: clamp(20px, 3vh, 34px) !important;
  gap: 12px !important;
}

body.page-home .slide-btn {
  min-height: 48px;
  min-width: 148px;
  border-radius: 999px !important;
  border: 1px solid rgba(232, 255, 243, 0.22) !important;
  color: rgba(248, 255, 251, 0.92) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.05) 46%, rgba(17, 55, 40, 0.26)),
    rgba(255, 255, 255, 0.06) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.25);
  backdrop-filter: blur(24px) saturate(1.25);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 18px 48px rgba(0, 0, 0, 0.38) !important;
  transition: transform 0.55s var(--future-ease), border-color 0.55s var(--future-ease), box-shadow 0.55s var(--future-ease) !important;
}

body.page-home .slide-btn.slide-btn-primary {
  border-color: rgba(157, 247, 200, 0.46) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.045)),
    linear-gradient(135deg, rgba(32, 174, 111, 0.92), rgba(13, 82, 55, 0.9)) !important;
}

body.page-home .slide-btn.slide-btn-ghost {
  border-color: rgba(216, 182, 106, 0.38) !important;
  color: rgba(248, 238, 206, 0.96) !important;
  background: linear-gradient(145deg, rgba(216, 182, 106, 0.2), rgba(216, 182, 106, 0.05)) !important;
}

body.page-home .slide-btn:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(238, 255, 247, 0.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 24px 64px rgba(0, 0, 0, 0.46),
    0 0 44px rgba(96, 255, 183, 0.13) !important;
}

.future-hero-stage {
  position: absolute;
  left: 50%;
  top: 52%;
  z-index: 1;
  width: clamp(340px, 58vw, 940px);
  aspect-ratio: 1.78;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0.9;
}

.future-hero-stage::before,
.future-hero-stage::after {
  content: "";
  position: absolute;
  inset: 12% 8%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(80, 255, 177, 0.18), transparent 66%);
  filter: blur(16px);
}

.future-hero-stage::after {
  inset: 22% 20%;
  background: radial-gradient(ellipse, rgba(216, 182, 106, 0.12), transparent 70%);
  filter: blur(26px);
}

.future-orbit {
  position: absolute;
  inset: 6% 5%;
  border: 1px solid rgba(181, 255, 219, 0.15);
  border-radius: 50%;
  transform: rotate(-7deg);
  box-shadow: inset 0 0 40px rgba(129, 255, 198, 0.06), 0 0 60px rgba(129, 255, 198, 0.07);
}

.future-orbit-b {
  inset: 17% 18%;
  border-color: rgba(216, 182, 106, 0.18);
  transform: rotate(9deg);
}

.future-interface {
  position: absolute;
  left: 50%;
  top: 50%;
  width: clamp(250px, 38vw, 560px);
  aspect-ratio: 1.62;
  transform: translate(-50%, -50%) perspective(900px) rotateX(58deg) rotateZ(-1deg);
  border: 1px solid rgba(216, 255, 235, 0.2);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.015)),
    linear-gradient(135deg, rgba(29, 95, 67, 0.2), rgba(5, 11, 10, 0.72));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 36px 110px rgba(0, 0, 0, 0.64),
    0 0 84px rgba(87, 255, 181, 0.14);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
  backdrop-filter: blur(18px) saturate(1.18);
  animation: futureFloat 9s var(--future-ease) infinite alternate;
}

.future-interface::before {
  content: "";
  position: absolute;
  inset: 44px 18px 18px;
  background:
    linear-gradient(rgba(173, 255, 214, 0.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(173, 255, 214, 0.09) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(180deg, #000, transparent 88%);
}

.future-interface-top {
  position: absolute;
  left: 18px;
  right: 18px;
  top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(238, 255, 246, 0.58);
  font-size: 10px;
  letter-spacing: 0.32em;
}

.future-interface-top i {
  width: 54px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(157, 247, 200, 0.8));
  box-shadow: 0 0 18px rgba(157, 247, 200, 0.5);
}

.future-interface-core {
  position: absolute;
  inset: 24% 23%;
  border-radius: 50%;
}

.future-core-ring,
.future-core-plate,
.future-core-line {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}

.future-core-ring {
  border: 1px solid rgba(157, 247, 200, 0.38);
  box-shadow: 0 0 28px rgba(157, 247, 200, 0.2), inset 0 0 28px rgba(157, 247, 200, 0.08);
}

.future-core-plate {
  inset: 26%;
  background:
    radial-gradient(circle, rgba(233, 255, 244, 0.28), transparent 26%),
    radial-gradient(circle, rgba(42, 227, 149, 0.22), transparent 62%);
  box-shadow: 0 0 48px rgba(42, 227, 149, 0.24);
}

.future-core-line {
  top: 50%;
  bottom: auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(157, 247, 200, 0.66), transparent);
}

.future-core-line-b {
  transform: rotate(90deg);
}

.future-interface-grid {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.future-interface-grid span {
  height: 22px;
  border: 1px solid rgba(216, 255, 235, 0.12);
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(157, 247, 200, 0.16), rgba(216, 182, 106, 0.08));
}

body.page-home .carousel-dots {
  bottom: 34px !important;
}

body.page-home .dot {
  width: 28px !important;
  height: 2px !important;
  border-radius: 0 !important;
  background: rgba(238, 255, 247, 0.2) !important;
}

body.page-home .dot.active {
  background: rgba(216, 182, 106, 0.86) !important;
}

body.page-home .carousel-arrow {
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(238, 255, 247, 0.16) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

body.page-home section {
  position: relative;
  padding-top: clamp(86px, 9vw, 140px) !important;
  padding-bottom: clamp(86px, 9vw, 140px) !important;
  background:
    linear-gradient(180deg, rgba(4, 8, 7, 0.96), rgba(7, 14, 12, 0.98)) !important;
  border-top: 1px solid rgba(238, 255, 247, 0.06);
}

body.page-home section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(1180px, calc(100% - 44px));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(216, 182, 106, 0.42), rgba(157, 247, 200, 0.22), transparent);
}

body.page-home .section-header {
  max-width: 920px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: clamp(34px, 5vw, 72px) !important;
}

body.page-home .section-tag {
  color: rgba(216, 182, 106, 0.82) !important;
  letter-spacing: 0.42em !important;
  font-size: 11px !important;
}

body.page-home .section-title,
body.page-home .home-path-title,
body.page-home .company-text .section-title,
body.page-home .contact-section .section-title {
  color: rgba(246, 251, 248, 0.94) !important;
  font-family: "STSong", "Songti SC", "Noto Serif CJK SC", "Microsoft YaHei", serif !important;
  font-weight: 500 !important;
}

body.page-home .section-title {
  font-size: clamp(36px, 5.8vw, 86px) !important;
  line-height: 1.02 !important;
}

body.page-home .section-title span {
  color: rgba(157, 247, 200, 0.72) !important;
}

body.page-home .section-desc,
body.page-home .company-intro-text,
body.page-home .intent-intro-text {
  color: var(--future-muted) !important;
}

body.page-home .divider {
  width: 96px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(216, 182, 106, 0.78), rgba(157, 247, 200, 0.42), transparent) !important;
}

body.page-home .news-card,
body.page-home .news-featured-card,
body.page-home .product-card,
body.page-home .column-card,
body.page-home .home-path-card,
body.page-home .crop-task-strip a,
body.page-home .company-proof-list div,
body.page-home .intent-form,
body.page-home .intent-intro,
body.page-home .contact-panel-card,
body.page-home .product-catalog-tools,
body.page-home .search-box {
  border: 1px solid var(--future-line) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.026)),
    rgba(6, 14, 12, 0.76) !important;
  color: var(--future-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 24px 72px rgba(0, 0, 0, 0.32) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}

body.page-home .news-card:hover,
body.page-home .product-card:hover,
body.page-home .column-card:hover,
body.page-home .home-path-card:hover {
  border-color: var(--future-line-strong) !important;
  transform: translateY(-6px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 34px 90px rgba(0, 0, 0, 0.45) !important;
}

body.page-home .news-card-title,
body.page-home .news-featured-title,
body.page-home .product-name,
body.page-home .column-name,
body.page-home .home-path-card strong,
body.page-home .company-proof-list strong,
body.page-home .intent-intro-title,
body.page-home .contact-panel-title,
body.page-home .contact-value {
  color: rgba(248, 255, 251, 0.92) !important;
}

body.page-home .news-card-summary,
body.page-home .news-featured-summary,
body.page-home .product-nutrients,
body.page-home .home-path-card span:last-child,
body.page-home .company-proof-list span,
body.page-home .contact-action-card span,
body.page-home .qr-label,
body.page-home .contact-label {
  color: var(--future-muted) !important;
}

body.page-home .product-cat,
body.page-home .news-card-link,
body.page-home .news-featured-link,
body.page-home .product-link,
body.page-home .home-path-kicker {
  color: rgba(157, 247, 200, 0.78) !important;
}

body.page-home .product-filter-panel {
  border: 1px solid rgba(238, 255, 247, 0.12) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(3, 11, 9, 0.62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 28px 88px rgba(0, 0, 0, 0.28) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  backdrop-filter: blur(18px) saturate(1.12);
}

body.page-home .product-filter-row {
  border-bottom-color: rgba(238, 255, 247, 0.09) !important;
}

body.page-home .product-filter-label span {
  color: rgba(238, 255, 247, 0.86) !important;
}

body.page-home .product-filter-label small,
body.page-home .tab-count {
  color: var(--future-muted) !important;
}

body.page-home .product-img,
body.page-home .news-card-img,
body.page-home .news-featured-img {
  background:
    radial-gradient(circle at 50% 40%, rgba(157, 247, 200, 0.1), transparent 56%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)) !important;
}

body.page-home .product-img img {
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.45));
}

body.page-home .category-tabs,
body.page-home .scene-tabs-wrap {
  color: var(--future-muted);
}

body.page-home #products .tab-btn,
body.page-home .tab-btn,
body.page-home .product-reset-btn,
body.page-home .btn-outline {
  border-color: rgba(238, 255, 247, 0.18) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: rgba(238, 255, 247, 0.76) !important;
}

body.page-home #products .tab-btn:hover,
body.page-home #products .tab-btn:focus-visible,
body.page-home #products .tab-btn.active,
body.page-home .tab-btn:hover,
body.page-home .tab-btn.active,
body.page-home .btn-outline:hover {
  border-color: rgba(157, 247, 200, 0.46) !important;
  background: rgba(42, 227, 149, 0.14) !important;
  color: #f4fff9 !important;
}

body.page-home #products .tab-btn.active .tab-count,
body.page-home #products .tab-btn:hover .tab-count,
body.page-home #products .tab-btn:focus-visible .tab-count {
  color: rgba(248, 255, 251, 0.86) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

body.page-home input,
body.page-home select,
body.page-home textarea,
body.page-home .product-search-box {
  border-color: rgba(238, 255, 247, 0.14) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: rgba(248, 255, 251, 0.9) !important;
}

body.page-home input::placeholder,
body.page-home textarea::placeholder {
  color: rgba(226, 241, 234, 0.36) !important;
}

body.page-home .contact-section,
body.page-home footer {
  background: #020504 !important;
}

body.page-home footer {
  border-top: 1px solid rgba(238, 255, 247, 0.08) !important;
  color: rgba(226, 241, 234, 0.42) !important;
}

@keyframes futureFloat {
  from {
    transform: translate(-50%, -49%) perspective(900px) rotateX(58deg) rotateZ(-1.2deg);
  }
  to {
    transform: translate(-50%, -53%) perspective(900px) rotateX(56deg) rotateZ(1.2deg);
  }
}

@keyframes futureGridDrift {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(72px, 72px, 0);
  }
}

@media (min-width: 1025px) {
  body.page-home .slide-title {
    margin-top: -4vh !important;
  }

  body.page-home .carousel-arrow.prev {
    left: 34px !important;
  }

  body.page-home .carousel-arrow.next {
    right: 34px !important;
  }
}

@media (max-width: 1024px) {
  body.page-home.with-unified-nav #carousel,
  body.page-home .carousel {
    min-height: 720px !important;
  }

  .future-hero-stage {
    width: min(760px, 96vw);
    top: 54%;
    opacity: 0.72;
  }
}

@media (max-width: 768px) {
  body.page-home.with-unified-nav #carousel,
  body.page-home .carousel {
    min-height: 100svh !important;
    height: auto !important;
  }

  body.page-home .slide-content {
    display: flex !important;
    min-height: calc(100svh - var(--site-nav-h, 64px));
    max-width: none !important;
    justify-content: center !important;
    padding: calc(var(--site-nav-h, 64px) + 34px) 18px 96px !important;
  }

  body.page-home .slide-tag {
    max-width: 100%;
    letter-spacing: 0.18em !important;
    white-space: normal;
  }

  body.page-home .slide-title {
    font-size: clamp(42px, 14.6vw, 72px) !important;
    line-height: 0.98 !important;
  }

  body.page-home .slide-subtitle {
    font-size: 14px !important;
    line-height: 1.75 !important;
    max-width: 22rem !important;
  }

  body.page-home .slide-actions.hero-slide-actions {
    margin-top: 18px !important;
  }

  body.page-home .slide-btn {
    min-height: 44px;
    min-width: 0;
    padding: 10px 18px !important;
  }

  .future-hero-stage {
    top: 53%;
    width: 120vw;
    opacity: 0.5;
  }

  .future-interface {
    width: min(360px, 82vw);
  }

  body.page-home section {
    padding-top: 72px !important;
    padding-bottom: 80px !important;
  }

  body.page-home .section-title {
    font-size: clamp(30px, 11vw, 48px) !important;
  }

  body.page-home .carousel-arrow {
    display: none !important;
  }

  body.page-home .carousel-dots {
    bottom: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-home .slide-bg::before,
  .future-interface {
    animation: none !important;
  }
}

/* Typography and label layout polish across desktop, tablet, and mobile. */
body.page-home[data-home-layout="future"] .slide-tag,
body.page-home[data-home-layout="future"] .section-tag,
body.page-home[data-home-layout="future"] .product-cat,
body.page-home[data-home-layout="future"] .news-featured-kicker,
body.page-home[data-home-layout="future"] .form-step-label,
body.page-home[data-home-layout="future"] .form-divider,
body.page-home[data-home-layout="future"] .home-path-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: min(100%, 820px);
  min-height: 28px;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

body.page-home[data-home-layout="future"] .slide-title,
body.page-home[data-home-layout="future"] .section-title,
body.page-home[data-home-layout="future"] .home-path-title,
body.page-home[data-home-layout="future"] .product-name,
body.page-home[data-home-layout="future"] .news-card-title,
body.page-home[data-home-layout="future"] .news-featured-title,
body.page-home[data-home-layout="future"] .column-name,
body.page-home[data-home-layout="future"] .intent-intro-title {
  text-wrap: balance;
  word-break: keep-all;
  overflow-wrap: normal;
}

body.page-home[data-home-layout="future"] .slide-subtitle,
body.page-home[data-home-layout="future"] .section-desc,
body.page-home[data-home-layout="future"] .news-card-summary,
body.page-home[data-home-layout="future"] .news-featured-summary,
body.page-home[data-home-layout="future"] .company-intro-text,
body.page-home[data-home-layout="future"] .intent-intro-text,
body.page-home[data-home-layout="future"] .home-path-card span:last-child,
body.page-home[data-home-layout="future"] .company-proof-list span {
  text-wrap: pretty;
  letter-spacing: 0;
}

body.page-home[data-home-layout="future"] .slide-actions,
body.page-home[data-home-layout="future"] .category-tabs,
body.page-home[data-home-layout="future"] .scene-tabs-wrap,
body.page-home[data-home-layout="future"] .product-specs,
body.page-home[data-home-layout="future"] .intent-badges,
body.page-home[data-home-layout="future"] .if-checks,
body.page-home[data-home-layout="future"] .if-radio-group {
  align-items: center;
}

body.page-home[data-home-layout="future"] .slide-btn,
body.page-home[data-home-layout="future"] .tab-btn,
body.page-home[data-home-layout="future"] .spec-tag,
body.page-home[data-home-layout="future"] .intent-badge,
body.page-home[data-home-layout="future"] .if-radio-label,
body.page-home[data-home-layout="future"] .if-check-label,
body.page-home[data-home-layout="future"] .btn-outline,
body.page-home[data-home-layout="future"] .product-reset-btn {
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  text-wrap: balance;
  word-break: keep-all;
}

body.page-home[data-home-layout="future"][data-home-text-layout="compact"] .slide-title {
  font-size: clamp(44px, 7.2vw, 104px) !important;
  line-height: 1 !important;
}

body.page-home[data-home-layout="future"][data-home-text-layout="compact"] .section-title {
  font-size: clamp(30px, 4.4vw, 62px) !important;
}

body.page-home[data-home-layout="future"][data-home-text-layout="compact"] .slide-subtitle,
body.page-home[data-home-layout="future"][data-home-text-layout="compact"] .section-desc {
  line-height: 1.68 !important;
}

@media (max-width: 1180px) {
  body.page-home[data-home-layout="future"] .slide-tag,
  body.page-home[data-home-layout="future"] .section-tag {
    letter-spacing: 0.24em !important;
  }

  body.page-home[data-home-layout="future"] nav#navbar .nav-top-link,
  body.page-home[data-home-layout="future"] nav#navbar .nav-dd-hit,
  body.page-home[data-home-layout="future"] nav#navbar .nav-rail-btn {
    line-height: 1.15;
    text-align: center;
  }
}

@media (max-width: 768px) {
  body.page-home[data-home-layout="future"] .slide-tag,
  body.page-home[data-home-layout="future"] .section-tag,
  body.page-home[data-home-layout="future"] .product-cat,
  body.page-home[data-home-layout="future"] .news-featured-kicker {
    letter-spacing: 0.12em !important;
    font-size: 10px !important;
    max-width: calc(100vw - 36px);
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.page-home[data-home-layout="future"] .slide-title,
  body.page-home[data-home-layout="future"] .section-title,
  body.page-home[data-home-layout="future"] .home-path-title,
  body.page-home[data-home-layout="future"] .intent-intro-title {
    overflow-wrap: anywhere;
  }

  body.page-home[data-home-layout="future"] .slide-subtitle,
  body.page-home[data-home-layout="future"] .section-desc,
  body.page-home[data-home-layout="future"] .company-intro-text,
  body.page-home[data-home-layout="future"] .intent-intro-text {
    line-height: 1.72 !important;
  }

  body.page-home[data-home-layout="future"] .tab-btn,
  body.page-home[data-home-layout="future"] .spec-tag,
  body.page-home[data-home-layout="future"] .intent-badge,
  body.page-home[data-home-layout="future"] .if-radio-label {
    font-size: 12px;
    min-height: 36px;
  }

  body.page-home[data-home-layout="future"] .product-catalog-tools,
  body.page-home[data-home-layout="future"] .product-filter-state,
  body.page-home[data-home-layout="future"] .contact-action-strip,
  body.page-home[data-home-layout="future"] .contact-lower-grid {
    text-align: left;
  }
}

@media (max-width: 420px) {
  body.page-home[data-home-layout="future"] .slide-title {
    font-size: clamp(38px, 13.2vw, 58px) !important;
  }

  body.page-home[data-home-layout="future"] .slide-btn {
    width: auto !important;
    max-width: calc(100vw - 52px) !important;
  }
}