/* Shared technical language: native cyan, warm yellow and plenty of white space. */
.cx-store #cx-main,.cx-store .cx-detail-main{position:relative;isolation:isolate}
.cx-store #cx-main:before,.cx-store .cx-detail-main:before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;z-index:-1;pointer-events:none;background-image:url('assets/store-circuit-field.svg'),url('assets/store-circuit-field.svg');background-position:left top,right 180px;background-size:170px 454px;background-repeat:repeat-y;opacity:.7;mask-image:linear-gradient(90deg,#000 0,transparent 190px,transparent calc(100% - 190px),#000 100%)}
.cx-store .cx-section-head{position:relative;padding-top:20px}
.cx-store .cx-section-head:before{content:'';position:absolute;top:0;left:0;width:42px;height:3px;background:#ffcc00;box-shadow:45px 0 0 -1px #00b1d8}
.cx-store .cx-section-head:after{content:'';flex:1;height:1px;order:0;align-self:center;max-width:100%;margin:0 16px;background:linear-gradient(90deg,#00b1d847,transparent)}
.cx-store .cx-section-head>a{order:1}
.cx-store .cx-hero{position:relative;isolation:isolate}
.cx-store .cx-hero:before{content:'';position:absolute;inset:0;background:url('assets/store-circuit-field.svg') left center/210px auto repeat-x;opacity:.4;pointer-events:none;z-index:1;mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}
.cx-store .cx-hero-controls{z-index:3}
.cx-store .cx-hero-image{position:relative}
.cx-store .cx-hero-image:before{content:'';position:absolute;width:80%;aspect-ratio:1;left:10%;top:0;border:1px solid #00b1d835;border-radius:50%;background:radial-gradient(circle,transparent 62%,#00b1d811 63%,transparent 64%);pointer-events:none}
.cx-store .cx-hero-image:after{content:'';position:absolute;right:8%;top:20%;width:8px;height:8px;background:#ffcc00;border-radius:50%;box-shadow:0 0 0 7px #ffcc001c;pointer-events:none}
.cx-store .cx-detail-brand{display:flex;align-items:center;gap:10px}
.cx-store .cx-detail-brand:before{content:'';display:inline-block;width:24px;height:3px;background:#ffcc00;flex:none}
.cx-store .cx-detail-gallery{position:relative}
.cx-store .cx-detail-gallery:before,.cx-store .cx-detail-gallery:after{content:'';position:absolute;pointer-events:none;z-index:3;width:35px;height:35px;border-color:#ffcc00;border-style:solid}
.cx-store .cx-detail-gallery:before{left:-7px;top:-7px;border-width:2px 0 0 2px;border-radius:8px 0 0}
.cx-store .cx-detail-gallery:after{right:-7px;bottom:62px;border-width:0 2px 2px 0;border-radius:0 0 8px}
.cx-tech-strip{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:36px 0 64px;padding:28px 32px;border:1px solid #cce6ed;border-radius:12px;background:linear-gradient(110deg,#f2fbfe,#fff 62%);overflow:hidden;color:#174358}
.cx-tech-strip:before,.cx-tech-strip:after{content:'';position:absolute;pointer-events:none;width:35px;height:18px;border-color:#ffcc00;border-style:solid;z-index:2}
.cx-tech-strip:before{left:12px;top:12px;border-width:2px 0 0 2px}.cx-tech-strip:after{right:12px;bottom:12px;border-width:0 2px 2px 0}
.cx-tech-network{min-width:0;position:relative;padding:6px 8px}
.cx-tech-caption{display:flex;align-items:center;gap:10px;font:600 9px/1.4 Roboto,Arial,sans-serif;letter-spacing:.14em;color:#347488;text-transform:uppercase}
.cx-tech-caption:before{content:'';width:5px;height:5px;background:#ffcc00;border-radius:50%;box-shadow:0 0 0 4px #ffcc0025}
.cx-tech-network>svg{display:block;width:100%;height:142px;overflow:visible}
.cx-tech-path{stroke:#00b1d8;stroke-width:1.25;fill:none;opacity:.4}
.cx-tech-flow{stroke:#00b1d8;stroke-width:2;fill:none;stroke-dasharray:5 32;animation:cx-circuit-forward 8s linear infinite}
.cx-tech-flow-reverse{animation:cx-circuit-reverse 11s linear infinite;stroke:#e6b900}
.cx-tech-node{fill:#fff;stroke:#00b1d8;stroke-width:1.3}.cx-tech-center{fill:#f2fbfd;stroke:#00b1d8;stroke-width:1.4}.cx-tech-network svg text{fill:#285c70;font:500 8px Roboto,Arial,sans-serif;letter-spacing:.06em;text-anchor:middle}.cx-tech-network svg .cx-tech-chip-text{font-size:10px;font-weight:600}.cx-tech-pulse{fill:#ffcc00;animation:cx-circuit-pulse 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.cx-tech-terminal{min-width:0;align-self:stretch;display:flex;flex-direction:column;border-left:1px solid #cce6ed;padding-left:28px}
.cx-tech-terminal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 10px/1.4 Consolas,monospace;color:#5b8493;padding-bottom:10px;border-bottom:1px solid #dfedf1}
.cx-tech-terminal-header span{display:inline-flex;gap:4px}.cx-tech-terminal-header i{display:block;width:4px;height:4px;background:#00b1d8;border-radius:50%}.cx-tech-terminal-header i:last-child{background:#ffcc00}
.cx-tech-terminal pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:12px 0 0;font:400 11px/1.8 Consolas,'Courier New',monospace;color:#176078;min-height:118px;max-height:148px;overflow:hidden}
.cx-tech-terminal pre .cx-code-key{color:#8953bf}.cx-tech-terminal pre .cx-code-string{color:#008aa5}.cx-tech-terminal pre .cx-code-number{color:#ae8100}.cx-tech-caret{display:inline-block;width:6px;height:12px;background:#ffcc00;vertical-align:-2px;margin-left:2px;animation:cx-circuit-caret .75s steps(1) infinite}
.cx-tech-strip.cx-tech-compact{margin-top:0;margin-bottom:55px}
.cx-tech-strip.cx-tech-compact .cx-tech-network>svg{height:105px}.cx-tech-strip.cx-tech-compact .cx-tech-terminal pre{min-height:90px;max-height:110px}
.cx-product-preview .cx-tech-strip{margin-top:55px;margin-bottom:45px}.cx-store .cx-detail-accordions{position:relative}.cx-store .cx-detail-accordions:before{content:'';position:absolute;top:-15px;left:0;width:42px;height:3px;background:#ffcc00}
@keyframes cx-circuit-forward{to{stroke-dashoffset:-296}}@keyframes cx-circuit-reverse{to{stroke-dashoffset:296}}@keyframes cx-circuit-pulse{50%{opacity:.35;transform:scale(.65)}}@keyframes cx-circuit-caret{50%{opacity:0}}
@media(max-width:800px){.cx-tech-strip{gap:18px;padding:24px;margin-block:28px 42px}.cx-tech-terminal{padding-left:18px}.cx-tech-terminal pre{font-size:10px}.cx-store .cx-section-head:after{display:none}.cx-store #cx-main:before,.cx-store .cx-detail-main:before{background-size:100px 267px;opacity:.45;mask-image:linear-gradient(90deg,#000,transparent 65px,transparent calc(100% - 65px),#000)}}
@media(max-width:500px){.cx-tech-strip{grid-template-columns:1fr;padding:24px 20px;gap:10px}.cx-tech-network>svg{height:118px}.cx-tech-terminal{padding:12px 0 0;border-left:0;border-top:1px solid #cce6ed}.cx-tech-terminal pre{font-size:10px;min-height:104px;max-height:130px}.cx-tech-caption{font-size:8px}.cx-tech-strip.cx-tech-compact .cx-tech-network>svg{height:100px}.cx-store .cx-detail-gallery:before{left:-4px;top:-4px}.cx-store .cx-detail-gallery:after{right:-4px}.cx-store .cx-hero:before{opacity:.22}}
@media(prefers-reduced-motion:reduce){.cx-tech-strip *{animation:none!important}.cx-tech-caret{display:none}}
.cx-store .cx-tech-terminal pre{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;font-size:13px;min-height:132px;max-height:155px}.cx-store .cx-tech-terminal pre code{font:inherit!important;line-height:inherit!important;background:transparent!important;padding:0!important;border:0!important;color:inherit;white-space:inherit}.cx-store .cx-tech-strip.cx-tech-compact .cx-tech-terminal pre{min-height:120px;max-height:150px}@media(max-width:500px){.cx-store .cx-tech-terminal pre{font-size:11px;min-height:130px;max-height:155px}}
@media(min-width:501px){.cx-store .cx-tech-terminal pre{max-height:190px}}
