/* Content-aware phone geometry. Keep the reference's desktop grid intact. */
.testimonial-inner-wrap{perspective:1000px;perspective-origin:50% 45%}
.testimonial-inner{box-shadow:0 24px 48px -18px rgba(68,43,34,.28),0 3px 12px rgba(68,43,34,.08)}
.testimonial-inner .testimonial-media{transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 16px 28px -14px rgba(68,43,34,.28);transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s ease}
.testimonial-inner._1 .testimonial-media{transform:translateZ(18px) rotateY(-5deg) rotateX(2deg)}
.testimonial-inner._2 .testimonial-media{transform:translateZ(26px) rotateY(1deg) rotateX(1deg)}
.testimonial-inner._3 .testimonial-media{transform:translateZ(18px) rotateY(5deg) rotateX(-2deg)}
.testimonial-inner .testimonial-media:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 35%,transparent 73%,rgba(68,43,34,.045));pointer-events:none;z-index:2}
@media(hover:hover) and (pointer:fine){.testimonial-inner-wrap:hover .testimonial-media{transform:translateZ(32px) rotateY(0deg) rotateX(0deg);box-shadow:0 22px 36px -14px rgba(68,43,34,.32)}}

@media(max-width:991px){
  /* Navigation was removed; its former top allowance is no longer needed. */
  .stage-container{padding-top:3.5em}
  .stage-content{gap:1.875em}
  .stage-wrap{padding-top:.75em}
  .stage-left{min-width:0;padding-bottom:7.3em}
  .stage-visual{width:100%;margin-left:0;justify-content:center;align-items:flex-start}
  .stage-canvas{aspect-ratio:960/864;width:100%;max-width:32em;height:auto;top:0;left:0}
  /* Let the cup define the scene height, with a measured row for its badges.
     The source's tall SVG used to create a second empty portrait rectangle. */
  .stage-bg{position:absolute;inset:0;padding:0;pointer-events:none}
  .stage-bg-svg{width:100%;height:100%;margin-left:0;object-fit:contain}
  .stage-fact{width:6.125em;height:6.125em;margin:0;border-width:1px;padding:.55em;gap:.25em}
  .stage-fact-number{font-size:2.6em}
  .stage-fact-text{font-size:1.05em;line-height:.95;text-align:center}
  .stage-fact.is-first{inset:auto auto .5em 0}
  .stage-fact.is-second{inset:auto auto 0 calc(50% - 3.0625em)}
  .stage-fact.is-third{inset:auto 0 .5em auto}
  .stage-right{padding-top:2.25em;padding-bottom:2.5em}
  .stage-deco-text-wrap{left:auto;right:.15em;bottom:7.25em}
  .stage-deco-arrow-wrap{left:auto;right:1em;bottom:9.35em;top:auto}
  .stage-deco-text.replica-sketch-text{font-size:1.65em;max-width:7ch}
  .stage-subline-wrap{padding-left:0}

  /* These columns now contain words rather than the reference's checkmarks. */
  #benefits .benefit-table-title-wrapper,#benefits .benefit-table-item{grid-template-columns:repeat(7,minmax(0,1fr))}
  #benefits .benefit-item-title{grid-column:span 3;min-width:0;font-size:1.25em;line-height:1}
  #benefits .benefit-checker-inner{grid-column:span 4;gap:.5em;min-width:0}
  #benefits .benefit-item-check,#benefits .benefit-item-x{width:calc((100% - .5em)/2);min-width:0;height:auto;min-height:3.125em;padding:.4em .2em}
  #benefits .replica-table-value{font-size:1.05em;line-height:1.05;padding:0 .15em;overflow-wrap:normal;word-break:normal;hyphens:none}
  #benefits .benefit-table-title-wrapper>.benefit-table-title:first-child{grid-column:span 3;grid-row:auto;min-width:0}
  #benefits .benefit-table-title-wrapper>.benefit-table-title-img.is-mobile{grid-column:span 2;grid-row:auto;min-width:0;width:auto;height:auto;justify-self:center;align-self:end;font-size:1.4em}
  #benefits .benefit-table-title-wrapper>.benefit-table-title:last-child{grid-column:span 2;grid-row:auto;min-width:0;justify-self:center;align-self:end}
}
@media(max-width:479px){
  .stage-container{padding-top:2.75em}
  .stage-content{gap:1.5em}
  .stage-right{padding-top:1.75em}
  .stage-deco-text-wrap{display:none}
  .stage-deco-arrow-wrap{display:none}
  .testimonial-inner._1 .testimonial-media{transform:translateZ(12px) rotateY(-3deg) rotateX(1deg)}
  .testimonial-inner._2 .testimonial-media{transform:translateZ(18px) rotateY(1deg) rotateX(1deg)}
  .testimonial-inner._3 .testimonial-media{transform:translateZ(12px) rotateY(3deg) rotateX(-1deg)}
}

/* Depth belongs to inner media only; source GSAP transforms stay on their
   original outer cards. Respect the native preference and the app fallback. */
html.reduced-motion .testimonial-inner-wrap{perspective:none}
html.reduced-motion .testimonial-inner .testimonial-media{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  .testimonial-inner-wrap{perspective:none}
  .testimonial-inner .testimonial-media{transform:none!important;transition:none!important;will-change:auto!important}
}

/* Compact original-brand sticker replaces the oversized text masthead. */
.stage-logo{width:100%;height:auto;min-height:0;padding:0;margin:0;align-items:center}
.stage-logo .stage-logo-sticker{display:block;width:144px;height:144px;max-width:144px;max-height:none;object-fit:contain;border-radius:50%;background:#fff;padding:2px;filter:drop-shadow(0 5px 4px #442b2220) drop-shadow(0 13px 16px #442b221c)}
@media(max-width:991px){.stage-logo .stage-logo-sticker{width:112px;height:112px;max-width:112px}}