@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root{--ink:#090a0b;--muted:#66696d;--soft:#f1f2f1;--line:#d8d9d7;--yellow:#f3e500;--acid:#e9f000;--pad:clamp(24px,5vw,88px);--radius:28px;--header:76px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.no-scroll{overflow:hidden}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}img,video{display:block;max-width:100%}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-140%);background:#000;color:#fff;padding:12px 18px;border-radius:8px}.skip-link:focus{transform:none}.section{padding:clamp(90px,10vw,170px) var(--pad)}.kicker{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:600;margin:0 0 20px;color:#686b6e}.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform .85s cubic-bezier(.2,.75,.2,1)}.reveal.visible{opacity:1;transform:none}

.site-header{height:var(--header);position:fixed;z-index:120;inset:0 0 auto;display:flex;align-items:center;padding:0 clamp(22px,4vw,70px);gap:44px;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;transition:height .35s,background .35s,color .35s,border .35s}.site-header.scrolled,.site-header.on-light{height:68px;background:rgba(10,11,12,.92);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.1)}.brand{width:148px}.brand img{width:100%;filter:brightness(0) invert(1)}.desktop-nav{display:flex;gap:30px;font-size:12px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-9px;background:var(--yellow);transition:right .25s}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{right:0}.header-demo{margin-left:auto;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:transparent;color:#fff;padding:11px 16px;font-size:11px}.header-demo:hover{background:var(--yellow);border-color:var(--yellow);color:#111}.header-demo span{margin-left:8px}.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;background:none;border:0;padding:10px}.menu-toggle span{height:1px;background:#fff;display:block;margin:7px 0}.mobile-menu{position:fixed;z-index:140;inset:0;background:#0b0c0e;color:#fff;padding:24px var(--pad) 40px;display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translateY(-18px);transition:.35s}.mobile-menu.open{visibility:visible;opacity:1;transform:none}.mobile-menu__top{display:flex;align-items:center;justify-content:space-between}.mobile-menu__top img{width:145px;filter:brightness(0) invert(1)}.mobile-menu__top button{border:0;background:none;color:#fff;font-size:40px;font-weight:200}.mobile-menu nav{margin:auto 0;display:grid}.mobile-menu nav a{padding:17px 0;border-bottom:1px solid #2b2d30;font-size:clamp(27px,8vw,48px);font-weight:300}.mobile-menu nav small{display:inline-block;width:46px;font-size:10px;color:var(--yellow)}.mobile-menu__demo{border:0;border-radius:999px;background:var(--yellow);padding:17px 22px;font-weight:600}

.hero{min-height:100svh;height:max(720px,100svh);position:relative;background:#f3f3f1;overflow:hidden;display:flex;justify-content:center}.hero__copy{position:absolute;z-index:2;top:clamp(118px,13vh,160px);text-align:center;width:min(760px,90%)}.hero__copy .kicker{margin-bottom:14px}.hero h1{margin:0;font-size:clamp(44px,5.2vw,82px);line-height:.92;letter-spacing:-.065em;font-style:italic;font-weight:600}.hero__copy>p:not(.kicker){font-size:clamp(14px,1.35vw,20px);color:#505358;margin:22px 0 26px}.hero__actions{display:flex;justify-content:center;gap:12px}.pill-button{border:0;border-radius:999px;background:var(--yellow);color:#111;padding:14px 22px;font-weight:600;font-size:13px;box-shadow:0 8px 28px rgba(150,142,0,.12);transition:transform .25s,box-shadow .25s}.pill-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(150,142,0,.26)}.play-icon,.cube-icon{display:inline-grid;place-items:center;margin-right:8px;font-size:10px}.cube-icon{font-size:18px;line-height:8px}.hero__visual{position:absolute;inset:auto 0 0;height:74%;display:flex;align-items:flex-end;justify-content:center}.hero__visual img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.scroll-cue{position:absolute;z-index:3;left:50%;bottom:22px;translate:-50% 0;font-size:9px;text-transform:uppercase;letter-spacing:.2em;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-cue span{width:1px;height:28px;background:#111;animation:scrollLine 1.8s infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

.section-title{max-width:var(--product-content);margin:0 auto clamp(60px,7vw,105px)}.section-title h2,.centred-heading h2{font-size:clamp(36px,4.2vw,64px);line-height:1.02;letter-spacing:-.055em;font-weight:400;margin:0}.benefits{background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);max-width:var(--product-content);margin:0 auto}.benefit-grid article{min-height:280px;padding:35px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .35s,transform .35s}.benefit-grid article:hover{background:#f6f6f3;transform:translateY(-7px)}.benefit-grid img{width:48px;height:48px;object-fit:contain;margin-bottom:58px}.benefit-grid h3{font-size:18px;margin:0 0 13px;font-weight:500}.benefit-grid p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}

.tray-intelligence{min-height:100svh;background:#f2f2f0;display:grid;grid-template-columns:42% 58%;overflow:hidden;align-items:center}.tray-intelligence__copy{padding:110px 4vw 110px var(--pad);z-index:2}.tray-intelligence h2,.dark-story h2,.two-forms h2,.service-row h2,.overview h2,.final-cta h2{font-size:clamp(36px,4.2vw,64px);line-height:1;letter-spacing:-.055em;font-weight:400;margin:0 0 30px}.tray-intelligence__copy>p:last-child,.dark-story__copy>p:last-child,.two-forms__copy>p:last-child{font-size:15px;color:var(--muted);line-height:1.75;max-width:480px}.tray-intelligence__visual{height:100%;min-height:850px;position:relative;display:flex;align-items:flex-end;justify-content:center}.tray-intelligence__visual img{height:98%;width:auto;max-width:none;object-fit:contain;object-position:bottom}.sensor-line{position:absolute;width:35%;height:1px;background:linear-gradient(90deg,transparent,#49d7ff,transparent);box-shadow:0 0 16px #49d7ff;opacity:.75;animation:sensor 2.5s ease-in-out infinite}.sensor-line--one{top:32%;left:22%}.sensor-line--two{top:62%;left:18%;animation-delay:-1.2s}@keyframes sensor{50%{transform:scaleX(1.3);opacity:.25}}

.centred-heading{text-align:center;max-width:1050px;margin:0 auto 65px}.centred-heading>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);max-width:720px;margin:26px auto 0}.wide-media{margin:0;border-radius:var(--radius);overflow:hidden;background:#e7e7e5;min-height:450px}.wide-media img,.wide-media video{width:100%;height:100%;min-height:450px;object-fit:cover}.compact{background:#fff}.marketing-intro{padding-bottom:0;background:#f4f4f2;overflow:hidden}.marketing-intro__robot{height:70vh;max-height:800px;width:auto;margin:0 auto;object-fit:contain;object-position:top;filter:drop-shadow(0 30px 60px rgba(0,0,0,.16))}

.immersive-film{padding:clamp(90px,8vw,140px) max(var(--pad),calc((100vw - var(--product-content))/2));background:#090a0b;color:#fff;display:flex;flex-direction:column;align-items:center}.immersive-film__content{width:100%;max-width:var(--product-content);margin:0 auto;display:flex;flex-direction:column;align-items:center}.immersive-film .centred-heading{margin-bottom:50px}.immersive-film h2{font-size:clamp(36px,4.2vw,64px);margin-bottom:20px}.immersive-film__media{width:min(100%,680px);aspect-ratio:1.45/1;overflow:hidden;border-radius:180px;background:#000;display:grid;place-items:center;box-shadow:0 20px 50px rgba(0,0,0,.4)}.immersive-film__media video{width:100%;height:100%;object-fit:cover}

.custom-story{padding:clamp(90px,8vw,140px) max(var(--pad),calc((100vw - var(--product-content))/2));background:#050505;color:#fff;display:flex;flex-direction:column;align-items:center}.custom-story__content{width:100%;max-width:var(--product-content);margin:0 auto;display:flex;flex-direction:column;align-items:center}.custom-story .centred-heading{margin-bottom:50px}.custom-story h2{font-size:clamp(36px,4.2vw,64px);margin-bottom:20px}.custom-story__media{width:min(100%,600px);aspect-ratio:1.15/1;overflow:hidden;border-radius:40px;background:#000;display:grid;place-items:center;box-shadow:0 20px 50px rgba(0,0,0,.5)}.custom-story__media video{width:100%;height:100%;object-fit:cover}.usher{padding-bottom:0;background:#fff;overflow:hidden}.usher__robot{height:min(76vh,870px);width:auto;margin:0 auto;object-fit:contain;object-position:bottom;filter:drop-shadow(0 30px 60px rgba(0,0,0,.12))}

.two-forms{height:100svh;min-height:800px;background:#f1e800;display:grid;grid-template-columns:40% 60%;align-items:center;overflow:hidden}.two-forms__copy{padding:90px 4vw 90px max(var(--pad),calc((100vw - var(--product-content))/2))}.two-forms__copy .kicker{color:#242400}.two-forms__copy>p:last-child{color:rgba(0,0,0,.65)}.two-forms__stage{height:100%;position:relative}.two-forms__body{position:absolute;height:82%;width:auto;right:11%;bottom:-2%;object-fit:contain}.two-forms__trays{position:absolute;width:35%;height:auto;right:31%;top:33%;opacity:0;transform:translateX(38%) scale(.8);transition:opacity 1s .25s,transform 1.2s cubic-bezier(.15,.8,.2,1)}.two-forms.in-view .two-forms__trays{opacity:1;transform:none}

.service-modes{display:grid;gap:150px}.service-row{display:grid;grid-template-columns:minmax(280px,.75fr) 1.25fr;gap:7vw;align-items:center}.service-row--reverse>div:first-child{order:2}.service-row--reverse>div:last-child{order:1}.service-row h2{font-size:clamp(45px,5vw,76px)}.service-row>div>p:not(.kicker){line-height:1.75;color:var(--muted);max-width:560px}.service-row ul{list-style:none;padding:25px 0 0;margin:30px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px}.service-row li{border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-size:11px}.rounded-video{width:100%;max-width:680px;aspect-ratio:1.55/1;border-radius:var(--radius);overflow:hidden;background:#111}.rounded-video video{width:100%;height:100%;object-fit:cover}.section--soft{background:var(--soft)}.media-feature .wide-media{height:min(68vw,820px)}.media-feature .wide-media img,.media-feature .wide-media video{height:100%;object-fit:cover}

.colours{padding-left:0;padding-right:0}.colours .centred-heading{padding:0 var(--pad)}.colour-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--product-content);margin:0 auto;border-radius:var(--radius);overflow:hidden}.colour-card{height:min(67vw,870px);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:50px 20px 0}.colour-card img{height:76%;width:auto;object-fit:contain;object-position:center bottom;margin-top:auto;transition:transform .6s}.colour-card:hover img{transform:scale(1.04) translateY(-5px)}.colour-card--white{background:#f5f6f6;color:#111}.colour-card--black{background:#53585c;color:#fff}.colour-card--yellow{background:#ffd400;color:#111}.colour-card h3{margin:0 0 auto;font-size:24px;font-weight:400;text-align:center;z-index:2}

.accessories{background:#f1f2f1}.accessory-viewer{display:grid;grid-template-columns:1.2fr .8fr;min-height:680px;background:#fff;border-radius:var(--radius);overflow:hidden;max-width:var(--product-content);margin:0 auto}.accessory-viewer__stage{display:grid;place-items:center;padding:50px;background:radial-gradient(circle at 50% 45%,#fff,#e9eae8)}.accessory-viewer__stage img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 24px 25px rgba(0,0,0,.14));transition:opacity .2s,transform .45s}.accessory-viewer__stage img.changing{opacity:0;transform:scale(.92) translateY(12px)}.accessory-viewer__details{padding:70px 55px;display:flex;flex-direction:column}.accessory-viewer__details>span{font-size:11px;letter-spacing:.15em}.accessory-viewer__details h3{font-size:clamp(34px,4vw,62px);font-weight:400;letter-spacing:-.04em;margin:auto 0 20px}.accessory-viewer__details>p{color:var(--muted);line-height:1.7;margin:0 0 auto}.accessory-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:40px}.accessory-thumbs button{height:95px;border:1px solid transparent;background:#f1f2f1;border-radius:12px;padding:8px}.accessory-thumbs button.active{border-color:#111;background:#fff}.accessory-thumbs img{width:100%;height:100%;object-fit:contain}

.overview{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;max-width:var(--product-content);margin:0 auto}.overview__robot{display:flex;align-items:center;justify-content:center;overflow:hidden}.overview__robot img{width:auto;height:540px;object-fit:contain}.overview__details dl{display:grid;grid-template-columns:1fr 1fr;margin:45px 0 20px;border-top:1px solid var(--line)}.overview__details dl div{padding:18px 0;border-bottom:1px solid var(--line)}.overview__details dl div:nth-child(odd){padding-right:24px}.overview__details dl div:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}.overview dt{font-size:11px;color:var(--muted);margin-bottom:7px}.overview dd{margin:0;font-size:13px;font-weight:600}.overview__details>small{font-size:9px;color:var(--muted)}.dark-button{display:block;margin-top:35px;border:0;border-radius:999px;background:#0b0c0d;color:#fff;padding:15px 20px;font-size:12px;font-weight:600}.dark-button span{margin-left:10px}.dark-button:hover{background:#dcd300;color:#111}

.final-cta{height:auto;min-height:580px;background:#101112;color:#fff;display:grid;grid-template-columns:48% 52%;align-items:center;overflow:hidden}.final-cta__copy{padding:clamp(80px,8vw,120px) 4vw clamp(80px,8vw,120px) max(var(--pad),calc((100vw - var(--product-content))/2));z-index:2}.final-cta__copy>p:not(.kicker){color:rgba(255,255,255,.58);line-height:1.7;max-width:520px;margin-bottom:30px}.final-cta img{height:95%;width:100%;object-fit:contain;object-position:center bottom;align-self:end;filter:drop-shadow(0 0 60px rgba(239,229,0,.08))}.site-footer{background:#08090a;color:#fff;padding:70px max(var(--pad),calc((100vw - var(--product-content))/2));display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:6vw;border-top:1px solid #282a2d;font-size:12px}.site-footer>div:first-child img{width:145px;filter:brightness(0) invert(1)}.site-footer p,.site-footer small{color:#777b80;line-height:1.7}.site-footer h3{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#777b80;margin:0 0 22px}.site-footer a,.site-footer button{display:block;margin:0 0 11px}.site-footer button{padding:0;border:0;background:none;color:#fff}

.demo-invite{position:fixed;z-index:115;right:24px;bottom:24px;width:min(390px,calc(100vw - 30px));background:#111315;color:#fff;border:1px solid #2b2e31;border-radius:22px;padding:18px 18px 18px 128px;min-height:128px;box-shadow:0 24px 65px rgba(0,0,0,.35);display:flex;align-items:center;visibility:hidden;opacity:0;transform:translateY(35px) scale(.96);transition:opacity .45s,transform .45s,visibility .45s}.demo-invite.is-visible{visibility:visible;opacity:1;transform:none}.demo-invite__robot{position:absolute;left:10px;bottom:0;width:110px;height:120px;overflow:hidden}.demo-invite__robot:after{content:"";position:absolute;left:25%;right:25%;bottom:5px;height:8px;background:rgba(234,240,0,.35);filter:blur(8px)}.demo-invite__robot img{width:100%;height:100%;object-fit:contain;animation:inviteRobot 1.3s ease-in-out infinite alternate}@keyframes inviteRobot{to{transform:translateX(5px) rotate(1deg)}}.demo-invite strong{font-size:16px;color:var(--yellow)}.demo-invite p{font-size:12px;line-height:1.45;color:#c6c8cb;margin:6px 0 11px}.demo-invite div>button{border:0;background:none;color:#fff;padding:0;font-size:11px;font-weight:600}.demo-invite div>button span{color:var(--yellow);margin-left:5px}.demo-invite__close{position:absolute;right:10px;top:8px;border:0;background:none;color:#7d8185;font-size:20px}

.modal{position:fixed;z-index:200;inset:0;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:28px;visibility:hidden;opacity:0;transition:.3s}.modal.open{visibility:visible;opacity:1}.modal-close{position:absolute;z-index:5;right:18px;top:14px;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:26px;line-height:1}.media-modal__panel{position:relative;width:min(1250px,96vw);background:#08090a}.media-modal__panel video{width:100%;max-height:80vh;object-fit:contain;background:#000}.media-modal__caption{display:flex;justify-content:space-between;padding:18px 24px;color:#fff;font-size:11px}.media-modal__caption p{margin:0;color:#85898d}.viewer-modal__panel{position:relative;width:96vw;height:92vh;background:#f1f2f1;overflow:hidden}.viewer-modal__panel iframe{position:relative;width:100%;height:100%;border:0;background:#f1f2f1;z-index:2}.viewer-modal__loading{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.modal--3d .modal-close{background:#111}.contact-panel{position:relative;width:min(1120px,96vw);max-height:92vh;overflow:auto;background:#fff;color:#111;display:grid;grid-template-columns:.85fr 1.15fr}.contact-intro{background:#ede500;padding:80px 55px}.contact-intro h2{font-size:clamp(43px,5vw,72px);line-height:.98;letter-spacing:-.055em;font-weight:400;margin:0 0 30px}.contact-intro>p:not(.kicker){font-size:13px;line-height:1.7}.contact-intro>div{margin-top:80px}.contact-intro a{display:block;margin:9px 0;font-size:12px}.contact-form{padding:65px 55px;display:grid;gap:18px}.contact-form label{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #bfc1c2;background:transparent;padding:12px 0;outline:none;resize:vertical;border-radius:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#111}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-status{font-size:11px;margin:0}.contact-modal .modal-close{color:#111;border-color:#aaa;background:rgba(255,255,255,.65)}

@media(max-width:1050px){.desktop-nav{display:none}.menu-toggle{display:block}.header-demo{margin-left:auto}.benefit-grid{grid-template-columns:repeat(2,1fr)}.tray-intelligence{grid-template-columns:1fr 1.2fr}.tray-intelligence__visual{min-height:720px}.service-row{grid-template-columns:1fr}.service-row--reverse>div:first-child{order:1}.service-row--reverse>div:last-child{order:2}.accessory-viewer{grid-template-columns:1fr 1fr}.overview{grid-template-columns:.9fr 1.1fr}.site-footer{grid-template-columns:1.4fr repeat(2,1fr)}.site-footer>div:last-child{display:none}}
@media(max-width:760px){:root{--header:68px;--pad:22px;--radius:16px}.header-demo{display:none}.brand{width:130px}.hero{height:780px;min-height:100svh}.hero__copy{top:105px}.hero h1{font-size:54px}.hero__copy>p:not(.kicker){font-size:13px;margin:14px 0 20px}.hero__actions{gap:8px}.pill-button{padding:12px 15px;font-size:11px}.hero__visual{height:68%}.hero__visual img{object-position:center bottom}.section{padding-top:85px;padding-bottom:85px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{min-height:210px;padding:28px 24px}.benefit-grid img{margin-bottom:35px}.tray-intelligence{display:flex;flex-direction:column;min-height:0}.tray-intelligence__copy{padding:85px var(--pad) 20px}.tray-intelligence__visual{height:640px;min-height:0;width:100%}.tray-intelligence__visual img{height:100%;max-width:100%;object-fit:contain}.wide-media,.wide-media img,.wide-media video{min-height:260px}.marketing-intro__robot{height:57vh}.immersive-film{padding:85px var(--pad) 45px;height:auto;min-height:0}.immersive-film .centred-heading{margin-bottom:30px}.immersive-film__media{width:100%}.custom-story{padding:85px var(--pad) 45px;height:auto;min-height:0}.custom-story .centred-heading{margin-bottom:30px}.custom-story__media{width:100%}.usher__robot{height:60vh}.two-forms{height:850px;min-height:0;display:flex;flex-direction:column}.two-forms__copy{padding:85px var(--pad) 15px}.two-forms__stage{height:56%;width:100%}.two-forms__body{right:6%;height:96%}.two-forms__trays{right:27%;width:39%}.service-modes{gap:100px}.service-row ul{display:grid;grid-template-columns:1fr 1fr}.media-feature .wide-media{height:65vw}.colour-grid{display:block}.colour-card{height:125vw;max-height:670px}.accessory-viewer{display:block}.accessory-viewer__stage{height:450px}.accessory-viewer__details{padding:38px 24px}.accessory-viewer__details h3{margin:35px 0 14px}.accessory-viewer__details>p{margin-bottom:35px}.accessory-thumbs button{height:75px}.overview{display:block}.overview__robot{margin-bottom:35px}.overview__robot img{height:280px}.overview__details dl{grid-template-columns:1fr}.overview__details dl div:nth-child(even){padding-left:0;border-left:0}.final-cta{height:850px;display:flex;flex-direction:column}.final-cta__copy{padding:80px var(--pad) 0}.final-cta img{height:52%;margin-top:auto}.site-footer{grid-template-columns:1fr;gap:25px}.site-footer>div:first-child{margin-bottom:20px}.site-footer>div:last-child{display:block}.demo-invite{right:15px;bottom:15px;min-height:116px;padding-left:112px}.demo-invite__robot{width:95px;height:110px}.modal{padding:0}.media-modal__panel{width:100vw}.media-modal__caption{display:block}.media-modal__caption p{margin-top:5px}.viewer-modal__panel{width:100vw;height:100svh}.contact-panel{display:block;width:100%;min-height:100svh;max-height:100svh}.contact-intro,.contact-form{padding:68px var(--pad) 45px}.contact-intro>div{margin-top:40px}.contact-modal .modal-close{position:fixed}.form-grid{grid-template-columns:1fr}.centred-heading{margin-bottom:42px}}
.site-header:not(.scrolled):not(.on-light){color:#101112;border-color:rgba(0,0,0,.1)}
.site-header:not(.scrolled):not(.on-light) .brand img{filter:brightness(0)}
.site-header:not(.scrolled):not(.on-light) .header-demo{color:#101112;border-color:rgba(0,0,0,.55)}
.site-header:not(.scrolled):not(.on-light) .menu-toggle span{background:#101112}
@media(max-width:760px){.hero__copy{left:5%;right:5%;width:auto}.hero h1{font-size:clamp(34px,10vw,44px);white-space:nowrap}.hero__copy>p:not(.kicker){white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span,.demo-invite__robot img{animation:none}.two-forms__trays{transition:none}.pill-button,.benefit-grid article,.colour-card img{transition:none}}

/* V4 — scroll-directed product stories */
.scroll-scene{--scene-progress:0;position:relative;height:230svh;padding:0!important;overflow:clip;background:#f5f5f3}
.scroll-scene__sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;isolation:isolate}
.scroll-scene__heading{position:absolute;z-index:5;top:clamp(95px,10vh,132px);left:var(--pad);right:var(--pad);margin:0 auto;will-change:transform,opacity;transform:translateY(calc(var(--scene-progress) * -24px));opacity:calc(1 - (var(--scene-progress) * .18))}
.scroll-scene__heading h2{font-size:clamp(44px,5.1vw,82px)}
.scroll-scene__cue{position:absolute;z-index:7;right:clamp(18px,3vw,48px);bottom:28px;display:flex;align-items:center;gap:12px;color:#74787c;font-size:8px;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl}
.scroll-scene__cue i{display:block;width:1px;height:38px;background:#111;transform:scaleY(calc(.18 + (var(--scene-progress) * .82)));transform-origin:top}

.marketing-intro{height:300svh;background:radial-gradient(circle at 50% 68%,#fff 0,#f2f3f2 46%,#eceeec 100%)}
.marketing-intro .scroll-scene__heading{transform:translateY(calc(var(--scene-progress) * 29vh));opacity:1;max-width:930px}
.marketing-intro .scroll-scene__heading .kicker{opacity:calc(1 - (var(--scene-progress) * 2.2))}
.marketing-intro .scroll-scene__heading h2{color:rgb(calc(18 + (var(--scene-progress) * 237)) calc(18 + (var(--scene-progress) * 163)) calc(18 + (var(--scene-progress) * 5)));text-shadow:0 2px 22px rgba(0,0,0,calc(var(--scene-progress) * .35))}
.marketing-intro .scroll-scene__heading>p:last-child{color:rgb(calc(102 + (var(--scene-progress) * 153)) calc(106 + (var(--scene-progress) * 149)) calc(110 + (var(--scene-progress) * 145)));text-shadow:0 2px 18px rgba(0,0,0,calc(var(--scene-progress) * .55))}
.marketing-device{position:absolute;z-index:2;left:50%;top:55%;height:min(72vh,800px);aspect-ratio:468/1196;transform-origin:50% 41%;transform:translate3d(-50%,-41%,0) scale(calc(.82 + (var(--scene-progress) * 19.18)));filter:drop-shadow(0 34px 45px rgba(17,20,21,calc(.19 - (var(--scene-progress) * .16))));will-change:transform}
.marketing-device__robot{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain}
.marketing-device__screen{position:absolute;z-index:3;left:18.4%;top:18.2%;width:63.4%;height:45.8%;overflow:hidden;border-radius:20px 20px 25px 25px;background:#151719;clip-path:polygon(2% 0,98% 0,100% 96%,94% 100%,6% 100%,0 96%)}
.marketing-device__screen:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 18px rgba(0,0,0,.24);pointer-events:none}
.marketing-device__reel{width:100%;height:100%;transform:none}
.marketing-device__reel img,.marketing-device__reel video{display:block;width:100%;height:33.3334%;object-fit:cover}

.usher{background:linear-gradient(180deg,#fff 0%,#f4f4f2 72%,#eee500 100%)}
.usher .scroll-scene__heading{opacity:calc(1 - (var(--scene-progress) * .1))}
.usher-parts{position:absolute;z-index:2;left:50%;bottom:-7vh;width:min(900px,92vw);height:78vh;transform:translateX(-50%);will-change:transform}
.usher-parts img{position:absolute;bottom:0;width:auto;object-fit:contain;filter:drop-shadow(0 26px 32px rgba(15,18,20,.15));will-change:transform}
.usher-parts__body{left:47%;height:82vh;transform:translate3d(calc(-54% - (var(--scene-progress) * 9%)),calc(25vh - (var(--scene-progress) * 26vh)),0) scale(calc(.88 + (var(--scene-progress) * .12)))}
.usher-parts__cover{left:52%;height:59vh;transform-origin:50% 100%;transform:translate3d(calc(-18% + (var(--scene-progress) * 78%)),calc(24vh - (var(--scene-progress) * 25vh)),0) rotate(calc(-4deg + (var(--scene-progress) * 5deg))) scale(calc(.9 + (var(--scene-progress) * .1)));opacity:calc(1 - (var(--scene-progress) * 4))}

@media(max-width:760px){.scroll-scene{height:190svh}.scroll-scene__sticky{min-height:640px}.scroll-scene__heading{top:88px;left:22px;right:22px}.scroll-scene__heading h2{font-size:clamp(37px,11.5vw,51px)}.scroll-scene__heading>p:last-child{font-size:13px;margin-top:17px}.scroll-scene__cue{right:10px;bottom:18px}.marketing-device{height:min(66vh,650px);bottom:-32vh;transform:translate3d(-50%,calc(var(--scene-progress) * -38vh),0) scale(calc(.82 + (var(--scene-progress) * .18)))}.marketing-device__screen{border-radius:11px 11px 15px 15px}.usher-parts{width:100vw;height:62vh;bottom:-2vh}.usher-parts__body{left:48%;height:59vh;transform:translate3d(calc(-59% - (var(--scene-progress) * 7%)),calc(21vh - (var(--scene-progress) * 22vh)),0) scale(calc(.9 + (var(--scene-progress) * .1)))}.usher-parts__cover{left:49%;height:43vh;transform:translate3d(calc(-10% + (var(--scene-progress) * 52%)),calc(20vh - (var(--scene-progress) * 21vh)),0) rotate(calc(-3deg + (var(--scene-progress) * 4deg)))}}
@media(prefers-reduced-motion:reduce){.scroll-scene{--scene-progress:.72!important;height:auto;min-height:900px}.scroll-scene__sticky{position:relative;height:900px}.scroll-scene__heading,.marketing-device,.marketing-device__reel,.usher-parts__body,.usher-parts__cover{will-change:auto}}

/* V5 — refined product transformation scenes */
.usher.scroll-scene{height:190svh;background:radial-gradient(ellipse at 50% 94%,rgba(238,229,0,.2) 0,rgba(238,229,0,0) 45%),#f7f7f5}
.usher .scroll-scene__heading{top:clamp(82px,8vh,108px);max-width:900px;opacity:calc(1 - (var(--scene-progress) * .08));transform:translateY(calc(var(--scene-progress) * -10px))}
.usher .scroll-scene__heading h2{font-size:clamp(46px,4.65vw,74px);margin-bottom:20px}
.usher-parts{left:50%;top:0;bottom:auto;width:100vw;height:100%;transform:translateX(-50%)}
.usher-parts:before{content:"";position:absolute;z-index:-1;left:50%;bottom:2%;width:min(620px,70vw);height:18%;border-radius:50%;background:rgba(20,22,22,.12);filter:blur(38px);transform:translateX(-50%) scale(calc(.75 + (var(--scene-progress) * .25)));opacity:calc(.18 + (var(--scene-progress) * .22))}
.usher-parts img{bottom:auto;max-height:100%;filter:drop-shadow(0 22px 28px rgba(15,18,20,.13))}
.usher-parts__body{left:50%;top:27.2vh;height:min(57.3vh,776px);transform:translate3d(calc(-39% - (var(--scene-progress) * 400px)),0,0)}
.usher-parts__cover{left:50%;top:29vh;height:min(40vh,541px);transform:translate3d(calc(-9% + (var(--scene-progress) * 400px)),0,0);opacity:calc(1 - (var(--scene-progress) * 1.82))}

.two-forms.scroll-scene{display:block;grid-template-columns:none;align-items:initial;height:210svh;background:radial-gradient(circle at 74% 54%,rgba(238,229,0,.18) 0,rgba(238,229,0,0) 34%),#f0f1ef;color:#111}
.two-forms__sticky{display:grid;grid-template-columns:minmax(340px,38%) 1fr;align-items:center}
.two-forms__copy{position:relative;z-index:6;padding:80px 1vw 70px var(--pad);transform:translateY(calc((.5 - var(--scene-progress)) * 26px))}
.two-forms__copy h2{font-size:clamp(48px,5vw,80px);margin-bottom:24px}
.two-forms__copy .kicker{color:#696d6f}
.two-forms__copy>p:last-child{color:#656a6d;max-width:430px}
.two-forms__stage{position:relative;z-index:2;width:100%;height:100%;overflow:hidden}
.two-forms__halo{position:absolute;left:52%;top:56%;width:min(570px,45vw);aspect-ratio:1;border-radius:50%;background:rgba(238,229,0,.12);filter:blur(2px);transform:translate(-50%,-50%) scale(calc(.82 + (var(--scene-progress) * .18)))}
.two-forms__stage img{position:absolute;z-index:2;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(17,19,20,.15));will-change:transform,opacity}
.two-forms__body{left:53%;right:auto;top:auto;bottom:2vh;height:min(72vh,720px);width:auto;transform:translate3d(calc(-160% + (var(--scene-progress) * 100%)),calc(12vh - (var(--scene-progress) * 11vh)),0) scale(calc(.92 + (var(--scene-progress) * .06)))}
.two-forms.scroll-scene .two-forms__trays{z-index:4!important;left:53%;top:auto;bottom:calc(1.2vh + min(18.3vh,183px));width:min(18.1vh,181px);height:auto;right:auto;opacity:calc((var(--scene-progress) - .04) * 1.2);transform:translate3d(calc(82% - (var(--scene-progress) * 142%)),calc(-160% + (var(--scene-progress) * 160%)),0) scale(calc(.88 + (var(--scene-progress) * .12)));transition:none}
.two-forms__mode{position:absolute;z-index:6;bottom:30px;padding:10px 14px;border:1px solid #b9bdbc;border-radius:999px;background:rgba(255,255,255,.74);backdrop-filter:blur(10px);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:opacity .2s}
.two-forms__mode--reception{left:42%;opacity:calc(1 - (var(--scene-progress) * 1.7))}
.two-forms__mode--delivery{right:7%;opacity:calc((var(--scene-progress) - .35) * 1.7)}

@media(max-width:760px){
  .usher.scroll-scene{height:170svh}
  .usher .scroll-scene__heading{top:78px}
  .usher .scroll-scene__heading h2{font-size:clamp(38px,10.5vw,49px)}
  .usher-parts{top:0;bottom:auto;width:100vw;height:100%}
  .usher-parts__body{top:30vh;height:min(52vh,500px);transform:translate3d(calc(-39% - (var(--scene-progress) * 58vw)),0,0)}
  .usher-parts__cover{top:32vh;height:min(38vh,370px);transform:translate3d(calc(-9% + (var(--scene-progress) * 58vw)),0,0);opacity:calc(1 - (var(--scene-progress) * 1.82))}
  .two-forms.scroll-scene{height:185svh}
  .two-forms__sticky{display:flex;flex-direction:column;align-items:stretch}
  .two-forms__copy{padding:82px 22px 0;transform:translateY(calc((.35 - var(--scene-progress)) * 12px))}
  .two-forms__copy h2{font-size:clamp(42px,12vw,56px);margin-bottom:15px}
  .two-forms__copy>p:last-child{font-size:13px;line-height:1.55}
  .two-forms__stage{flex:1;min-height:0}
  .two-forms__body{left:51%;bottom:-1vh;height:min(52vh,510px);transform:translate3d(calc(-116% + (var(--scene-progress) * 52%)),calc(8vh - (var(--scene-progress) * 7vh)),0) scale(calc(.92 + (var(--scene-progress) * .06)))}
  .two-forms.scroll-scene .two-forms__trays{left:51%;top:auto;bottom:calc(1vh + min(13.2vh,130px));width:min(13.1vh,128px,28vw);transform:translate3d(calc(72% - (var(--scene-progress) * 132%)),calc(-150% + (var(--scene-progress) * 150%)),0) scale(calc(.88 + (var(--scene-progress) * .12)))}
  .two-forms__mode{bottom:17px}
  .two-forms__mode--reception{left:18px}.two-forms__mode--delivery{right:18px}
}

/* V6 — proporções e espaçamento consistentes com a apresentação original */
:root{--product-content:1200px;--product-media:930px}
.section{padding-inline:max(var(--pad),calc((100vw - var(--product-content))/2))}
.centred-heading{max-width:var(--product-media)}
.tray-intelligence{display:block;min-height:0;padding:clamp(90px,8vw,140px) max(var(--pad),calc((100vw - var(--product-content))/2));background:#f2f2f0}
.tray-intelligence__inner{width:100%;max-width:var(--product-content);min-height:min(850px,82svh);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,96px);align-items:center}
.tray-intelligence__copy{padding:0}
.tray-intelligence__visual{width:100%;height:min(78svh,820px);min-height:620px;align-items:center;overflow:hidden}
.tray-intelligence__visual img{width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center}
.compact .wide-media,.media-feature .wide-media{width:min(100%,var(--product-media));height:auto;min-height:0;margin-inline:auto}
.compact .wide-media img,.media-feature .wide-media img,.media-feature .wide-media video{width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain}
.media-feature .wide-media video{aspect-ratio:16/9;background:#090a0b}
.service-modes{width:min(100%,var(--product-content));margin-inline:auto}

@media(max-width:1050px){.tray-intelligence__inner{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:40px;min-height:700px}.tray-intelligence__visual{height:min(68svh,700px);min-height:560px}}
@media(max-width:760px){.section{padding-inline:22px}.tray-intelligence{padding:85px 22px 0}.tray-intelligence__inner{display:flex;flex-direction:column;gap:28px;min-height:0}.tray-intelligence__copy{padding:0;width:100%}.tray-intelligence__visual{height:min(145vw,620px);min-height:0;width:100%}.tray-intelligence__visual img{height:100%;max-width:100%}.compact .wide-media,.media-feature .wide-media{width:100%;min-height:0}.compact .wide-media img,.media-feature .wide-media img,.media-feature .wide-media video{min-height:0}.media-feature .wide-media{height:auto}}

@media(prefers-reduced-motion:reduce){.two-forms.scroll-scene{--scene-progress:.82!important}.two-forms__stage img,.usher-parts img{will-change:auto}}

/* V23 — official KettyBot marketing-screen zoom sequence */
@media(max-width:760px){
  .marketing-intro{height:260svh}
  .marketing-intro .scroll-scene__heading{transform:translateY(calc(var(--scene-progress) * 24vh))}
  .marketing-device{top:58%;bottom:auto;height:min(66vh,650px);transform-origin:50% 41%;transform:translate3d(-50%,-41%,0) scale(calc(.82 + (var(--scene-progress) * 11.18)))}
}

/* Hero alinhado com a composição oficial: conteúdo compacto e vantagens já visíveis. */
.hero{min-height:720px;height:clamp(720px,calc(100svh - var(--product-header-height,70px)),900px);background:#f1f2f3}
.hero__copy{top:20px}
.hero .pill-button{min-width:194px;background:#ffba1f}
@media(max-width:760px){.hero{height:780px;min-height:0}.hero__copy{top:40px}.hero .pill-button{min-width:0}}

/* Oito vantagens no ritmo visual da página oficial. */
.benefits.section{padding-top:68px;padding-bottom:56px}
.benefits .section-title{display:none}
.benefit-grid{max-width:1000px;border:0;column-gap:80px;row-gap:46px}
.benefit-grid article{min-height:108px;padding:0;border:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.benefit-grid article:hover{background:transparent;transform:translateY(-4px)}
.benefit-grid img{width:48px;height:48px;margin:0 auto 18px}
.benefit-grid h3{margin:0;color:#64676b;font-size:16px;font-weight:400;line-height:1.45}
.benefit-grid p{display:none}
@media(max-width:1050px){.benefit-grid{grid-template-columns:repeat(4,1fr);column-gap:32px}}
@media(max-width:760px){.benefits.section{padding-top:54px;padding-bottom:48px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:38px 22px}.benefit-grid article{min-height:96px}.benefit-grid h3{font-size:14px}}

/* A imagem define a altura desta secção, sem área vazia depois do visual. */
.tray-intelligence{padding-block:0}
.tray-intelligence__inner{height:min(850px,82svh);min-height:0}
.tray-intelligence__visual{height:100%;min-height:0;align-items:flex-end}
.tray-intelligence__visual img{transform:translateY(3.5%)}
@media(max-width:1050px) and (min-width:761px){.tray-intelligence__inner{height:min(700px,76svh);min-height:0}.tray-intelligence__visual{height:100%;min-height:0}}
@media(max-width:760px){.tray-intelligence{padding:70px 22px 0}.tray-intelligence__inner{height:auto;min-height:0}.tray-intelligence__visual{height:min(145vw,620px);min-height:0}}

/* Secção de mobilidade alinhada com a composição oficial. */
.tray-intelligence + .compact.section{padding-top:82px;padding-bottom:92px}
.compact .centred-heading{max-width:960px;margin-bottom:64px}
.compact .centred-heading h2{color:#ffb51b;font-size:clamp(36px,3.1vw,48px);line-height:1.12;letter-spacing:-.025em;font-weight:600}
.compact .centred-heading>p:last-child{max-width:860px;margin-top:26px;color:#777a7f;font-size:19px;line-height:1.55}
.compact .wide-media{width:min(100%,930px);border-radius:28px}
@media(max-width:760px){.tray-intelligence + .compact.section{padding-top:58px;padding-bottom:68px}.compact .centred-heading{margin-bottom:38px}.compact .centred-heading h2{font-size:32px}.compact .centred-heading>p:last-child{margin-top:20px;font-size:15px;line-height:1.6}.compact .wide-media{border-radius:18px}}

/* Personalização com o fundo preto contínuo da página oficial. */
.custom-story{padding:120px max(var(--pad),calc((100vw - var(--product-content))/2)) 0;background:#000;color:#fff}
.custom-story .centred-heading{max-width:980px;margin-bottom:48px}
.custom-story h2{margin:0;color:#ffb51b;font-size:clamp(38px,3.3vw,52px);line-height:1.1;letter-spacing:-.03em;font-weight:600}
.custom-story .centred-heading>p:last-child{max-width:860px;margin:24px auto 0;color:#fff;font-size:18px;line-height:1.55}
.custom-story__media{width:min(100%,680px);height:530px;aspect-ratio:auto;border-radius:0;background:#000;box-shadow:none}
.custom-story__media video{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.custom-story{padding:68px 22px 0}.custom-story .centred-heading{margin-bottom:34px}.custom-story h2{font-size:32px}.custom-story .centred-heading>p:last-child{margin-top:18px;font-size:15px;line-height:1.6}.custom-story__media{width:100%;height:auto;aspect-ratio:680/530}}

/* V30 — uma única sequência contínua para as duas configurações, como na página oficial. */
.forms-story.scroll-scene{
  --scene-phase-one:0;
  --scene-phase-two:0;
  --scene-title-one:1;
  --scene-title-two:0;
  position:relative;
  display:block;
  height:400svh;
  min-height:0;
  padding:0;
  overflow:visible;
  background:#f7f7f5;
  color:#111;
}
.forms-story__sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:#f7f7f5}
.forms-story__copy{
  position:absolute;
  z-index:8;
  top:clamp(78px,7.2vh,98px);
  left:50%;
  width:min(900px,calc(100% - 48px));
  margin:0;
  transform:translate3d(-50%,0,0);
  text-align:center;
  pointer-events:none;
  will-change:opacity,transform;
}
.forms-story__copy .kicker{margin-bottom:17px;color:#6b7073}
.forms-story__copy h2{margin:0;color:#111;font-size:clamp(46px,4.35vw,70px);font-weight:500;line-height:1.04;letter-spacing:-.052em}
.forms-story__copy>p:last-child{max-width:760px;margin:21px auto 0;color:#777b7e;font-size:16px;line-height:1.55}
.forms-story__copy--usher{opacity:var(--scene-title-one);transform:translate3d(-50%,calc(var(--scene-progress) * -18px),0)}
.forms-story__copy--forms{opacity:var(--scene-title-two);transform:translate3d(-50%,calc((1 - var(--scene-phase-two)) * 18px),0)}
.forms-story__stage{position:absolute;z-index:2;inset:0;overflow:hidden}
.forms-story__stage img{position:absolute;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(15,18,20,.13));will-change:transform,opacity}
.forms-story__shadow{position:absolute;z-index:1;left:50%;bottom:1.5%;width:min(620px,70vw);height:17%;border-radius:50%;background:rgba(20,22,22,.11);filter:blur(38px);transform:translateX(-50%) scale(calc(.76 + (var(--scene-phase-two) * .24)));opacity:.32}
.forms-story__body{
  z-index:5;
  left:50%;
  top:max(250px,27.2vh);
  height:min(57.3vh,776px);
  transform:translate3d(calc(-39% - (var(--scene-phase-one) * 24.2vw) + (var(--scene-phase-two) * 24.2vw)),calc(var(--scene-phase-two) * -19.2vh),0);
}
.forms-story__cover{
  z-index:3;
  left:50%;
  top:max(265px,29vh);
  height:min(40vh,541px);
  opacity:calc(1 - (var(--scene-phase-one) * 1.82));
  transform:translate3d(calc(-9% + (var(--scene-phase-one) * 24.2vw)),0,0);
}
.forms-story__stage .forms-story__trays{
  z-index:3;
  left:50%;
  top:46.5vh;
  width:min(14.4vh,195px);
  opacity:calc((var(--scene-progress) - .43) * 1.75);
  transform:translate3d(calc(314% - (var(--scene-phase-two) * 328%)),calc(var(--scene-phase-two) * -19.2vh),0);
}
.forms-story .scroll-scene__cue{z-index:9;color:#777b7e}

@media(max-width:760px){
  .forms-story.scroll-scene{height:360svh}
  .forms-story__sticky{min-height:620px}
  .forms-story__copy{top:78px;width:calc(100% - 40px)}
  .forms-story__copy .kicker{margin-bottom:12px}
  .forms-story__copy h2{font-size:clamp(38px,10.5vw,49px)}
  .forms-story__copy>p:last-child{margin-top:16px;font-size:13px;line-height:1.5}
  .forms-story__copy--forms{transform:translate3d(-50%,calc((1 - var(--scene-phase-two)) * 12px),0)}
  .forms-story__shadow{width:84vw;height:13%;bottom:3%}
  .forms-story__body{top:34vh;height:min(48vh,470px);transform:translate3d(calc(-39% - (var(--scene-phase-one) * 22vw) + (var(--scene-phase-two) * 22vw)),calc(var(--scene-phase-two) * -16vh),0)}
  .forms-story__cover{top:35.5vh;height:min(35vh,340px);transform:translate3d(calc(-9% + (var(--scene-phase-one) * 54vw)),0,0)}
  .forms-story__stage .forms-story__trays{top:57vh;width:min(12.8vh,125px,28vw);transform:translate3d(calc(78% - (var(--scene-phase-two) * 134%)),calc(var(--scene-phase-two) * -16vh),0)}
}

@media(prefers-reduced-motion:reduce){
  .forms-story.scroll-scene{--scene-progress:.72!important;--scene-phase-one:1!important;--scene-phase-two:.44!important;--scene-title-one:0!important;--scene-title-two:1!important;height:auto;min-height:900px}
  .forms-story__sticky{position:relative;height:900px}
  .forms-story__stage img,.forms-story__copy{will-change:auto}
}

/* V33 — modos de serviço e navegação com a composição da página oficial. */
.service-modes{
  width:min(100%,var(--product-content));
  gap:clamp(110px,9vw,155px);
  padding-top:clamp(95px,8vw,140px);
  padding-bottom:clamp(105px,9vw,150px);
}
.service-row{
  grid-template-columns:minmax(270px,360px) minmax(0,1fr);
  gap:clamp(54px,7vw,104px);
  align-items:start;
}
.service-row>div:first-child{padding-top:35px}
.service-row .kicker,.service-row ul{display:none}
.service-row h2{
  margin:0 0 30px;
  color:#ffb51b;
  font-size:clamp(40px,3.4vw,52px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.03em;
}
.service-row>div>p:not(.kicker){
  max-width:360px;
  margin:0;
  color:#777a7f;
  font-size:18px;
  line-height:1.55;
}
.rounded-video{
  width:100%;
  max-width:none;
  aspect-ratio:16/9;
  border-radius:28px;
}
.rounded-video video{display:block}
.navigation-feature{
  background:#fff;
  padding-top:clamp(115px,9vw,155px);
  padding-bottom:clamp(105px,9vw,150px);
}
.navigation-feature .centred-heading{max-width:980px;margin-bottom:72px}
.navigation-feature .centred-heading .kicker{display:none}
.navigation-feature .centred-heading h2{
  color:#ffb51b;
  font-size:clamp(40px,3.35vw,52px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.025em;
}
.navigation-feature .centred-heading>p:last-child{
  max-width:870px;
  margin-top:27px;
  color:#777a7f;
  font-size:19px;
  line-height:1.55;
}
.navigation-feature .wide-media{width:min(100%,930px);border-radius:28px}

@media(max-width:760px){
  .service-modes{gap:82px;padding-top:72px;padding-bottom:82px}
  .service-row{grid-template-columns:1fr;gap:28px}
  .service-row>div:first-child{padding-top:0}
  .service-row h2{margin-bottom:18px;font-size:32px}
  .service-row>div>p:not(.kicker){max-width:none;font-size:15px;line-height:1.6}
  .rounded-video{border-radius:18px}
  .navigation-feature{padding-top:72px;padding-bottom:82px}
  .navigation-feature .centred-heading{margin-bottom:38px}
  .navigation-feature .centred-heading h2{font-size:32px}
  .navigation-feature .centred-heading>p:last-child{margin-top:19px;font-size:15px;line-height:1.6}
  .navigation-feature .wide-media{border-radius:18px}
}

/* V34 — composição ampla: vídeo encostado à margem direita como no original. */
@media(min-width:761px){
  .service-modes{
    width:100%;
    max-width:none;
    margin:0;
    padding-left:clamp(104px,13.9vw,224px);
    padding-right:0;
    padding-bottom:80px;
  }
  .service-row{
    grid-template-columns:clamp(300px,21.2vw,340px) minmax(0,1fr);
    gap:clamp(70px,8.1vw,130px);
  }
  .service-row>div:first-child{padding-top:45px}
  .rounded-video{
    height:clamp(350px,33.7vw,540px);
    aspect-ratio:auto;
    border-radius:28px 0 0 28px;
  }
  .navigation-feature{padding-top:120px}
  .navigation-feature .centred-heading{margin-bottom:56px}
}

@media(max-width:760px){
  .service-modes{padding-inline:22px}
  .rounded-video{height:auto;aspect-ratio:16/9;border-radius:18px}
}

/* V35 — título de cooperação no amarelo original da KettyBot Pro. */
.cooperation-feature .centred-heading h2{
  color:#ffb51b;
  font-weight:600;
  letter-spacing:-.025em;
}

/* V36 — carregamento como secção branca autónoma, igual ao original. */
.charging-feature{background:#fff}
.charging-feature .centred-heading{max-width:1040px}
.charging-feature .centred-heading .kicker{display:none}
.charging-feature .centred-heading h2{
  color:#ffb51b;
  font-weight:600;
  letter-spacing:-.025em;
}
.charging-feature .wide-media{background:#fff}
.charging-feature .wide-media video{
  aspect-ratio:1852/1000;
  object-fit:cover;
  background:#fff;
}