#public-redesign .redesign-page[data-page="cook"] .cook-smart-system {
  display:block;
  min-height:0;
  margin:28px 0 0;
  padding:32px 34px 28px;
  border-radius:28px;
  background:#f3f6f3;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:30px;
  align-items:end;
  min-width:0;
  padding:0 2px;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-heading-copy,
#public-redesign .redesign-page[data-page="cook"] .cook-smart-catch { min-width:0; }

#public-redesign .redesign-page[data-page="cook"] .cook-smart-eyebrow {
  margin:0 0 8px;
  color:#e86620;
  font-size:11px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.18em;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-title {
  margin:0;
  color:#173223;
  font-size:29px;
  font-weight:850;
  line-height:1.3;
  letter-spacing:-.055em;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-title strong { color:#0a653d; }

#public-redesign .redesign-page[data-page="cook"] .cook-smart-message {
  margin:0;
  color:#243a2d;
  font-size:21px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.05em;
  white-space:nowrap;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-message em { color:#ed6721; font-size:27px; font-style:normal; font-weight:900; letter-spacing:.01em; }
#public-redesign .redesign-page[data-page="cook"] .cook-smart-message strong { color:#0a653d; }

#public-redesign .redesign-page[data-page="cook"] .cook-smart-catch { text-align:right; }

#public-redesign .redesign-page[data-page="cook"] .cook-smart-pill {
  display:inline-block;
  margin-top:8px;
  padding:6px 11px 5px;
  border:1px solid #b8cfbe;
  border-radius:999px;
  color:#376347;
  background:rgba(255,255,255,.7);
  font-size:11px;
  font-weight:800;
  line-height:1.3;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-flow {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  min-width:0;
  margin-top:18px;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-step {
  display:grid;
  grid-template-columns:66px auto;
  justify-content:center;
  column-gap:18px;
  align-items:center;
  min-width:0;
  min-height:120px;
  padding:14px 22px;
  border:1px solid #e1e9e3;
  border-radius:17px;
  background:#fff;
  box-shadow:0 12px 27px rgba(20,55,34,.055);
  text-align:left;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-step-icon {
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:15px;
  background:linear-gradient(145deg,#edf6eb,#fff);
  box-shadow:inset 0 0 0 1px rgba(45,111,64,.07);
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-step:nth-child(2) .cook-smart-step-icon { background:linear-gradient(145deg,#fff7ea,#fff); }
#public-redesign .redesign-page[data-page="cook"] .cook-smart-step:nth-child(3) .cook-smart-step-icon { background:linear-gradient(145deg,#edf4ee,#fff); }
#public-redesign .redesign-page[data-page="cook"] .cook-smart-step-icon img { width:49px; height:49px; object-fit:contain; }

#public-redesign .redesign-page[data-page="cook"] .cook-smart-step-copy { min-width:0; margin:0; }

#public-redesign .redesign-page[data-page="cook"] .cook-smart-step small {
  display:block;
  color:#4b584f;
  font-size:15px;
  font-weight:750;
  line-height:1.25;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-step strong {
  display:block;
  margin-top:2px;
  color:#2f7a3a;
  font-size:24px;
  line-height:1.22;
  letter-spacing:-.04em;
  white-space:nowrap;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-step:nth-child(2) strong { color:#f06a22; }
#public-redesign .redesign-page[data-page="cook"] .cook-smart-step:nth-child(3) strong { color:#2d70b9; }

#public-redesign .redesign-page[data-page="cook"] .cook-smart-step strong em {
  margin-left:.18em;
  color:#ef6820;
  font-size:.72em;
  font-style:normal;
  font-weight:950;
  letter-spacing:.045em;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-step p {
  min-height:0;
  margin:4px 0 0;
  color:#77837c;
  font-size:13.5px;
  line-height:1.45;
  letter-spacing:-.02em;
}

#public-redesign .redesign-page[data-page="cook"] .cook-smart-system + .cook-exact-support { margin-top:14px; }

@media (max-width:850px) {
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-system {
    width:calc(100% - 24px);
    min-height:0;
    margin:18px auto 0;
    padding:25px 14px 14px;
    border-radius:22px;
  }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-intro {
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:0 7px;
  }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-title { font-size:23px; line-height:1.38; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-catch { text-align:left; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-message { font-size:19px; white-space:normal; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-message em { font-size:24px; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-pill { margin-top:8px; font-size:10.5px; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-flow { grid-template-columns:minmax(0,1fr); gap:8px; margin-top:16px; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-step {
    grid-template-columns:52px minmax(0,1fr);
    justify-content:stretch;
    column-gap:13px;
    min-height:84px;
    padding:11px 13px;
    text-align:left;
  }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-step-icon { width:50px; height:50px; border-radius:14px; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-step-icon img { width:38px; height:38px; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-step small { font-size:12.5px; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-step strong { margin-top:1px; font-size:19px; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-step p { min-height:0; margin:3px 0 0; font-size:12px; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-system + .cook-exact-support { margin-top:14px; }
}

@media (max-width:360px) {
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-title { font-size:21px; }
  #public-redesign .redesign-page[data-page="cook"] .cook-smart-message { font-size:18px; }
}

/* Landing: the second story continues the same smart-cooking message. */
#public-redesign .landing-slide .landing-slide-content {
  opacity:0;
  transform:translate3d(0,8px,0);
  transition:opacity .16s ease,transform .32s ease;
}

#public-redesign .landing-slide.is-active .landing-slide-content {
  opacity:1;
  transform:translate3d(0,0,0);
  transition-delay:.18s;
}

#public-redesign .landing-slide-smart .landing-slide-content {
  width:min(760px,56%);
}

#public-redesign .landing-slide-smart .landing-title {
  font-size:clamp(48px,4.25vw,68px);
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.02em;
  word-spacing:.04em;
}

#public-redesign .landing-slide-smart .landing-title-line {
  display:block;
  width:100%;
}

#public-redesign .landing-slide-smart .landing-smart-brand {
  display:block;
  margin:0 0 15px;
  font-size:.6em;
  font-weight:820;
  line-height:1.35;
  letter-spacing:-.015em;
}

#public-redesign .landing-slide-smart .landing-smart-brand .accent { color:#0a653d; }
#public-redesign .landing-slide-smart .landing-smart-click { white-space:nowrap; }
#public-redesign .landing-slide-smart .landing-smart-click b { color:#f56600; font-style:normal; letter-spacing:.01em; }
#public-redesign .landing-slide-smart .landing-copy {
  margin-top:32px;
  font-size:clamp(19px,1.5vw,25px);
  line-height:1.68;
  letter-spacing:-.025em;
}
#public-redesign .landing-slide-smart .landing-copy-sub { margin-top:14px; color:#356348; font-weight:750; }

#public-redesign .landing-slide-smart .landing-feature img {
  flex:0 0 auto;
  width:42px;
  height:42px;
  object-fit:contain;
}

@media (max-width:900px) {
  #public-redesign .landing-slide .landing-slide-content,
  #public-redesign .landing-slide.is-active .landing-slide-content {
    transform:none;
    transition:none;
  }
  #public-redesign .landing-slide-smart .landing-slide-content { width:100%; }
  #public-redesign .landing-slide-smart .landing-title { max-width:650px; font-size:clamp(31px,7.2vw,43px); line-height:1.22; }
  #public-redesign .landing-slide-smart .landing-copy { margin-top:16px; }
}

@media (max-width:430px) {
  #public-redesign .landing-slide-smart .landing-title { font-size:clamp(24px,6.9vw,29px); line-height:1.22; letter-spacing:-.025em; }
  #public-redesign .landing-slide-smart .landing-smart-brand { display:block; margin:0 0 7px; font-size:.73em; }
  #public-redesign .landing-slide-smart .landing-smart-click { display:block; white-space:normal; }
  #public-redesign .landing-slide-smart .landing-copy { margin-top:12px; font-size:13px; line-height:1.62; }
  #public-redesign .landing-slide-smart .landing-copy-sub { margin-top:6px; }
  #public-redesign .landing-slide-smart .landing-features { margin-top:14px; }
  #public-redesign .landing-slide-smart .landing-feature { font-size:9.5px; }
  #public-redesign .landing-slide-smart .landing-feature img { width:22px; height:22px; }
}

@media (max-width:340px) {
  #public-redesign .landing-slide-smart .landing-title { font-size:24px; }
  #public-redesign .landing-slide-smart .landing-copy { font-size:12.8px; }
}

/* Mobile landing typography: improve hierarchy without moving the artwork. */
@media (max-width:430px) {
  #public-redesign .landing-slide .landing-slide-content,
  #public-redesign .landing-slide-smart .landing-slide-content {
    padding-top:clamp(44px, calc(25svh - 98px), 136px);
  }

  #public-redesign .landing-slide .landing-title,
  #public-redesign .landing-slide-smart .landing-title {
    font-size:clamp(28px, 7.4vw, 31px);
    line-height:1.25;
    letter-spacing:-.03em;
  }

  #public-redesign .landing-slide-smart .landing-smart-brand {
    margin-bottom:8px;
    font-size:.78em;
    line-height:1.38;
  }

  #public-redesign .landing-slide .landing-copy,
  #public-redesign .landing-slide-smart .landing-copy {
    margin-top:clamp(20px, 2.7svh, 25px);
    font-size:14px;
    line-height:1.74;
    letter-spacing:-.018em;
  }

  #public-redesign .landing-slide .landing-copy-sub,
  #public-redesign .landing-slide-smart .landing-copy-sub {
    margin-top:clamp(10px, 1.5svh, 13px);
    font-size:12px;
    line-height:1.58;
  }

  #public-redesign .landing-slide .landing-features,
  #public-redesign .landing-slide-smart .landing-features {
    min-height:clamp(68px, 8svh, 76px);
    margin-top:clamp(28px, 3.8svh, 36px);
    padding:10px 5px;
  }

  #public-redesign .landing-slide::before {
    inset:220px -18px -18px;
    opacity:.46;
    filter:blur(2px) saturate(.9) brightness(1.02);
  }

  #public-redesign .landing-slide-shade {
    background:linear-gradient(
      180deg,
      #fffdf9 0%,
      #fffdf9 30%,
      rgba(255,253,249,.86) 38%,
      rgba(255,253,249,.4) 48%,
      rgba(255,253,249,.08) 58%,
      rgba(255,253,249,0) 66%
    );
  }

  #public-redesign .landing-slide .landing-feature,
  #public-redesign .landing-slide-smart .landing-feature {
    font-size:10.5px;
    line-height:1.35;
  }

  #public-redesign .landing-slide-smart .landing-feature img {
    width:24px;
    height:24px;
  }
}

@media (max-width:340px) {
  #public-redesign .landing-slide .landing-slide-content,
  #public-redesign .landing-slide-smart .landing-slide-content {
    padding-top:44px;
  }

  #public-redesign .landing-slide .landing-title,
  #public-redesign .landing-slide-smart .landing-title {
    font-size:25.5px;
  }

  #public-redesign .landing-slide .landing-copy,
  #public-redesign .landing-slide-smart .landing-copy {
    margin-top:14px;
    font-size:13.4px;
    line-height:1.62;
  }

  #public-redesign .landing-slide .landing-copy-sub,
  #public-redesign .landing-slide-smart .landing-copy-sub {
    margin-top:7px;
    font-size:11.2px;
    line-height:1.5;
  }

  #public-redesign .landing-slide .landing-features,
  #public-redesign .landing-slide-smart .landing-features {
    min-height:60px;
    margin-top:16px;
  }

  #public-redesign .landing-slide .landing-feature,
  #public-redesign .landing-slide-smart .landing-feature {
    font-size:9.5px;
  }

  #public-redesign .landing-slide-smart .landing-feature img {
    width:22px;
    height:22px;
  }
}