:root{--brand-gradient:linear-gradient(120deg,#ff942c 0%,#ffc342 30%,#f67c65 56%,#a34bea 83%,#7650e8 100%)}
/* Keep the mark in its existing editable text form; QR images are unaltered originals. */
.brand{isolation:isolate}.brand-icon,.brand-icon>span,.brand>span:last-child{background:var(--brand-gradient);background-size:180% 180%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.brand .brand-en{color:#8d728a;-webkit-text-fill-color:#8d728a;letter-spacing:3px}.brand:hover .brand-icon,.brand:hover>span:last-child{animation:brand-flow 3s ease-in-out infinite}.brand-icon>span{filter:drop-shadow(0 2px 5px #ec8d4e25)}
.header-action{border:1px solid #ffae7d70;border-radius:30px;padding:13px 21px;background:var(--brand-gradient);background-size:180% 180%;color:#fff;font-weight:600;box-shadow:0 5px 19px #ad62c823;transition:transform .3s,box-shadow .3s}.header-action:hover,.header-action:focus-visible{animation:brand-flow 3s ease-in-out infinite;transform:translateY(-2px);box-shadow:0 8px 27px #ac64c83d}.header-action span{font-size:16px}
.motion-card{position:relative;isolation:isolate;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s,background-color .35s;color:inherit}.motion-card:before{content:"";position:absolute;inset:0;background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,30%),#f7aa6438,transparent 65%),linear-gradient(130deg,#ffbd6012,#b98beb10);opacity:0;transition:opacity .35s;pointer-events:none;z-index:-1;border-radius:inherit}.motion-card:hover:before,.motion-card:focus-within:before{opacity:1}.motion-card:hover,.motion-card:focus-within{border-color:#c993c3;transform:translateY(-5px);box-shadow:0 12px 36px #a975ab1f,0 0 0 1px #edb27655;animation:card-breathe 2.8s ease-in-out infinite}.capability:hover,.capability:focus-within{background-color:#fffaf5}.capability:hover h3,.system-card:hover h3,.related-systems a:hover h3{color:#a65091}.capability>.eyebrow,.decision-index,.service-card>span,.workflow-grid article>span{transition:color .3s}.motion-card:hover>.eyebrow,.motion-card:hover .decision-index,.service-card:hover>span,.workflow-grid article:hover>span{color:#d68745}.motion-card .card-foot strong,.motion-card b{transition:color .3s,transform .3s}.motion-card:hover .card-foot strong{color:#ae5eaa}.decision-list>a{padding-left:15px;padding-right:15px;border-radius:12px}.decision-list>a:hover{background:#fff9f2}.decision-list>a:hover b{display:inline-block;transform:translate(3px,-3px);color:#ae5eaa}.visual-story:hover>img{transform:scale(1.045)}.visual-story>img{transition:transform .7s}.visual-story:hover>div{background:#354435}.service-card:hover,.workflow-grid article:hover,.related-systems a:hover,.usecase-list article:hover{background:#fff9f2}.usecase-list article{padding-left:12px;padding-right:12px;border-radius:10px}.workflow-grid article{padding-left:15px;border-radius:10px}.related-systems a{border-radius:10px}.system-card .card-image img{transition:transform .7s,filter .7s}.system-card:hover .card-image img{transform:scale(1.045);filter:saturate(1.09)}
@keyframes card-breathe{0%,100%{box-shadow:0 12px 34px #a975ab20,0 0 0 1px #e5a96950}50%{box-shadow:0 16px 42px #b37cd036,0 0 0 2px #deb1de70}}
@keyframes brand-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes contact-breathe{0%,100%{box-shadow:0 8px 26px #ae62c82b}50%{box-shadow:0 8px 35px #ed9d654b,0 0 0 5px #c28fe30e}}
.contact-with-qr{display:grid;grid-template-columns:1fr 1.35fr;gap:42px;background:linear-gradient(125deg,#24362e,#233b32 48%,#3b3545);padding:45px;border-radius:20px;position:relative;overflow:hidden}.contact-with-qr:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0% 0%,#ffb66813,transparent 60%),radial-gradient(ellipse at 100% 100%,#ac75d823,transparent 55%)}.contact-copy{position:relative}.contact-copy>.eyebrow{color:#e7bc94;font-size:9px}.contact-copy h2{font-size:32px;line-height:1.5}.contact-copy p{font-size:12px;line-height:2}.contact-copy .text-link{display:inline-block;margin-top:30px;color:#e2c8a7;border-color:#b7a98d70}.contact-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.contact-points>span{font-size:10px;border:1px solid #c7d8bd40;padding:8px 10px;border-radius:6px;color:#d7deca}.qr-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;min-width:0}.qr-card{background:#fffefa;border:1px solid #eadfee;padding:20px;border-radius:15px;color:#2b3028;min-width:0}.qr-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.qr-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:13px;color:#fff;background:linear-gradient(145deg,#ed9e42,#c777ae,#9b69db);flex:none}.qr-card-heading h3{font-size:14px;line-height:1.5;margin:0;font-weight:600}.qr-card-heading p{font-size:9px;line-height:1.7;color:#8c8490;margin:3px 0 0}.qr-image{width:100%;height:226px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #f0e9f1;border-radius:9px;background:#fff;overflow:hidden}.qr-image img{width:100%;height:100%;object-fit:contain;transition:none!important;transform:none!important;filter:none!important;image-rendering:auto}.qr-hint{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#88768d;margin-top:13px;line-height:1.7}.qr-hint b{font-size:13px;color:#b269b6}.qr-card:hover .qr-image{border-color:#d8b2dc}.contact-float{position:fixed;right:23px;bottom:24px;z-index:40;background:#fffefa;border:1px solid #e7bede;border-radius:15px;padding:14px 18px;color:#8d5497;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:4px 9px;animation:contact-breathe 4s ease-in-out infinite;transition:transform .3s}.contact-float>span{grid-row:span 2;font-size:25px;background:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-float b{font-size:13px;text-align:left}.contact-float small{font-size:9px;color:#9a819b}.contact-float:hover{transform:translateY(-4px);background:#fff7f1}.quick-contact{width:min(690px,94vw);border-radius:20px;padding:35px;background:#f8f5f0;border:1px solid #d4b7d5;max-height:92vh;overflow:auto}.quick-contact>.eyebrow{font-size:9px;color:#af77ad}.quick-contact h2{font-size:27px;margin-top:13px}.quick-contact-subtitle{font-size:11px;line-height:1.8;color:#8b7e8c;margin-bottom:25px}.close-contact{position:absolute;right:15px;top:9px;font-size:26px;border:0;background:none;color:#966b9c}.quick-contact .qr-image{height:235px}.qr-lightbox{width:min(800px,94vw);border-radius:15px}.qr-lightbox img{max-height:78vh;object-fit:contain}.qr-lightbox p{font-size:13px;text-align:center;color:#775b7c}.qr-lightbox::backdrop{background:#211d2aeb}.contact-section{scroll-margin-top:20px}
@media(max-width:1100px){.contact-with-qr{padding:30px;gap:25px;grid-template-columns:1fr}.contact-copy h2{font-size:31px}.qr-cards{max-width:650px}.contact-with-qr .qr-image{height:240px}.contact-copy .text-link{margin-top:15px}}@media(max-width:640px){.contact-with-qr{padding:25px 18px;border-radius:14px;gap:25px}.contact-copy h2{font-size:26px}.contact-copy p{font-size:11px}.contact-copy>.eyebrow{font-size:8px;letter-spacing:1.2px}.qr-cards{gap:12px}.qr-card{padding:12px;border-radius:10px}.qr-card-heading{gap:6px;margin-bottom:10px}.qr-icon{width:25px;height:25px;font-size:10px;border-radius:7px}.qr-card-heading h3{font-size:11px}.qr-card-heading p{font-size:8px}.contact-with-qr .qr-image,.quick-contact .qr-image{height:180px;padding:4px}.qr-hint{font-size:8px;display:block}.qr-hint b{display:none}.contact-float{right:13px;bottom:18px;padding:10px 12px;border-radius:12px;gap:2px 5px;grid-template-columns:20px 1fr}.contact-float b{font-size:11px}.contact-float small{font-size:8px}.contact-float>span{font-size:20px}.quick-contact{padding:28px 16px}.quick-contact h2{font-size:24px}.quick-contact-subtitle{font-size:10px}.motion-card:hover{transform:translateY(-3px)}.contact-points{gap:6px}.contact-points>span{font-size:8px;padding:6px}.contact-copy .text-link{font-size:10px}}@media(max-width:360px){.qr-cards{grid-template-columns:1fr}.contact-with-qr .qr-image,.quick-contact .qr-image{height:245px}}
@media(prefers-reduced-motion:reduce){.motion-card,.motion-card:hover,.motion-card:focus-within,.brand:hover .brand-icon,.brand:hover>span:last-child,.header-action,.header-action:hover,.contact-float{animation:none!important;transform:none!important;transition:none!important}.motion-card:before,.system-card .card-image img,.visual-story>img{transition:none!important}.system-card:hover .card-image img,.visual-story:hover>img{transform:none!important}}
/* Shared across the company homepage and every product detail. */
.contact-popup-cta{border-radius:20px;background:linear-gradient(120deg,#263c32,#383545);gap:35px}.contact-popup-button{border:0;background:var(--brand-gradient);color:#fff;border-radius:30px;white-space:nowrap;box-shadow:0 8px 28px #b56cbd2e;transition:transform .3s,box-shadow .3s}.contact-popup-button:hover{background:var(--brand-gradient);transform:translateY(-3px);animation:contact-breathe 2.8s ease-in-out infinite}.product-facts>div{border-radius:9px;padding:12px}.product-facts>div:hover{background:#fff5eb}.scenario-art{border-radius:12px;overflow:hidden}.shot.motion-card:hover{background:#fbf1f8}.faq details{padding-left:15px;padding-right:15px;border-radius:10px}.faq details:hover{background:#fff7ee}.motion-card:hover:before,.motion-card:focus-within:before{background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,30%),#f7aa6448,transparent 65%),linear-gradient(130deg,#ffbd6025,#b98beb20)}.quick-contact .qr-image img{max-width:100%;object-fit:contain}.quick-contact .qr-card.motion-card:hover{transform:translateY(-3px)}@media(max-width:640px){.contact-popup-cta{padding:30px 22px}.contact-popup-button{margin-top:22px}.contact-popup-cta h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.contact-popup-button:hover{animation:none!important;transform:none!important}.quick-contact .qr-card.motion-card:hover{transform:none!important}}