@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/316b6682b406c2db-s.1_k7aq_c5drf2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5e4d537aaa9e154b-s.p.1ewykk74tw0il.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Black Fallback;src:local(Arial);ascent-override:70.78%;descent-override:16.93%;line-gap-override:0.0%;size-adjust:124.05%}.archivo_black_aa0a7294-module__PniYsW__className{font-family:Archivo Black,Archivo Black Fallback;font-style:normal;font-weight:400}.archivo_black_aa0a7294-module__PniYsW__variable{--font-archivo-black:"Archivo Black", "Archivo Black Fallback"}
.zai .footer{--spring-easing:cubic-bezier(.34, 1.25, .64, 1);--press-easing:cubic-bezier(.22, 1, .36, 1);--travel:7px;--press-time:70ms;--release-time:.38s;--mono:var(--font-jetbrains-mono), ui-monospace, monospace;background:var(--cream);padding:72px 32px 28px}@supports (transition-timing-function:linear(0, 1)){.zai .footer{--spring-easing:linear(0, .021 3%, .062 6%, .119 9%, .189 12%, .27 15%, .361 18%, .463 21%, .573 24%, .692 27%, .819 30%, .953 33%, 1 34%, .906 37%, .834 40%, .782 43%, .75 46%, .74 49%, .75 52%, .782 55%, .834 58%, .906 61%, 1 64%, .965 66.5%, .94 69%, .925 71.5%, .92 74%, .925 76.5%, .94 79%, .965 81.5%, 1 84%, 1);--release-time:.56s}}.zai .console-stage{perspective:1400px;justify-content:center;max-width:1240px;margin:0 auto;display:flex}.zai .hardware-console{--tilt:14deg;background-color:var(--navy);border:3px solid var(--black);width:100%;max-width:1080px;box-shadow:0 16px 0 var(--navy-dark), 0 19px 0 var(--black), 12px 28px 0 #111111eb, inset 0 2px 0 #ffffff38;transform:translateY(calc((1 - var(--rise,1)) * 56px)) rotateX(calc(var(--tilt) + (1 - var(--rise,1)) * 42deg));transform-origin:bottom;will-change:transform;background-image:radial-gradient(#ffffff24 1.5px,#0000 0);background-size:22px 22px;border-radius:26px 26px 16px 16px;grid-template-columns:375px 1fr 315px;align-items:center;gap:34px;padding:28px 38px 40px;display:grid;position:relative}.zai .left-module{flex-direction:column;gap:14px;display:flex}.zai .status-row{align-items:center;gap:12px;height:44px;display:flex}.zai .lcd-screen{border:2.5px solid var(--black);min-width:0;height:100%;box-shadow:inset 0 3px 6px #000000d9, 3px 3px 0 var(--black);background:#0b1628;border-radius:10px;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:0 16px;display:flex;position:relative;overflow:hidden}.zai .lcd-screen:after{content:"";pointer-events:none;background-image:radial-gradient(#00000073 1px,#0000 0);background-size:3px 3px;position:absolute;inset:0}.zai .lcd-text{font-family:var(--mono);letter-spacing:.4px;color:var(--orange);text-transform:uppercase;white-space:nowrap;font-size:11.5px;font-weight:800;overflow:hidden}.zai .status-led{border:1.5px solid var(--black);background:#47d178;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite footer-led;box-shadow:0 0 8px #47d178}@keyframes footer-led{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.88)}}.zai .brand-button{background:var(--orange);width:44px;height:44px;color:var(--black);font-family:var(--font-archivo-black), sans-serif;letter-spacing:-.5px;border:2.5px solid var(--black);box-shadow:3px 3px 0 var(--black);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.zai .brand-button:active{box-shadow:0 0 0 var(--black);transform:translate(3px,3px)}@media (hover:hover){.zai .brand-button:hover{background:var(--orange-dark);box-shadow:1.5px 1.5px 0 var(--black);transform:translate(1.5px,1.5px)}}.zai .brand-button:focus-visible{outline-color:var(--orange)}.zai .keypad-well{border:3px solid var(--black);box-shadow:inset 0 8px 16px #000000e6, 5px 5px 0 var(--black);isolation:isolate;background:#0b1320;border-radius:18px;flex-direction:column;gap:6px;padding:12px 12px 14px;display:flex;position:relative}.zai .key-row{gap:8px;height:92px;display:grid;position:relative}.zai .key-row.row-1{z-index:10;grid-template-columns:1.42fr 1fr 1fr}.zai .key-row.row-2{z-index:20;grid-template-columns:1fr 1.42fr 1fr;margin-top:-6px}.zai .key-row.row-3{z-index:30;grid-template-columns:1.26fr 1fr 1.16fr;margin-top:-6px}.zai .key-slot{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;--k:0;--k-dur:var(--release-time);--k-ease:var(--spring-easing);outline:none;min-width:0;text-decoration:none;display:block;position:relative}.zai .key-slot:focus-visible{outline:none}.zai .key-slot:focus-visible .keycap-unit{outline:3px solid var(--orange);outline-offset:2px}.zai .keycap-unit{border:2px solid var(--black);width:100%;height:100%;box-shadow:0 max(0px, calc(8px - 6px * var(--k))) max(1px, calc(12px - 8px * var(--k))) #000000d9;transition:box-shadow var(--k-dur) var(--k-ease);background:#0b1320;border-radius:13px 13px 11px 11px;display:block;position:relative;overflow:hidden}.zai .keycap-skirt{background:var(--skirt-bg);box-shadow:inset 0 2px 3px var(--rim-highlight,#ffffff80), inset 7px 0 12px var(--side-left-glow,#ffffff38), inset -7px 0 12px var(--side-right-shade,#00000059), inset 0 -6px 10px var(--bottom-shade,#00000073);transform:translateY(calc(var(--travel) * var(--k)));will-change:transform;transition:transform var(--k-dur) var(--k-ease);border-radius:11px 11px 9px 9px;display:block;position:absolute;inset:0;overflow:hidden}.zai .keycap-skirt:before{content:"";background:radial-gradient(ellipse 76% 20% at 50% 56%, var(--ridge-glow,#ffffff61) 0%, transparent 100%), linear-gradient(108deg, #00000059 0%, transparent 9%, var(--crease-left,#ffffff47) 13%, transparent 22%), linear-gradient(-108deg, #0000006b 0%, transparent 9%, var(--crease-right,#fff3) 13%, transparent 22%), radial-gradient(ellipse 68% 34% at 50% 102%, var(--front-cone-shadow,#00000085) 0%, transparent 75%);pointer-events:none;position:absolute;inset:0}.zai .keycap-top{background:linear-gradient(180deg, #ffffff2e 0%, #fff0 26%, #00000012 58%, #00000005 82%, #ffffff1f 100%), var(--top-bg);height:71%;box-shadow:0 3px 6px var(--lip-drop,#00000038), inset 0 2px 5px var(--dish-concave,#0003), inset 0 -2px 3px var(--dish-bottom-rim,#ffffff73), inset 0 1.5px 2px #ffffff80;z-index:2;transform:translateY(calc(var(--travel) * var(--k)));will-change:transform;transition:transform var(--k-dur) var(--k-ease);border:1.5px solid #111111d9;border-radius:8px 8px 10px 10px;justify-content:center;align-items:center;display:flex;position:absolute;top:3px;left:8.5%;right:11.5%}.zai .key-label{color:var(--label-color,#fff);letter-spacing:.08em;text-transform:uppercase;text-shadow:var(--label-shadow,0 1px 2px #0000004d);text-align:center;white-space:nowrap;padding:0 4px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;line-height:1.05}.zai .key-slot:focus-visible{--k:1;--k-dur:var(--press-time);--k-ease:var(--press-easing)}@media (hover:hover){.zai .key-slot:hover{--k:1;--k-dur:var(--press-time);--k-ease:var(--press-easing)}}.zai .key-slot:active,.zai .key-slot[data-pressed]{--k:1.45;--k-dur:45ms;--k-ease:ease-out}.zai .theme-gold{--top-bg:linear-gradient(180deg, #ffc04d 0%, #f5a623 100%);--skirt-bg:linear-gradient(180deg, #ffd27a 0%, #f5a623 45%, #c87a08 78%, #6e3e00 100%);--rim-highlight:#fff5c8e6;--ridge-glow:#ffe696bf;--crease-left:#fff0b499;--bottom-shade:#552d0080;--front-cone-shadow:#4623008c;--dish-bottom-rim:#ffebafbf;--label-color:#111;--label-shadow:0 1px 0 #ffffff73}.zai .theme-sky{--top-bg:linear-gradient(180deg, #c4e3fc 0%, #a9d2f5 100%);--skirt-bg:linear-gradient(180deg, #e1f2fe 0%, #9ed0f6 46%, #5ca2d9 78%, #235782 100%);--rim-highlight:#ffffffe6;--ridge-glow:#ffffffb3;--label-color:#111;--label-shadow:0 1px 0 #ffffff8c}.zai .theme-cream{--top-bg:linear-gradient(180deg, #fffdf7 0%, #ece2c4 100%);--skirt-bg:linear-gradient(180deg, #fff 0%, #efe6d2 46%, #c4b89b 78%, #6b614b 100%);--rim-highlight:#fffffff2;--ridge-glow:#fffc;--label-color:#111;--label-shadow:0 1px 0 #fff9}.zai .theme-coral{--top-bg:linear-gradient(180deg, #f56b40 0%, #e45225 100%);--skirt-bg:linear-gradient(180deg, #ff8863 0%, #e45225 46%, #a8310c 78%, #4f1302 100%);--rim-highlight:#ffc8b4bf;--ridge-glow:#ffaf918c;--label-color:#fff8ee;--label-shadow:0 1px 2px #00000073}.zai .theme-green{--top-bg:linear-gradient(180deg, #52ad74 0%, #3f8f5f 100%);--skirt-bg:linear-gradient(180deg, #74c993 0%, #3f8f5f 46%, #23613a 78%, #0e301b 100%);--rim-highlight:#c8ffdcb3;--ridge-glow:#a5f0be80;--label-color:#f5efdc;--label-shadow:0 1px 2px #00000073}.zai .theme-navy{--top-bg:linear-gradient(180deg, #274675 0%, #17325c 100%);--skirt-bg:linear-gradient(180deg, #3a609c 0%, #1b355e 46%, #0e1e38 78%, #060d1a 100%);--rim-highlight:#a5cdff73;--ridge-glow:#8cb9ff40;--label-color:#f5efdc;--label-shadow:0 1px 2px #0009}.zai .vent-grille{flex-direction:column;justify-content:space-between;height:256px;margin-top:48px;padding:6px 4px;display:flex}.zai .vent-slot{border:1.5px solid var(--black);background:#0a1426;border-radius:4px;width:100%;height:11px;display:block;box-shadow:0 2px #ffffff14}.zai .scope-housing{background:var(--cream);border:3px solid var(--black);width:315px;height:315px;box-shadow:6px 6px 0 var(--black);border-radius:18px;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.zai .bolt{background:var(--orange);border:2px solid var(--black);width:22px;height:22px;box-shadow:2px 2px 0 var(--black);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.zai .bolt:after{content:"";background:var(--black);border-radius:50%;width:9px;height:9px}.zai .bolt.tl{top:14px;left:14px}.zai .bolt.tr{top:14px;right:14px}.zai .bolt.bl{bottom:14px;left:14px}.zai .bolt.br{bottom:14px;right:14px}.zai .crt-bezel{background:var(--navy);border:3px solid var(--black);width:256px;height:256px;box-shadow:inset 0 6px 14px #000000d9, 3px 3px 0 var(--black);border-radius:50%;padding:16px;position:relative}.zai .crt-screen{border:2.5px solid var(--black);background:radial-gradient(circle,#132847 0%,#091526 70%,#040a14 100%);border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 12px 28px #000000f2}.zai .crt-grid{pointer-events:none;background-image:linear-gradient(#f5a6231f 1px,#0000 1px),linear-gradient(90deg,#f5a6231f 1px,#0000 1px);background-position:50%;background-size:28px 28px;position:absolute;inset:0}.zai .crt-hud{pointer-events:none;z-index:3;text-align:center;flex-direction:column;justify-content:space-between;align-items:center;padding:28px 24px 26px;display:flex;position:absolute;inset:0}.zai .hud-badge{background:var(--green);color:#fff;font-family:var(--mono);border:1.5px solid var(--black);letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:9.5px;font-weight:800}.zai .hud-readout{border:1.5px solid var(--orange);color:var(--cream);font-family:var(--mono);text-transform:uppercase;background:#0b1628e0;border-radius:6px;max-width:175px;padding:5px 10px;font-size:10.5px;font-weight:800;line-height:1.25}.zai .crt-glare{pointer-events:none;z-index:4;background:radial-gradient(circle at 68% 28%,#ffffff29 0%,#ffffff0a 32%,#0000 60%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 12px 16px 26px #000000d9}.zai .scope-canvas{width:100%;height:100%;display:block}.zai .footer-bottom{border-top:3px solid var(--black);max-width:1240px;color:var(--ink-mute);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 32px;margin:76px auto 0;padding-top:20px;font-family:Arial,Helvetica,sans-serif;font-size:11.5px;display:flex}.zai .footer-bottom-end{flex-wrap:wrap;align-items:baseline;gap:10px 28px;display:flex}.zai .footer-legal{flex-wrap:wrap;gap:6px 18px;display:flex}.zai .footer-bottom a{color:inherit;text-decoration:none;transition:color .15s,text-decoration-color .15s}.zai .footer-bottom a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}@media (max-width:980px){.zai .hardware-console{--tilt:10deg;grid-template-columns:375px minmax(24px,1fr) 315px;gap:26px;padding:26px 30px 34px}}@media (max-width:895px){.zai .hardware-console{zoom:.9}}@media (max-width:812px){.zai .hardware-console{zoom:.8}}@media (max-width:729px){.zai .hardware-console{zoom:.7}}@media (max-width:646px){.zai .hardware-console{zoom:.64}}@media (max-width:600px){.zai .footer{padding:56px 18px 24px}.zai .hardware-console{--tilt:8deg;zoom:1;border-radius:22px 22px 14px 14px;grid-template-columns:minmax(0,1fr);gap:0;max-width:440px;padding:16px 12px 22px}.zai .vent-grille,.zai .scope-housing{display:none}.zai .status-row{gap:10px;height:40px}.zai .lcd-screen{padding:0 12px}.zai .lcd-text{letter-spacing:.2px;font-size:10.5px}.zai .brand-button{width:40px;height:40px}.zai .keypad-well{border-radius:16px;padding:10px 8px 12px}.zai .key-row{gap:6px;height:76px}.zai .keycap-top{left:7%;right:7%}.zai .key-label{letter-spacing:.03em;padding:0 2px;font-size:clamp(9px,2.9vw,11.5px)}.zai .footer-bottom{flex-direction:column;gap:12px;margin-top:56px}.zai .footer-bottom-end{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){.zai .keycap-top,.zai .keycap-skirt,.zai .keycap-unit{transition-duration:1ms!important}.zai .status-led{animation:none}}
