/* A dedicated, visible catalogue entry, including outside the mobile menu. */
.agent-showcase{min-width:0;display:grid;gap:16px}.showcase-products{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-left:4px solid #e4ac36;border-radius:12px;color:var(--ink);box-shadow:0 8px 24px #24123d0c;transition:transform .18s,border-color .18s}.showcase-products:hover{transform:translateY(-3px);border-color:var(--accent-text);color:var(--ink)}.showcase-products>span:nth-child(2){display:grid;gap:5px}.showcase-products small{font:9px monospace;letter-spacing:1.2px;color:var(--muted-foreground)}.showcase-products strong{font-size:24px;font-weight:600;letter-spacing:-.6px}.showcase-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--soft);color:var(--accent-text);border-radius:8px;font-size:28px}.showcase-arrow{margin-left:auto;color:var(--accent-text);font-size:26px}.agent-showcase .hero-visual{width:100%}
@media(max-width:480px){.showcase-products{padding:16px;gap:12px}.showcase-products strong{font-size:22px}.showcase-products small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.showcase-products{transition:none}.showcase-products:hover{transform:none}}
.product-entry{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 17px;border:1px solid #8d62cb;border-radius:8px;background:#4b159f;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 3px 0 #2c0b60;transition:transform .18s,box-shadow .18s,background .18s}.product-entry:hover{color:#fff;background:#6226bf;transform:translateY(-2px);box-shadow:0 5px 0 #2c0b60}.product-entry:active{transform:translateY(1px);box-shadow:0 1px 0 #2c0b60}.product-entry[aria-current=page]{border-color:#f4bf53}.product-entry-icon{display:inline-grid;gap:3px;width:16px}.product-entry-icon i{display:block;height:4px;border:1px solid #e0cfff;border-right:4px solid #ffbf38;border-radius:1px}.product-entry-arrow{transition:transform .18s}.product-entry:hover .product-entry-arrow{transform:translate(2px,-2px)}
.product-portal{display:flex;align-items:center;gap:28px;padding:28px 32px;margin-top:12px;margin-bottom:52px;background:var(--surface);border:1px solid var(--line);border-left:4px solid #da9d21;border-radius:12px;box-shadow:0 12px 30px #33135a08;transition:border-color .2s,transform .2s}.product-portal:hover{border-color:var(--accent-text);transform:translateY(-3px);color:var(--ink)}.portal-rack{display:grid;gap:6px;padding:10px;background:#20152f;border-radius:6px;width:70px;flex-shrink:0}.portal-rack i{display:block;height:11px;border:1px solid #9683ae;border-right:7px solid #bb97f0;border-radius:2px}.portal-rack i:nth-child(2){border-right-color:#6eb7ff}.portal-rack i:nth-child(3){border-right-color:#f4bf53}.portal-copy{display:grid;gap:8px;flex:1}.portal-copy small{font:10px monospace;color:var(--accent-text);letter-spacing:1.5px}.portal-copy strong{font-size:25px;font-weight:500;letter-spacing:-.6px}.portal-copy>span{font-size:13px;color:var(--muted-foreground);line-height:1.6}.portal-arrow{font-size:28px;color:var(--accent-text)}
/* Native cross-document transition when supported; CSS entrance is the fallback. */
@view-transition{navigation:auto}
@keyframes catalogue-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes rack-enter{from{opacity:0;transform:perspective(900px) rotateX(4deg) translateY(22px)}to{opacity:1;transform:none}}
@keyframes panel-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.catalogue-page .lab-hero{animation:catalogue-enter .45s ease-out both}.catalogue-page .server-cabinet{animation:rack-enter .55s cubic-bezier(.2,.7,.2,1) both}.catalogue-page .server-cabinet:nth-child(2){animation-delay:.08s}.catalogue-page .server-cabinet:nth-child(3){animation-delay:.12s}.rack-dialog[open]{animation:panel-enter .2s ease-out}
::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.22s}
@media(max-width:1100px) and (min-width:801px){.site-header{gap:10px}.product-entry{padding-inline:12px;font-size:12px}.site-header .brand>span{font-size:14px}.site-header nav{gap:10px}}
@media(max-width:800px){.site-header{height:auto;min-height:84px;flex-wrap:wrap;padding-block:16px;gap:12px}.site-header>.brand{flex:1}.site-header>.product-entry{order:3;width:100%;min-height:44px}.site-header nav{top:140px}.product-entry{justify-content:space-between;padding-inline:18px}.product-entry-icon{margin-right:auto}.product-entry-arrow{margin-left:auto}.product-portal{gap:18px;padding:24px;margin-bottom:36px}.portal-copy strong{font-size:22px}}
@media(max-width:480px){.portal-rack{width:46px;padding:7px}.product-portal{gap:14px;padding:20px 16px}.portal-copy strong{font-size:20px}.portal-copy>span{font-size:12px}.portal-arrow{font-size:22px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.catalogue-page .lab-hero,.catalogue-page .server-cabinet,.rack-dialog[open]{animation:none}.product-entry,.product-portal,.product-entry-arrow{transition:none}.product-entry:hover,.product-portal:hover,.product-entry:hover .product-entry-arrow{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
/* Rack-mounted product entry shares the robot enclosure palette and depth. */
.showcase-products{position:relative;isolation:isolate;overflow:hidden;min-height:142px;gap:20px;padding:24px 28px;border:1px solid #665374;border-radius:14px;background:linear-gradient(175deg,#3a2c48,#261d33 45%,#1d1234);color:#f4effb;box-shadow:inset 5px 0 #30243c,inset -5px 0 #30243c,inset 0 1px #8b759b,8px 8px 0 #100b19,9px 9px 0 #56406e;transition:transform .2s,box-shadow .2s,border-color .2s}
.showcase-products:before,.showcase-products:after{content:'';position:absolute;width:5px;height:5px;border:1px solid var(--muted-foreground);border-radius:50%;top:9px;left:9px}
.showcase-products:after{left:auto;right:9px;top:auto;bottom:9px}
.showcase-products:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:inset 5px 0 #30243c,inset -5px 0 #30243c,inset 0 1px #ab8acb,8px 11px 0 #100b19,9px 12px 0 #775590;border-color:#bd9aff;color:#fff}
.showcase-products:focus-visible{outline:3px solid var(--accent-text);outline-offset:5px}
.showcase-products:active{transform:translateY(1px);box-shadow:inset 5px 0 #30243c,inset -5px 0 #30243c,4px 4px 0 #100b19}
.module-chip{position:relative;display:grid;place-items:center;flex:0 0 62px;height:62px;border:1px solid #9d83bb;outline:4px solid #39284d;border-radius:6px;background:#21162f;color:#bd9aff}
.module-chip:before,.module-chip:after{content:'';position:absolute;left:-9px;right:-9px;height:5px;background:repeating-linear-gradient(90deg,var(--accent-text) 0 2px,transparent 2px 8px);top:-10px}
.module-chip:after{top:auto;bottom:-10px}
.module-chip img{display:block;width:40px;height:40px;max-width:none;object-fit:contain;background:white;border-radius:3px}.module-chip:before,.module-chip:after{background:repeating-linear-gradient(90deg,#aa89d3 0 2px,transparent 2px 8px)}
.module-chip i{position:absolute;bottom:7px;width:3px;height:3px;background:var(--gold);left:21px}.module-chip i:nth-of-type(2){left:29px}.module-chip i:nth-of-type(3){left:37px}
.showcase-products .module-copy{position:relative;z-index:1;display:grid;gap:8px;min-width:0;flex:1}
.showcase-products small{font:9px/1.6 ui-monospace,monospace;letter-spacing:1px;color:#c5b7d5}
.showcase-products strong{font-size:clamp(22px,2.5vw,30px);line-height:1.1;font-weight:600;letter-spacing:-1px}
.module-hint{font-size:11px;color:#d2b4ff;line-height:1.5}.module-hint>span{display:inline-block;transition:transform .2s}.showcase-products:hover .module-hint>span{transform:translateX(5px)}
.module-circuit{position:relative;flex:0 0 80px;height:80px;color:var(--accent-text)}.module-circuit svg{position:absolute;inset:0;width:100%;height:100%;stroke:#675179;stroke-width:1.5}.module-circuit .module-signal{stroke:#ffc14d;stroke-dasharray:7 110;animation:module-transfer 2.8s linear infinite;animation-play-state:paused}
.module-port{position:absolute;right:0;top:24px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #aa89d3;background:#2f2040;color:#e2cfff;font-size:22px}
.showcase-products:is(:hover,:focus-visible) .module-signal{animation-play-state:running}
.showcase-products:is(:hover,:focus-visible) .module-chip i{animation:module-led 1s ease-in-out infinite alternate}.showcase-products .module-chip i:nth-of-type(2){animation-delay:.2s}.showcase-products .module-chip i:nth-of-type(3){animation-delay:.4s}
.product-entry{border-radius:4px;background:var(--surface);color:var(--ink);border-color:var(--accent-text);box-shadow:3px 3px 0 var(--soft)}.product-entry:hover{background:var(--soft);color:var(--ink);box-shadow:3px 5px 0 var(--line)}.product-entry-icon i{border-color:var(--accent-text);border-right-color:var(--gold)}.product-entry:is(:hover,:focus-visible) .product-entry-icon i{animation:module-led .8s ease-in-out infinite alternate}
@keyframes module-transfer{to{stroke-dashoffset:-234}}
@keyframes module-led{to{opacity:.35}}
@media(max-width:480px){.showcase-products{gap:16px;padding:22px 18px;min-height:132px}.module-chip{flex-basis:48px;height:54px}.module-chip i{left:13px}.module-chip i:nth-of-type(2){left:21px}.module-chip i:nth-of-type(3){left:29px}.module-circuit{flex-basis:34px}.showcase-products small{font-size:8px}.showcase-products strong{font-size:23px}}
.motion-stopped .showcase-products .module-signal,.motion-stopped .showcase-products .module-chip i,.motion-stopped .product-entry .product-entry-icon i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.showcase-products,.module-hint>span{transition:none}.showcase-products:is(:hover,:focus-visible,:active){transform:none}.showcase-products .module-signal,.showcase-products .module-chip i,.product-entry .product-entry-icon i{animation:none!important}}
/* Compact holographic product rail, inspired by the supplied technical panel. */
.showcase-products{min-height:88px;padding:12px 22px;gap:18px;border:1px solid #37dce4;border-radius:5px 18px 5px 18px;background:linear-gradient(115deg,#102733,#111826 65%,#15303b);box-shadow:inset 0 0 12px #20e2ed16,0 0 12px #20ddec20,4px 5px 0 #101827}
.showcase-products:before{width:40%;height:2px;top:0;left:18%;border:0;border-radius:0;background:#83faff;box-shadow:0 0 10px #39efff}
.showcase-products:after{width:32%;height:2px;bottom:0;right:10%;border:0;border-radius:0;background:#39d9e7}
.showcase-products:is(:hover,:focus-visible){transform:translateY(-2px);color:#fff;border-color:#a0fbff;box-shadow:inset 0 0 18px #20e2ed20,0 0 18px #20ddec35,4px 7px 0 #101827}
.module-chip{flex-basis:48px;height:48px;border-color:#49aeb9;outline:2px solid #183b46;background:#0b1d29;border-radius:5px}
.module-chip:before,.module-chip:after,.module-chip i{display:none}
.showcase-products .module-copy{gap:4px}.showcase-products small{color:#9fcbd3;font-size:8px;letter-spacing:1px}.showcase-products strong{font-size:25px;letter-spacing:-.5px}.module-hint{display:none}
.module-circuit{flex-basis:70px;height:48px}.module-circuit svg{stroke:#286271}.module-circuit .module-signal{stroke:#58f5e5}.module-port{top:8px;border-color:#3edbe5;background:#0b2530;color:#8dfaff;border-radius:3px}
.site-header .brand>span,.site-footer .brand>span{font-size:15px;letter-spacing:.3px}.brand>span{min-width:0}
@media(max-width:1100px){.site-header{flex-wrap:wrap;height:auto;min-height:84px;padding-block:16px}.site-header nav{gap:14px}.site-header .brand>span{font-size:14px}}
@media(max-width:480px){.showcase-products{min-height:80px;padding:10px 14px;gap:12px}.showcase-products strong{font-size:22px}.showcase-products small{font-size:7px;letter-spacing:.5px}.module-circuit{flex-basis:32px}.module-chip{flex-basis:44px;height:44px}.site-header .brand>span,.site-footer .brand>span{font-size:12px}.brand small{font-size:6px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.showcase-products:is(:hover,:focus-visible){transform:none}}
/* Single product entry below the assistants, using the same enclosure finish. */
.product-showcase-row .showcase-products{background-color:#1d1234;background-image:radial-gradient(ellipse at 22% 35%,#17416870,transparent 55%),radial-gradient(ellipse at 85% 75%,#7237a850,transparent 65%);border-color:#56406e;border-radius:14px;box-shadow:8px 8px 0 var(--soft),9px 9px 0 var(--line)}
.product-showcase-row .showcase-products:is(:hover,:focus-visible){border-color:#bd9aff;box-shadow:8px 10px 0 var(--soft),9px 11px 0 var(--line)}
.product-showcase-row .showcase-products:before,.product-showcase-row .showcase-products:after{background:#aa89d3;box-shadow:none}
.product-showcase-row .module-chip{background:#2c2040;border-color:#5a466d;outline-color:#39284d}.product-showcase-row .module-copy small{color:#c5b7d5}.product-showcase-row .module-port{background:#2c2040;border-color:#aa89d3;color:#e1d4f2}.product-showcase-row .module-circuit svg{stroke:#675179}.product-showcase-row .module-circuit .module-signal{stroke:#ffbc3c}
.lab-emblem{width:112px;height:112px;gap:10px;justify-self:center}.lab-emblem img{display:block;width:64px;height:64px;object-fit:contain;background:white;border-radius:6px}.lab-emblem small{font-size:7px;letter-spacing:.6px}.lab-emblem:before,.lab-emblem:after{height:52px;top:30px}
@media(max-width:800px){.site-header nav{top:100%}}

/* Full content-width product rail and fitted raised logo chip. */
.product-showcase-row{padding-bottom:32px}.product-showcase-row .showcase-products{width:100%}
.lab-emblem{display:flex;width:184px;height:192px;padding:14px 14px 12px;gap:12px;border-radius:14px;box-shadow:12px 12px 0 var(--soft),13px 13px 0 var(--line)}
.lab-emblem img{width:142px;height:142px;flex-shrink:0;object-fit:contain;border-radius:8px}
.lab-emblem small{margin-top:0;font-size:8px;line-height:12px;letter-spacing:.7px;white-space:nowrap}
.lab-emblem:before,.lab-emblem:after{height:90px;top:50px;left:-15px;right:-15px}
@media(max-width:600px){.lab-emblem{display:flex;width:160px;height:170px}.lab-emblem img{width:120px;height:120px}.lab-emblem:before,.lab-emblem:after{height:76px;top:46px}.product-showcase-row{padding-bottom:28px}}
/* Theme-aware product enclosure: shared depth, adaptive surface and text. */
.product-showcase-row .showcase-products{background-color:var(--surface);background-image:radial-gradient(ellipse at 22% 35%,var(--glow),transparent 55%),radial-gradient(ellipse at 85% 75%,var(--glow),transparent 65%);border-color:var(--line);color:var(--ink)}
.product-showcase-row .showcase-products:is(:hover,:focus-visible){border-color:var(--accent-text);color:var(--ink)}
.product-showcase-row .showcase-products:before,.product-showcase-row .showcase-products:after{background:var(--accent-text)}
.product-showcase-row .module-chip{background:var(--surface);border-color:var(--line);outline-color:var(--soft)}
.product-showcase-row .module-copy small{color:var(--muted-foreground)}
.product-showcase-row .module-port{background:var(--soft);border-color:var(--accent-text);color:var(--accent-text)}
.product-showcase-row .module-circuit svg{stroke:var(--muted-foreground)}
.product-showcase-row .module-circuit .module-signal{stroke:var(--accent-text)}
.lab-emblem{width:212px;height:202px}.lab-emblem .chip-company{font:600 10px/14px Arial,sans-serif;letter-spacing:.3px;color:var(--ink);white-space:nowrap}
@media(max-width:600px){.lab-emblem{width:188px;height:180px}.lab-emblem .chip-company{font-size:9px;letter-spacing:.1px}}
