.product-page{--product-accent:#cbbbea;--product-line:#aaa59d}.product-main{padding:18px 18px 30px;max-width:1400px;margin:auto}.product-cabinet{position:relative;padding:0 30px 24px;border-width:22px;border-image-width:22px;filter:drop-shadow(0 9px 12px #090a0d77)}
.product-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:110px;padding:10px 12px;border-bottom:1px solid #55505c99}.product-brand{display:flex;align-items:center;gap:16px;color:#eae3ed;text-decoration:none}.product-brand .pixel-mark{width:28px;height:28px}.product-brand strong{font-size:30px;line-height:1;letter-spacing:-1.3px}.product-unit{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;line-height:1.5;color:#a99faf;display:block;margin-top:8px}.product-return{position:relative;display:flex;align-items:flex-end;width:220px;min-height:84px;flex-shrink:0}.product-return-link{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:155px;min-height:44px;padding:7px 14px;border:10px solid transparent;border-image:url('/assets/module-frame.png') 180 fill/10px/0 stretch;color:#d7d0dc;text-decoration:none;font-size:12px;line-height:1.3;z-index:2}.product-return-caption{transition:transform 89ms}.product-return-link:active .product-return-caption,.product-return-link.pressed .product-return-caption{transform:translateY(2.5px)}.product-return-port{display:grid;place-items:center;position:absolute;left:-14px;bottom:10px;width:26px;height:26px;border:3px solid #aaa195;border-radius:50%;background:radial-gradient(circle,#1b1b20 0 40%,#595458 44% 55%,#c4bbad 60% 70%,#72706a);box-shadow:0 3px 4px #09090c99;z-index:3}.product-return-port:after{content:'';width:4px;height:4px;border-radius:50%;background:#8c8579}.product-return.sending .product-return-port:after{background:#ddd1b7;box-shadow:0 0 6px #ddd1b755}.product-return-wire{position:absolute;inset:0;width:220px;height:84px;pointer-events:none}.product-return-wire path,.product-feed path{fill:none;stroke-linecap:round;stroke-linejoin:round}.p-wire-shadow{stroke:#101115;stroke-width:14;filter:drop-shadow(0 3px 2px #0008)}.p-wire-body{stroke:var(--product-line);stroke-width:9}.p-wire-highlight{stroke:#efe6d84d;stroke-width:1.7}.product-return-wire .p-wire-body{stroke:#aaa59d}
.product-header-controls{display:flex;align-items:center;gap:18px}.product-language{position:relative;z-index:10}.product-language summary{display:flex;align-items:center;justify-content:center;gap:9px;min-width:76px;min-height:44px;padding:3px 5px;border:10px solid transparent;border-image:url('/assets/module-frame.png') 180 fill/10px/0 stretch;list-style:none;font-size:12px;cursor:pointer}.product-language summary::-webkit-details-marker{display:none}.product-language summary:focus-visible{outline:2px solid #e9dfca;outline-offset:5px}.product-locale-panel{position:absolute;top:54px;right:-10px;width:276px;padding:24px 10px 12px;filter:drop-shadow(0 14px 18px #07080baa);border-width:20px;border-image-width:20px}.product-locale-close{position:absolute;right:-7px;top:-13px;width:44px;height:44px;border:0;background:none;color:#c8bdcf;font-size:25px;cursor:pointer}.product-locale-panel .language-socket{font-size:11px;min-height:40px}.product-locale-panel .locale-selected{font-size:10px}.product-locale-panel .language-socket[aria-pressed=true]{box-shadow:inset 0 0 0 1px #bac7a977}.product-locale-panel .language-socket[aria-pressed=true] .selected-led{opacity:1}
.product-header{position:sticky;top:0;z-index:20;background:#28262d url('/assets/module-frame.png') center/400% 600% no-repeat}
.product-demo-section .product-mini-game{max-width:620px;margin-inline:auto}
.product-intro{align-self:start;padding-top:50px}.product-gallery{margin:0}
.product-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:70px;align-items:center;padding:34px 24px 28px;isolation:isolate;min-height:580px}.product-intro{min-width:0;max-width:490px}.product-eyebrow{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.6;letter-spacing:2px;text-transform:uppercase;color:var(--product-accent);margin:0 0 16px}.product-intro h1{font-size:clamp(42px,4.8vw,68px);line-height:1.02;letter-spacing:-3px;margin:0 0 23px;font-weight:720;overflow-wrap:normal}.product-tagline{font-size:clamp(23px,2.4vw,34px);line-height:1.25;letter-spacing:-1px;margin:0 0 18px;color:#e0d8e5}.product-description{font-size:16px;line-height:1.7;color:#bfb5ca;letter-spacing:-.2px;margin:0;max-width:470px}.product-stores{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.store-port,.product-website{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:49px;color:#e0d9e5;text-decoration:none;padding:5px 10px;border:11px solid transparent;border-image:url('/assets/module-frame.png') 180 fill/11px/0 stretch;font-size:13px;box-shadow:0 3px 4px #09090c66}.store-port:active span,.product-website:active span{transform:translateY(2px)}.store-port:hover{color:var(--product-accent)}.store-port b,.product-website b{font-weight:400;color:var(--product-accent)}
.identity-module{position:relative;display:flex;align-items:center;gap:15px;width:min(280px,100%);min-height:86px;padding:9px 15px;border-width:16px;border-image-width:16px;margin-top:30px;filter:drop-shadow(0 4px 5px #09090c66)}.identity-module .product-logo{width:40px;height:40px;border-radius:6px;--accent:var(--product-accent)}.identity-module small{display:block;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;letter-spacing:1.3px;color:#9e92a9}.identity-module strong{display:block;margin-top:4px;font-size:15px;letter-spacing:-.4px;font-weight:500}.feed-output,.feed-input{position:absolute;display:block;width:20px;height:24px;border:1px solid #b8aca1;border-radius:3px;background:repeating-linear-gradient(90deg,#444149 0 3px,#b8ada4 3px 4px,#6f666c 4px 7px);box-shadow:0 2px 3px #0008;z-index:-1}.feed-output{right:-27px;top:calc(50% - 12px)}.product-feed{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.product-feed .p-wire-body{stroke:var(--product-accent)}
.product-gallery{position:relative;min-width:0;justify-self:center;width:100%;max-width:410px;display:flex;flex-direction:column;align-items:center}.gallery-label{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;line-height:1.5;color:#a99daf;margin-bottom:16px;text-transform:uppercase}.screen-housing{position:relative;isolation:isolate;width:clamp(204px,19vw,278px);padding:4px;border-width:17px;border-image-width:17px;box-shadow:0 8px 9px #09090c77;transition:filter 233ms}.screen-housing:after{position:absolute;content:'';inset:-9px;border:1px solid var(--product-accent);border-radius:5px;opacity:0;pointer-events:none;transition:opacity 233ms}.product-page.energized .screen-housing:after{opacity:.45}.feed-input{left:-27px;top:calc(50% - 12px)}.screen-button{display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;cursor:zoom-in;background:#101115;position:relative}.screen-button img{display:block;width:100%;height:auto;aspect-ratio:660/1434;object-fit:contain;background:#101115;transition:opacity 144ms}.enlarge-mark{position:absolute;right:8px;bottom:8px;width:30px;height:30px;display:grid;place-items:center;color:#e4d8ee;font-size:18px;border:1px solid #8d7d9b80;background:#19151de0;border-radius:5px;pointer-events:none}.screen-caption{font-size:12px;line-height:1.5;color:#bfb2cc;text-align:center;max-width:320px;margin:15px 0 13px;min-height:36px}.screen-selectors{display:flex;align-items:center;justify-content:center;gap:10px}.screen-selectors button{position:relative;min-width:46px;height:44px;padding:0 8px;border:10px solid transparent;border-image:url('/assets/module-frame.png') 180 fill/10px/0 stretch;background:none;color:#a99daf;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.screen-selectors button[aria-pressed=true]{color:#eae1ef;box-shadow:inset 0 0 0 1px var(--product-accent)}.screen-selectors button[aria-pressed=true]:after{content:'';position:absolute;bottom:-6px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--product-accent);box-shadow:0 0 5px color-mix(in srgb,var(--product-accent) 35%,transparent)}.screen-count{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px;color:#8f829a;margin-top:12px}
.product-demo-section{border-top:1px solid #58505d99;margin:15px 24px 0;padding-top:30px}.product-demo-section[hidden]{display:none}.product-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.product-demo-heading h2{font-size:25px;line-height:1.2;font-weight:550;letter-spacing:-.7px;margin:0}.demo-unit{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.5px;color:var(--product-accent)}.product-local-note{font-size:11px;line-height:1.6;color:#a498af;margin:18px 0 0;max-width:750px}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid #58505d99;margin:30px 24px 0;padding-top:23px}.product-footer-links{display:flex;gap:10px;flex-wrap:wrap}.product-footer a{display:inline-flex;align-items:center;gap:12px;color:#bbb0c6;text-decoration:none;min-height:44px;padding:7px 10px;font-size:11px}.product-footer a:hover{text-decoration:underline;text-underline-offset:4px}.product-footer .product-website{padding:3px 7px;min-height:44px;border-width:10px;border-image-width:10px}.product-page .panel-fastener{z-index:6}
.other-products{margin:22px 0 0;padding:17px 18px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border-width:17px;border-image-width:17px}.other-products-label{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;letter-spacing:1px;color:#ad9fba;margin-inline-end:12px}.other-product{display:flex;align-items:center;gap:11px;padding:8px 12px;min-height:44px;color:#d6ccdf;text-decoration:none;border:1px solid #5d536680;border-radius:3px;background:#24212a;font-size:12px}.other-product:before{content:'';width:4px;height:14px;border-radius:2px;background:var(--tile-accent)}.other-product[aria-current=page]{box-shadow:inset 0 0 0 1px var(--tile-accent)}
.screen-zoom{border:22px solid transparent;border-image:url('/assets/module-frame.png') 180 fill/22px/0 stretch;padding:35px 15px 15px;width:min(460px,calc(100vw - 28px));max-height:calc(100svh - 28px);background:#19171e;color:#eee7f2;box-shadow:0 18px 50px #000a;overflow:auto}.screen-zoom::backdrop{background:#111015df;backdrop-filter:blur(5px)}.screen-zoom img{display:block;width:100%;height:auto}.zoom-close{position:absolute;top:2px;right:3px;width:44px;height:44px;border:0;background:none;color:#eee4f5;font-size:24px;cursor:pointer}.product-backup{font-size:14px;line-height:1.6;color:#c1b5cc}
.rack-open{display:block;height:100%;color:inherit;text-decoration:none}.rack-open header{padding-inline-end:20px}.rack-link-arrow{position:absolute;right:8px;top:18px;font-size:18px;color:var(--accent)}.rack-open:active header,.rack-open:active p,.rack-open.pressed header,.rack-open.pressed p{transform:translateY(2.5px)}.rack-open header,.rack-open p{transition:transform 89ms}
@media(max-width:1050px){.product-cabinet{padding:0 16px 22px}.product-hero{padding:30px 14px;gap:45px;grid-template-columns:minmax(0,1fr) minmax(270px,.9fr)}.product-tagline{font-size:27px}.product-intro h1{font-size:49px}.product-description{font-size:15px}.screen-housing{width:225px}.identity-module{width:245px}.product-header{padding-inline:9px}}
@media(max-width:760px){.product-main{padding:14px 12px 24px}.product-cabinet{padding:0 14px 22px;border-width:18px;border-image-width:18px}.product-header{align-items:flex-start;padding:14px 5px 20px;min-height:140px;gap:12px;flex-wrap:wrap}.product-brand strong{font-size:28px}.product-brand .pixel-mark{width:25px;height:25px}.product-return{width:185px;min-height:72px;margin-inline-start:auto}.product-return-wire{width:185px;height:72px;inset:auto 0 0 auto}.product-return-link{min-width:143px;font-size:11px}.product-return-port{left:-10px;bottom:10px}.product-unit{font-size:9px}.product-hero{display:grid;grid-template-columns:1fr;gap:58px;padding:30px 12px 20px}.product-intro{max-width:none}.product-intro h1{font-size:clamp(40px,9vw,58px);letter-spacing:-2px}.product-tagline{font-size:27px;letter-spacing:-.9px}.product-description{font-size:16px}.product-stores{gap:11px;margin:24px 0}.identity-module{width:250px;max-width:calc(100% - 15px);margin-top:25px}.identity-module .product-logo{width:34px;height:34px}.feed-output{right:auto;left:-28px}.product-gallery{max-width:370px;justify-self:center}.screen-housing{width:clamp(205px,54vw,270px);border-width:16px;border-image-width:16px}.feed-input{left:-27px}.screen-caption{font-size:12px;margin-top:16px}.product-demo-section{margin:18px 10px 0;padding-top:26px}.product-demo-heading{flex-wrap:wrap;gap:10px}.product-demo-heading h2{font-size:23px}.product-footer{margin:27px 10px 0;gap:13px;padding-top:18px}.product-footer-links{gap:6px}.other-products{padding:12px;gap:9px}.other-products-label{width:100%;margin:0 0 7px}.other-product{flex:1 1 40%;min-width:0;font-size:11px;padding:9px 10px}.screen-zoom{border-width:18px;border-image-width:18px}}
@media(max-width:390px){.product-main{padding:10px 8px 20px}.product-cabinet{padding:0 8px 18px;border-width:15px;border-image-width:15px}.product-header{padding-inline:6px}.product-hero{padding:26px 8px 18px;gap:52px}.product-tagline{font-size:25px}.product-intro h1{font-size:38px}.product-description{font-size:15px}.identity-module{padding:8px 9px;border-width:14px;border-image-width:14px}.identity-module strong{font-size:13px}.identity-module small{font-size:8px}.product-stores{gap:9px}.store-port{font-size:12px;padding:5px 8px;gap:13px;border-width:10px;border-image-width:10px}.screen-housing{width:205px;border-width:15px;border-image-width:15px}.product-demo-section{margin-inline:4px}.product-footer{margin-inline:4px}.product-footer a{font-size:10px}.product-local-note{font-size:10px}.other-product{font-size:10px;gap:8px}}
@media(prefers-reduced-motion:reduce){.product-feed .p-packets,.product-return-wire .p-packets{display:none}.product-page .screen-housing,.product-page .screen-button img{transition:none}}
@media(max-width:760px){.product-header-controls{width:100%;justify-content:space-between;gap:14px}.product-locale-panel{left:-12px;right:auto;max-width:calc(100vw - 62px)}.product-return{margin-inline-start:0}.product-gallery{margin-inline:0}.screen-button{touch-action:pan-y}}
@media(max-width:760px){.product-intro{padding-top:0}}
