:root{--marker-orange:#ff7425;--marker-ease:cubic-bezier(.2,.7,.2,1)}
/* Motion never changes document geometry or hides content when scripts are unavailable. */
.motion-scene{isolation:isolate;position:relative}
.motion-photo{animation:marker-drift 12s ease-in-out infinite alternate;transform-origin:center;will-change:transform}
.motion-scene:not(.scene-visible) .motion-photo{animation-play-state:paused}
@keyframes marker-drift{0%,12%{transform:translateY(0) scale(1)}100%{transform:translateY(-5px) scale(1.012)}}
.motion-orbit{position:absolute;pointer-events:none;right:3%;bottom:10px;width:44px;height:44px;border:1px solid #ff742550;border-radius:50%;z-index:2}
.motion-orbit:after{content:'';position:absolute;width:8px;height:8px;left:17px;top:-4px;background:var(--marker-orange);border-radius:50%;transform-origin:4px 26px;animation:marker-orbit 14s linear infinite}
@keyframes marker-orbit{to{transform:rotate(360deg)}}
.motion-scene:not(.scene-visible) .motion-orbit:after{animation-play-state:paused}
.motion-paused .motion-photo,.motion-paused .motion-orbit:after,.motion-paused .help-dot,.motion-paused #home-opening .dot{animation-play-state:paused!important}
html:not(.motion-paused) .timeline article.is-active>div:before{box-shadow:0 0 0 6px #ff74251c;transition:box-shadow .6s var(--marker-ease)}
.timeline article>div{transition:border-color .45s ease}
.product-card{transition:transform .25s var(--marker-ease)}
.product-card img{transition:transform .6s var(--marker-ease),box-shadow .4s ease}
.pill,.button,.submit,.catalogue-file,.example-tab{transition:background-color .2s ease,box-shadow .2s ease,filter .2s ease}
.pill:hover,.button:hover,.submit:hover{box-shadow:0 7px 20px #064cff25}
.example-gallery{animation:marker-scene-in .5s var(--marker-ease)}
@keyframes marker-scene-in{from{opacity:.45}to{opacity:1}}
@media(hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-5px)}.product-card:hover img{transform:scale(1.018);box-shadow:0 12px 24px #06145c14}}
.motion-toggle{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:18px;z-index:40;border:1px solid #bdcbed;border-radius:999px;background:#fffdf8ed;color:#06145c;padding:10px 14px;font:600 12px/1.3 Manrope,sans-serif;box-shadow:0 3px 12px #06145c0a;min-height:38px}
.marker-help{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));right:20px;z-index:50;font:16px/1.5 Manrope,sans-serif;color:#06145c}
.help-launch{display:flex;align-items:center;gap:10px;min-height:52px;border:0;border-radius:999px;padding:14px 22px;background:#064cff;color:white;font:700 15px/1.4 Manrope,sans-serif;box-shadow:0 8px 28px #06145c26}
.help-dot{display:block;width:10px;height:10px;background:var(--marker-orange);border-radius:50%;animation:marker-help-pulse 3.6s ease-in-out infinite}
@keyframes marker-help-pulse{0%,100%{box-shadow:0 0 0 0 #ff742500}50%{box-shadow:0 0 0 5px #ff742533}}
.help-panel{position:absolute;bottom:68px;right:0;width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);overflow:auto;background:#fffdf8;border:1px solid #d5ddee;border-radius:20px;box-shadow:0 18px 60px #06145c26;animation:marker-panel-in .25s var(--marker-ease)}
.help-panel[hidden]{display:none}
@keyframes marker-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.help-head{padding:22px 24px 20px;background:#edf4ff;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.help-head h2{font:800 22px/1.2 Manrope,sans-serif;color:#064cff;letter-spacing:-.5px;margin:0 0 8px}
.help-head p{margin:0;font-size:13px}
.help-close{border:0;background:transparent;color:#06145c;padding:0;min-width:32px;min-height:32px;font:28px/1 Manrope,sans-serif;border-radius:50%}
.help-body{padding:24px}
.help-body h3{font:800 25px/1.2 Manrope,sans-serif;color:#064cff;letter-spacing:-.6px;margin:0 0 12px}
.help-body p{font-size:14px;line-height:1.6;margin:0 0 20px}
.help-links{display:grid;gap:10px;margin-bottom:20px}
.help-links a{display:block;text-decoration:none;padding:12px 14px;border:1px solid #bdcbed;border-radius:10px;color:#064cff;font-size:14px;font-weight:700;min-height:46px}
.help-links a:first-child{color:white;background:#064cff;border-color:#064cff}
.help-composer{border-top:1px solid #d5ddee;padding:16px 24px 20px}
.help-composer input{width:100%;border:1px solid #d5ddee;border-radius:10px;background:#f0f1f5;color:#6273a5;padding:12px;font:14px Manrope,sans-serif;opacity:1}
.help-composer p{font-size:11px;margin:10px 0 0;color:#6273a5;line-height:1.5}
.marker-help a:focus-visible,.marker-help button:focus-visible,.motion-toggle:focus-visible{outline:3px solid #ff7425;outline-offset:4px}
body:has(.marker-help){padding-bottom:84px}
@media(max-width:600px){.marker-help{right:16px;bottom:max(14px,env(safe-area-inset-bottom))}.help-launch{padding:12px 16px;min-height:48px;font-size:14px}.motion-toggle{left:16px;bottom:max(18px,env(safe-area-inset-bottom));font-size:11px;padding:9px 11px}.motion-orbit{width:32px;height:32px;right:5%;bottom:10px}.motion-orbit:after{left:11px;transform-origin:4px 20px}.help-panel{bottom:64px;width:348px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.motion-photo{transform:none!important}.motion-orbit{display:none}}
.motion-page-hidden .motion-photo,.motion-page-hidden .motion-orbit:after,.motion-page-hidden .help-dot{animation-play-state:paused!important}
.timeline article>div{border-left-color:transparent}
.timeline article>div:after{content:'';position:absolute;left:-1px;top:0;width:1px;height:100%;background:var(--marker-orange);transform:scaleY(0);transform-origin:top;transition:transform .8s var(--marker-ease)}
.timeline article.is-active>div:after{transform:scaleY(1)}
.motion-paused .timeline article>div:after{transform:scaleY(1);transition:none}
@media(prefers-reduced-motion:reduce){.timeline article>div:after{transform:scaleY(1)}}
@media(max-width:600px){body:has(input:focus,textarea:focus,select:focus) .marker-help,body:has(input:focus,textarea:focus,select:focus) .motion-toggle{visibility:hidden}}

.ribbon-window{left:0!important;width:100%!important;height:21.55cqw!important;overflow:hidden;z-index:1}
.ribbon-track{display:flex;width:max-content;animation:marker-ribbon-travel 46s linear infinite;will-change:transform}
.ribbon-group{position:relative;flex:none;width:89.39cqw;aspect-ratio:1390/335;overflow:hidden;background:#fff}
.ribbon-image{position:absolute;left:0;top:0;width:111.87%!important;height:auto!important;max-width:none;display:block}
.ribbon-link{position:absolute;top:83%;color:#06145c;font:400 1.415cqw/1.4 Manrope,sans-serif;text-decoration:underline;text-underline-offset:.22em;white-space:nowrap;padding:4px 0;min-height:28px}
.ribbon-link-0{left:9.57%}.ribbon-link-1{left:29.57%}.ribbon-link-2{left:51.65%}.ribbon-link-3{left:69.06%}.ribbon-link-4{left:86.98%}
@keyframes marker-ribbon-travel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.motion-paused .ribbon-track,.motion-page-hidden .ribbon-track,.motion-scene:not(.scene-visible) .ribbon-track{animation-play-state:paused!important}
.ribbon-window:focus-within{overflow-x:auto;scrollbar-width:thin}.ribbon-window:focus-within .ribbon-track{animation:none;transform:none}
@media(hover:hover){.ribbon-window:hover .ribbon-track{animation-play-state:paused}}
@media(max-width:1100px){.ribbon-window{height:72cqw!important}.ribbon-group{width:287.18cqw}.ribbon-link{font-size:16px;top:82%;min-height:44px}.ribbon-track{animation-duration:42s}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none!important}.ribbon-window{overflow-x:auto;scrollbar-width:thin}.ribbon-group[aria-hidden=true]{display:none}}
.motion-paused .help-panel,.motion-paused .example-gallery{animation:none}
.motion-paused [data-action=pause] img{visibility:hidden}
.motion-paused [data-action=pause]:after{content:'▶';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:1px solid #9cabef;border-radius:50%;background:#fffdf8;color:#064cff;font-size:20px;padding-left:2px}

@media print{.marker-help,.motion-toggle{display:none!important}.ribbon-track{animation:none!important}}
.category-card-image{border-radius:10px;transition:filter .3s ease}
.category-card-image img{transition:transform .65s cubic-bezier(.2,.85,.2,1),filter .4s ease}
.category-card-image.category-active img{transform:translateY(-9px) scale(1.045);filter:drop-shadow(0 15px 12px #06145c18)}
@media(hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-8px)}.product-card:hover img{transform:scale(1.045)}}
.living-illustration{animation:marker-illustration-float 4.2s ease-in-out infinite alternate;transform-origin:center}
.living-illustration:nth-of-type(2n){animation-delay:-1.4s}.living-illustration:nth-of-type(3n){animation-delay:-2.8s}
@keyframes marker-illustration-float{0%,12%{transform:translateY(0) rotate(-.5deg)}100%{transform:translateY(-9px) rotate(1deg)}}
.motion-scene:not(.scene-visible) .living-illustration,.motion-paused .living-illustration,.motion-page-hidden .living-illustration{animation-play-state:paused!important}
.example-tab{isolation:isolate}.example-tab.auto-scene-active:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;border-radius:999px;background:#ff7425;transform-origin:left;animation:marker-scene-progress 6s linear forwards}
@keyframes marker-scene-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes marker-scene-in{from{opacity:.12;transform:translateX(28px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
.example-gallery{animation-duration:.7s}
.timeline article,.service-rows article{transition:background-color .45s ease,box-shadow .45s ease;border-radius:12px}
.timeline article.live-step>div,.service-rows article.live-step{background:linear-gradient(90deg,#e5efff 0%,#edf4ff66 65%,transparent 100%)}
.timeline article.live-step .step-no{box-shadow:0 0 0 5px #ff742522;transition:box-shadow .45s ease}
.service-rows article.live-step svg{animation:marker-icon-nod 1.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes marker-icon-nod{0%{transform:translateY(5px) rotate(-5deg)}55%{transform:translateY(-3px) rotate(3deg)}100%{transform:translateY(0) rotate(0)}}
@media(hover:hover){.pill:hover,.button:hover,.submit:hover{transform:translateY(-2px);box-shadow:0 8px 22px #064cff30}}
.pill,.button,.submit{transition:transform .25s cubic-bezier(.2,.7,.2,1),background-color .2s ease,box-shadow .25s ease}
.pill:active,.button:active,.submit:active{transform:scale(.98)}
.motion-paused .example-tab:after,.motion-page-hidden .example-tab:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.living-illustration,.service-rows article.live-step svg,.example-tab:after{animation:none!important}.category-card-image.category-active img,.product-card:hover,.product-card:hover img,.pill:hover,.button:hover{transform:none!important}}
html.motion-paused{scroll-behavior:auto!important}
.mobile-site-nav{position:fixed;z-index:150;top:80px;left:20px;right:20px;max-width:440px;margin-inline:auto;padding:12px 20px;background:#fffefb;border:1px solid #d5ddee;border-radius:12px;box-shadow:0 16px 42px #06145c24}
.mobile-site-nav[hidden]{display:none}.mobile-site-nav a{display:flex;align-items:center;min-height:48px;color:#06145c;text-decoration:none;font:17px/1.4 Manrope,sans-serif;border-bottom:1px solid #edf1fb}.mobile-site-nav a:last-child{border:0;color:#064cff;font-weight:800}
.help-mobile-icon{display:none}
.confirmation-check .check-line{stroke-dasharray:40;animation:marker-check-draw .65s ease-out both}.confirmation-check .accent-dot{transform-box:fill-box;transform-origin:center;animation:marker-confirmation-dot 3.6s ease-in-out infinite}.motion-paused .confirmation-check *{animation:none!important}@keyframes marker-check-draw{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
.help-body .motion-toggle{position:static;margin-top:18px;width:100%;height:44px;padding:10px 14px;font-size:14px}.help-body .motion-toggle:after{display:none}
@media(max-width:600px){.marker-help .help-launch{width:52px;min-width:52px;height:52px;padding:0;display:grid;place-items:center}.help-label{display:none}.help-mobile-icon{display:block;width:24px;height:24px}.help-launch .help-dot{position:absolute;right:8px;top:8px;width:6px;height:6px}html .motion-toggle{width:44px;height:44px;padding:0;font-size:0}html .motion-toggle:after{content:'Ⅱ';font:800 16px/1 Manrope,sans-serif}.motion-paused .motion-toggle:after{content:'▶';font-size:13px}}

@keyframes marker-confirmation-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:1}}
.living-accent{animation:none;opacity:1}.living-accent:nth-child(3n){animation-delay:-1.6s}.motion-paused .living-accent,.motion-page-hidden .living-accent,.motion-scene:not(.scene-visible) .living-accent{animation-play-state:paused!important}@keyframes marker-accent-breathe{0%,100%{opacity:1}50%{opacity:1}}

/* Marker motion R3: preserve brand colour, demonstrate products, keep reading stable. */
:root{--marker-fast:180ms;--marker-enter:480ms;--marker-ease:cubic-bezier(.22,1,.36,1)}
.motion-photo,.living-illustration,.motion-orbit,.living-accent{animation:none!important}.motion-orbit{display:none}
.approved-section .dot:not(.gallery-dot-active){opacity:1}.help-dot{animation:none;opacity:1}
a:hover{filter:none}.category-card-image.category-active img{transform:translateY(-4px) scale(1.025);filter:none}
.pill,.button,.submit,.help-launch,.help-links a,.example-tab{transition:transform var(--marker-fast) var(--marker-ease),box-shadow var(--marker-fast) ease,background-color var(--marker-fast) ease}
@media(hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-4px)}.product-card:hover img{transform:scale(1.025)}.help-links a:hover{transform:translateX(3px)}}
.category-card-image img{transition:transform 420ms var(--marker-ease)}
.ribbon-track{animation-duration:38s}
@media(max-width:1100px){.ribbon-track{animation-duration:32s}}
.example-gallery{animation-duration:480ms}.example-tab.auto-scene-active:after{background:var(--marker-orange)}
.timeline article.live-step>div,.service-rows article.live-step{background:transparent}
.timeline article.live-step .step-no{box-shadow:none;color:var(--marker-orange)}
.service-rows article.live-step svg{animation:marker-process-draw 600ms var(--marker-ease) both}
@keyframes marker-process-draw{from{stroke-dasharray:45;stroke-dashoffset:45}to{stroke-dasharray:45;stroke-dashoffset:0}}
.sequence-art{overflow:visible}.sequence-image{display:block;width:100%;height:100%;object-fit:contain}
.sequence-art:after{content:'';position:absolute;left:15%;right:15%;bottom:-12px;height:3px;background:var(--marker-orange);transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--marker-ease);border-radius:2px}
.sequence-art.is-current:after{transform:scaleX(1)}.sequence-art.is-current .sequence-image{animation:marker-stage-arrive 480ms var(--marker-ease) both}
@keyframes marker-stage-arrive{from{transform:translateY(5px) scale(.97)}to{transform:translateY(0) scale(1)}}
.lighting-demo{margin:0;overflow:hidden;border-radius:12px;background:#fffdf8;isolation:isolate}
.lighting-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity 560ms ease,transform 1300ms var(--marker-ease)}
.lighting-slide.is-current{opacity:1;transform:scale(1)}
.lighting-caption{position:absolute;left:18px;bottom:18px;padding:9px 15px;border-radius:999px;background:#fffdf8;color:#06145c;font:700 16px/1.4 Manrope,sans-serif;z-index:2;display:flex;align-items:center;gap:8px;box-shadow:0 3px 14px #06145c18}
.lighting-caption:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--marker-orange)}
.motion-paused .sequence-art:after,.motion-page-hidden .sequence-art:after{transition:none}
.motion-paused .sequence-image,.motion-page-hidden .sequence-image,.motion-scene:not(.scene-visible) .sequence-image{animation:none!important}
.motion-paused .lighting-slide,.motion-page-hidden .lighting-slide{transition:none}
@media(prefers-reduced-motion:reduce){.lighting-slide,.sequence-art:after{transition:none!important}.sequence-art:after{display:none}.sequence-image{animation:none!important}.lighting-slide{transform:none}.category-card-image.category-active img,.product-card:hover,.product-card:hover img,.help-links a:hover,.pill:active,.button:active,.submit:active{transform:none!important}}

/* Sharp product panorama: crop unused white padding without stretching the products. */
.ribbon-image{height:80%!important;object-fit:cover;object-position:center}