/* Consistent vector navigation: no system emoji in the brand interface. */
.goodo-arrow{display:inline-block;width:22px;height:22px;vertical-align:middle;flex-shrink:0;overflow:visible;transition:transform .25s ease}
.nav-cta>span{display:grid;place-items:center}.nav-cta .goodo-arrow{width:19px;height:19px}
.division-end b{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;border:1px solid #2224;background:transparent;color:#202420;transition:background .25s,border-color .25s,transform .25s}
.division-end b>.goodo-arrow{width:23px;height:23px}
.three-divisions>a:hover .division-end b{background:var(--yellow);border-color:var(--yellow);transform:rotate(0deg)}
.three-divisions>a:hover .division-end .goodo-arrow{transform:translate(2px,-2px)}
.division-ribbon i{display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;width:32px;height:32px;flex-shrink:0}
.division-ribbon .goodo-arrow{width:16px;height:16px}
.division-ribbon>a:hover i{background:var(--yellow);border-color:var(--yellow);color:#191d18}
.standard-button>i,.ecosystem-demo-steps>button>i{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff30;border-radius:50%;flex-shrink:0;transition:background .25s,color .25s,border-color .25s}
.standard-button>i>.goodo-arrow,.ecosystem-demo-steps>button>i>.goodo-arrow{width:19px;height:19px}
.standard-button[aria-pressed=true]>i,.standard-button:hover>i,.ecosystem-demo-steps>button:hover>i{background:var(--yellow);border-color:var(--yellow);color:#161a13}
.hero-discover b{display:grid;place-items:center}.hero-discover .goodo-arrow{width:20px;height:20px}
.market-demo-links>button:before,.market li:before{content:none}
.market-demo-links>button>.goodo-arrow{width:21px;height:21px}
.market-demo-links>button:hover>.goodo-arrow{transform:translate(2px,-2px)}
#calc-contact{display:inline-flex;align-items:center;gap:15px}#calc-contact>.goodo-arrow{width:20px;height:20px}
.contact-link>b{display:grid;place-items:center;width:65px;height:65px;border:1px solid #ffffff60;border-radius:50%;margin-left:15px;flex-shrink:0}
.contact-link .goodo-arrow{width:31px;height:31px}
.contact-link:hover .goodo-arrow{transform:translate(3px,-3px)}
footer>a:last-child{display:inline-flex;align-items:center;gap:10px}footer>a:last-child .goodo-arrow{width:18px;height:18px}
.ecosystem-demo-showcase figcaption .goodo-arrow{width:15px;height:15px}
#goodo-phone-app .pd-small-action:has(>svg){display:inline-flex;gap:8px;align-items:center}
#goodo-phone-app .pd-small-action>svg{width:14px;height:14px}
/* A small, fixed-width live strip avoids clipping a long composited layer on mobile. */
.materials .product-belt{width:100%;margin:35px 0 0;overflow:visible;mask-image:none;-webkit-mask-image:none;padding:0 5%;}
.product-belt .product-belt-track,.product-belt:hover .product-belt-track,.product-belt:focus-within .product-belt-track{display:grid;grid-template-columns:repeat(var(--belt-slots,6),minmax(0,1fr));align-items:center;gap:18px;width:100%;max-width:1500px;margin:0 auto;animation:none!important;transform:none!important;}
.product-belt .product-slot{display:flex;align-items:center;justify-content:center;min-width:0;height:180px;margin:0;padding:10px 8px;overflow:visible}
.product-belt .product-slot>img{display:block;width:100%;max-width:176px;height:160px;object-fit:contain;object-position:center;opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .35s ease;backface-visibility:visible;}
.product-belt .product-belt-track.is-changing .product-slot>img{opacity:0;transform:translateY(-8px)}
/* Readable static fallback before initialization. */
.product-belt .product-belt-set{display:contents}.product-belt .product-belt-set>div{width:100%;max-width:176px;height:160px;min-width:0}.product-belt .product-belt-set>div:nth-child(n+7){display:none}
/* Larger adjoining room views: only the central space is in full colour. */
.room-experience{padding-left:0;overflow:visible}
.room-stage{height:565px;width:100%;margin:0;perspective:1100px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#c9b67612 0%,transparent 62%);touch-action:pan-y}
.room-stage:before{content:'';position:absolute;left:6%;right:6%;height:24%;bottom:11%;border:1px solid #d3c49320;border-top-color:transparent;border-radius:50%;transform:rotate(-2deg);pointer-events:none}
.room-scene{inset:0;width:100%;height:100%;margin:0;backface-visibility:hidden;pointer-events:none;transform-origin:50% 67%;transition:transform 1.3s cubic-bezier(.2,.65,.2,1),opacity 1.15s,filter 1.3s ease}
.room-scene>img{width:90%;height:94%;object-fit:contain;filter:drop-shadow(0 17px 17px #0006)}
.room-scene.active{opacity:1;transform:translate3d(0,3%,60px) rotateY(0) scale(.94);filter:grayscale(0) brightness(1);z-index:4}
.room-scene.previous{opacity:.96;transform:translate3d(-44%,-4%,-105px) rotateY(30deg) scale(.83);filter:grayscale(1) brightness(.85);z-index:2}
.room-scene.next{opacity:.96;transform:translate3d(44%,-4%,-105px) rotateY(-30deg) scale(.83);filter:grayscale(1) brightness(.85);z-index:2}
.room-scene.behind{opacity:0;transform:translate3d(0,-13%,-280px) rotateY(0) scale(.5);filter:grayscale(1) brightness(.75);z-index:0}
.room-caption{padding:0 4%;margin-top:-12px;gap:16px;align-items:center}
.room-caption>span{font-size:11px;white-space:nowrap}.room-caption>div:nth-child(2){min-width:0;flex:1}
.room-caption h2{font-size:24px}.room-caption p{font-size:12px;line-height:1.6}
.room-arrows{gap:8px}.room-arrows>button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b8bfa63d;background:#ffffff04;transition:background .25s,color .25s,transform .25s;flex-shrink:0}
.room-arrows .goodo-arrow{width:21px;height:21px}.room-arrows>button:hover{transform:translateY(-2px)}
.room-progress{display:flex;align-items:center;justify-content:center;gap:3px;padding:6px 0 0}
.room-dot{display:grid;place-items:center;width:36px;height:30px;border:0;background:none;cursor:pointer;padding:0}
.room-dot:after{content:'';width:17px;height:3px;border-radius:4px;background:#ffffff28;transition:width .3s,background .3s}
.room-dot[aria-pressed=true]:after{width:27px;background:var(--yellow)}
.motion-toggle{display:inline-flex}
@media(max-width:1000px){.room-stage{height:475px}.room-caption{padding:0 2%;gap:10px}.room-caption h2{font-size:21px}.room-caption p{font-size:11px}.room-arrows{gap:6px}.room-arrows>button{width:36px;height:36px}.product-belt .product-slot{height:160px}.product-belt .product-slot>img{height:140px}}
@media(max-width:600px){.room-experience{padding:0;margin:0 0 10px;width:100%}.room-stage{height:405px;width:111%;margin:0 -5.5%;perspective:850px}.room-scene>img{width:90%;height:96%}.room-scene.active{transform:translate3d(0,2%,40px) rotateY(0) scale(.94)}.room-scene.previous{transform:translate3d(-43%,-5%,-85px) rotateY(29deg) scale(.83);opacity:.96}.room-scene.next{transform:translate3d(43%,-5%,-85px) rotateY(-29deg) scale(.83);opacity:.96}.room-stage:before{bottom:12%;left:5%;right:5%}.room-caption{padding:0;gap:10px;margin-top:-4px}.room-caption>span{font-size:10px}.room-caption h2{font-size:21px}.room-caption p{font-size:11px}.room-arrows>button{width:35px;height:35px}.room-arrows .goodo-arrow{width:18px;height:18px}.room-progress{padding-top:3px}.room-dot{width:32px}.materials .product-belt{padding:0 5%;margin-top:27px}.product-belt .product-belt-track{gap:12px}.product-belt .product-slot{height:145px;padding:7px 3px}.product-belt .product-slot>img{height:127px;max-width:130px}.product-belt .product-belt-set>div:nth-child(n+4){display:none}.product-belt .product-belt-set>div{height:127px}.division-end b{width:42px;height:42px}.contact-link>b{width:43px;height:43px;margin-left:7px}.contact-link .goodo-arrow{width:23px;height:23px}.standard-button>i{width:33px;height:33px}.standard-button>i>.goodo-arrow{width:18px;height:18px}}
@media(max-width:370px){.room-stage{height:350px}.room-caption{gap:7px}.room-caption>span{font-size:9px}.room-caption h2{font-size:19px}.room-caption p{font-size:10px}.room-arrows{gap:4px}.room-arrows>button{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.room-scene,.product-belt .product-slot>img,.goodo-arrow,.room-dot:after{transition:none}.room-scene.previous,.room-scene.next{opacity:.96}.product-belt .product-belt-track.is-changing .product-slot>img{opacity:1;transform:none}}

/* This presentation section now contains only its title and description. */
.materials .range-heading,.materials .range-heading p{margin-bottom:0}

/* Keep the desktop contact CTA text and icon on one line. */
@media(min-width:1101px){header>.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;white-space:nowrap;line-height:1.4;min-height:46px;border-radius:999px}header>.nav-cta>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:0}}