.sc-motion-story.is-active .sc-motion-story-copy{opacity: 1; visibility: visible;} .sc-motion-story-copy h3{margin: 0 0 12px; font-size: 30px; line-height: 1.15;} .sc-motion-story-copy p{margin: 0; font-size: 16px; line-height: 1.5;} .sc-motion-hero .sc-motion-panels{min-height: 360px;} .sc-motion-hero .sc-motion-panels > [data-siot-motion-panel]{position: relative;} .sc-motion-hero .sc-motion-panels img{aspect-ratio: 16 / 9; object-fit: cover;} .sc-motion-hero-copy{position: absolute; left: 7%; bottom: 8%; max-width: 540px; padding: 28px; color: #102c43; background: #fff; border-radius: 20px;} .sc-motion-hero-copy h2{margin: 0 0 16px; font-size: 40px; line-height: 1.1;} .sc-motion-hero-controls{display: flex; gap: 8px; padding-top: 20px;} .sc-motion-hero-controls button{border: 1px solid currentColor; border-radius: 50px; padding: 8px 14px; color: inherit; background: transparent; cursor: pointer;} .sc-motion-hero-controls button.is-active{background: #102c43; color: #fff;} .sc-motion-reveal.is-motion-ready:not(.is-revealed){opacity: 0; transform: translateY(28px);} .sc-motion-reveal{transition: opacity var(--sc-motion-duration), transform var(--sc-motion-duration);} .sc-motion-marquee{overflow: auto;} .sc-motion-marquee-track{display: flex; width: max-content; align-items: center; gap: 32px;} .sc-motion-marquee-track [data-siot-motion-item]{flex: 0 0 auto; width: 180px; margin: 0;} .sc-motion-marquee-track img{width: 100%; height: 96px; object-fit: contain;} .sc-motion-marquee.is-motion-ready .sc-motion-marquee-track{animation: sc-motion-marquee var(--sc-motion-duration) linear infinite;} .sc-motion-marquee.is-motion-paused .sc-motion-marquee-track{animation-play-state: paused;} [data-siot-motion="marquee"].is-motion-paused .sc-motion-track, [data-siot-motion="marquee"].is-motion-paused .sc-motion-marquee-track{animation-play-state: paused !important;} @keyframes sc-motion-marquee{to{transform: translateX(calc(-1 * var(--sc-motion-distance, calc(50% + 16px))));}} .sc-motion-menu{position: relative; display: flex; gap: 28px; align-items: center;} .sc-motion-menu details > summary{list-style: none; cursor: pointer; padding: 12px 0;} .sc-motion-menu details > summary::-webkit-details-marker{display: none;} .sc-motion-menu details > summary::after{content: "⌄"; display: inline-block; margin-left: 8px;} .sc-motion-menu-panel{position: absolute; top: 100%; left: 0; right: 0; z-index: 40; padding: 32px; background: #fff; color: #102c43; border-radius: 0 0 24px 24px; box-shadow: 0 18px 32px rgba(16,44,67,.12);} .sc-motion-menu-panel a{display: block; color: inherit; padding: 10px 0;} [data-siot-motion="menu"].is-motion-ready details > .sc-motion-menu-panel{opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: opacity var(--sc-motion-duration) cubic-bezier(.22,.61,.36,1), transform var(--sc-motion-duration) cubic-bezier(.22,.61,.36,1), visibility var(--sc-motion-duration);} [data-siot-motion="menu"].is-motion-ready details.is-menu-open > .sc-motion-menu-panel{opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); z-index: 42;} [data-siot-motion="menu"].is-motion-ready details.is-menu-closing > .sc-motion-menu-panel{visibility: visible; pointer-events: none; z-index: 41;} [data-siot-motion="menu"].is-motion-ready.is-menu-mobile{display: flex; flex-direction: column; align-items: stretch; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: opacity var(--sc-motion-duration) ease, transform var(--sc-motion-duration) ease, visibility var(--sc-motion-duration);} [data-siot-motion="menu"].is-motion-ready.is-menu-mobile.is-menu-mobile-open{opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);} dialog[data-siot-motion="modal"]{border: 0; border-radius: 24px; color: #102c43; background: #fff; padding: 40px; width: min(960px,calc(100% - 32px)); max-height: calc(100% - 48px); overflow: auto;} dialog[data-siot-motion="modal"]::backdrop{background: rgba(16,44,67,.58);} dialog[data-siot-motion="modal"] [data-siot-modal-close]{display: block; margin-left: auto; border: 0; background: transparent; text-decoration: underline; cursor: pointer; padding: 8px;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) [data-siot-motion], body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) [data-siot-motion] *{animation: none !important; transition: none !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-card img, body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-reveal{transform: none !important; opacity: 1 !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-arrow{opacity: 1; transform: none;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-panels{display: grid; gap: 20px;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-panels > [data-siot-motion-panel]{grid-area: auto; visibility: visible; opacity: 1; pointer-events: auto;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-stories{height: auto;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-story-track{display: grid; grid-template-columns: repeat(2,minmax(0,1fr));} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-story{min-height: 420px;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-story-copy{opacity: 1; visibility: visible;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) [data-siot-motion="menu"] details:not([open]) > .sc-motion-menu-panel{display: none !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) [data-siot-motion="menu"] details[open] > .sc-motion-menu-panel{opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; animation: none !important; transition: none !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) [data-siot-motion="menu"][data-siot-menu-editor-mobile="closed"]{display: none !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) [data-siot-motion="menu"][data-siot-menu-editor-mobile="open"]{display: flex !important; flex-direction: column !important; align-items: stretch !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) dialog[data-siot-motion="modal"]:not([data-siot-modal-editor]){display: none !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) dialog[data-siot-motion="modal"][data-siot-modal-editor]{display: block; position: static; margin: 24px auto; max-height: none; border: 1px dashed #94a4b0;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) [data-siot-motion="hero"], body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) [data-siot-motion="features"]{height: auto !important; max-height: none !important; overflow: visible !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) [data-siot-motion]:is([data-siot-motion="hero"],[data-siot-motion="features"]) :has(> [data-siot-motion-panel]){position: relative !important; inset: auto !important; display: grid !important; gap: 20px !important; height: auto !important; max-height: none !important; overflow: visible !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) [data-siot-motion]:is([data-siot-motion="hero"],[data-siot-motion="features"]) [data-siot-motion-panel]{position: relative !important; inset: auto !important; grid-area: auto !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; height: auto !important; min-height: 280px !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) [data-siot-motion="hero"]::after, body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) [data-siot-motion="hero"]::before{display: none !important;} [data-siot-motion] [data-siot-motion-control-hidden="1"]{display: none !important;} [data-siot-motion] [data-siot-motion-control-quiet="1"]:not(:focus):not(:active){position: absolute !important; width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: -1px !important; border: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important; white-space: nowrap !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) [data-siot-motion="features"][data-siot-editor-panels="single"] .sc-motion-panels{gap: 0 !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) [data-siot-motion="features"][data-siot-editor-panels="single"] [data-siot-hero-editor-panel="inactive"], body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) [data-siot-motion="features"][data-siot-editor-panels="single"]:not([data-siot-hero-editor]) .sc-motion-panels > [data-siot-motion-panel]:not(:first-child){display: none !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) [data-siot-motion="features"][data-siot-editor-panels="single"] [data-siot-hero-editor-panel="active"]{grid-area: 1 / 1 !important;} :is(.sc-carousel,.carousel[data-siot-autoplay])[data-siot-show-navigation="0"] > .carousel-control, :is(.sc-carousel,.carousel[data-siot-autoplay])[data-siot-show-pagination="0"] > .carousel-indicators{display: none !important;} .sc-carousel-pause{position: absolute; z-index: 3; right: 16px; bottom: 16px; padding: 8px 14px; border: 1px solid currentColor; border-radius: 4px; background: #fff; color: #222; font: inherit;} .sc-carousel-pause[hidden]{display: none !important;} .sc-carousel-pause:focus{outline: 2px solid currentColor; outline-offset: 3px;} .sc-carousel-pause-quiet:not(:focus):not(:active){width: 1px !important; height: 1px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: -1px !important; border: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important; white-space: nowrap !important;} @media (max-width: 1000px){.sc-motion-grid{grid-template-columns: repeat(2,minmax(0,1fr));}.sc-motion-features{gap: 32px;}.sc-motion-feature-copy > h2{font-size: 40px;}.sc-motion-selectors button{font-size: 32px;}.sc-motion-story > button{left: 8px; right: 8px; font-size: 15px; padding: 8px;}} @media (max-width: 680px){.sc-motion-section{padding: 40px 20px;}.sc-motion-grid{gap: 24px 16px;}.sc-motion-card h3{font-size: 20px; margin-top: 16px;}.sc-motion-card p{font-size: 14px;}.sc-motion-features{grid-template-columns: 1fr;}.sc-motion-feature-copy > h2{font-size: 36px; margin-bottom: 28px;}.sc-motion-selectors{gap: 16px;}.sc-motion-selectors button{font-size: 30px;}.sc-motion-panels [data-siot-motion-panel]{border-radius: 28px;}.sc-motion-features .sc-motion-panels img, .sc-motion-features .sc-motion-panels video{min-height: 300px;}.sc-motion-stories{height: auto;}.sc-motion-story-track{flex-direction: column;}.sc-motion-story{flex: none !important; height: 82px; transition: height var(--sc-motion-duration);}.sc-motion-story.is-active{height: 480px;}.sc-motion-story > button{left: 16px; right: 16px; top: 16px; font-size: 18px;}.sc-motion-story-copy h3{font-size: 26px;}.sc-motion-hero .sc-motion-panels{min-height: 0;}.sc-motion-hero .sc-motion-panels img{aspect-ratio: 4 / 5;}.sc-motion-hero-copy{left: 20px; right: 20px; bottom: 20px; padding: 20px;}.sc-motion-hero-copy h2{font-size: 28px;}.sc-motion-menu{display: block;}.sc-motion-menu-panel{position: static; box-shadow: none; padding: 16px;}dialog[data-siot-motion="modal"]{padding: 24px;}body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-story-track{grid-template-columns: 1fr;}body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active) .sc-motion-story{height: 480px;}} @media (prefers-reduced-motion: reduce){[data-siot-motion], [data-siot-motion] *{animation: none !important; transition: none !important; scroll-behavior: auto !important;}.sc-motion-reveal, .sc-motion-reveal.is-motion-ready:not(.is-revealed){opacity: 1; transform: none;}.sc-motion-card:hover .sc-motion-card-media img, .sc-motion-card:focus-within .sc-motion-card-media img{transform: none;}} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"]{position: relative; isolation: isolate; container-type: inline-size; height: auto; min-height: 640px; max-height: none; overflow: hidden; background: #183b3d;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] > .sc-hero-slides{position: relative; display: grid; grid-template-columns: minmax(0,1fr); gap: 0; height: auto; min-height: inherit;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-slide[data-siot-motion-panel]{position: relative; grid-area: 1 / 1; display: flex; align-items: center; min-width: 0; min-height: 680px; min-height: clamp(640px,45cqi,760px); height: auto; margin: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--sc-motion-duration,700ms) ease, visibility var(--sc-motion-duration,700ms);} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"]:not(.is-motion-ready) .sc-hero-slide:first-child, .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"].is-motion-ready .sc-hero-slide.is-active{opacity: 1; visibility: visible; pointer-events: auto;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-hero-image], .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-shade{position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-shade{background: linear-gradient(90deg,rgba(6,20,24,.74),rgba(6,20,24,.43) 52%,rgba(6,20,24,.1)); pointer-events: none;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-content{position: relative; z-index: 1; width: calc(100% - 12%); max-width: 1440px; margin: 0 auto; height: auto; min-width: 0; padding: 80px 0 132px;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-motion-title]{color: #fff; font-size: 72px; font-size: clamp(42px,5.3cqi,88px); line-height: 1.035; font-weight: 600; letter-spacing: -.045em; max-width: 14ch; margin: 0 0 28px; white-space: pre-line; overflow-wrap: break-word;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-hero-description]{color: #fff; font-size: 20px; font-size: clamp(17px,1.5cqi,21px); line-height: 1.55; max-width: 540px; margin: 0; white-space: pre-line; overflow-wrap: break-word;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-actions{display: flex; align-items: center; flex-wrap: wrap; gap: 20px 28px; margin-top: 32px;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-actions > a{color: #fff; font-size: 15px; font-weight: 600; line-height: 1.4; text-decoration: none;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-actions > [data-siot-hero-cta="primary"]{display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 15px 27px; border: 1px solid #fff; border-radius: 40px; background: #fff; color: #183b3d;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-actions > [data-siot-hero-cta="secondary"]{text-decoration: underline; text-underline-offset: 5px; padding-block: 12px;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-controls{position: absolute; z-index: 2; bottom: 24px; left: 6%; right: 6%; display: flex; align-items: center; gap: 12px; color: #fff;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-controls button{cursor: pointer; min-height: 44px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.6); border-radius: 25px; background: transparent; color: inherit; font-size: 12px; font-weight: 500;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-controls button:hover{background: rgba(255,255,255,.13);} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-hero-dots]{display: flex; gap: 0;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-hero-dots] button{position: relative; width: 36px; padding: 0; border: 0; border-radius: 0;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-hero-dots] button::before{content: ''; position: absolute; top: 20px; left: 5px; right: 5px; height: 3px; border-radius: 3px; background: currentColor; opacity: .45;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-hero-dots] button[aria-selected="true"]::before{opacity: 1;} .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-motion-pause]{margin-left: 6px;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"]{overflow: hidden !important; min-height: 620px !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] > .sc-hero-slides{position: relative !important; inset: auto !important; display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 0 !important; overflow: hidden !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-slide[data-siot-motion-panel]{position: relative !important; grid-area: 1 / 1 !important; display: none !important; min-height: 620px !important; animation: none !important; transition: none !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"]:not([data-siot-hero-editor]) .sc-hero-slide:first-child, body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-slide[data-siot-hero-editor-panel="active"]{display: flex !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-hero-image], body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) .sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-shade{position: absolute !important; inset: 0 !important; height: 100% !important; width: 100% !important; transform: none !important;} .sc-collection-item.sc-hero-row-active{border-color: #526f8b;} .sc-hero-row-actions{display: flex; flex-wrap: wrap; gap: 6px; padding: 8px;} .sc-hero-row-actions button{padding: 6px 9px; border: 1px solid #cad4df; border-radius: 4px; background: #fff; color: #243b53; font-size: 11px;} .sc-hero-row-actions button[aria-pressed="true"]{background: #edf3f8; font-weight: 600;} @media (max-width: 680px){.sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"]{min-height: 620px; height: auto; max-height: none;}.sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-slide[data-siot-motion-panel]{align-items: flex-start; min-height: 620px;}.sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-content{width: calc(100% - 40px); padding: 54px 0 126px;}.sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-motion-title]{font-size: 44px; font-size: clamp(36px,10.5cqi,58px); max-width: 13ch; margin-bottom: 23px;}.sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-hero-description]{font-size: 16px; max-width: 32ch;}.sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-actions{align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 25px;}.sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-controls{left: 20px; right: 20px; bottom: 18px; gap: 3px; flex-wrap: wrap;}.sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] .sc-hero-controls button{font-size: 10px; padding-inline: 9px;}.sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-hero-dots] button{width: 27px; padding: 0;}.sc-hero-editorial[data-siot-motion="hero"][data-siot-hero-content="slides"] [data-siot-motion-pause]{margin-left: auto;}} .sc-solutions{container: solutions / inline-size;} .sc-solutions-heading{display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 38px;} .sc-solutions-heading h2{margin: 0;} .sc-solutions-heading > p{max-width: 330px; font-size: 18px; margin: 0 0 4px;} .sc-solutions-grid{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;} .sc-solution-card{container: solution-card / inline-size; display: flex; flex-direction: column; min-width: 0; border-radius: 24px; background: #f5f4f1; color: #163d45; overflow: hidden; text-decoration: none !important; transition: transform .3s ease, box-shadow .3s ease;} .sc-solution-card:hover, .sc-solution-card:focus-visible{color: #163d45; transform: translateY(-5px); box-shadow: 0 14px 32px #143b4212;} .sc-solution-visual{min-width: 0; height: 265px; background: #e4eeec; position: relative; display: grid; align-items: center; justify-items: center; padding: 24px; overflow: hidden;} .sc-solution-visual > :first-child{transition: transform .5s ease;} .sc-solution-card:hover .sc-solution-visual > :first-child{transform: translateY(-4px);} .sc-solution-copy{display: flex; flex-direction: column; flex: 1; padding: 26px 28px 28px;} .sc-solution-copy h3, .a26-site .sc-solution-copy h3{font-size: clamp(21px,6.4cqi,29px); font-weight: 550; line-height: 1.14; letter-spacing: -.035em; margin: 0 0 12px;} .sc-solution-copy p, .a26-site .sc-solution-copy p{font-size: 14px; line-height: 1.65; color: #52646a; margin: 0 0 24px;} .sc-solution-copy > span{display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; font-size: 13px; font-weight: 650; color: #006c7c;} .sc-solution-copy b{font-size: 24px; font-weight: 400;} .sc-mini-sale{width: 100%; max-width: 330px; border-radius: 13px; background: #fff; padding: 16px; box-shadow: 0 12px 0 #bdd5d3; transform: rotate(-3deg);} .sc-mini-sale > span{font-size: 10px; font-weight: 650; color: #466568;} .sc-mini-sale-body{display: grid; grid-template-columns: 1.3fr 1fr; gap: 14px; margin-top: 14px;} .sc-mini-products{display: grid; grid-template-columns: 1fr 1fr; gap: 7px;} .sc-mini-products span{padding: 24px 2px 8px; border-radius: 6px; background: #deebea; font-size: 10px; text-align: center;} .sc-mini-products span:nth-child(2){background: #f4eee0;} .sc-mini-products span:nth-child(3){background: #e9e7f2;} .sc-mini-receipt{padding: 10px; border-left: 1px solid #e9eeeb; font-size: 11px; display: flex; flex-direction: column; gap: 10px;} .sc-mini-receipt i{height: 3px; width: 95%; background: #d9e1df;} .sc-mini-receipt i:nth-of-type(2){width: 70%;} .sc-mini-receipt b{padding: 8px 4px; margin-top: auto; font-size: 9px; border-radius: 5px; background: #006a75; color: white; text-align: center;} .sc-solution-visual--stock{background: #e8e9de;} .sc-mini-stock{display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; width: 100%; max-width: 350px; font-size: 11px;} .sc-mini-stock > span{writing-mode: vertical-rl; text-orientation: mixed; letter-spacing: .03em; border-top: 1px solid #99aaa0; padding-top: 25px;} .sc-mini-stock > div{display: flex; flex-direction: column; gap: 12px; text-align: center;} .sc-mini-stock > div > span{border: 1px solid #b8c8bc; padding: 10px; border-radius: 8px;} .sc-mini-stock strong{background: #255950; color: white; border-radius: 10px; padding: 26px 8px; font-size: 20px; font-weight: 500;} .sc-solution-visual--aura{background: #173e47; grid-template-columns: .9fr 1.1fr; gap: 14px;} .sc-solution-visual--aura img{width: 100%; height: auto; max-height: 150px; object-fit: contain;} .sc-mini-aura-note{font-size: clamp(16px,5cqi,23px); color: #d8e9e8; line-height: 1.5;} .sc-mini-aura-note strong{color: white; font-weight: 550;} .sc-solution-visual--photo{padding: 0;} .sc-solution-visual--photo img{width: 100%; height: 100%; object-fit: cover;} .sc-solution-visual--rental{background: #eadbc8;} .sc-mini-rental{width: 100%; max-width: 330px;} .sc-mini-rental > span{display: block; font-size: 11px; color: #6a5944; margin-bottom: 12px;} .sc-mini-rental > strong{display: block; font-size: 33px; line-height: 1.08; letter-spacing: -.04em; font-weight: 500; color: #483f35;} .sc-mini-rental > div{display: flex; flex-wrap: wrap; gap: 5px; margin: 19px 0 10px;} .sc-mini-rental > div > span{background: #fbf6ee; border: 1px solid #cab99e; font-size: 11px; padding: 9px 10px; border-radius: 6px;} .sc-mini-rental small{color: #6a5944; font-size: 10px;} .sc-solution-visual--plans{background: #dce7ed;} .sc-mini-plan{width: 100%; max-width: 330px; display: grid; grid-template-columns: 1.25fr 1fr; gap: 16px;} .sc-mini-plan > span{grid-column: 1 / -1; font-size: 12px; font-weight: 700; letter-spacing: .13em;} .sc-mini-plan strong{font-size: 34px; line-height: 1.14; letter-spacing: -.04em; font-weight: 500;} .sc-mini-plan > div{display: flex; flex-direction: column; gap: 9px;} .sc-mini-plan > div > span{font-size: 11px; background: white; border-radius: 5px; padding: 10px;} @container solution-card (max-width: 260px){.sc-solution-visual{height: 205px; padding: 14px;}.sc-solution-copy{padding: 22px 16px;}.sc-solution-copy p{font-size: 13px;}.sc-mini-sale{padding: 10px;}.sc-mini-sale-body{gap: 7px;}.sc-mini-sale-body{grid-template-columns: 1fr;}.sc-mini-receipt{display: none;}.sc-mini-rental > strong,.sc-mini-plan strong{font-size: 26px;}.sc-mini-plan{grid-template-columns: 1fr; gap: 8px;}.sc-mini-plan > div{flex-direction: row; flex-wrap: wrap; gap: 3px;}.sc-mini-plan > div > span{padding: 5px; font-size: 9px;}.sc-solution-visual--aura{grid-template-columns: 1fr;}.sc-solution-visual--aura img{max-height: 90px;}.sc-mini-aura-note{font-size: 16px; text-align: center;}.sc-mini-rental > div{gap: 3px;}.sc-mini-rental > div > span{padding: 5px; font-size: 10px;}.sc-solution-visual--photo{padding: 0;}} @container solutions (max-width: 720px){.sc-solutions-heading{display: block;}.sc-solutions-heading > p{max-width: 100%; margin-top: 20px; font-size: 16px;}} .sc-aura-section{container: aura / inline-size; padding-block: 50px 96px; color: #193f47; scroll-margin-top: 110px;} .sc-aura-heading{max-width: 980px; margin-bottom: 40px;} .sc-aura-brand{display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 700; letter-spacing: .05em; margin-bottom: 25px;} .sc-aura-brand img{width: 40px; height: 40px; object-fit: contain;} .sc-aura-brand small{font-size: 11px; font-weight: 550; letter-spacing: .025em; margin-left: 10px; padding-left: 19px; border-left: 1px solid #a5babd; color: #5c7075;} .sc-aura-heading h2, .a26-site .sc-aura-heading h2{font-size: clamp(34px,4.2cqi,58px); letter-spacing: -.045em; line-height: 1.12; margin: 0 0 20px; font-weight: 500;} .sc-aura-heading > p{font-size: 18px; max-width: 770px; color: #52676c;} .sc-aura-workspace{border: 1px solid #dbe5e3; border-radius: 28px; background: #fafbf9; overflow: hidden;} .sc-aura-tabs{display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); padding: 10px 12px; gap: 4px; border-bottom: 1px solid #dbe5e3; background: #fff;} .sc-aura-tabs > button{border: 0; border-radius: 13px; background: transparent; padding: 17px 8px; font-size: 14px; font-weight: 550; line-height: 1.4; cursor: pointer; color: #52676c; transition: background .25s ease,color .25s ease;} .sc-aura-tabs > button:hover{background: #eff4f2; color: #17404a;} .sc-aura-tabs > button[aria-selected=true]{background: #17464e; color: white;} .sc-aura-tabs > button:focus-visible{outline-offset: -3px; outline-color: #00a3b5;} .sc-aura-panels.sc-motion-panels{display: grid;} .sc-aura-panels.sc-motion-panels > .sc-aura-panel{border-radius: 0; margin: 0; display: grid; grid-template-columns: 1.12fr 1fr; overflow: visible;} .sc-aura-workspace:not(.is-motion-ready) .sc-aura-panel:not(:first-child){display: none;} .sc-aura-scene{container: aura-scene / inline-size; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; min-width: 0; min-height: 510px; background: #e6efec;} .sc-aura-scene-top{display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; font-size: 11px; color: #3c666a;} .sc-aura-scene-top > span:first-child{font-weight: 650;} .sc-aura-scene-top > span:last-child{text-align: right;} .sc-aura-scene-foot{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 22px; font-size: 11px; font-weight: 500; color: #48686a;} .sc-aura-scene-foot > :not(:last-child)::after{content: '→'; padding-left: 20px; color: #829d9c;} .sc-aura-scene-foot strong{font-weight: 600; color: #174a52;} .sc-aura-copy{padding: 44px 42px 38px; align-self: center; min-width: 0;} .sc-aura-kicker{font-size: 11px; font-weight: 650; letter-spacing: .06em; color: #007c8b; display: block; margin-bottom: 18px;} .sc-aura-copy h3, .a26-site .sc-aura-copy h3{font-size: clamp(26px,2.9cqi,40px); line-height: 1.13; font-weight: 500; margin: 0 0 21px; letter-spacing: -.04em; color: #193f47;} .sc-aura-copy p, .a26-site .sc-aura-copy p{font-size: 15px; line-height: 1.8; color: #4f676b; margin: 0 0 21px;} .sc-aura-copy ul{padding: 0; margin: 0 0 29px; list-style: none;} .sc-aura-copy li{border-top: 1px solid #dce4e1; padding: 12px 0; font-size: 13px; line-height: 1.6; color: #395a5f;} .sc-aura-copy li:last-child{border-bottom: 1px solid #dce4e1;} .sc-aura-copy .a26-btn{display: inline-block; text-align: center;} .sc-aura-badge{display: inline-block; color: #246972; font-size: 10px; font-weight: 750; letter-spacing: .11em; margin-bottom: 16px;} .sc-aura-invoice-flow{display: grid; grid-template-columns: .85fr auto 1.15fr; align-items: center; gap: 16px; padding: 42px 0 30px;} .sc-aura-paper{background: #fffcf5; border: 1px solid #d8dfd5; box-shadow: -7px 8px 0 #c4d6d0; padding: 24px 18px 17px; border-radius: 4px 4px 14px 4px; transform: rotate(-4deg);} .sc-aura-paper > span{font-size: 10px; color: #657871; letter-spacing: .1em;} .sc-aura-paper > strong{display: block; margin: 15px 0 21px; font-size: 20px; font-weight: 500; line-height: 1.15;} .sc-aura-paper-lines{display: grid; gap: 10px; margin-bottom: 20px;} .sc-aura-paper-lines i{background: #cad4c8; height: 4px; display: block;} .sc-aura-paper-lines i:nth-child(even){width: 70%;} .sc-aura-paper > div:last-of-type{display: flex; flex-direction: column; gap: 4px; font-size: 9px; color: #55685d;} .sc-aura-paper > b{border-top: 1px solid #cfd8cf; padding-top: 12px; margin-top: 17px; display: block; font-size: 9px; font-weight: 500;} .sc-aura-transfer{color: #4d7a7c; font-size: 26px;} .sc-aura-extracted{padding: 25px 20px 20px; border-radius: 17px; background: white; box-shadow: 0 12px 32px #173f4510;} .sc-aura-extracted > strong{display: block; font-weight: 550; line-height: 1.2; font-size: 22px; margin-bottom: 22px; letter-spacing: -.02em;} .sc-aura-extracted dl{margin: 0 0 22px;} .sc-aura-extracted dl > div{border-bottom: 1px solid #e2e9e6; padding: 10px 0;} .sc-aura-extracted dt{font-size: 10px; color: #5b7577; font-weight: 400;} .sc-aura-extracted dd{margin: 4px 0 0; font-size: 11px; font-weight: 550;} .sc-aura-status{display: block; padding: 9px 6px; border-radius: 6px; background: #e8f2ea; font-size: 10px; color: #3f664a; text-align: center;} .sc-aura-scene--chat{background: #e5eeea;} .sc-aura-chat{padding: 35px 0 24px; max-width: 430px; width: 100%; margin: auto;} .sc-aura-chat-question{width: fit-content; margin-left: auto; background: #174c50; color: white; padding: 17px 21px; border-radius: 18px 18px 3px 18px; font-size: 14px;} .sc-aura-chat-answer{max-width: 92%; margin: 20px 0; padding: 26px; border-radius: 18px 18px 18px 3px; background: #fff;} .sc-aura-chat-answer strong{display: block; font-size: 24px; line-height: 1.2; font-weight: 500; letter-spacing: -.025em;} .sc-aura-chat-topics{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 20px;} .sc-aura-chat-topics > span{font-size: 11px; border-bottom: 2px solid #c0dbd5; padding: 7px 8px 7px 0;} .sc-aura-handoff{margin-left: 22px; border-left: 2px solid #97b4a9; padding-left: 18px;} .sc-aura-handoff span{display: block; font-size: 11px; margin-bottom: 7px; color: #61756e;} .sc-aura-handoff strong{font-size: 14px; font-weight: 500;} .sc-aura-scene--sales{background: #e9e6dc;} .sc-aura-sales-flow{width: 100%; max-width: 430px; margin: auto; padding: 28px 0;} .sc-aura-lead{margin-left: 30px; border-left: 1px solid #a3ad9e; padding-left: 20px;} .sc-aura-lead > span{display: block; font-size: 11px; margin-bottom: 8px;} .sc-aura-lead > strong{font-size: 22px; line-height: 1.2; font-weight: 500;} .sc-aura-quote{margin-top: 25px; padding: 27px; border-radius: 16px; background: white; transform: rotate(-2deg); box-shadow: 7px 7px 0 #d2d5c8;} .sc-aura-quote > strong{display: block; font-size: 23px; line-height: 1.2; font-weight: 500;} .sc-aura-quote > div{display: flex; flex-wrap: wrap; gap: 16px; margin-top: 23px; font-size: 11px;} .sc-aura-sales-next{margin-top: 22px; padding-left: 30px;} .sc-aura-sales-next span{display: block; font-size: 10px; margin-bottom: 6px; color: #687568;} .sc-aura-sales-next strong{font-size: 13px; font-weight: 550;} .sc-aura-scene--documents{background: #e5ebef;} .sc-aura-document-stack{display: flex; align-items: center; padding: 50px 0 25px; width: 100%;} .sc-aura-doc{min-width: 0; width: 38%; background: #fff; border: 1px solid #d4dee2; padding: 26px 18px; border-radius: 8px 8px 22px 8px; min-height: 210px; box-shadow: 0 12px 26px #183a4610; transform: rotate(-6deg);} .sc-aura-doc:nth-child(2){transform: translateY(-15px); z-index: 1; margin-left: -7%;} .sc-aura-doc:nth-child(3){transform: rotate(6deg); margin-left: -7%;} .sc-aura-doc > span{font-size: 10px; font-weight: 650; color: #6b8189; display: block; padding-bottom: 45px;} .sc-aura-doc strong{font-size: 20px; line-height: 1.2; display: block; font-weight: 500;} .sc-aura-doc small{display: block; font-size: 9px; line-height: 1.5; margin-top: 13px; color: #6b8189;} .sc-aura-delivery{display: flex; align-items: center; gap: 17px; padding: 18px 20px; background: #d8e4e6; border-radius: 12px;} .sc-aura-delivery .sc-aura-badge{margin: 0;} .sc-aura-delivery strong{font-size: 13px; font-weight: 500;} .sc-aura-scene--context{background: #e8e6ef;} .sc-aura-context-map{width: 100%; padding-block: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 25px; align-items: center;} .sc-aura-context-sources{display: grid; gap: 12px;} .sc-aura-context-sources > span{background: white; font-size: 13px; border-radius: 9px; padding: 17px; border-right: 3px solid #8b91b5;} .sc-aura-context-core{display: flex; flex-direction: column; align-items: center; gap: 16px;} .sc-aura-context-core img{width: 115px; height: 115px; object-fit: contain;} .sc-aura-context-core strong{font-size: 18px; letter-spacing: .16em;} .sc-aura-context-result{grid-column: 1 / -1; border-top: 1px solid #c4c4d4; padding-top: 25px; display: flex; justify-content: space-between; align-items: center; gap: 20px;} .sc-aura-context-result strong{font-size: 22px; font-weight: 500; line-height: 1.18;} .sc-aura-context-result > span{font-size: 11px; line-height: 1.8; color: #646982;} .sc-aura-scene--guide{background: #e5eeec;} .sc-aura-guide-window{position: relative; padding: 34px 18% 75px 0; margin: auto 0;} .sc-aura-guide-screen{background: white; border: 1px solid #d1dfda; border-radius: 12px; padding: 23px; min-height: 245px;} .sc-aura-guide-screen > span:first-child{color: #33747d; font-size: 10px; letter-spacing: .1em;} .sc-aura-guide-screen > strong{display: block; margin: 24px 0; font-size: 22px; font-weight: 500; line-height: 1.2;} .sc-aura-guide-fields{display: grid; gap: 11px; margin-bottom: 20px;} .sc-aura-guide-fields > i{height: 12px; border-radius: 4px; background: #eaf0ed; width: 95%;} .sc-aura-guide-fields > i:nth-child(2){width: 67%;} .sc-aura-guide-highlight{display: inline-block; border: 1px solid #007c8b; padding: 9px 12px; border-radius: 5px; font-size: 11px; color: #006978; outline: 5px solid #e5f2f1;} .sc-aura-guide-note{position: absolute; width: 62%; right: 0; bottom: 24px; background: #1c4d55; color: white; padding: 25px; border-radius: 16px; box-shadow: 0 10px 30px #183c4814;} .sc-aura-guide-note .sc-aura-badge{color: #b3dedc; margin-bottom: 12px;} .sc-aura-guide-note strong{display: block; font-size: 19px; font-weight: 500; line-height: 1.2;} .sc-aura-guide-note p, .a26-site .sc-aura-guide-note p{color: #d0e2e3; font-size: 11px; line-height: 1.5; margin: 12px 0 0;} .sc-aura-workspace.is-motion-ready .is-active .sc-aura-enter{animation: sc-aura-arrive .55s both;} .sc-aura-workspace.is-motion-ready .is-active .sc-aura-enter:nth-child(2){animation-delay: .08s;} .sc-aura-workspace.is-motion-ready .is-active .sc-aura-enter:nth-child(3){animation-delay: .16s;} @keyframes sc-aura-arrive{from{opacity: 0; translate: 0 12px;}to{opacity: 1; translate: 0 0;}} @container aura (max-width: 980px){.sc-aura-copy{padding: 28px;}.sc-aura-scene{padding: 24px;}.sc-aura-tabs > button{font-size: 12px; padding: 15px 5px;}} @container aura (max-width: 720px){.sc-aura-heading > p{font-size: 16px;}.sc-aura-brand small{font-size: 10px; margin-left: 0; padding-left: 10px;}.sc-aura-tabs{grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; padding: 8px;}.sc-aura-tabs > button{min-height: 44px; padding: 12px 4px;}.sc-aura-panels.sc-motion-panels > .sc-aura-panel{grid-template-columns: 1fr;}.sc-aura-scene{min-height: 390px; padding: 22px;}.sc-aura-copy{padding: 30px 24px;}.sc-aura-copy h3,.a26-site .sc-aura-copy h3{font-size: 30px;}.sc-aura-copy p,.a26-site .sc-aura-copy p{font-size: 14px;}.sc-aura-workspace{border-radius: 20px;}.sc-aura-section{padding-block: 25px 65px;}} @container aura-scene (max-width: 430px){.sc-aura-invoice-flow{gap: 9px; grid-template-columns: .82fr 1.18fr; padding-block: 35px 22px;}.sc-aura-transfer{display: none;}.sc-aura-paper{padding: 18px 12px 14px;}.sc-aura-paper > strong{font-size: 17px;}.sc-aura-extracted{padding: 20px 13px 14px;}.sc-aura-extracted > strong{font-size: 19px;}.sc-aura-scene-foot{gap: 5px; font-size: 10px;}.sc-aura-scene-foot > :not(:last-child)::after{padding-left: 7px;}.sc-aura-doc{padding: 18px 11px; min-height: 185px;}.sc-aura-doc strong{font-size: 16px;}.sc-aura-doc > span{padding-bottom: 30px;}.sc-aura-context-result strong{font-size: 19px;}.sc-aura-guide-note{padding: 19px; width: 72%;}.sc-aura-guide-note strong{font-size: 17px;}.sc-aura-scene-top{font-size: 9px;}.sc-aura-delivery{padding: 14px; gap: 12px;}.sc-aura-delivery strong{font-size: 11px;}} @media (max-width: 991px){.sc-solutions-grid{grid-template-columns: repeat(2,minmax(0,1fr));}} @media (max-width: 767px){.sc-solutions-grid{grid-template-columns: 1fr;}} @media (prefers-reduced-motion: reduce){.sc-solution-card,.sc-solution-visual > :first-child{transition: none; transform: none !important;}.sc-aura-workspace .sc-aura-enter{animation: none !important;}} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) .sc-solution-card{transform: none !important; box-shadow: none;} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) .sc-aura-scene[role=img]{outline-offset: -2px;} .sc-solutions-photographic .sc-solutions-heading{display: block; text-align: center; margin: 0 auto 42px; max-width: 760px;} .sc-solutions-photographic .sc-solutions-heading h2{font-size: clamp(34px,4cqi,52px); line-height: 1.13; font-weight: 500; letter-spacing: -.045em; margin: 0 0 20px;} .sc-solutions-photographic .sc-solutions-heading > p{margin: 0 auto; max-width: none; font-size: 17px; line-height: 1.6; color: #53666b;} .sc-solutions-photographic .sc-solutions-grid{grid-template-columns: repeat(4,minmax(0,1fr)); gap: 42px 24px;} .sc-solutions-photographic .sc-solution-card{display: flex; flex-direction: column; min-width: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #13343d; text-decoration: none; transform: none;} .sc-solutions-photographic .sc-solution-visual{height: auto; aspect-ratio: 1 / 1.04; padding: 0; display: block; overflow: hidden; border-radius: 24px; background: #e5eeee;} .sc-solutions-photographic .sc-solution-visual > img{display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.2,.7,.25,1);} .sc-solutions-photographic .sc-solution-copy{display: flex; flex: 1; flex-direction: column; padding: 22px 0 0;} .sc-solutions-photographic .sc-solution-copy h3{font-size: clamp(21px,7cqi,27px); font-weight: 500; line-height: 1.2; letter-spacing: -.035em; margin: 0 0 13px;} .sc-solutions-photographic .sc-solution-copy p{color: #50646a; font-size: 14px; line-height: 1.75; margin: 0 0 20px;} .sc-solutions-photographic .sc-solution-copy .sc-solution-link{margin-top: auto; padding: 0; border: 0; font-size: 13px; line-height: 1.6; color: #006477; font-weight: 600; text-decoration: underline; text-decoration-color: #a6c3c8; text-underline-offset: 6px; text-decoration-thickness: 1px; transition: text-decoration-color .2s ease;} .sc-solutions-photographic .sc-solution-card:hover{box-shadow: none; transform: none;} .sc-solutions-photographic .sc-solution-card:hover .sc-solution-visual > img{transform: scale(1.035);} .sc-solutions-photographic .sc-solution-card:hover .sc-solution-link{text-decoration-color: currentColor;} .sc-solutions-photographic .sc-solution-card:focus-visible{outline: 2px solid #007f91; outline-offset: 7px; border-radius: 24px 24px 0 0;} @container solutions (max-width: 720px){.sc-solutions-photographic .sc-solutions-heading{margin-bottom: 30px;}.sc-solutions-photographic .sc-solutions-heading > p{font-size: 15px;}.sc-solutions-photographic .sc-solutions-grid{gap: 34px 18px;}.sc-solutions-photographic .sc-solution-visual{aspect-ratio: 1.12 / 1; border-radius: 20px;}} @container solution-card (max-width: 210px){.sc-solutions-photographic .sc-solution-copy h3{font-size: 19px;}.sc-solutions-photographic .sc-solution-copy p{font-size: 13px;}.sc-solutions-photographic .sc-solution-copy .sc-solution-link{font-size: 12px;}} @media (prefers-reduced-motion: reduce){.sc-solutions-photographic .sc-solution-visual > img{transition: none; transform: none !important;}} body:is(.editor_enable,.siotcore-editor-v2,.sc-editor-active,.o_is_editing) .sc-solutions-photographic .sc-solution-visual > img{transform: none !important;} .sc-aura-explorer{container: aura-explorer / inline-size; padding-block: 76px 88px; color: #243e42;} .sc-aura-explorer .sc-aura-explorer-heading{max-width: 850px; margin: 0 0 36px;} .sc-aura-explorer .sc-aura-explorer-heading h2{margin: 0 0 18px; max-width: 820px; font-family: inherit; font-size: clamp(34px,4.5cqi,58px); font-weight: 500; line-height: 1.12; letter-spacing: -.04em;} .sc-aura-explorer .sc-aura-explorer-heading > p{max-width: 730px; margin: 0; font-size: 18px; line-height: 1.6; color: #5a696b;} .sc-aura-explorer .sc-aura-workspace{border: 1px solid #d7e1df; border-radius: 24px; background: #fff; box-shadow: 0 18px 55px rgba(30,60,64,.06); overflow: hidden;} .sc-aura-explorer .sc-aura-explorer-titlebar{display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; padding: 17px 30px; background: #fff; border-bottom: 1px solid #e1e7e5;} .sc-aura-explorer .sc-aura-explorer-titlebar > div{display: flex; align-items: center; gap: 13px; font-size: 16px; font-weight: 650;} .sc-aura-explorer .sc-aura-explorer-titlebar img{width: 38px; height: 38px; object-fit: contain;} .sc-aura-explorer .sc-aura-explorer-titlebar > a, .sc-aura-explorer .sc-aura-explorer-link, .sc-aura-explorer .sc-aura-rail-link{color: #006d7d; font-size: 13px; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .25em;} .sc-aura-explorer .sc-aura-explorer-layout{display: grid; grid-template-columns: 220px minmax(0,1fr);} .sc-aura-explorer .sc-aura-explorer-rail{min-width: 0; padding: 28px 15px; background: #f4f6f4; border-right: 1px solid #e1e7e5;} .sc-aura-explorer .sc-aura-explorer-rail > p{color: #677578; font-size: 11px; letter-spacing: .05em; margin: 0 13px 17px;} .sc-aura-explorer .sc-aura-explorer-tabs{display: grid; grid-template-columns: 1fr; gap: 5px; padding: 0; border: 0; background: transparent;} .sc-aura-explorer .sc-aura-explorer-tabs > button{display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: start; gap: 11px; min-height: 75px; width: 100%; padding: 17px 13px; border: 0; border-radius: 12px; background: transparent; text-align: left; font-family: inherit; font-size: 14px; font-weight: 550; line-height: 1.5; color: #526267; cursor: pointer; transition: color .2s ease, background-color .2s ease;} .sc-aura-explorer .sc-aura-task-number{font-size: 10px; font-weight: 500; line-height: 2.1; opacity: .7; font-variant-numeric: tabular-nums;} .sc-aura-explorer .sc-aura-explorer-tabs > button:hover{background: #e7eeeb; color: #23484f;} .sc-aura-explorer .sc-aura-explorer-tabs > button[aria-selected="true"]{background: #184b53; color: #fff;} .sc-aura-explorer .sc-aura-explorer-tabs > button:focus-visible{outline: 2px solid #007d92; outline-offset: -3px;} .sc-aura-explorer .sc-aura-rail-link{display: inline-block; margin: 25px 13px 0;} .sc-aura-explorer .sc-aura-panels.sc-motion-panels{display: grid; min-width: 0; background: #fff;} .sc-aura-explorer .sc-aura-panels.sc-motion-panels > .sc-aura-panel{display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: stretch; min-width: 0; margin: 0; border-radius: 0; overflow: hidden; background: #fff;} .sc-aura-explorer .sc-aura-workspace:not(.is-motion-ready):not([data-siot-hero-editor]) .sc-aura-panel:not(:first-child){display: none;} .sc-aura-explorer .sc-aura-panels .sc-aura-explorer-photo{display: block; width: 100%; height: 100%; min-height: 580px; object-fit: cover; object-position: 50% 44%; margin: 0; padding: 0;} .sc-aura-explorer .sc-aura-panels .sc-aura-explorer-photo--team{object-position: 80% 50%;} .sc-aura-explorer .sc-aura-panels .sc-aura-explorer-photo--retail{object-position: 45% 50%;} .sc-aura-explorer .sc-aura-panels .sc-aura-explorer-photo--counter{object-position: 50% 60%;} .sc-aura-explorer .sc-aura-panels .sc-aura-explorer-photo--orders{object-position: 45% 50%;} .sc-aura-explorer .sc-aura-panels .sc-aura-explorer-photo--warehouse{object-position: 50% 48%;} .sc-aura-explorer .sc-aura-panels .sc-aura-explorer-photo--guide{object-position: 80% 50%;} .sc-aura-explorer .sc-aura-copy{padding: 32px 38px 36px; min-width: 0;} .sc-aura-explorer .sc-aura-copy h3{max-width: 750px; margin: 0 0 13px; font-size: clamp(25px,2.8cqi,35px); line-height: 1.16; font-weight: 500; letter-spacing: -.035em; color: #243e42;} .sc-aura-explorer .sc-aura-copy > p{max-width: 780px; margin: 0 0 23px; color: #56676b; font-size: 14px; line-height: 1.75;} .sc-aura-explorer .sc-aura-explorer-steps{border-top: 1px solid #dce4e1;} .sc-aura-explorer .sc-aura-explorer-steps > details{border-bottom: 1px solid #dce4e1;} @supports (interpolate-size: allow-keywords){.sc-aura-explorer .sc-aura-explorer-steps > details{interpolate-size: allow-keywords;}.sc-aura-explorer .sc-aura-explorer-steps > details::details-content{block-size: 0; overflow: clip; transition: block-size .28s ease, content-visibility .28s allow-discrete;}.sc-aura-explorer .sc-aura-explorer-steps > details[open]::details-content{block-size: auto;}} .sc-aura-explorer .sc-aura-explorer-steps summary{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 0; cursor: pointer; list-style: none; font-size: 13px; line-height: 1.5; color: #29484d;} .sc-aura-explorer .sc-aura-explorer-steps summary::-webkit-details-marker{display: none;} .sc-aura-explorer .sc-aura-explorer-steps summary::marker{content: '';} .sc-aura-explorer .sc-aura-explorer-steps summary strong{font-size: inherit; font-weight: 600;} .sc-aura-explorer .sc-aura-explorer-steps summary > span{flex: none; color: #006d7d; font-size: 11px; text-decoration: underline; text-underline-offset: .2em;} .sc-aura-explorer .sc-aura-step-hide, .sc-aura-explorer details[open] .sc-aura-step-show{display: none;} .sc-aura-explorer details[open] .sc-aura-step-hide{display: inline;} .sc-aura-explorer .sc-aura-explorer-steps details > p{max-width: 700px; font-size: 13px; line-height: 1.75; color: #5a696d; padding: 0 38px 18px 0; margin: 0;} .sc-aura-explorer .sc-aura-explorer-actions{display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 27px;} .sc-aura-explorer .sc-aura-explorer-actions .a26-btn{font-size: 13px; min-height: 44px; padding: 12px 22px;} .sc-aura-explorer :is(a,summary):focus-visible{outline: 2px solid #007d92; outline-offset: 4px;} @container aura-explorer (max-width: 960px){.sc-aura-explorer .sc-aura-explorer-layout{grid-template-columns: 200px minmax(0,1fr);}.sc-aura-explorer .sc-aura-explorer-rail{padding-inline: 10px;}.sc-aura-explorer .sc-aura-copy{padding: 28px;}} @container aura-explorer (max-width: 720px){.sc-aura-explorer .sc-aura-explorer-heading{margin-bottom: 25px;}.sc-aura-explorer .sc-aura-explorer-heading h2{font-size: clamp(31px,7cqi,43px);}.sc-aura-explorer .sc-aura-explorer-heading > p{font-size: 15px;}.sc-aura-explorer .sc-aura-workspace{border-radius: 20px;}.sc-aura-explorer .sc-aura-explorer-titlebar{padding: 15px 20px; gap: 12px; min-height: 65px;}.sc-aura-explorer .sc-aura-explorer-titlebar > div{font-size: 14px; gap: 9px;}.sc-aura-explorer .sc-aura-explorer-titlebar img{width: 31px; height: 31px;}.sc-aura-explorer .sc-aura-explorer-titlebar > a{font-size: 11px;}.sc-aura-explorer .sc-aura-explorer-layout{grid-template-columns: 1fr;}.sc-aura-explorer .sc-aura-explorer-rail{padding: 18px 13px 16px; border-right: 0; border-bottom: 1px solid #dce4e1;}.sc-aura-explorer .sc-aura-explorer-rail > p{margin: 0 8px 11px;}.sc-aura-explorer .sc-aura-explorer-tabs{grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px;}.sc-aura-explorer .sc-aura-explorer-tabs > button{min-height: 67px; padding: 12px 10px; gap: 7px; grid-template-columns: 15px minmax(0,1fr); font-size: 12px; border-radius: 10px;}.sc-aura-explorer .sc-aura-task-number{font-size: 9px;}.sc-aura-explorer .sc-aura-rail-link{margin: 13px 8px 0; font-size: 11px;}.sc-aura-explorer .sc-aura-panels.sc-motion-panels > .sc-aura-panel{display: block; grid-template-columns: none;}.sc-aura-explorer .sc-aura-panels .sc-aura-explorer-photo{height: 220px; min-height: 0;}.sc-aura-explorer .sc-aura-copy{padding: 27px 23px 30px;}.sc-aura-explorer .sc-aura-copy h3{font-size: 27px;}.sc-aura-explorer .sc-aura-copy > p{font-size: 13px; margin-bottom: 20px;}.sc-aura-explorer .sc-aura-explorer-steps summary{font-size: 12px; gap: 12px; padding: 15px 0;}.sc-aura-explorer .sc-aura-explorer-steps details > p{padding-right: 0; font-size: 12px;}.sc-aura-explorer .sc-aura-explorer-actions{gap: 17px; margin-top: 24px;}.sc-aura-explorer .sc-aura-explorer-actions .a26-btn{font-size: 12px; padding-inline: 18px;}} @container aura-explorer (max-width: 360px){.sc-aura-explorer .sc-aura-explorer-titlebar{padding-inline: 16px;}.sc-aura-explorer .sc-aura-explorer-titlebar > div{font-size: 13px;}.sc-aura-explorer .sc-aura-explorer-tabs > button{font-size: 11px; padding-inline: 8px;}.sc-aura-explorer .sc-aura-copy{padding-inline: 20px;}.sc-aura-explorer .sc-aura-panels .sc-aura-explorer-photo{height: 200px;}} @media (prefers-reduced-motion: reduce){.sc-aura-explorer *, .sc-aura-explorer *::before, .sc-aura-explorer *::after{transition: none !important; animation: none !important; scroll-behavior: auto !important;}} 

/* /siotcore_constructor_visual/static/src/css/product_walkthrough.css defined in bundle 'web.assets_frontend' */
 .sc-aura-product{--tour-ink:#153d46; --tour-accent:#007f90; --tour-muted:#556a70; --tour-line:#d9e4e6; container:aura-product / inline-size; color:var(--tour-ink); padding-top:72px; padding-bottom:100px; scroll-margin-top:110px;} .sc-tour-heading{max-width:1080px; margin:0 auto 52px; text-align:center;} .sc-tour-heading>img{display:block; width:50px; height:48px; object-fit:contain; margin:0 auto 20px;} .sc-aura-product .sc-tour-heading h2{margin:0; font-size:clamp(32px,4.2cqi,54px); line-height:1.13; letter-spacing:-.045em; font-weight:500;} .sc-tour-heading>p{margin:22px 0 0; color:var(--tour-muted); font-size:18px; line-height:1.65;} .sc-product-tour{container-type:inline-size;} .sc-product-tour a[data-siot-tour-step],.sc-product-tour a[data-siot-tour-select],.sc-tour-controls>a{text-decoration:none;} .sc-tour-tabs{display:flex; align-items:stretch; gap:4px; width:58%; padding:0 10px;} .sc-tour-tabs>:is(button,a){appearance:none; color:var(--tour-muted); font:inherit; font-size:14px; font-weight:600; border:1px solid transparent; background:transparent; border-radius:12px 12px 0 0; padding:15px 20px; cursor:pointer; transition:background .22s,color .22s;} .sc-tour-tabs>:is(button,a)[aria-selected=true]{color:var(--tour-accent); background:#fff; border-color:var(--tour-line); border-bottom-color:#fff; position:relative; z-index:1; margin-bottom:-1px;} .sc-tour-tabs>:is(button,a):hover{color:var(--tour-accent); background:#f1f7f7;} .sc-tour-scene{display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:clamp(32px,5vw,80px); align-items:center;} [data-siot-walkthrough] [data-siot-tour-scene]:not(:first-of-type), [data-siot-walkthrough] [data-siot-tour-stage]:not(:first-child){display:none;} [data-siot-walkthrough] [data-siot-tour-scene].is-active{display:grid;} [data-siot-walkthrough] [data-siot-tour-stage].is-active{display:block;} [data-siot-walkthrough] [hidden]{display:none!important;} .sc-tour-window{min-width:0; border:1px solid var(--tour-line); border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 22px 56px -36px rgba(16,58,68,.36);} .sc-tour-window-bar{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 25px; border-bottom:1px solid var(--tour-line);} .sc-tour-window-bar>div{display:flex; gap:10px; align-items:center;} .sc-tour-window-bar img{width:28px; height:27px; object-fit:contain;} .sc-tour-window-bar strong{font-size:14px; font-weight:650;} .sc-tour-window-bar>span{font-size:11px; color:#61767c;} .sc-tour-window-content{position:relative; min-height:500px;} .sc-tour-stage{padding:25px 30px 28px; min-height:500px; box-sizing:border-box;} .sc-tour-stage.is-active{animation:sc-tour-enter .38s cubic-bezier(.2,.8,.2,1) both;} .sc-tour-app-breadcrumb{font-size:11px!important; color:#667d84!important; line-height:1.5!important; margin:0 0 22px!important; letter-spacing:.025em;} .sc-aura-product .sc-tour-stage h4{font-size:26px; font-weight:550; line-height:1.25; letter-spacing:-.025em; margin:0 0 24px; color:var(--tour-ink);} .sc-tour-window-foot{padding:12px 25px; border-top:1px solid #edf1f2; display:flex; justify-content:space-between; gap:10px; font-size:10px; letter-spacing:.04em; color:#667d84;} .sc-tour-story{min-width:0; padding:18px 0;} .sc-tour-eyebrow{display:block; margin:0 0 18px; color:var(--tour-accent); font-size:10px; font-weight:700; letter-spacing:.14em;} .sc-aura-product .sc-tour-story h3{font-size:clamp(30px,3.4cqi,43px); letter-spacing:-.04em; line-height:1.12; font-weight:500; margin:0 0 24px;} .sc-tour-story>p{font-size:16px; line-height:1.7; color:var(--tour-muted); margin:0 0 24px; max-width:435px;} .sc-tour-steps{list-style:none; padding:0; margin:0 0 28px;} .sc-tour-steps li{margin:0; padding:0;} .sc-tour-steps :is(button,a){display:flex; align-items:center; gap:14px; width:100%; padding:14px 0; text-align:left; background:none; border:0; color:#66797e; cursor:pointer; font:inherit; position:relative;} .sc-tour-steps :is(button,a)>span{font-size:11px; font-weight:650; min-width:27px; height:26px; line-height:26px; border-bottom:2px solid #d5e2e4;} .sc-tour-steps :is(button,a)>strong{font-size:15px; font-weight:500; line-height:1.5;} .sc-tour-steps :is(button,a).is-active{color:var(--tour-ink);} .sc-tour-steps :is(button,a).is-active>span{color:var(--tour-accent); border-color:var(--tour-accent);} .sc-tour-steps :is(button,a).is-active>strong{font-weight:700;} .sc-tour-steps :is(button,a).is-complete>span{border-color:#80bbc4; color:var(--tour-accent);} .sc-tour-steps :is(button,a):hover{color:var(--tour-accent);} .sc-aura-product .sc-tour-cta{padding:14px 25px; font-size:14px;} .sc-tour-app-button{display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:10px 17px; border:0; border-radius:7px; background:var(--tour-accent); color:#fff!important; font:inherit; font-size:12px; font-weight:650; text-decoration:none!important; cursor:pointer; transition:background .2s;} .sc-tour-app-button:hover{background:#006274;} .sc-tour-app-link{display:inline-block; font:inherit; color:var(--tour-accent); border:0; border-bottom:1px solid #9ac6cc; background:none; padding:5px 0; font-size:12px; cursor:pointer; margin-top:18px;} .sc-tour-app-note{color:var(--tour-muted); font-size:13px; line-height:1.65; margin:22px 0 0;} .sc-tour-document{width:65%; max-width:300px; margin:18px auto 24px; padding:23px; border:1px solid #d6dfe1; border-radius:2px; box-shadow:8px 8px 0 #f0f5f5; transform:rotate(-3deg);} .sc-tour-paper-top{display:flex; justify-content:space-between; gap:10px; align-items:center; font-size:9px;} .sc-tour-paper-top>span:first-child{font-size:13px; letter-spacing:.09em; font-weight:750;} .sc-tour-document-rule{height:3px; width:34px; background:var(--tour-accent); margin:18px 0;} .sc-tour-document dl{margin:0;} .sc-tour-document dl>div{display:flex; justify-content:space-between; gap:14px; font-size:10px; border-bottom:1px solid #eaf0f1; padding:10px 0;} .sc-tour-document dt{font-weight:550;} .sc-tour-document dd{margin:0; color:#75878a; font-size:9px;} .sc-tour-paper-foot{display:block; margin-top:15px; font-size:8px; color:#7f9094; text-transform:uppercase; letter-spacing:.07em;} .sc-tour-upload{display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 10px; padding-top:8px;} .sc-tour-upload>strong{font-size:12px;} .sc-tour-upload>span{font-size:11px; color:var(--tour-muted); grid-row:2;} .sc-tour-upload>.sc-tour-app-button{grid-column:2; grid-row:1/3;} .sc-tour-extraction{display:grid; grid-template-columns:.85fr 1fr; gap:30px; align-items:center; padding:10px 0;} .sc-tour-paper-mini{position:relative; display:grid; gap:19px; padding:22px 18px; border:1px solid #d9e3e5; background:#fafcfc; font-size:11px; overflow:hidden;} .sc-tour-paper-mini>span:first-child{font-weight:700; font-size:12px; letter-spacing:.08em;} .sc-tour-paper-mini>span:not(:first-child){padding-bottom:5px; border-bottom:1px solid #e1e9eb; color:#627b81;} .sc-tour-scan{position:absolute; left:0; right:0; height:2px; top:0; background:var(--tour-accent); animation:sc-tour-scan 3s ease-in-out infinite;} .is-walkthrough-paused .sc-tour-scan{animation-play-state:paused;} .sc-tour-field-map{display:grid; gap:22px;} .sc-tour-field-map>div{padding:0 0 0 13px; border-left:2px solid #6ab4c0; animation:sc-tour-enter .5s both;} .sc-tour-field-map>div:nth-child(2){animation-delay:.2s;} .sc-tour-field-map>div:nth-child(3){animation-delay:.4s;} .sc-tour-field-map span,.sc-tour-field-map strong{display:block;} .sc-tour-field-map span{color:#657c83; font-size:10px; margin-bottom:5px;} .sc-tour-field-map strong{font-size:12px; font-weight:600; line-height:1.5;} .sc-tour-native-tabs{display:flex; gap:20px; border-bottom:1px solid var(--tour-line); margin-bottom:10px; font-size:12px;} .sc-tour-native-tabs>*{padding:10px 0;} .sc-tour-native-tabs>strong{color:var(--tour-accent); border-bottom:2px solid var(--tour-accent); font-weight:600;} .sc-tour-review-row{padding:18px 0; border-bottom:1px solid #e7edef; display:flex; justify-content:space-between; align-items:center; gap:12px;} .sc-tour-review-row small,.sc-tour-review-row strong{display:block;} .sc-tour-review-row small{font-size:10px; color:#71858b; margin-bottom:5px;} .sc-tour-review-row strong{font-size:13px; font-weight:600;} .sc-tour-review-row>span{font-size:10px; color:var(--tour-accent); background:#ecf6f7; padding:5px 8px; border-radius:4px;} .sc-tour-app-footer{display:flex; gap:15px; align-items:center; margin-top:23px;} .sc-tour-app-footer>span{font-size:10px; color:#627980; max-width:170px;} .sc-tour-output{display:flex; gap:20px; align-items:start; margin:26px 0;} .sc-tour-output>span{color:var(--tour-accent); font-size:12px; border-bottom:2px solid #bddadf; padding-bottom:8px;} .sc-tour-output strong{font-size:17px; font-weight:650;} .sc-tour-output p{margin:7px 0 0; font-size:13px; color:#657a80; line-height:1.65;} .sc-tour-chat-content{background:#fcfdfd;} .sc-tour-chat-bubble{max-width:90%; padding:16px 20px; font-size:13px; line-height:1.6; border-radius:15px;} .sc-tour-chat-in{margin:0 0 25px auto; background:#e8f1f2; border-bottom-right-radius:4px;} .sc-tour-chat-out{background:#fff; border:1px solid #e1e9eb; border-top-left-radius:4px;} .sc-tour-chat-identity{display:flex; gap:8px; align-items:center; margin-bottom:12px; font-size:11px; font-weight:650;} .sc-tour-chat-identity img{object-fit:contain;} .sc-tour-chat-description{font-size:15px; line-height:1.8; color:var(--tour-muted); max-width:370px; margin:0 0 12px;} .sc-tour-context-line{display:flex; gap:17px; padding:10px 0;} .sc-tour-context-line>span{color:var(--tour-accent); font-size:10px; padding-top:3px;} .sc-tour-context-line strong{font-size:13px; font-weight:600;} .sc-tour-context-line p{font-size:11px; color:#617a81; margin:5px 0 0;} .sc-tour-chat-product{display:flex; gap:20px; align-items:center; margin:15px 0 0; padding:12px 0;} .sc-tour-chat-product>img{width:130px; height:130px; object-fit:contain; background:#fff; border-radius:12px;} .sc-tour-chat-product>div{display:grid; gap:7px; font-size:11px;} .sc-tour-chat-product small{color:#657b81; font-size:10px;} .sc-tour-chat-product strong{font-size:14px; font-weight:650;} .sc-tour-chat-product a{color:var(--tour-accent); width:max-content; border-bottom:1px solid #acd0d5; padding:5px 0; text-decoration:none;} .sc-tour-document-ticket{padding:20px; border-left:3px solid var(--tour-accent); background:#f0f6f6; margin-bottom:22px;} .sc-tour-document-ticket>span{display:block; font-size:9px; letter-spacing:.1em; color:var(--tour-accent); margin-bottom:10px;} .sc-tour-document-ticket strong{font-size:18px; font-weight:600;} .sc-tour-document-ticket p{font-size:12px; line-height:1.6; color:#627a80; margin:10px 0 0;} .sc-tour-file-message{display:flex; align-items:center; gap:14px;} .sc-tour-file-extension{border:1px solid #c8d9dd; border-radius:4px; padding:14px 7px; font-size:11px; font-weight:700;} .sc-tour-file-message strong,.sc-tour-file-message div>span{display:block;} .sc-tour-file-message strong{font-size:13px; font-weight:600;} .sc-tour-file-message div>span{font-size:11px; color:#657b81; margin-top:7px; line-height:1.5;} .sc-tour-human-line{font-size:11px; color:#617a81; margin:25px 0 20px;} .sc-tour-guide-content{background:#f7fafb;} .sc-tour-erp-form{padding:20px; background:white; border:1px solid #dce6e8; border-radius:8px;} .sc-aura-product .sc-tour-erp-form h4{font-size:18px; margin:0 0 15px;} .sc-tour-form-field{display:grid; grid-template-columns:95px 1fr; gap:12px; align-items:center; padding:12px 8px; border-bottom:1px solid #edf2f3; font-size:11px;} .sc-tour-form-field label{color:#698088; margin:0; font-weight:500;} .sc-tour-form-field>span{border-bottom:1px solid #d9e4e6; padding-bottom:5px; line-height:1.4;} .sc-tour-field-focus{background:#eef8f8; outline:2px solid #429eae; outline-offset:1px; border-radius:4px; position:relative; z-index:1;} .sc-tour-guide-card{margin-top:22px; border-left:3px solid var(--tour-accent); background:#fff; border-radius:0 10px 10px 0; padding:18px 20px; box-shadow:0 8px 20px -15px #527b84;} .sc-tour-guide-card>div{display:flex; align-items:center; gap:10px;} .sc-tour-guide-card img{object-fit:contain; flex-shrink:0;} .sc-tour-guide-card strong{font-size:13px; font-weight:650;} .sc-tour-guide-card p{font-size:12px; line-height:1.7; color:#5b757c; margin:12px 0;} .sc-tour-guide-card [data-siot-tour-step]{background:none; border:0; border-bottom:1px solid #a9cdd3; padding:4px 0; font:inherit; font-size:11px; color:var(--tour-accent); cursor:pointer;} .sc-tour-guide-summary{display:grid; grid-template-columns:1fr 1fr; gap:0 20px; margin:24px 0;} .sc-tour-guide-summary>span{padding:12px 0; border-bottom:1px solid #bfd5da; font-size:13px;} .sc-tour-guide-content [data-siot-tour-stage="3"]>.sc-tour-app-button{margin-top:24px;} .sc-tour-controls{display:flex; gap:10px; margin-top:20px;} .sc-product-tour[data-siot-show-pause="0"] [data-siot-tour-pause],.sc-product-tour[data-siot-show-navigation="0"] [data-siot-tour-prev],.sc-product-tour[data-siot-show-navigation="0"] [data-siot-tour-next]{display:none;} .sc-tour-controls>:is(button,a){border:1px solid var(--tour-line); background:white; border-radius:6px; color:var(--tour-ink); font:inherit; padding:8px 14px; font-size:12px; cursor:pointer;} .sc-product-tour button:focus-visible,.sc-product-tour a:focus-visible{outline:3px solid #429eae; outline-offset:4px;} .a26-site .sc-product-tour :is(a,button):focus:not(:focus-visible){outline:none;} .a26-site .sc-product-tour :is(a,button):focus-visible{outline:2px solid var(--tour-accent); outline-offset:4px;} @keyframes sc-tour-enter{from{opacity:0; transform:translateY(8px);}to{opacity:1; transform:none;}} @keyframes sc-tour-scan{0%,100%{top:10%;}50%{top:90%;}} @container (max-width:900px){.sc-tour-tabs{width:100%;}.sc-tour-scene{grid-template-columns:1fr; gap:30px;}.sc-tour-story{display:grid; grid-template-columns:1fr 1fr; column-gap:30px; align-items:start;}.sc-tour-eyebrow{grid-column:1;}.sc-tour-story h3{grid-column:1;}.sc-tour-story>p{grid-column:1;}.sc-tour-steps{grid-column:2; grid-row:1/4;}.sc-tour-cta{grid-column:1; justify-self:start;}} @container (max-width:520px){.sc-tour-tabs{padding:0; gap:0;}.sc-tour-tabs>:is(button,a){padding:13px 9px; font-size:11px; flex:1; line-height:1.5;}.sc-tour-window{border-radius:0 0 14px 14px;}.sc-tour-window-bar{padding:15px; gap:6px;}.sc-tour-window-bar>span{font-size:9px; max-width:66px; text-align:right; line-height:1.5;}.sc-tour-window-bar strong{font-size:12px;}.sc-tour-stage{padding:22px 17px; min-height:530px;}.sc-tour-window-content{min-height:530px;}.sc-aura-product .sc-tour-stage h4{font-size:24px;}.sc-tour-extraction{gap:17px;}.sc-tour-paper-mini{padding:18px 11px;}.sc-tour-field-map strong{font-size:11px;}.sc-tour-document{width:85%; padding:20px;}.sc-tour-upload{grid-template-columns:1fr; gap:6px;}.sc-tour-upload>.sc-tour-app-button{grid-column:1; grid-row:3; justify-self:start; margin-top:8px;}.sc-tour-app-footer{flex-direction:column; align-items:start;}.sc-tour-app-footer>span{max-width:none;}.sc-tour-review-row strong{font-size:11px;}.sc-tour-review-row>span{font-size:9px;}.sc-tour-story{display:block; padding-top:5px;}.sc-aura-product .sc-tour-story h3{font-size:32px;}.sc-tour-story>p{font-size:15px;}.sc-tour-chat-product>img{width:100px; height:110px;}.sc-tour-chat-product{gap:12px;}.sc-tour-chat-product strong{font-size:12px;}.sc-tour-form-field{grid-template-columns:70px 1fr; gap:8px; font-size:10px;}.sc-tour-erp-form{padding:15px 10px;}.sc-tour-guide-card{padding:15px 13px;}.sc-tour-window-foot{padding:12px 15px; font-size:9px;}} @container aura-product (max-width:720px){.sc-tour-heading{margin-bottom:35px;}.sc-tour-heading>p{font-size:15px;}} @media(max-width:767px){.sc-aura-product{padding-top:45px; padding-bottom:55px;}} @media(prefers-reduced-motion:reduce){.sc-product-tour .sc-tour-scan, .sc-product-tour .sc-tour-steps>li>:is(a,button).is-active>span::before{animation:none!important;}} body.editor_enable .sc-product-tour *,body.o_editable .sc-product-tour *{animation:none!important;} .sc-services-showcase .sc-solutions-heading{text-align:left; max-width:none; margin:0 0 38px;} .sc-services-showcase .sc-solutions-grid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 28px;} .sc-services-showcase .sc-solution-visual{aspect-ratio:1.35; border-radius:18px; background:#f1f6f6;} .sc-services-showcase .sc-service-visual--brand{display:flex; justify-content:center; align-items:center; padding:42px; background:#e5f0f1;} .sc-services-showcase .sc-service-visual--brand img{object-fit:contain; height:auto; max-height:68%; width:100%;} .sc-services-showcase .sc-service-visual--aura{background:#edf0f7;} .sc-services-showcase .sc-service-visual--aura img{width:auto; height:62%; max-width:60%; max-height:none;} .sc-services-showcase .sc-service-visual--interface{display:flex; align-items:center; padding:15px; background:#e7eff0;} .sc-services-showcase .sc-service-visual--interface img{height:auto; object-fit:contain; border-radius:5px; box-shadow:0 7px 18px -10px #42646b;} .sc-services-showcase .sc-solution-copy h3{font-size:clamp(21px,6.2cqi,27px);} .sc-services-showcase .sc-solution-copy p{font-size:15px; line-height:1.7;} @container solution-card (max-width:230px){.sc-services-showcase .sc-service-visual--brand{padding:24px;}.sc-services-showcase .sc-solution-copy p{font-size:13px;}} 

/* /siotcore_constructor_visual/static/src/css/package_composition.css defined in bundle 'web.assets_frontend' */
 .sc-equipment-cart-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px;margin:16px 0 24px;background:#edf4f4;border-radius:12px;color:#193845} .sc-equipment-cart-notice p{flex:1 1 260px;margin:0;line-height:1.6} .sc-equipment-cart-notice a{flex:none;white-space:nowrap} .sc-package-composition{--sc-package-gap:10px;--sc-package-ink:#193845;display:block;width:100%;min-width:0;margin:0;color:var(--sc-package-ink);font:inherit} .sc-package-composition,.sc-package-composition *{box-sizing:border-box} .sc-package-composition .sc-package-composition-frame{width:100%;aspect-ratio:3/2;min-width:0;position:relative;overflow:hidden;border-radius:18px;background:#fff;padding:12px} .sc-package-composition .sc-package-composition-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--sc-package-gap);width:100%;height:100%;min-width:0;min-height:0} .sc-package-composition .sc-package-composition-layout.is-single{grid-template-columns:minmax(0,1fr)} .sc-package-composition .sc-package-composition-accessories{display:grid;grid-template-columns:repeat(var(--sc-package-accessory-columns,2),minmax(0,1fr));grid-template-rows:repeat(var(--sc-package-accessory-rows,2),minmax(0,1fr));gap:var(--sc-package-gap);min-width:0;min-height:0} .sc-package-composition .sc-package-composition-part{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;min-height:0;margin:0} .sc-package-composition .sc-package-composition-part-photo{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:0;overflow:hidden} .sc-package-composition img.sc-package-composition-photo{display:block;width:100%;max-width:100%;height:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;margin:0;padding:0;mix-blend-mode:normal;filter:none;transform:none} .sc-package-composition .sc-package-composition-quantity{display:block;align-self:flex-end;flex:none;font-size:10px;line-height:1.3;font-weight:600;letter-spacing:0;background:#edf2f3;color:var(--sc-package-ink);border-radius:4px;padding:2px 5px;white-space:nowrap;max-width:100%;overflow:hidden} .sc-package-composition .sc-package-composition-placeholder{font-size:10px;line-height:1.35;text-align:center;overflow-wrap:anywhere;color:#61727a} .sc-package-composition .sc-package-composition-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:16px;font-size:13px;line-height:1.5;text-align:center;color:#61727a} .sc-package-composition .sc-package-composition-caption{font:inherit;margin:0;padding:0} .sc-package-composition .sc-package-composition-inventory{list-style:none;padding:0;margin:0;font-size:12px;line-height:1.5} .sc-package-composition .sc-package-composition-inventory-item:not([data-siot-photo-missing="1"]){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0} .sc-package-composition .sc-package-composition-inventory-item[data-siot-photo-missing="1"]{margin:8px 0 0;padding:0;overflow-wrap:anywhere;color:var(--sc-package-ink)} .sc-package-composition .sc-package-composition-missing-note{color:#61727a} .sc-package-composition .sc-package-composition-layout.is-dense{grid-template-columns:repeat(var(--sc-package-grid-columns,4),minmax(0,1fr));grid-template-rows:repeat(var(--sc-package-grid-rows,3),minmax(0,1fr))} .sc-package-composition .sc-package-composition-layout.is-dense>.sc-package-composition-accessories{display:contents} @media(max-width:760px){.sc-package-composition{--sc-package-gap:7px}.sc-package-composition .sc-package-composition-frame{padding:9px;border-radius:14px}} @media(max-width:370px){.sc-package-composition{--sc-package-gap:5px}.sc-package-composition .sc-package-composition-frame{padding:7px}.sc-package-composition .sc-package-composition-quantity{padding:1px 4px}} 

/* /siotcore_constructor_visual/static/src/css/equipment_choice.css defined in bundle 'web.assets_frontend' */
[data-siot-equipment-choice]{min-width:0} .sc-equipment-choice-runtime{--sc-eq-ink:#102c43;--sc-eq-accent:#008eaa;--sc-eq-soft:#f5f3ef;--sc-eq-line:#d8e2e7;color:var(--sc-eq-ink);font-size:14px;line-height:1.55;min-width:0} .sc-equipment-choice-runtime *{box-sizing:border-box} .sc-equipment-choice-runtime button,.sc-equipment-choice-runtime input{font:inherit} .sc-equipment-choice-runtime button{cursor:pointer;white-space:normal} .sc-equipment-choice-runtime button:disabled{opacity:.5;cursor:not-allowed} .sc-equipment-choice-runtime :is(button,input,summary):focus-visible{outline:3px solid var(--sc-eq-accent);outline-offset:3px} .sc-eq-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px} .sc-eq-choice{display:flex;flex-direction:column;gap:7px;text-align:left;border:1px solid var(--sc-eq-line);border-radius:14px;padding:18px 14px;background:#fff;color:var(--sc-eq-ink);min-height:132px} .sc-eq-choice strong{font-size:16px;font-weight:650;line-height:1.3} .sc-eq-choice span{font-size:12px;color:#536674;line-height:1.5} .sc-eq-choice[aria-pressed="true"]{border-color:var(--sc-eq-accent);background:#edf7f9;box-shadow:inset 0 0 0 1px var(--sc-eq-accent)} .sc-eq-status{margin:0;color:#365c6b;font-size:13px;min-height:0} .sc-eq-status:not(:empty){margin:0 0 16px} .sc-eq-mixed-note,.sc-eq-empty{font-size:14px;margin:16px 0;padding:16px;background:var(--sc-eq-soft);border-radius:12px} .sc-eq-tools{display:grid;gap:18px;margin:24px 0 8px} .sc-eq-tabs{display:flex;gap:5px;flex-wrap:wrap;background:var(--sc-eq-soft);border-radius:30px;padding:5px;width:fit-content;max-width:100%} .sc-eq-tab{border:0;background:transparent;color:var(--sc-eq-ink);border-radius:25px;padding:10px 15px;font-size:13px} .sc-eq-tab[aria-pressed="true"]{background:#fff;box-shadow:0 1px 4px #102c4314;font-weight:650} .sc-eq-search{display:grid;gap:7px;color:#536674;font-size:12px;font-weight:500;margin:0} .sc-eq-search input{width:100%;padding:12px 14px;border:1px solid var(--sc-eq-line);border-radius:10px;color:var(--sc-eq-ink);background:#fff;font-size:14px;min-width:0} .sc-eq-result-count{color:#657781;font-size:12px;margin:14px 0 10px} .sc-eq-grid{display:grid;grid-template-columns:repeat(var(--sc-eq-columns,2),minmax(0,1fr));gap:16px;align-items:stretch} .sc-eq-product,.sc-eq-package{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e6ebee;border-radius:16px;padding:15px;overflow:hidden} .sc-eq-product-photo{display:block;width:100%;height:140px;object-fit:contain;margin:0 auto 14px;background:#fff} .sc-eq-product-copy{display:flex;flex-direction:column;flex:1;min-width:0} .sc-equipment-choice-runtime :is(.sc-eq-product,.sc-eq-package) h4{font:inherit;font-weight:650;font-size:15px;line-height:1.45;margin:0 0 5px;color:var(--sc-eq-ink);overflow-wrap:anywhere} .sc-eq-sku{font-size:11px;color:#627682;margin:0 0 8px;overflow-wrap:anywhere} .sc-eq-price{display:grid;gap:2px;margin-top:auto;padding-top:12px;margin-bottom:14px} .sc-eq-price strong{font-size:17px;font-weight:650;line-height:1.4} .sc-eq-price span{font-size:12px;color:#526a76} .sc-eq-price small,.sc-eq-tax-note{font-size:11px;color:#607681} .sc-eq-button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;border-radius:24px;padding:10px 17px;border:1px solid var(--sc-eq-accent);background:var(--sc-eq-accent);color:#fff;font-weight:650;text-align:center;text-decoration:none;line-height:1.35} .sc-eq-button-secondary{color:var(--sc-eq-ink);background:#fff;border-color:#afc4ce} .sc-eq-button:hover{filter:brightness(.96)} .sc-eq-link{border:0;background:transparent;color:#08728b;padding:8px;font-size:12px;text-decoration:underline;text-underline-offset:3px} .sc-eq-package-media{display:flex;gap:4px;align-items:center;justify-content:center;min-height:125px;height:125px;margin-bottom:15px} .sc-eq-package-media img{object-fit:contain;width:100%;height:100%;min-width:0;max-width:100%} .sc-eq-package-media img:not(:only-child){width:31%} .sc-eq-contents{margin:10px 0;color:#516873;font-size:12px} .sc-eq-contents summary{cursor:pointer;font-weight:600;color:#12667d;padding:5px 0} .sc-eq-contents ul{margin:9px 0;padding-left:17px} .sc-eq-contents li{margin:6px 0;overflow-wrap:anywhere} .sc-eq-no-photo{display:flex;align-items:center;justify-content:center;min-height:70px;color:#75818a;font-size:12px} .sc-eq-confirm{background:#eef7f8;border-radius:14px;padding:20px;margin:15px 0;display:flex;flex-wrap:wrap;gap:10px} .sc-equipment-choice-runtime .sc-eq-confirm h4{font-size:18px;font-weight:650;line-height:1.4;margin:0;flex-basis:100%;color:var(--sc-eq-ink)} .sc-eq-confirm p{margin:0 0 6px;font-size:13px;flex-basis:100%} .sc-eq-selection{margin-top:28px;background:var(--sc-eq-soft);padding:20px;border-radius:16px;min-width:0} .sc-equipment-choice-runtime .sc-eq-selection>h4{font-size:21px;line-height:1.3;font-weight:600;margin:0 0 14px;color:var(--sc-eq-ink)} .sc-eq-line{display:grid;grid-template-columns:48px minmax(0,1fr) 66px auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #dce2e4;min-width:0} .sc-eq-line-photo{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:6px} .sc-eq-line-copy{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere} .sc-eq-line-copy strong{font-size:12px;font-weight:600;line-height:1.4} .sc-eq-mode{font-size:11px;color:#617784} .sc-eq-quantity{display:grid;gap:4px;font-size:10px;color:#607681;margin:0} .sc-eq-quantity input{width:100%;padding:7px;border:1px solid #bbcbd2;border-radius:7px;background:#fff;color:var(--sc-eq-ink);font-size:14px} .sc-eq-package-note{font-size:12px;color:#566e7a;margin:15px 0} .sc-eq-totals{margin:20px 0 8px} .sc-eq-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:7px 0} .sc-eq-totals dt{font-size:13px;font-weight:400} .sc-eq-totals dd{font-size:15px;font-weight:650;white-space:nowrap;margin:0} .sc-eq-warning{color:#934329;font-size:12px;line-height:1.5} .sc-eq-tax-note{margin:9px 0 0} @media(max-width:760px){.sc-eq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-eq-choice{padding:13px 11px}.sc-eq-choice strong{font-size:14px}.sc-eq-choice span{font-size:11px}.sc-eq-selection{padding:16px}} @media(max-width:540px){.sc-eq-choices{grid-template-columns:1fr;gap:8px}.sc-eq-choice{min-height:0;padding:15px 16px;gap:5px}.sc-eq-choice strong{font-size:16px}.sc-eq-choice span{font-size:12px}.sc-eq-grid{grid-template-columns:1fr}.sc-eq-product-photo{height:165px}.sc-eq-line{grid-template-columns:44px minmax(0,1fr) 60px;gap:8px}.sc-eq-line>.sc-eq-link{grid-column:2/4;justify-self:start;padding:3px 0}.sc-eq-line-photo{width:44px;height:44px}.sc-eq-confirm{padding:16px}.sc-eq-confirm .sc-eq-button{width:100%}.sc-eq-tab{font-size:12px;padding:10px 12px}.sc-eq-totals dt{font-size:12px}.sc-eq-totals dd{font-size:14px}}