/* Everton Bonetti / cinematic material, orange light over deep navy. */
.button,.line-button,.transform-bottom .connect-toggle{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:62px;padding:13px 15px 13px 25px;border:1px solid #ff9455;border-radius:5px 5px 22px 5px;background:radial-gradient(ellipse at var(--pointer-x,15%) var(--pointer-y,0%),#ff6d2438,transparent 70%),linear-gradient(125deg,#203044,#091321 70%);color:#fff4e9;font:750 12px/1.4 Inter,sans-serif;letter-spacing:.055em;text-decoration:none;box-shadow:inset 0 1px #ffffff38,inset 0 -3px #0009,0 8px 0 -4px #030910,0 15px 38px #0006,0 0 28px #ff5a0017;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s}
.button:before,.line-button:before,.transform-bottom .connect-toggle:before{content:"";position:absolute;inset:-50%;z-index:-1;background:linear-gradient(110deg,transparent 36%,#ffe4c724 46%,#ffffff38 49%,transparent 59%);transform:translateX(-100%);animation:signatureSweep 7s ease-in-out infinite;pointer-events:none}
.button:after,.line-button:after{content:"";position:absolute;inset:3px;border:1px solid #ffffff0f;border-radius:inherit;pointer-events:none}
.button>span,.line-button>span,.transform-bottom .connect-toggle>span{display:grid;place-items:center;flex:none;width:39px;height:39px;border:1px solid #ffc091;border-radius:3px 3px 13px 3px;background:linear-gradient(135deg,#ffab65,#ff5a00 70%);color:#091426;font:500 23px/1 Inter;box-shadow:inset 0 1px #ffedd1,0 0 22px #ff5a0038;transition:transform .35s,box-shadow .35s;rotate:0deg}
.button:hover,.line-button:hover,.transform-bottom .connect-toggle:hover{color:white;filter:none;transform:translateY(-3px);border-color:#ffd5aa;box-shadow:inset 0 1px #ffffff66,inset 0 -3px #0009,0 8px 0 -4px #030910,0 18px 46px #0008,0 0 35px #ff5a0038}
.button:hover>span,.line-button:hover>span,.transform-bottom .connect-toggle:hover>span{rotate:0deg;transform:translate(1px,-1px);background:linear-gradient(135deg,#ffe0a8,#ff7b2b);color:#081426;box-shadow:0 0 30px #ff7b2b70}
.button:active,.line-button:active,.transform-bottom .connect-toggle:active{transform:translateY(1px) scale(.99)}
.button:focus-visible,.line-button:focus-visible,button:focus-visible{outline:3px solid #ffd1a2;outline-offset:5px}
.button.small{min-height:47px;padding:8px 10px 8px 17px;gap:18px;font-size:11px;border-radius:4px 4px 16px 4px}.button.small>span{width:29px;height:29px;font-size:18px;border-radius:3px 3px 10px 3px}
.hero-bottom .button{min-width:325px;padding-left:28px;min-height:72px}.hero-bottom .button>span{width:45px;height:45px}.hero-bottom p{font-size:16px;line-height:1.75}
.hero h1{filter:drop-shadow(0 12px 32px #0007)}.hero-impact{text-shadow:0 0 75px #ff6f2338}
.chapter{position:relative}.chapter-heading>p:not(.eyebrow),.food-copy>p:not(.eyebrow),.phase-copy p{font-size:16px;line-height:1.7}.eyebrow{line-height:1.6}
.solution-tabs{gap:8px;border:0;margin-bottom:25px}.solution-tabs button{position:relative;overflow:hidden;border:1px solid #ffffff24;border-radius:5px 5px 15px 5px;background:linear-gradient(130deg,#15263c,#081426);transition:background .35s,border-color .35s,transform .35s;min-height:70px}.solution-tabs button[aria-selected=true]{border-color:#ff9254;background:linear-gradient(120deg,#512c21,#172132);box-shadow:inset 0 1px #ffb67b66,0 8px 30px #ff5a0010}.solution-tabs button:hover{border-color:#ffb276;transform:translateY(-2px)}
.solution-panel{overflow:visible;gap:0;border:1px solid #ffffff1c;background:linear-gradient(120deg,#11223988,#07122088)}.solution-copy{padding:45px 38px}.solution-copy>p:not(.eyebrow),.solution-copy li{font-size:15px;line-height:1.7}.solution-copy .line-button{font-size:11px;width:100%;gap:12px;margin-top:18px}
.solution-visual{position:relative;isolation:isolate;min-width:0;min-height:590px;overflow:hidden;background:radial-gradient(ellipse at 48% 45%,#244c5b 0%,#12263b 38%,#07111e 73%);border-right:1px solid #ffffff18;perspective:1100px}
.solution-visual:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 98%,#80a5b710 100%),linear-gradient(90deg,transparent 98%,#80a5b710 100%);background-size:45px 45px;mask-image:linear-gradient(transparent,#000,transparent)}
.solution-visual #solution-image{position:absolute;inset:60px 2% auto;width:96%;height:calc(100% - 185px);object-fit:contain;filter:drop-shadow(0 30px 26px #0007);transform:rotateY(-7deg) rotateX(3deg);transition:transform .8s,filter .8s;z-index:1}
.solution-visual:hover #solution-image{transform:rotateY(0) rotateX(0) translateY(-5px)}
.product-heading{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.05em;color:#ffb686;z-index:3}.product-heading span:last-child{color:#d5e2eb;text-align:right}
.product-light{position:absolute;left:10%;right:10%;bottom:100px;height:1px;background:linear-gradient(90deg,transparent,#ff965c,transparent);box-shadow:0 0 50px 10px #ff742818;z-index:0}
.solution-visual .workflow{bottom:93px;font-size:12px;z-index:3}.screen-options{position:absolute;bottom:42px;left:16px;right:16px;display:flex;justify-content:center;gap:6px;z-index:4;flex-wrap:wrap}.screen-options button{background:#091523e8;color:#d2dbe4;border:1px solid #68778b;border-radius:4px;padding:9px 11px;min-height:42px;font:600 12px Inter;cursor:pointer}.screen-options button[aria-pressed=true]{color:#fff0e4;border-color:#ff9c62;background:#422a23}.product-source{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:12px;color:#aebfce;text-underline-offset:4px}
.delivery-food{position:absolute;right:-7%;bottom:123px;width:50%;height:auto;z-index:2;pointer-events:none;opacity:0;transform:translate(25px,20px) rotate(-8deg);transition:opacity .7s,transform .8s;filter:drop-shadow(0 20px 16px #0008)}.solution-visual[data-product="1"] .delivery-food{opacity:1;transform:translate(0,0) rotate(-5deg)}.solution-visual[data-product="1"] #solution-image{width:85%;left:-5%;inset-block-start:40px}.solution-visual.dashboard-view #solution-image{inset:60px 4% auto;width:92%;height:calc(100% - 190px);transform:none;filter:drop-shadow(0 25px 25px #0009)}
.food-stage{background:radial-gradient(ellipse at 75% 45%,#24414d77,transparent 58%),#071221;gap:35px}.food-stage-visual{min-height:565px}.food-stage .dish-world{inset:0;scale:1;pointer-events:none;z-index:2}.real-dish{position:absolute;width:115%;max-width:none;height:auto;left:-9%;bottom:-5%;filter:drop-shadow(0 35px 25px #0008);transform:translateY(calc(var(--camera,0)*-23px)) rotate(-5deg);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.dish-platform{width:85%;height:70%;top:78%;opacity:.25;z-index:-1}.phase-monitor{position:absolute;inset:0 0 21% 9%;transform:perspective(1000px) rotateY(-10deg) translateY(calc(var(--camera,0)*15px));transition:transform 1.1s;z-index:1}.phase-monitor>span{display:block;font:600 12px/1.5 Inter;letter-spacing:.09em;color:#ffb180;text-align:right;padding:12px 20px}.phase-monitor img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 20px #0009)}.food-stage[data-phase="3"] .phase-monitor{inset:20px 0 28% 0;transform:perspective(1000px) rotateY(0)}.food-stage[data-phase="3"] .real-dish{transform:translate(10%,25px) scale(.87) rotate(3deg)}.food-stage[data-phase="2"] .real-dish{transform:translate(-3%,15px) rotate(-9deg)}.food-stage .scene-caption{bottom:0;font-size:12px;line-height:1.5;text-align:center;z-index:4;padding:8px;background:#081426d9;border-block:1px solid #ffffff14}.food-stage-visual>.concept-note{bottom:-30px;font-size:12px;line-height:1.4;color:#a9b7c6}.phase-copy{min-height:180px}.phase-copy>span{font-size:12px}.food-controls{margin-top:16px;gap:8px;border:0}.food-controls button{border:1px solid #ffffff24;border-radius:4px 4px 15px 4px;min-height:76px;background:linear-gradient(140deg,#162a40,#091422)}.food-controls button.active{border-color:#ff9f65;background:linear-gradient(135deg,#683820,#112236);box-shadow:inset 0 1px #ffc99a44,0 10px 30px #0004}.food-controls button small{font-size:12px}.food-cta{margin-top:12px}
.cost-engine{perspective:1200px}.cost-frame{background:radial-gradient(ellipse at 50% 40%,#204852,#081727 70%);transform:rotateY(-7deg) translateY(calc(var(--camera,0)*16px));border:1px solid #62818b66;box-shadow:0 30px 70px #0007,inset 0 1px #ffffff30;overflow:hidden;min-height:460px}.cost-product{position:absolute;inset:25px 0 55px;width:100%;height:calc(100% - 80px);object-fit:contain;filter:drop-shadow(0 24px 20px #0008)}.cost-label{z-index:2;font-size:12px}.cost-result{z-index:2;bottom:15px;background:#081426ed;padding:15px;left:15px;right:15px}.cost-result small{font-size:12px}.cost-engine>.concept-note{font-size:12px}.cost-outcomes p{font-size:16px}
.ecosystem-center{position:relative;min-height:470px;background:radial-gradient(ellipse,#1b3d4966,transparent 70%)}.eco-menu{position:absolute;inset:0 2% auto 15%;width:80%;height:85%;object-fit:contain;transform:rotate(-6deg) translateY(calc(var(--camera,0)*18px));filter:drop-shadow(0 25px 25px #0009);z-index:1}.eco-coffee{position:absolute;width:65%;height:auto;left:-7%;bottom:-3%;filter:drop-shadow(0 25px 20px #0009);transform:rotate(8deg) translateY(calc(var(--camera,0)*-25px));z-index:2}.eco-caption{position:absolute;bottom:0;left:5%;right:5%;text-align:center;font-size:12px;color:#ffb78b;z-index:3}.ecosystem-list p{font-size:16px}.cinema-moment .moment-content{transform:translateY(calc(var(--camera,0)*-12px))}.launch-steps li{transition:background .4s,transform .4s}.launch-steps li:hover{background:#ff72260b;transform:translateY(-5px)}.contact-section{background:radial-gradient(ellipse at 15% 50%,#a8481b15,transparent 55%)}.lead-form{border:1px solid #ff965c40;box-shadow:0 25px 80px #0005,inset 0 1px #ffffff18}.submit{width:100%}
/* The complete screen changes its visual state, from disrupted fragments to a calm grid. */
.transformation:not(.connected) .word-universe{background:radial-gradient(ellipse at 65% 30%,#5b243145,transparent 70%),#0d1522}.transformation:not(.connected) .word-universe:after{background:repeating-linear-gradient(0deg,transparent 0 31px,#ff6b5522 32px,transparent 33px);animation:brokenSignal 5s steps(1) infinite}.transformation:not(.connected) .w1{--rotate:-11deg}.transformation:not(.connected) .w2{--rotate:9deg}.transformation:not(.connected) .w3{--rotate:7deg}.transformation:not(.connected) .w4{--rotate:-8deg}.transformation:not(.connected) .w5{--rotate:12deg}.transformation:not(.connected) .w6{--rotate:-7deg}.transformation.connected .word-universe:after{background:linear-gradient(130deg,#b5ffdd0a,transparent 50%);animation:none}.transformation.connected .flying-word{box-shadow:0 6px 18px #0003,inset 0 1px #e1fff52e}
@keyframes signatureSweep{0%,65%,100%{transform:translateX(-100%)}85%{transform:translateX(100%)}}
@keyframes brokenSignal{0%,89%,100%{opacity:.45;transform:none}90%{opacity:.8;transform:translateX(4px)}92%{opacity:.15;transform:translateX(-3px)}94%{opacity:.65;transform:none}}
@media(min-width:1400px){.solution-visual{min-height:650px}.food-stage-visual{min-height:650px}}
@media(max-width:1000px){.solution-copy{padding:32px 25px}.solution-visual{min-height:540px}.button,.line-button{gap:18px}.food-stage-visual{min-height:490px}.cost-frame{min-height:400px}}
@media(max-width:800px){.solution-panel{display:flex;flex-direction:column}.solution-visual{min-height:500px;border-right:0;border-bottom:1px solid #ffffff18}.solution-visual #solution-image{height:calc(100% - 175px)}.solution-copy{padding:32px 25px}.food-stage-visual{min-height:500px;max-width:580px;margin-bottom:25px}.food-stage{gap:28px}.phase-copy{min-height:140px}.food-controls{margin-top:5px}.eco-menu{width:75%;left:20%}.ecosystem-center{min-height:430px}.food-stage .dish-world{inset:0;scale:1}.food-copy h2{font-size:clamp(49px,9vw,76px)}.transform-bottom .connect-toggle{min-height:58px}.transform-bottom p{font-size:12px}.transform-top .eyebrow,.state-label{font-size:10px}.screen-toolbar{font-size:10px}.flying-word>span{font-size:12px}.transformation.connected .flying-word{font-size:15px}.solution-tabs button{font-size:20px}}
@media(max-width:520px){.header{padding-inline:14px;gap:7px}.header .brand{width:121px}.header .button.small{font-size:10px;padding:9px 11px;min-height:44px;gap:8px}.header .button.small>span{display:none}.motion-control{min-width:38px;width:38px;min-height:44px}.hero-layout{padding-inline:22px}.hero-bottom .button{min-width:0;min-height:68px;font-size:12px;padding-left:18px}.hero-bottom p{font-size:16px}.hero-kicker{font-size:11px;line-height:1.65;max-width:280px;letter-spacing:.06em}.hero h1{font-size:clamp(53px,15.7vw,76px)}.hero-impact{font-size:1.12em!important}.hero-caption{font-size:10px}.button,.line-button{font-size:12px;min-height:60px;gap:12px;padding-left:17px}.button>span,.line-button>span{width:34px;height:34px}.mobile-cta{font-size:11px;min-height:58px;left:12px;right:12px;padding-block:9px}.chapter-heading h2{font-size:clamp(39px,10vw,52px)}.chapter-heading>p:not(.eyebrow){font-size:16px}.solution-tabs{gap:7px;grid-template-columns:1fr 1fr;display:grid}.solution-tabs button{font-size:20px;padding:14px 12px;min-height:62px}.solution-tabs button small{font-size:12px}.solution-visual{min-height:415px}.solution-visual #solution-image{inset:52px 0 auto;width:100%;height:250px;transform:none}.product-heading{left:14px;right:14px;top:18px;font-size:10px;gap:8px}.screen-options{bottom:39px;left:8px;right:8px;gap:4px}.screen-options button{font-size:11px;padding:8px;min-height:42px}.solution-visual .workflow{bottom:91px;font-size:10px;gap:8px}.product-source{font-size:12px;bottom:14px}.solution-copy{padding:29px 21px}.solution-copy h3{font-size:38px}.solution-copy .line-button{font-size:11px;padding-left:13px}.delivery-food{width:49%;bottom:116px}.solution-visual.dashboard-view #solution-image{inset:70px 3% auto;width:94%;height:215px}.solution-visual[data-product="1"] #solution-image{height:255px;top:45px}.food-copy>p:not(.eyebrow),.phase-copy p{font-size:16px}.food-copy h2{font-size:clamp(44px,12vw,56px)}.food-stage-visual{min-height:390px;margin-bottom:30px}.real-dish{bottom:4%;width:115%;left:-10%}.phase-monitor{inset:0 0 28% 4%}.phase-monitor>span{font-size:10px;padding:8px}.food-stage[data-phase="3"] .phase-monitor{inset:20px 0 30%}.food-stage .scene-caption{font-size:10px;bottom:-5px}.food-stage-visual>.concept-note{font-size:11px;bottom:-32px}.food-controls button{min-height:65px;font-size:22px;padding:17px 12px}.food-cta{width:100%;font-size:11px}.cost-frame{min-height:350px;transform:none}.cost-label{font-size:10px}.cost-result small{font-size:10px}.cost-result strong{font-size:25px}.ecosystem-center{min-height:360px}.eco-caption{font-size:10px}.eco-coffee{width:65%;left:-6%;bottom:0}.transform-sticky{height:auto;min-height:850px;padding:90px 18px 108px}.transform-top{gap:8px}.transform-top .eyebrow{font-size:9px;max-width:42%;line-height:1.5}.state-label{font-size:9px;max-width:56%;line-height:1.5}.transform-sticky h2{font-size:clamp(37px,10.5vw,48px);margin-top:23px}.word-universe{height:280px;margin-top:18px}.screen-toolbar{font-size:8px}.screen-indicator{font-size:8px}.flying-word>span{font-size:10px;letter-spacing:0}.flying-word{min-height:57px}.transformation.connected .flying-word{font-size:13px;min-height:53px}.transform-bottom{flex-direction:column;align-items:stretch;gap:14px;padding-top:20px}.transform-bottom p{max-width:100%;font-size:14px}.transform-bottom .connect-toggle{width:100%;max-width:none;flex:auto;font-size:11px;padding:11px 14px 11px 18px;min-height:59px}.transform-bottom .connect-toggle>span{width:32px;height:32px;font-size:20px}.transform-sticky>.concept-note{font-size:10px;bottom:34px}.story-meter{bottom:72px}.moment-content .button{font-size:11px}.contact-copy h2{font-size:clamp(56px,16vw,78px)}}
.motion-paused .button:before,.motion-paused .line-button:before,.motion-paused .word-universe:after{animation-play-state:paused!important}.motion-paused .real-dish,.motion-paused .phase-monitor,.motion-paused .cost-frame,.motion-paused .eco-menu,.motion-paused .eco-coffee,.motion-paused .moment-content{transform:none!important}
.mobile-cta{position:fixed;display:none}.solution-visual{width:100%}.solution-copy{min-width:0}.solution-panel{align-items:stretch}
.solution-visual .delivery-food{width:49%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 16px #0008)}.solution-tabs button{padding-inline:16px;font-size:15px}.solution-tabs button small{font-size:12px}
@media(max-width:600px){.mobile-cta{display:flex}.consultant-copy>p:not(.eyebrow),.contact-copy>p:not(.eyebrow),.launch-heading>p:last-child,.launch-steps p,.faq-items details>p{font-size:16px;line-height:1.7}.faq-items summary,.form-grid label{font-size:14px}.consent{font-size:12px;line-height:1.6}.form-disclosure{font-size:12px}.consultant-copy .line-button{font-size:11px}.contact-person a{font-size:12px}}
@media(max-width:520px){.screen-options{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.screen-options button{min-height:52px;line-height:1.3;padding:7px 5px}.solution-visual .workflow{bottom:103px}.solution-visual{min-height:435px}.solution-visual #solution-image{height:260px}}
@media(prefers-reduced-motion:reduce){.button:before,.line-button:before,.word-universe:after{animation:none!important}.real-dish,.phase-monitor,.cost-frame,.eco-menu,.eco-coffee,.moment-content,.solution-visual #solution-image{transform:none!important;transition:none!important}}

/* Scroll-led kitchen transformation: original generated film still + lightweight CSS layers. */
.transformation{height:230svh;min-height:1500px;--story:0;--cover-start:42%;background:#040b14}
.transform-sticky{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:center;gap:20px 3.5vw;height:100svh;min-height:760px;max-height:1100px;padding:126px 5% 76px;background:radial-gradient(ellipse at 68% 50%,#172538 0%,#07111e 58%,#040b14 100%)}
.transform-top{grid-column:1/-1;grid-row:1;position:relative;z-index:10}
.transform-top .eyebrow{font-size:11px;letter-spacing:.15em}.state-label{font-size:10px;padding:8px 12px;background:#101b2bcc;color:#ffb17f;border-color:#ff905044}
.transform-sticky h2{grid-column:1;grid-row:2;align-self:center;max-width:none;width:100%;margin:0;font-size:clamp(48px,5.15vw,76px);line-height:.92;letter-spacing:-.025em;text-wrap:balance;text-shadow:0 12px 35px #0008;pointer-events:none}
.transform-sticky h2 em{display:inline-block;color:#ff965c;transition:color .6s}
.story-stage{grid-column:2;grid-row:2;position:relative;min-width:0;width:100%;height:auto;aspect-ratio:1.62;max-height:61svh;margin:0;isolation:isolate;overflow:hidden;border:1px solid #d8e8ec55;border-radius:8px 8px 30px 8px;background:#091321;perspective:1300px;transform:perspective(1400px) rotateY(-4deg) rotateX(1deg);box-shadow:0 38px 85px #000a,0 0 55px #ff6d1615,inset 0 1px #ffffff33;transition:transform .9s,border-color .7s,box-shadow .7s}
.kitchen-panorama{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.04);filter:saturate(.9) contrast(1.05);transition:filter .8s,transform 1.2s cubic-bezier(.18,.65,.18,1)}
.story-stage:hover .kitchen-panorama{transform:scale(1.07)}
.scene-tint{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#040b14a6 0%,#08101a25 45%,#06101a18 100%),linear-gradient(0deg,#050b14b8,transparent 36%,#06101a42 100%);pointer-events:none;transition:opacity .8s cubic-bezier(.2,.7,.2,1)}
.scene-broken-mask{position:absolute;z-index:2;inset:0;clip-path:inset(0 0 0 var(--cover-start));background:linear-gradient(90deg,#080c16ed,#0a111edc 45%,#08111de8);transition:clip-path .15s linear;pointer-events:none}
.scene-broken-mask:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 32px,#ff805418 33px,transparent 34px),linear-gradient(130deg,#ff5a0015,transparent 42%);opacity:.65;animation:brokenSignal 4.8s steps(1,end) infinite}
.scene-broken-mask span{position:absolute;right:6%;bottom:19%;font:700 9px/1.4 Inter,sans-serif;letter-spacing:.19em;color:#ffad83;text-align:right;text-shadow:0 2px 14px #000}
.screen-toolbar{z-index:8;height:44px;left:0;right:0;padding-inline:18px;background:linear-gradient(90deg,#101b2bd9,#0913209c);backdrop-filter:blur(12px);font-size:9px;letter-spacing:.12em}
.screen-brand i{background:#ff6b55;box-shadow:0 0 15px #ff5a00}.screen-indicator{font-size:8px;color:#ffd2b8}.screen-indicator:before{background:#ff6b55;box-shadow:0 0 12px #ff5a00}
.shockwave{position:absolute;z-index:5;left:43%;top:45%;width:34px;height:34px;pointer-events:none;opacity:.78;filter:drop-shadow(0 0 14px #ff7218)}
.shockwave i,.shockwave b{position:absolute;inset:0;border:1px solid #ffd196;border-radius:50%;box-shadow:0 0 22px #ff6e2999,inset 0 0 16px #ff6e2933;animation:shockwave 2.8s cubic-bezier(.15,.65,.35,1) infinite}
.shockwave b{animation-delay:1.1s;border-color:#ff713d}
.flow-circuit{position:absolute;z-index:6;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .8s}
.flow-circuit path{fill:none;stroke:#ff9b5c;stroke-width:2;stroke-linecap:round;stroke-dasharray:7 13;filter:drop-shadow(0 0 8px #ff7218);animation:circuitTravel 1.3s linear infinite}
.flow-circuit .circuit-sparks{stroke:#fff0ce;stroke-width:1;stroke-dasharray:2 21;animation-duration:.65s;opacity:.9}
.story-nodes{position:absolute;z-index:7;inset:0;perspective:1100px;pointer-events:none}
.story-node{position:absolute;width:29%;min-height:62px;padding:10px 12px;border:1px solid #ff9b696b;border-radius:5px 5px 15px 5px;background:linear-gradient(135deg,#241a1ae8,#0a1421ed);box-shadow:0 16px 35px #0008,inset 0 1px #fff2;color:#fff2e8;transform-style:preserve-3d;backdrop-filter:blur(12px);transition:left 1.4s cubic-bezier(.16,.8,.18,1),top 1.4s cubic-bezier(.16,.8,.18,1),transform 1.2s cubic-bezier(.16,.8,.18,1),border-color .8s,background .8s,box-shadow .8s}
.story-node:before{content:"!";display:grid;place-items:center;width:17px;height:17px;float:left;margin:0 7px 4px 0;border:1px solid #ff825f99;border-radius:50%;background:#542b2bd9;color:#ff9c7c;font:800 10px/1 Inter,sans-serif}
.story-node span,.story-node b{font:750 9px/1.2 Inter,sans-serif;letter-spacing:.055em}.story-node span{color:#ffe0ce}.story-node b{display:none;color:#fff7ed}
.story-node.n1{left:2%;top:12%;transform:translate3d(-14px,-18px,38px) rotate(-10deg)}.story-node.n2{left:59%;top:13%;transform:translate3d(15px,-24px,55px) rotate(8deg)}.story-node.n3{left:30%;top:36%;transform:translate3d(-8px,13px,70px) rotate(5deg)}.story-node.n4{left:3%;top:60%;transform:translate3d(-20px,8px,42px) rotate(8deg)}.story-node.n5{left:61%;top:59%;transform:translate3d(16px,18px,52px) rotate(-8deg)}.story-node.n6{left:35%;top:82%;transform:translate3d(4px,-12px,48px) rotate(-6deg)}
.scene-caption{position:absolute;z-index:9;bottom:0;left:0;right:0;padding:8px 12px;border:0;background:linear-gradient(90deg,#040b14d9,#07111db8);font:600 8px/1.4 Inter,sans-serif;letter-spacing:.14em;color:#e5edf0;text-align:left}
.transform-bottom{grid-column:1/-1;grid-row:3;position:relative;inset:auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:2px 0 0;padding:8px 0 0}
.transform-bottom p{max-width:600px;font-size:15px;line-height:1.65;color:#d4dce5}
.transform-bottom .connect-toggle{max-width:400px;flex:none;min-height:66px;font-size:11px}
.story-meter{z-index:11;left:5%;right:5%;bottom:26px;height:2px;background:#ffffff2a}
.story-meter i{background:linear-gradient(90deg,#ff5a00,#ffd191);box-shadow:0 0 18px #ff6b1e}
.transformation.connected .state-label{color:#ffe2ca;background:#321c19bb;border-color:#ffa170aa}
.transformation.connected .transform-sticky h2 em{color:#ff8f53}
.transformation.connected .screen-indicator{color:#ffe0c9}.transformation.connected .screen-indicator:before{background:#ffb076;box-shadow:0 0 14px #ff7f34}
.transformation.connected .scene-broken-mask{pointer-events:none;opacity:0;transition:opacity .75s cubic-bezier(.18,.72,.18,1)}
.transformation.connected .scene-tint{opacity:.32}
.transformation.connected .kitchen-panorama{filter:saturate(1.16) contrast(1.04) brightness(1.17);transform:scale(1.085)}
.transformation.connected .story-stage{border-color:#ffac77aa;box-shadow:0 38px 90px #000b,0 0 75px #ff681c32,inset 0 1px #fff7}
.transformation.connected .flow-circuit{opacity:.9}
.transformation.connected .story-node{border-color:#ffc08eaa;background:linear-gradient(135deg,#342520e8,#102032ed);box-shadow:0 10px 24px #0007,inset 0 1px #fff4,0 0 22px #ff69231c;backdrop-filter:blur(15px)}
.transformation.connected .story-node:before{content:"✓";border-color:#ffd3ad;background:#35241d;color:#ffcc9b}
.transformation.connected .story-node span{display:none}.transformation.connected .story-node b{display:inline}
.transformation.connected .story-node.n1{left:4%;top:61%;transform:translate3d(0,0,10px) rotate(0)}.transformation.connected .story-node.n2{left:36%;top:61%;transform:translate3d(0,0,10px) rotate(0)}.transformation.connected .story-node.n3{left:68%;top:61%;transform:translate3d(0,0,10px) rotate(0)}.transformation.connected .story-node.n4{left:4%;top:81%;transform:translate3d(0,0,10px) rotate(0)}.transformation.connected .story-node.n5{left:36%;top:81%;transform:translate3d(0,0,10px) rotate(0)}.transformation.connected .story-node.n6{left:68%;top:81%;transform:translate3d(0,0,10px) rotate(0)}
.transform-bottom .connect-toggle{width:min(380px,42vw)}
/* The dish supports the real Mogo screen instead of hiding it. */
.real-dish{width:72%;left:14%;bottom:-2%;filter:drop-shadow(0 27px 22px #0009)}
.food-stage[data-phase="3"] .real-dish{transform:translate(8%,22px) scale(.91) rotate(3deg)}
@media(max-width:1100px){.real-dish{width:67%;left:17%}.food-stage[data-phase="3"] .real-dish{transform:translate(8%,18px) scale(.92) rotate(3deg)}}
@media(max-width:900px){
 .transformation{height:220svh;min-height:1580px}
 .transform-sticky{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;height:max(100svh,800px);min-height:800px;max-height:none;padding:96px clamp(20px,4.5vw,34px) 110px}
 .transform-top{flex:none}.transform-top .eyebrow{font-size:10px;max-width:45%}.state-label{font-size:9px;max-width:53%;text-align:right}
 .transform-sticky h2{width:100%;max-width:100%;font-size:clamp(40px,7vw,60px);line-height:.94;margin:8px 0 0}
 .story-stage{width:100%;max-height:none;max-width:720px;aspect-ratio:1.56;margin:4px auto 0;transform:none}
 .transform-bottom{width:100%;margin-top:0;padding:5px 0 0;gap:20px}.transform-bottom p{font-size:14px;max-width:48%}.transform-bottom .connect-toggle{min-width:0;max-width:48%;font-size:10px;gap:10px}
 .story-node{min-height:55px;padding:9px 8px}.story-node span,.story-node b{font-size:8px}.transformation.connected .story-node.n1{left:3%;top:61%}.transformation.connected .story-node.n2{left:35%;top:61%}.transformation.connected .story-node.n3{left:67%;top:61%}.transformation.connected .story-node.n4{left:3%;top:81%}.transformation.connected .story-node.n5{left:35%;top:81%}.transformation.connected .story-node.n6{left:67%;top:81%}
}
@media(max-width:520px){
 .transformation{height:225svh;min-height:1660px}
 .transform-sticky{height:max(100svh,850px);min-height:850px;padding:88px 18px 116px;gap:9px}
 .transform-top{gap:8px}.transform-top .eyebrow{font-size:9px;max-width:43%;letter-spacing:.08em}.state-label{font-size:8px;max-width:55%;padding:6px 7px;letter-spacing:.055em}
 .transform-sticky h2{font-size:clamp(37px,10.1vw,46px);line-height:.96;margin-top:8px}
 .story-stage{aspect-ratio:1.27;width:100%;max-width:470px;margin-top:4px;border-radius:7px 7px 22px 7px}
 .screen-toolbar{height:37px;padding:0 9px;font-size:7px;letter-spacing:.06em}.screen-brand{gap:6px}.screen-brand i{width:6px;height:6px}.screen-indicator{font-size:6.5px;gap:5px}
 .scene-broken-mask span{right:4%;bottom:21%;font-size:7px;letter-spacing:.12em}
 .shockwave{left:42%;top:42%;transform:scale(.75)}
 .story-node{width:34%;min-height:47px;padding:7px 6px;border-radius:4px 4px 12px 4px}.story-node:before{width:13px;height:13px;margin:0 5px 3px 0;font-size:8px}.story-node span,.story-node b{font-size:7px;letter-spacing:.015em;line-height:1.2}
 .story-node.n1{left:2%;top:13%;transform:translate3d(-4px,-5px,30px) rotate(-8deg)}.story-node.n2{left:63%;top:13%;transform:translate3d(4px,-3px,38px) rotate(7deg)}.story-node.n3{left:35%;top:36%;transform:translate3d(-2px,4px,46px) rotate(4deg)}.story-node.n4{left:2%;top:61%;transform:translate3d(-5px,3px,35px) rotate(6deg)}.story-node.n5{left:64%;top:60%;transform:translate3d(5px,4px,38px) rotate(-6deg)}.story-node.n6{left:34%;top:82%;transform:translate3d(1px,-4px,30px) rotate(-5deg)}
 .transformation.connected .story-node{width:30%;min-height:44px;padding:6px 5px}.transformation.connected .story-node.n1{left:3%;top:59%}.transformation.connected .story-node.n2{left:35%;top:59%}.transformation.connected .story-node.n3{left:67%;top:59%}.transformation.connected .story-node.n4{left:3%;top:79%}.transformation.connected .story-node.n5{left:35%;top:79%}.transformation.connected .story-node.n6{left:67%;top:79%}
 .scene-caption{font-size:6px;letter-spacing:.08em;padding:6px 7px}.transform-bottom{flex-direction:column;align-items:stretch;gap:10px;margin:0;padding-top:4px}.transform-bottom p{max-width:100%;font-size:13px;line-height:1.5}.transform-bottom .connect-toggle{width:100%;max-width:none;min-height:54px;flex:auto;font-size:9px;letter-spacing:.045em;padding:10px 12px 10px 16px}.transform-bottom .connect-toggle>span{width:32px;height:32px;font-size:19px}
 .story-meter{left:18px;right:18px;bottom:75px}.transform-sticky{padding-bottom:112px}
 .real-dish{width:77%;left:12%;bottom:3%}.food-stage[data-phase="3"] .real-dish{transform:translate(5%,20px) scale(.92) rotate(3deg)}
}
@keyframes shockwave{0%{transform:scale(.25);opacity:.9}75%,100%{transform:scale(6.5);opacity:0}}
@keyframes circuitTravel{to{stroke-dashoffset:-40}}
.motion-paused .story-node,.motion-paused .shockwave i,.motion-paused .shockwave b,.motion-paused .flow-circuit path,.motion-paused .scene-broken-mask:before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 .transformation{height:auto;min-height:0}.transform-sticky{position:relative;display:flex;height:auto;min-height:0;max-height:none;transform:none;padding:96px 22px 100px}
 .story-stage{transform:none}.scene-broken-mask{display:none}.scene-tint,.scene-broken-mask,.story-node,.kitchen-panorama{transition:none!important}.shockwave,.shockwave i,.shockwave b,.scene-broken-mask:before,.flow-circuit path{animation:none!important}
 .real-dish,.transform-sticky h2{transform:none!important;transition:none!important}
}
@media(max-width:520px){
 .transformation.connected .story-node{width:46%;min-height:38px;padding:6px 7px;transform:none!important;display:flex;align-items:center;gap:3px}
 .transformation.connected .story-node span,.transformation.connected .story-node b{font-size:7px;line-height:1.12;letter-spacing:.025em}
 .transformation.connected .story-node.n1{left:2%;top:11%}.transformation.connected .story-node.n2{left:52%;top:11%}
 .transformation.connected .story-node.n3{left:2%;top:37%}.transformation.connected .story-node.n4{left:52%;top:37%}
 .transformation.connected .story-node.n5{left:2%;top:63%}.transformation.connected .story-node.n6{left:52%;top:63%}
}

/* Keep direct jumps clear of the fixed brand bar; the sticky story then fills the viewport. */
#transformacao{scroll-margin-top:-90px}
.transform-sticky{padding-top:110px}
.transform-sticky h2{font-size:clamp(45px,4.8vw,66px)}
@media(max-width:900px){#transformacao{scroll-margin-top:-76px}.transform-sticky{padding-top:96px}}
@media(max-width:520px){#transformacao{scroll-margin-top:-76px}.transform-sticky{padding-top:88px}.transform-sticky h2{font-size:clamp(37px,9.8vw,45px)}}