/* Readable typography and a single, art-anchored scene composition. */
:root{--display:'Manrope',Arial,sans-serif}
h1,h2,h3{font-weight:600;letter-spacing:-.055em;line-height:1.13}
.home-page .rg-header{top:20px;left:28px;right:28px;height:76px;padding:14px 22px;border:1px solid #fff3;border-radius:22px;background:#112f34d9;box-shadow:0 8px 30px #072c3826;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}
.rg-brand span,.home-page .rg-brand span{font-size:14px;letter-spacing:.19em}
.main-nav{gap:24px}.main-nav a{font-weight:700;font-size:12px}
.home-page .main-nav a{color:#fff}.motion-toggle{font-weight:600}
.scene{height:clamp(780px,100svh,1120px);background:#12333d}
.scene-viewport{position:absolute;inset:0;overflow:hidden;z-index:0;isolation:isolate}
.scene-world{position:absolute;left:0;bottom:0;width:100%;aspect-ratio:16/9;transform-origin:0 0;isolation:isolate}
.is-projected .scene-world{top:0;bottom:auto;width:1920px;height:1080px}
.scene-world>.scene-image,.scene-waterlight{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;pointer-events:none}
.scene-world>.scene-image{z-index:0}.scene-waterlight{z-index:1}
.scene-shade{z-index:1;opacity:1!important;background:linear-gradient(90deg,#071f31b8 0%,#102b3778 30%,#0a29321a 57%,transparent 75%),linear-gradient(0deg,#082c39df 0%,#102b3510 24%,transparent 75%,#092d3426 100%);pointer-events:none}
.scene-copy{padding:167px 0 0 max(6vw,48px);max-width:710px;z-index:3}
.scene-copy h1,.scene-copy h2{font-family:var(--sans);font-weight:700;line-height:1.1;letter-spacing:-.055em;font-size:clamp(46px,4.8vw,74px);text-shadow:0 2px 22px #051d3638}
.scene-copy .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#ffe8c9}
.scene-description{font-size:17px;line-height:1.7;max-width:450px;color:#f7f5f1;text-shadow:0 2px 12px #051d3666}
.scene-actions{align-items:flex-start;flex-direction:column;gap:19px;margin-top:28px}
.scene-secondary{font-weight:700;font-size:12px;display:flex;align-items:center;gap:9px;text-decoration:none}
.scene-secondary .icon{filter:invert(1);width:17px;height:17px}
.scene-secondary:hover{text-decoration:underline;text-underline-offset:5px}
.scene-bot{display:block;position:absolute;transform:translate(-50%,-94%);text-decoration:none;line-height:1;isolation:isolate;-webkit-tap-highlight-color:transparent}
.scene-bot[data-bot=carrier]{transform:translate(-50%,-84%)}.scene-bot[data-bot=city]{transform:translate(-50%,-89%)}
.scene-bot[data-bot=host]{transform:translate(-50%,-91%)}.scene-bot[data-bot=mower]{transform:translate(-50%,-82%)}
.bot-art{display:block;position:relative;transform-origin:50% 94%;transition:filter .25s}
.bot-art>img{width:100%;height:auto;max-width:none;filter:drop-shadow(0 9px 5px #08242755)}
.scene-bot--flying .bot-art>img{filter:drop-shadow(0 24px 10px #051e2725)}
.scene-bot:hover .bot-art,.scene-bot:focus-visible .bot-art{filter:drop-shadow(0 0 8px #b4f4e158)}
.bot-hint{position:absolute;left:50%;bottom:102%;width:var(--hint-width,245px);margin-left:var(--hint-shift,0px);transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .13s,transform .13s;background:#fffaf0;color:#17363b;border:1px solid #ffffffe0;border-radius:calc(16px * var(--ui-scale,1));padding:calc(15px * var(--ui-scale,1)) calc(17px * var(--ui-scale,1));box-shadow:0 10px 30px #06272e2b;line-height:1.55;font-family:var(--sans);text-align:left}
.bot-hint strong{display:block;font-size:calc(15px * var(--ui-scale,1));font-weight:800;margin-bottom:calc(5px * var(--ui-scale,1));letter-spacing:-.025em}
.bot-hint>span{display:flex;gap:calc(8px * var(--ui-scale,1));align-items:center;font-size:calc(12px * var(--ui-scale,1));color:#506462}
.bot-hint .icon{width:calc(16px * var(--ui-scale,1));height:calc(16px * var(--ui-scale,1))}
.scene-bot.is-discovered .bot-hint,.scene-bot:hover .bot-hint,.scene-bot:focus-visible .bot-hint{opacity:1;visibility:visible;transform:translate(-50%,0)}
.scene-bot.is-hint-dismissed .bot-hint{opacity:0;visibility:hidden}
.scene-bot--host::after{content:'Say hello ↗';display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-left:var(--caption-shift,0px);font:700 calc(11px * var(--ui-scale,1))/1 var(--sans);color:#fff;background:#103b3eea;border:1px solid #ffffff6b;border-radius:24px;padding:calc(9px * var(--ui-scale,1)) calc(12px * var(--ui-scale,1));white-space:nowrap;box-shadow:0 3px 12px #0e363630}
.scene-robot-menu{position:absolute;z-index:8;bottom:160px;left:6%;font-size:12px}
.scene-robot-menu summary{list-style:none;display:inline-flex;gap:9px;align-items:center;background:#0b303ed9;border:1px solid #ffffff6b;border-radius:24px;padding:10px 16px;cursor:pointer;font-weight:700;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.scene-robot-menu summary::-webkit-details-marker{display:none}.scene-robot-menu summary>.icon{filter:invert(1);width:17px;height:17px}
.scene-robot-menu>div{position:absolute;left:0;bottom:52px;min-width:280px;background:#fcf9ef;color:#153b40;border:1px solid #ffffff8c;padding:10px;border-radius:16px;box-shadow:0 10px 30px #082e3438}
.scene-robot-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:600}
.scene-robot-menu a:hover,.scene-robot-menu a:focus-visible{background:#e7eee4}.scene-robot-menu a .icon{width:16px;height:16px}
.scene-topic{bottom:127px;left:6%;font-size:10px;font-weight:600;color:#f3f7ee;opacity:1}
.scene-wayfinding{bottom:52px}.scene-tabs{background:#092d38e6;border-color:#ffffff5c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.scene-tabs button{font-weight:700;font-size:12px;padding:13px 24px}
.pan-hint{font-size:11px;font-weight:600}.pan-hint>.icon{display:none}
.scene-art-label{font-size:9px;bottom:18px;color:#d9e6e3;opacity:1;pointer-events:none}
.scene-arrows .icon-button{background:#143b45b8}
.invitation h2{font-size:39px;line-height:1.2}.world-door h3{font-size:26px;line-height:1.3}
.footer-playground{display:flex;align-items:center;justify-content:flex-end;height:136px;overflow:visible;text-decoration:none;margin-bottom:34px}
.footer-playground img{bottom:10px;width:110px;height:110px;left:25%;transform:none}
.footer-playground>span{font-size:12px;font-weight:600;margin-right:4%;max-width:45%;color:#d5e3dc}
.footer-playground:hover>span{text-decoration:underline;text-underline-offset:5px}
.footer-top>p{font:600 23px/1.5 var(--sans)}
.footer-top nav{font-size:11px}.footer-top nav a{overflow-wrap:anywhere}
.hub-enhanced .footer-playground.is-active img{animation-name:footer-guide}
@keyframes footer-guide{0%,100%{transform:translateX(-36px)}50%{transform:translateX(62px)}}
@media(min-width:1600px){.scene-copy{padding-top:190px;max-width:820px}.scene-copy h1,.scene-copy h2{font-size:82px}.scene-description{font-size:19px}}
@media(max-width:1100px){.home-page .rg-header{left:20px;right:20px;padding:14px 18px}.main-nav{gap:16px}.main-nav a{font-size:11px}.rg-brand span,.home-page .rg-brand span{font-size:12px;letter-spacing:.14em}.rg-brand{gap:10px}.motion-toggle{padding-left:14px;gap:7px}.scene-copy{padding-top:149px;max-width:590px}.scene-copy h1,.scene-copy h2{font-size:56px}.scene-description{font-size:16px}.scene-shade{background:linear-gradient(90deg,#0d293bbc,#102b3769 46%,transparent 85%),linear-gradient(0deg,#082c39ed,transparent 35%)}.scene-wayfinding{justify-content:space-between}.scene-tabs button{padding:13px 19px}}
@media(max-width:850px) and (min-width:701px){.rg-brand span,.home-page .rg-brand span{font-size:10px}.rg-brand img{width:29px;height:29px}.main-nav{gap:12px}.main-nav a{font-size:10px}.motion-toggle{font-size:10px}.motion-state{padding:2px 7px;min-width:30px}}
@media(min-width:701px) and (max-width:1100px), (min-width:701px) and (max-aspect-ratio:4/3){.scene{height:max(940px,100svh)}.scene-viewport{top:370px;bottom:auto;height:clamp(360px,48vw,480px)}.scene-shade{background:linear-gradient(180deg,#123640 0%,#123640 33%,#123640c9 42%,#12364000 57%,#12364000 75%,#092c39 96%)}.scene-copy{max-width:820px}.scene-copy h1,.scene-copy h2{font-size:54px}.scene-actions{flex-direction:row;align-items:center;gap:25px}.scene-copy{padding-top:132px}.scene-description{font-size:16px}.scene-description br{display:none}.scene-copy .eyebrow{margin-bottom:14px}}
@media(max-width:700px){
 .home-page .rg-header{top:12px;left:12px;right:12px;height:66px;padding:12px 15px;border-radius:18px}
 .rg-brand span,.home-page .rg-brand span{font-size:11px;letter-spacing:.15em}.rg-brand img{width:31px;height:31px}
 .home-page .main-nav{top:73px;left:0;right:0;padding:23px;background:#f9f7ef;color:#183b40;border-radius:16px;border:1px solid #ffffff80}
 .home-page .main-nav a{color:#183b40;font-size:15px}.main-nav{gap:19px}
 .scene{height:880px;height:max(880px,100svh)}
 .scene-viewport{top:410px;bottom:auto;height:clamp(270px,82vw,350px)}
 .scene-shade{background:linear-gradient(180deg,#113640 0%,#153842 34%,#153842f0 39%,#15384200 57%,#092c391a 80%,#092c39 98%)}
 .scene-copy{padding:116px 25px 0;max-width:none}
 .scene-copy h1,.scene-copy h2{font-size:clamp(37px,9.1vw,57px);line-height:1.12;font-weight:700;letter-spacing:-.055em}
 .scene-copy .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:17px}
 .scene-description{font-size:14px;margin-top:17px;line-height:1.65;max-width:370px}
 .scene-description br{display:none}
 .scene-actions{margin-top:22px;gap:17px;align-items:flex-start;flex-direction:row;flex-wrap:wrap}
 .scene-actions .button{font-size:12px;padding:13px 18px;gap:8px}
 .scene-secondary{font-size:10px;padding:6px 0}.scene-secondary .icon{width:14px;height:14px}
 .scene-robot-menu{left:24px;bottom:151px;font-size:11px}
 .scene-robot-menu summary{padding:9px 13px;font-size:10px}.scene-robot-menu>div{min-width:270px}
 .scene-topic{left:24px;bottom:121px;font-size:8px;max-width:90%;letter-spacing:.02em}
 .scene-wayfinding{left:18px;right:18px;bottom:53px;gap:10px}
 .scene-tabs button{padding:11px 10px;gap:6px;font-size:10px}.scene-tabs button span{font-size:8px}
 .scene-arrows .icon-button{width:33px;height:33px}.scene-art-label{font-size:8px;bottom:19px;left:18px;right:18px}
 .invitation h2{font-size:32px}.world-door h3{font-size:27px}.footer-playground{height:128px;justify-content:flex-end}.footer-playground img{left:19%;width:105px;height:105px}.footer-playground>span{font-size:10px;margin-right:0;max-width:45%}
 .footer-top>p{font-size:21px}
}
@media(max-width:360px){.scene-copy{padding-left:20px;padding-right:20px}.scene-copy h1,.scene-copy h2{font-size:35px}.scene-secondary{font-size:10px}.scene-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.scene-world,.bot-art,.bot-hint{transition:none!important}.footer-playground img{animation:none!important}}

/* The workcell is rendered in the same coordinate system as its room. */
.workcell-stage{position:absolute;left:1040px;top:325px;width:840px;height:700px;z-index:2;pointer-events:none}
.workcell-stage canvas{display:block;width:100%;height:100%}
.workcell-caption{display:none;position:absolute;z-index:7;right:7%;bottom:190px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;line-height:1.7;text-shadow:0 1px 12px #05191c}
.workcell-ready .workcell-caption{display:block}
.workcell-caption>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;opacity:.85}
.workcell-caption .icon{width:15px;height:15px;display:inline-block;vertical-align:middle;filter:invert(1)}
.featured-machines{padding-top:30px;padding-bottom:88px}
.featured-machines .section-heading{align-items:flex-end}
.featured-machines h2{font-size:39px}
.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.featured-grid>article{min-width:0}
.featured-grid .product-media__stage{aspect-ratio:1/1;border:1px solid #e6e8df}
.featured-grid .product-media{margin-bottom:20px}
.featured-grid .eyebrow{font-size:9px;margin-bottom:8px}
.featured-grid h3{font-size:23px;line-height:1.22;margin:0 0 10px}
.featured-grid h3 a{text-decoration:none}.featured-grid h3 a:hover{text-decoration:underline}
.featured-grid>article>p:last-child{font-size:12px;color:#61706c}
@media(max-width:1000px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.featured-machines h2{font-size:32px}}
@media(max-width:700px){.workcell-caption{right:25px;bottom:221px;font-size:11px}.featured-machines{padding-bottom:58px}.featured-machines .section-heading{display:block}.featured-machines .section-heading>.text-link{margin-top:18px}.featured-grid{gap:28px 14px}.featured-grid .product-media__stage{padding:10px}.featured-grid h3{font-size:19px}.featured-grid .product-media figcaption{font-size:9px}.featured-grid>article>p:last-child{font-size:11px}}
@media(max-width:700px){.workcell-stage{left:815px;top:150px;width:1050px;height:875px}.workcell-caption{top:423px;bottom:auto;right:20px;background:#0a293bd9;border:1px solid #ffffff36;border-radius:8px;padding:6px 10px;font-size:10px}.workcell-caption>span{font-size:8px}.home-page.has-comparison .scene{height:max(950px,100svh)}}
.home-page.has-comparison .scene-wayfinding{bottom:112px}
.home-page.has-comparison .scene-topic{bottom:175px}
.home-page.has-comparison .scene-robot-menu{bottom:207px}
@media(min-height:700px){
 .home-page.has-comparison .scene-wayfinding{bottom:max(112px,calc(100% - 100svh + 112px))}
 .home-page.has-comparison .scene-topic{bottom:max(175px,calc(100% - 100svh + 175px))}
 .home-page.has-comparison .scene-robot-menu{bottom:max(207px,calc(100% - 100svh + 207px))}
}
@media(max-width:700px){.home-page.has-comparison .scene{height:max(880px,100svh)}}
