/* Restrained depth: stable devices, moving content, no theatrical lighting. */
.hero-v2{background:#112f29}.product-stage{perspective:2200px;translate:none;transition:none}.desktop-product{width:79%;left:3%;top:6%;transform:translate3d(0,calc(8px - var(--p)*8px),0) rotateX(calc(3deg - var(--p)*3deg)) rotateY(calc(-4deg + var(--p)*4deg)) rotateZ(calc(-1deg + var(--p)*1deg));background:#708476;border:1px solid #a3b2a088;box-shadow:0 30px 55px -18px #061b1680,0 3px 0 #304c3e;padding:5px;border-radius:12px}.desktop-product:after{display:none}.phone-product{right:2%;top:6%;transform:translate3d(0,calc(18px - var(--p)*14px),45px) rotateY(calc(-3deg + var(--p)*3deg)) rotateZ(calc(2deg - var(--p)*2deg));box-shadow:9px 23px 40px -9px #04170d70,1px 1px 0 #aab5a2}.stage-callout{transform:none;box-shadow:none;background:#17392e;border-color:#61765b66}.cinema{height:1120px}.cinema-sticky{height:800px}.cinema-bottom{padding-top:16px}.meal-one,.meal-two,.security-mark path{animation:none!important}.real-display iframe{animation:none}.practitioner-crop{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}.practitioner-crop::-webkit-scrollbar{display:none}.display-cabinet .practitioner-crop{aspect-ratio:1.7}.cabinet-motion{display:block;margin:20px auto 12px;background:transparent;border:1px solid #9aaf89;border-radius:30px;color:#274e34;padding:11px 20px;font:inherit;font-size:11px;min-height:42px}.cabinet-motion:hover{background:#e3ecd7}.cabinet-motion:focus-visible{outline:2px solid #274e34;outline-offset:4px}.display-cabinet>a{display:block;text-align:center}.desktop-product .practitioner-crop{cursor:default}.cinema-bottom>span{max-width:240px}
@media(min-width:1500px){.cinema-sticky{height:875px}.cinema{height:1230px}}@media(max-width:1100px){.cinema-sticky{height:705px}.cinema{height:1000px}}@media(max-width:700px){.cinema{height:650px}.cinema-sticky{height:595px}.desktop-product{width:96%;left:0;top:10%;transform:translateY(calc(5px - var(--p)*5px)) rotateZ(calc(-1deg + var(--p)*1deg))}.phone-product{right:0;top:19%;transform:translateY(calc(10px - var(--p)*10px)) rotateZ(calc(2deg - var(--p)*2deg))}.stage-callout{bottom:0}.display-cabinet .practitioner-crop{aspect-ratio:1.3}.cabinet-motion{font-size:10px;margin-top:14px}.real-display.is-cabinet{min-height:390px}}
body.reduced .desktop-product,body.reduced .phone-product{transform:none!important}@media(prefers-reduced-motion:reduce){.desktop-product,.phone-product{transform:none!important}}

/* Live app components, rendered at their native desktop width inside the preview. */
.live-practitioner{width:100%;aspect-ratio:1100/650;position:relative;overflow:hidden;background:#f6f8f6;border-radius:6px}.live-practitioner iframe{position:absolute;left:0;top:0;width:1100px;height:650px;border:0;display:block;transform-origin:top left}.display-cabinet .live-practitioner{aspect-ratio:1100/650}.display-cabinet>a{margin:20px 0}.founder-name>.sarah-portrait{display:block;width:100%;max-width:365px;height:380px;object-fit:cover;object-position:center 32%;border-radius:10px;margin-bottom:30px}.founder-name h2{font-size:48px}@media(max-width:700px){.founder-name>.sarah-portrait{height:355px;max-width:100%}.founder-name h2{font-size:42px}.real-display.is-cabinet{min-height:300px}.desktop-product .live-practitioner{height:auto}}

/* V7: each device and caption owns its space; no absolute overlaps. */
.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:end;gap:48px;padding-bottom:28px}.hero-intro h1{min-width:0;font-size:clamp(46px,5.2vw,80px)}
.cinema,.cinema-sticky{height:auto!important}.cinema{padding-bottom:46px}.cinema-sticky{position:relative;top:auto;padding-top:0}.product-stage{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:center;gap:30px;height:auto!important;padding:25px 0 12px}.desktop-product,.phone-product{position:relative;inset:auto!important;left:auto;top:auto;width:100%;margin:0;transform:none!important}.desktop-product{min-width:0}.phone-product{height:515px;max-height:none}.stage-callout{position:relative;inset:auto!important;grid-column:1/-1;justify-self:center;margin:8px 0 0;max-width:100%}.cinema-bottom{padding-top:16px;gap:24px}.device-foot{display:none}
@media(max-width:1000px){.hero-intro{grid-template-columns:1fr;gap:24px}.hero-pitch{max-width:520px}.product-stage{grid-template-columns:minmax(0,1fr) 205px;gap:20px}.phone-product{height:460px}.hero-intro h1{font-size:clamp(42px,6.3vw,65px)}}
@media(max-width:700px){.hero-intro{padding-top:36px}.product-stage{grid-template-columns:minmax(0,1fr);gap:28px}.desktop-product{width:100%}.phone-product{width:245px;height:510px;justify-self:center}.stage-callout{grid-column:1}.cinema-bottom{display:flex;flex-direction:column;align-items:center;text-align:center}.cinema-bottom>span{display:none}.stage-caption{gap:16px}.stage-caption>span{max-width:150px}.cinema{padding-bottom:30px}}

/* V8: subtle 3D, within the separate layout cells. */
.hero-v2 .product-stage{perspective:1800px;--float:0;gap:38px}
.hero-v2 .desktop-product{transform:translate3d(0,calc(var(--float)*4px),0) rotateX(calc(3deg - var(--p)*2deg)) rotateY(calc(-5deg + var(--p)*3deg))!important;transform-origin:center;will-change:transform;box-shadow:0 28px 50px -18px #031710aa,4px 3px 0 #789184}
.hero-v2 .phone-product{transform:translate3d(0,calc(var(--float)*-6px),24px) rotateY(calc(7deg - var(--p)*4deg)) rotateZ(1deg)!important;will-change:transform;box-shadow:12px 25px 40px -15px #031710bb,3px 1px 0 #829380}
@media(max-width:700px){.hero-v2 .product-stage{gap:32px}.hero-v2 .desktop-product{transform:translateY(calc(var(--float)*3px)) rotateX(2deg) rotateY(-2deg)!important}.hero-v2 .phone-product{transform:translateY(calc(var(--float)*-4px)) rotateY(5deg)!important}}
body.reduced .hero-v2 .desktop-product,body.reduced .hero-v2 .phone-product{transform:none!important}@media(prefers-reduced-motion:reduce){.hero-v2 .desktop-product,.hero-v2 .phone-product{transform:none!important}}