/* Homepage color treatment, 2026-09-10.
 * Presentation only: no geometry, copy, routes, controls or data hooks change.
 */

body.molecule-home-body {
  position: relative;
  background: #eaf7ff;
}

body.molecule-home-body::before {
  position: absolute;
  inset: 5px;
  z-index: 9999;
  border: 2px solid rgba(56, 199, 239, .72);
  border-radius: 18px;
  box-shadow:
    0 0 0 1px rgba(18, 104, 174, .3),
    0 0 28px rgba(22, 190, 231, .36),
    inset 0 0 24px rgba(34, 180, 229, .11);
  content: "";
  pointer-events: none;
}

body.molecule-home-body .molecule-header {
  border-bottom-color: rgba(126, 188, 225, .3);
  background: linear-gradient(90deg, rgba(255, 255, 255, .94), rgba(245, 251, 255, .88));
  box-shadow: 0 5px 26px rgba(38, 118, 174, .08);
  backdrop-filter: blur(14px);
}

body.molecule-home-body .molecule-hero {
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(230, 247, 255, .12)),
    url("/static/images/home_iceblue_tech_background_desktop_v1.png") center center / cover no-repeat;
}

body.molecule-home-body .molecule-hero::before,
body.molecule-home-body .molecule-hero::after {
  display: none;
}

body.molecule-home-body .molecule-ambient {
  opacity: 0;
}

body.molecule-home-body .molecule-hero-head h1 {
  color: #081b36;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .96),
    0 8px 25px rgba(9, 67, 119, .13);
}

body.molecule-home-body .molecule-hero-head p {
  color: #5f7898;
}

body.molecule-home-body .molecule-search {
  border-color: rgba(99, 194, 235, .78);
  background: linear-gradient(115deg, rgba(255, 255, 255, .91), rgba(247, 253, 255, .82));
  box-shadow:
    0 0 0 3px rgba(133, 227, 250, .2),
    0 0 28px rgba(21, 174, 229, .2),
    0 16px 38px rgba(34, 112, 181, .16),
    inset 0 1px 0 rgba(255, 255, 255, .98);
  backdrop-filter: blur(16px) saturate(1.08);
}

body.molecule-home-body .molecule-search-submit {
  background: linear-gradient(135deg, #168cf5 0%, #075fe5 58%, #064dc5 100%);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .34),
    0 0 20px rgba(13, 142, 241, .27),
    0 8px 20px rgba(8, 86, 197, .28);
}

body.molecule-home-body .home-business-shell {
  border-color: rgba(133, 194, 229, .66);
  background: rgba(255, 255, 255, .7);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .5),
    0 16px 38px rgba(32, 102, 160, .13),
    inset 0 1px 0 rgba(255, 255, 255, .95);
  backdrop-filter: blur(15px) saturate(1.07);
}

body.molecule-home-body .home-business-shell .molecule-route-tabs {
  border-bottom-color: rgba(151, 196, 224, .52);
  background: rgba(248, 253, 255, .58);
}

body.molecule-home-body .home-business-shell .molecule-route-tab {
  border-color: #dce7f2;
  color: #263950;
}

body.molecule-home-body .home-business-shell .molecule-route-tab.is-active {
  color: #0870e5;
  background: linear-gradient(180deg, rgba(213, 244, 255, .86), rgba(239, 251, 255, .72));
  box-shadow: inset 0 0 22px rgba(78, 207, 245, .12);
}

body.molecule-home-body .home-business-shell .molecule-route-panel {
  background: rgba(255, 255, 255, .46);
}

body.molecule-home-body .molecule-route-view[data-route-view="custom"] > .route-business-cell,
body.molecule-home-body .molecule-route-view[data-route-view="manual"] > .route-business-cell {
  border-color: rgba(166, 206, 232, .66);
  background: linear-gradient(155deg, rgba(255, 255, 255, .89), rgba(246, 252, 255, .72));
  box-shadow: 0 7px 20px rgba(36, 101, 153, .075), inset 0 1px 0 rgba(255, 255, 255, .92);
  backdrop-filter: blur(10px);
}

body.molecule-home-body .molecule-route-view[data-route-view="custom"] > .route-business-cell:hover,
body.molecule-home-body .molecule-route-view[data-route-view="manual"] > .route-business-cell:hover {
  border-color: #8fbae9;
  background: #fff;
  box-shadow: 0 10px 25px rgba(31, 94, 162, .12);
}

body.molecule-home-body .home-direct-card {
  box-shadow: 0 14px 34px rgba(38, 96, 154, .14), inset 0 1px 0 rgba(255, 255, 255, .8);
  backdrop-filter: blur(12px);
}

body.molecule-home-body .home-stock-card {
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  border-color: rgba(94, 181, 234, .66);
  background: linear-gradient(145deg, rgba(248, 253, 255, .82), rgba(205, 235, 255, .72));
}

body.molecule-home-body .home-stock-browse {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 48px;
  color: inherit;
  text-decoration: none;
}
body.molecule-home-body .home-stock-browse .home-direct-icon { flex-shrink: 0; }
body.molecule-home-body .home-stock-listing {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: 16px;
  min-height: 36px;
  padding: 0 18px;
  border: 1px solid #9fc4ed;
  border-radius: 7px;
  background: rgba(255, 255, 255, .8);
  color: #185ca6;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
body.molecule-home-body .home-stock-listing:hover { background: #fff; border-color: #3978bd; }
body.molecule-home-body .home-stock-browse:focus-visible,
body.molecule-home-body .home-stock-listing:focus-visible { outline: 3px solid rgba(9, 103, 232, .35); outline-offset: 3px; }

body.molecule-home-body .home-byproduct-card {
  border-color: rgba(99, 205, 169, .66);
  background: linear-gradient(145deg, rgba(249, 255, 252, .84), rgba(207, 244, 230, .74));
}

body.molecule-home-body .molecule-knowledge-art {
  background-image: url("/static/images/molecule_knowledge_tree_classic_v1.png");
  background-color: transparent;
  background-blend-mode: normal;
  mix-blend-mode: normal;
  filter: saturate(.92) contrast(.98) brightness(1.04) drop-shadow(0 14px 17px rgba(27, 132, 181, .14));
}

body.molecule-home-body .molecule-knowledge-visual > .tree-fruit .tree-fruit-art {
  opacity: 1;
}

body.molecule-home-body .molecule-knowledge-caption {
  color: #537392;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .9), 0 5px 16px rgba(43, 107, 153, .12);
}

body.molecule-home-body .molecule-footer {
  border-top-color: rgba(115, 184, 224, .34);
  background: rgba(247, 252, 255, .86);
  backdrop-filter: blur(12px);
}

@media (max-width: 700px) {
  body.molecule-home-body::before {
    inset: 2px;
    border-width: 1px;
    border-radius: 13px;
    box-shadow: 0 0 18px rgba(22, 190, 231, .24), inset 0 0 16px rgba(34, 180, 229, .09);
  }

  body.molecule-home-body .molecule-hero {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(223, 245, 255, .1)),
      url("/static/images/home_iceblue_tech_background_mobile_v1.png") center center / cover no-repeat;
  }

  body.molecule-home-body .home-business-shell {
    background: rgba(255, 255, 255, .74);
  }
}

/* The homepage has a single custom-service section. Stock listing lives in
   the stock catalogue; retain the existing business destinations. */
body.molecule-home-body .molecule-route-tabs { grid-template-columns: 1fr; }
body.molecule-home-body .molecule-route-tab { width: 100%; }
@media (max-width: 720px) {
  body.molecule-home-body .molecule-knowledge { width: min(280px, 82%); max-width: 280px; margin: 6px auto 0; }
  body.molecule-home-body .molecule-knowledge-visual { aspect-ratio: 4 / 3; }
  body.molecule-home-body .molecule-knowledge-caption { font-size: 13px; margin-top: 0; }
  body.molecule-home-body .molecule-knowledge-visual > .tree-fruit { width: 44px; height: 44px; min-height: 44px; }
  body.molecule-home-body .molecule-knowledge-visual > .tree-fruit .tree-fruit-label { font-size: 11px; padding: 0 5px; }
}