/* Editorial motion layer. Loaded only by the final Lab page, never the B copy. */
html[data-lab="true"] { --motion-ease:cubic-bezier(.22,1,.36,1); }
html[data-lab="true"] .site-header { background:rgba(246,246,238,.88); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 1px 0 #17382a10; }
html[data-lab="true"].js [data-reveal] { filter:none; translate:0 26px; scale:1; will-change:auto; transition:opacity .65s ease var(--reveal-delay,0ms),translate .95s var(--motion-ease) var(--reveal-delay,0ms); }
html[data-lab="true"].js [data-reveal].is-visible { opacity:1; translate:0 0; }
html[data-lab="true"] :is(.lp-hero-portrait,.lab-founder-story figure,.profile-image) { overflow:hidden; border-radius:16px; isolation:isolate; }
html[data-lab="true"] .lp-hero-portrait { box-shadow:0 32px 72px -28px #112c2345,0 2px 6px #112c2310; }
html[data-lab="true"] .lp-hero-portrait::after { content:''; position:absolute; inset:0; border:1px solid #ffffff30; border-radius:inherit; pointer-events:none; background:linear-gradient(145deg,#fff1,transparent 38%,#102c2310); }
html[data-lab="true"] .lp-hero-portrait img { transform:translateY(var(--photo-shift,0px)) scale(1.035); }
html[data-lab="true"] .lab-picture-card { overflow:hidden; border-radius:16px; border:1px solid #19372a10; box-shadow:0 4px 12px #1c302404; transition:box-shadow .6s var(--motion-ease),border-color .4s,translate .9s var(--motion-ease),opacity .65s; }
html[data-lab="true"] .lab-pain-photo { transition:filter .6s,clip-path .8s var(--motion-ease); clip-path:inset(0 round 15px 15px 0 0); }
html[data-lab="true"] .lab-picture-copy { position:relative; }
html[data-lab="true"] .lab-picture-copy::before { content:''; position:absolute; top:0; left:32px; width:44px; height:2px; background:#7a9d45; transform:scaleX(.4); transform-origin:left; transition:transform .6s var(--motion-ease); }
html[data-lab="true"] :is(.urgency-section,.process-section,.savings-close) { position:relative; isolation:isolate; background-image:radial-gradient(ellipse at 95% 0%,#b8d8840d,transparent 60%); }
html[data-lab="true"] :is(.urgency-section,.process-section,.savings-close)::after { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,#caff8540,transparent); pointer-events:none; }
html[data-lab="true"] .yt-discovery .cinema-frame { border:1px solid #ffffff12; background:radial-gradient(ellipse at 78% 52%,#314137 0%,#141d18 46%,#101714 80%); box-shadow:0 40px 75px -45px #10291e65; }
html[data-lab="true"] .phone { transition:translate .9s var(--motion-ease),box-shadow .9s var(--motion-ease); }
html[data-lab="true"] .phone-front { translate:0 var(--phone-shift,0px); }
html[data-lab="true"] .phone-back { translate:0 calc(var(--phone-shift,0px) * -.6); }
html[data-lab="true"] .mockup-play { transition:scale .5s var(--motion-ease),filter .5s; }
html[data-lab="true"] :is(.button,.cinema-button) { transition:background .3s,color .3s,box-shadow .4s,transform .45s var(--motion-ease); }
html[data-lab="true"] :is(.button,.cinema-button) > span:last-child { display:inline-block; transition:transform .45s var(--motion-ease); }
html[data-lab="true"] :is(.button,.cinema-button):focus-visible { outline:3px solid #91b954; outline-offset:5px; }
html[data-lab="true"] .process-list > li { position:relative; border-top-color:#ffffff22; transition:background .6s,opacity .65s,translate .95s var(--motion-ease); }
html[data-lab="true"] .process-list > li::after { content:''; position:absolute; left:0; right:0; top:-1px; height:1px; background:#caff85; transform:scaleX(0); transform-origin:left; transition:transform 1s var(--motion-ease); }
html[data-lab="true"] .process-list > li.is-current-step::after { transform:scaleX(1); }
html[data-lab="true"] .process-list > li .line-icon { transition:box-shadow .6s,transform .6s var(--motion-ease); }
html[data-lab="true"] .process-list > li.is-current-step .line-icon { box-shadow:0 0 0 5px #caff8510; transform:translateY(-2px); }
html[data-lab="true"] .tool-item { transition:background .35s,box-shadow .35s,opacity .65s,translate .95s var(--motion-ease); }
html[data-lab="true"] .cv-disclosure { transition:background .3s; }
@media (hover:hover) and (pointer:fine) {
 html[data-lab="true"] .lab-picture-card:hover { box-shadow:0 24px 52px -25px #19372a35; border-color:#7a9d4540; }
 html[data-lab="true"] .lab-picture-card:hover .lab-picture-copy::before { transform:scaleX(1); }
 html[data-lab="true"] .lab-picture-card:hover .lab-pain-photo { filter:saturate(1.06); clip-path:inset(8px 8px 0 round 10px); }
 html[data-lab="true"] .channel-mockups:hover .phone-front { translate:-5px -9px; }
 html[data-lab="true"] .channel-mockups:hover .phone-back { translate:5px 5px; }
 html[data-lab="true"] .channel-mockups:hover .mockup-play { scale:1.07; filter:drop-shadow(0 8px 20px #0005); }
 html[data-lab="true"] :is(.button,.cinema-button):hover { transform:translateY(-2px); box-shadow:0 9px 22px #10271e20; }
 html[data-lab="true"] :is(.button,.cinema-button):hover > span:last-child { transform:translate(3px,-3px); }
 html[data-lab="true"] .tool-item:hover { background:#fff; box-shadow:0 7px 20px #173c2408; }
}
@media(min-width:1000px) { html[data-lab="true"] .process-intro { position:sticky; top:130px; align-self:start; } }
@media(max-width:760px) {
 html[data-lab="true"].js [data-reveal] { translate:0 15px; --reveal-delay:0ms!important; }
 html[data-lab="true"].js [data-reveal].is-visible { translate:0 0; }
 html[data-lab="true"] .lp-hero-portrait img { transform:none; }
 html[data-lab="true"] .phone { translate:none; }
}
/* No hidden content, parallax or decoration while editing or with reduced motion. */
html[data-lab="true"] body.is-copy-editing [data-reveal] { opacity:1; translate:none; filter:none; transition:none; }
@media(prefers-reduced-motion:reduce) {
 html[data-lab="true"].js [data-reveal] { opacity:1; translate:none; filter:none; transition:none; }
 html[data-lab="true"] :is(.lp-hero-portrait img,.phone,.button,.cinema-button) { transform:none; translate:none; transition:none; }
 html[data-lab="true"] .phone-front { transform:rotate(-12deg); }
 html[data-lab="true"] .phone-back { transform:rotate(10deg); }
 html[data-lab="true"] .process-list > li::after { transition:none; }
}