/* Homepage CRO presentation layer.
   Visual continuity only: no commerce, tracking, consent, or catalog behavior. */

.announce {
  color: #2d271c;
  background: linear-gradient(90deg, #f1d49e, #f7e6c1 48%, #f1d49e);
  box-shadow: inset 0 -1px 0 rgba(128, 84, 18, .14);
}

.announce b { color: #1d241f; }

.catalog {
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 4%, rgba(235, 176, 72, .13), transparent 28%),
    radial-gradient(circle at 88% 72%, rgba(20, 139, 128, .09), transparent 32%),
    linear-gradient(180deg, #fbf8f1 0%, #f6f0e5 100%);
}

.catalog .shead {
  max-width: 830px;
}

.catalog .shead h2 {
  max-width: 760px;
}

.vialbar {
  --vialgap: clamp(12px, 1.5vw, 24px);
  margin-top: clamp(36px, 5vw, 64px);
  padding: 12px 0 24px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 3.5%, #000 96.5%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 3.5%, #000 96.5%, transparent);
}

.vialbar__set {
  align-items: stretch;
}

.vialbar__card {
  position: relative;
  box-sizing: border-box;
  width: clamp(230px, 18vw, 294px);
  height: clamp(310px, 25vw, 408px);
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(15px, 1.25vw, 24px);
  padding-bottom: clamp(44px, 3.5vw, 56px);
  border: 1px solid rgba(20, 76, 71, .13);
  border-radius: clamp(28px, 2.5vw, 40px);
  background:
    radial-gradient(circle at 50% 54%, rgba(39, 158, 145, .17), transparent 39%),
    linear-gradient(150deg, rgba(255,255,255,.95), rgba(246,238,221,.93));
  box-shadow:
    0 22px 55px rgba(67, 46, 20, .08),
    inset 0 1px 0 rgba(255,255,255,.88);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}

.vialbar__card::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: clamp(14px, 1.25vw, 20px);
  width: 82%;
  height: clamp(19px, 1.7vw, 25px);
  transform: translateX(-50%);
  background-image: url("vialbar-marks.svg");
  background-repeat: no-repeat;
  background-size: 100% 2500%;
  pointer-events: none;
}

.vialbar__card:nth-child(1)::after { background-position: center 0%; }
.vialbar__card:nth-child(2)::after { background-position: center 4.1667%; }
.vialbar__card:nth-child(3)::after { background-position: center 8.3333%; }
.vialbar__card:nth-child(4)::after { background-position: center 12.5%; }
.vialbar__card:nth-child(5)::after { background-position: center 16.6667%; }
.vialbar__card:nth-child(6)::after { background-position: center 20.8333%; }
.vialbar__card:nth-child(7)::after { background-position: center 25%; }
.vialbar__card:nth-child(8)::after { background-position: center 29.1667%; }
.vialbar__card:nth-child(9)::after { background-position: center 33.3333%; }
.vialbar__card:nth-child(10)::after { background-position: center 37.5%; }
.vialbar__card:nth-child(11)::after { background-position: center 41.6667%; }
.vialbar__card:nth-child(12)::after { background-position: center 45.8333%; }
.vialbar__card:nth-child(13)::after { background-position: center 50%; }
.vialbar__card:nth-child(14)::after { background-position: center 54.1667%; }
.vialbar__card:nth-child(15)::after { background-position: center 58.3333%; }
.vialbar__card:nth-child(16)::after { background-position: center 62.5%; }
.vialbar__card:nth-child(17)::after { background-position: center 66.6667%; }
.vialbar__card:nth-child(18)::after { background-position: center 70.8333%; }
.vialbar__card:nth-child(19)::after { background-position: center 75%; }
.vialbar__card:nth-child(20)::after { background-position: center 79.1667%; }
.vialbar__card:nth-child(21)::after { background-position: center 83.3333%; }
.vialbar__card:nth-child(22)::after { background-position: center 87.5%; }
.vialbar__card:nth-child(23)::after { background-position: center 91.6667%; }
.vialbar__card:nth-child(24)::after { background-position: center 95.8333%; }
.vialbar__card:nth-child(25)::after { background-position: center 100%; }

.vialbar__card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: normal;
  filter: drop-shadow(0 22px 22px rgba(6, 48, 45, .2));
  transform: scale(1.42);
  transition: transform .35s var(--ease);
}

.vialbar:hover .vialbar__card img {
  transform: scale(1.47) translateY(-3px);
}

.vialbar__card:nth-child(3n + 2) {
  background:
    radial-gradient(circle at 50% 54%, rgba(238, 175, 61, .17), transparent 41%),
    linear-gradient(150deg, rgba(255,255,255,.97), rgba(249,241,226,.94));
}

.vialbar__card:nth-child(3n) {
  background:
    radial-gradient(circle at 50% 54%, rgba(40, 143, 132, .14), transparent 40%),
    linear-gradient(150deg, rgba(252,250,245,.98), rgba(230,241,238,.88));
}

.vialbar:hover .vialbar__card {
  transform: translateY(-7px);
  box-shadow:
    0 28px 65px rgba(67, 46, 20, .11),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.catalog-offers {
  gap: clamp(12px, 1.4vw, 20px);
  margin-top: clamp(28px, 4vw, 48px);
}

.catalog-offer {
  position: relative;
  min-height: 184px;
  padding: clamp(24px, 2.5vw, 34px);
  overflow: hidden;
  border-color: rgba(35, 72, 66, .13);
  border-radius: 28px;
  background: rgba(255, 253, 248, .84);
  box-shadow: 0 16px 44px rgba(79, 56, 25, .06);
}

.catalog-offer::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -58px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(235, 176, 72, .13);
  filter: blur(2px);
  pointer-events: none;
}

.catalog-offer:nth-child(2)::after {
  background: rgba(28, 142, 130, .13);
}

.catalog-offer:nth-child(3)::after {
  background: rgba(229, 149, 44, .12);
}

.catalog-offer__label {
  color: #c77a17;
  font-weight: 750;
}

.catalog-offer strong {
  position: relative;
  z-index: 1;
  max-width: 260px;
  font-family: var(--serif);
  font-size: clamp(20px, 1.55vw, 25px);
  font-weight: 500;
}

.catalog-offer p {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin-top: 13px;
  font-size: 13px;
}

.proof-strip {
  position: relative;
  background:
    radial-gradient(circle at 84% 18%, rgba(33, 154, 141, .2), transparent 32%),
    linear-gradient(145deg, #062f2c, #0a4540);
}

.proof-strip__grid a {
  background: rgba(255,255,255,.018);
}

.manifesto,
.guarantee {
  background:
    radial-gradient(circle at 88% 10%, rgba(235, 176, 72, .08), transparent 24%),
    #fbf8f1;
}

.guarantee .why-card {
  border-color: rgba(24, 82, 76, .12);
  background:
    radial-gradient(circle at 88% 18%, rgba(235, 176, 72, .12), transparent 30%),
    linear-gradient(145deg, #f4eee2, #eaf3f0);
}

/* The evidence and lower-page sections now use the same soft-card system as
   the catalog and PDPs instead of the legacy edge-to-edge technical matrix. */
.proof-strip {
  padding: clamp(72px, 8vw, 108px) 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 86% 12%, rgba(235, 176, 72, .14), transparent 27%),
    radial-gradient(circle at 12% 88%, rgba(37, 160, 147, .1), transparent 30%),
    linear-gradient(145deg, #faf6ed, #edf4f0);
}

.proof-strip__head {
  display: flex;
  max-width: 820px;
  margin-bottom: clamp(34px, 4vw, 54px);
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

.proof-strip__head .sec-index {
  display: inline-flex;
  width: fit-content;
  padding: 8px 13px;
  border: 1px solid rgba(244, 186, 85, .34);
  border-radius: 999px;
  color: #a86311;
  background: rgba(244, 186, 85, .12);
}

.proof-strip__head h2 {
  max-width: 760px;
  font-size: clamp(38px, 4.6vw, 64px);
  line-height: 1.02;
  color: var(--ink);
}

.proof-strip__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(12px, 1.35vw, 18px);
  border: 0;
}

.proof-strip__grid a {
  position: relative;
  grid-column: span 3;
  min-height: 184px;
  padding: 26px;
  overflow: hidden;
  color: var(--ink);
  border: 1px solid rgba(24, 82, 76, .13);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,252,246,.72));
  box-shadow: 0 16px 40px rgba(75, 54, 25, .055), inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);
}

.proof-strip__grid a:nth-child(n + 5) {
  grid-column: span 4;
}

.proof-strip__grid a:nth-child(3n + 2) {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(229,241,237,.82));
}

.proof-strip__grid a::before {
  content: "";
  width: 38px;
  height: 3px;
  border-radius: 999px;
  background: #f0ad3d;
  box-shadow: 0 0 20px rgba(240, 173, 61, .36);
}

.proof-strip__grid a:hover,
.proof-strip__grid a:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(10,127,117,.38);
  background: #fffdf8;
  outline: none;
}

.proof-strip__grid strong {
  max-width: 270px;
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.16;
  color: var(--ink);
}

.proof-strip__grid span {
  color: var(--graphite);
  font-family: var(--sans);
  font-size: 12.5px;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
}

.manifesto__steps {
  gap: 14px;
}

.manifesto__steps li {
  min-height: 188px;
  padding: 22px;
  border: 1px solid rgba(24, 82, 76, .12);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 12%, rgba(235, 176, 72, .1), transparent 29%),
    rgba(255,255,255,.58);
  box-shadow: 0 14px 38px rgba(76, 54, 25, .045);
}

.manifesto__steps .n { color: #c77a17; }

.manifesto__procline {
  width: fit-content;
  padding: 9px 14px;
  border: 1px solid rgba(199, 122, 23, .22);
  border-radius: 999px;
  color: #a86413;
  background: rgba(235, 176, 72, .08);
}

.calibrate__stage {
  background:
    radial-gradient(circle at 50% 52%, rgba(25, 151, 138, .16), transparent 26%),
    radial-gradient(circle at 88% 12%, rgba(235, 176, 72, .11), transparent 26%),
    linear-gradient(145deg, #fbf8f1, #edf4f1);
}

.calibrate__qr-proof,
.calibrate__stats .stat {
  border: 1px solid rgba(24, 82, 76, .12);
  border-radius: 20px;
  background: rgba(255,255,255,.7);
  box-shadow: 0 12px 34px rgba(62, 45, 21, .05);
}

.calibrate__qr-proof { padding: 17px; }
.calibrate__stats .stat { min-width: 196px; padding: 17px 19px; }

.verify {
  border-radius: 0;
  background: linear-gradient(145deg, #052d2a, #0b443f);
}

.verify__nums { gap: 12px; }

.vnum {
  min-width: 125px;
  padding: 16px 18px;
  border: 1px solid rgba(205, 234, 229, .14);
  border-radius: 19px;
  background: rgba(255,255,255,.055);
}

.vnum span { font-size: clamp(29px, 3vw, 42px); }

.coa-doc {
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 28px;
  background: linear-gradient(150deg, #fffdf8, #f1eee6);
}

.faq {
  background:
    radial-gradient(circle at 8% 14%, rgba(235, 176, 72, .1), transparent 25%),
    linear-gradient(180deg, #fbf8f1, #f3eee4);
}

.faq-list details.q {
  overflow: hidden;
  border-color: rgba(24, 82, 76, .12);
  border-radius: 18px;
  background: rgba(255,255,255,.65);
  box-shadow: 0 8px 24px rgba(70, 50, 24, .035);
}

.faq-list details.q[open] {
  background: rgba(255,255,255,.91);
  box-shadow: 0 18px 46px rgba(70, 50, 24, .075);
}

.securebar {
  padding: 34px 0 clamp(58px, 7vh, 92px);
  background: #fbf8f1;
}

.securebar__inner {
  padding: 24px clamp(22px, 3vw, 34px);
  border: 1px solid rgba(24, 82, 76, .12);
  border-radius: 24px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 38px rgba(70, 50, 24, .05);
}

.cta {
  position: relative;
  overflow: hidden;
  color: var(--ink);
  background:
    radial-gradient(circle at 18% 18%, rgba(235, 176, 72, .2), transparent 28%),
    radial-gradient(circle at 86% 82%, rgba(38, 163, 149, .13), transparent 28%),
    linear-gradient(145deg, #f7f0e4, #e6f0ec);
}

.cta .sec-index { color: #a86311; }
.cta h2 { color: var(--ink); }
.cta h2 em { color: var(--teal); }
.cta .btn { box-shadow: 0 15px 38px rgba(10, 92, 84, .2); }

.news {
  padding-top: clamp(34px, 5vw, 54px) !important;
  padding-bottom: clamp(34px, 5vw, 54px) !important;
  border: 0;
  background: #f5efe4;
}

.news-inner {
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid rgba(24, 82, 76, .12);
  border-radius: 28px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 16px 40px rgba(70, 50, 24, .05);
}

@media (max-width: 900px) {
  .catalog {
    padding-top: 72px;
    padding-bottom: 82px;
  }

  .vialbar {
    margin-top: 28px;
    padding: 8px 0 20px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 2%, #000 98%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 2%, #000 98%, transparent);
  }

  .vialbar__card {
    width: clamp(188px, 52vw, 220px);
    height: clamp(260px, 70vw, 304px);
    padding: 12px 12px 43px;
    border-radius: 28px;
  }

  .vialbar__card::after {
    bottom: 13px;
    width: 84%;
    height: 20px;
  }

  .catalog-offers {
    grid-template-columns: 1fr;
  }

  .catalog-offer {
    min-height: 0;
    padding: 24px;
    border-radius: 24px;
  }

  .catalog-offer strong {
    font-size: 22px;
  }

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

  .proof-strip__grid a,
  .proof-strip__grid a:nth-child(n + 5) {
    grid-column: auto;
  }

  .proof-strip__grid a:last-child {
    grid-column: 1 / -1;
  }

  .manifesto__steps li { min-height: 0; }
  .calibrate__stats .stat { min-width: 150px; }
}

@media (max-width: 480px) {
  .catalog .shead h2 {
    font-size: clamp(31px, 9.2vw, 40px);
  }

  .vialbar {
    overflow-x: hidden;
  }

  .vialbar__track {
    animation-duration: 88s;
  }

  .vialbar__card {
    width: 196px;
    height: 278px;
  }

  .proof-strip { padding: 68px 0; }
  .proof-strip__head h2 { font-size: 39px; }

  .proof-strip__grid {
    grid-template-columns: 1fr;
  }

  .proof-strip__grid a,
  .proof-strip__grid a:nth-child(n + 5),
  .proof-strip__grid a:last-child {
    grid-column: auto;
    min-height: 0;
    padding: 21px;
    gap: 14px;
    border-radius: 20px;
  }

  .manifesto__steps { grid-template-columns: 1fr; }
  .manifesto__steps li:last-child { grid-column: auto; }
  .manifesto__procline { border-radius: 18px; }

  .calibrate__stats .stat {
    width: 100%;
    min-width: 0;
  }

  .vnum {
    flex: 1 1 100px;
    min-width: 0;
  }

  .securebar { padding-inline: 20px; }
  .securebar__inner { padding: 22px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .vialbar {
    scroll-snap-type: x mandatory;
  }

  .vialbar__card {
    scroll-snap-align: center;
  }
}