.qms{--qms-w:512px;--qms-lid-h:192px;--qms-screen-h:384px;--qms-base-h:352px;--qms-open:150vh;--qms-hold:100vh;--qms-alu-hi:#d8d9dc;--qms-alu:#b9bbbf;--qms-alu-lo:#93959a;--qms-alu-edge:#6f7175;--qms-deck:#1c1d1f;--qms-bezel:#08080a;--qms-key:#313234;--qms-key-lo:#232426;--qms-fade:#0B0B0C;position:relative;display:block;width:100%}.qms__track{position:relative;height:calc(100vh + var(--qms-open) + var(--qms-hold))}.qms__sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:800px}.qms__stage{flex:none;transform:scale(.35);transform-origin:center center}@media (min-width:640px){.qms__stage{transform:scale(.5)}}@media (min-width:768px){.qms__stage{transform:scale(.92)}}@media (min-width:1280px){.qms__stage{transform:scale(1)}}.qms__machine{position:relative;width:var(--qms-w);flex:none;will-change:transform}.qms__lid-area{position:relative;width:var(--qms-w);height:var(--qms-lid-h);display:flex;align-items:center;justify-content:center;perspective:800px}.qms__lid-back{position:relative;width:var(--qms-w);height:var(--qms-lid-h);padding:8px;border-radius:20px 20px 6px 6px;transform:perspective(800px) rotateX(-25deg) translateZ(0);transform-origin:bottom;transform-style:preserve-3d;background:linear-gradient(155deg,var(--qms-alu-hi) 0%,var(--qms-alu) 26%,var(--qms-alu-lo) 72%,var(--qms-alu-edge) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.35),0 18px 40px rgba(0,0,0,.45)}.qms__lid-back::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 38%),radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.28),transparent 60%);pointer-events:none}.qms__lid-logo{position:absolute;top:50%;left:50%;width:56px;height:auto;transform:translate(-50%,-50%);opacity:.42;filter:grayscale(1) brightness(.35);pointer-events:none}.qms__screen{position:absolute;top:0;left:0;width:var(--qms-w);height:var(--qms-screen-h);padding:8px;border-radius:20px 20px 6px 6px;transform-origin:top;transform-style:preserve-3d;will-change:transform;background:linear-gradient(180deg,#303134 0%,#1b1c1e 62%,#141517 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 26px 60px rgba(0,0,0,.55);z-index:2}.qms__display{position:relative;width:100%;height:100%;border-radius:13px;overflow:hidden;background:var(--qms-bezel);box-shadow:inset 0 0 0 2px #000}.qms__display img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:var(--qms-bezel)}.qms__notch{position:absolute;top:0;left:50%;width:148px;height:20px;transform:translateX(-50%);background:var(--qms-bezel);border-radius:0 0 10px 10px;z-index:3}.qms__notch::after{content:"";position:absolute;top:7px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:999px;background:#17181a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.qms__display::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.03) 22%,rgba(255,255,255,0) 46%);pointer-events:none;z-index:2}.qms__base{position:relative;z-index:-10;width:var(--qms-w);height:var(--qms-base-h);overflow:hidden;border-radius:6px 6px 22px 22px;background:linear-gradient(180deg,var(--qms-alu-lo) 0%,var(--qms-alu) 5%,var(--qms-alu) 82%,var(--qms-alu-lo) 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.3),0 30px 60px rgba(0,0,0,.5)}.qms__hinge{position:absolute;top:0;left:0;right:0;height:26px;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 100%);pointer-events:none}.qms__deck{position:relative;display:flex;gap:10px;padding:26px 14px 0}.qms__speaker{flex:none;width:44px;border-radius:4px;background-image:radial-gradient(circle,rgba(0,0,0,.3) .9px,transparent 1.1px);background-size:5px 5px;opacity:.85}.qms__keyboard{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;padding:9px;border-radius:7px;background:var(--qms-deck);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),inset 0 2px 6px rgba(0,0,0,.45)}.qms__krow{display:flex;gap:4px;width:100%}.qms__key{flex:1 1 0%;min-width:0;height:26px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;border-radius:5px;background:linear-gradient(180deg,var(--qms-key) 0%,var(--qms-key-lo) 100%);box-shadow:inset 0 -1.5px 0 rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.07),0 1px 1px rgba(0,0,0,.4);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",ui-sans-serif,sans-serif;font-size:8px;line-height:1;color:#d6d7d9;overflow:hidden;white-space:nowrap}.qms__krow--fn .qms__key{height:16px;padding-top:3px;font-size:6.5px;border-radius:4px}.qms__key--esc{flex:1.6 1 0;align-items:center;padding-top:0}.qms__key--w13{flex:1.3 1 0}.qms__key--w15{flex:1.5 1 0}.qms__key--w18{flex:1.8 1 0}.qms__key--w22{flex:2.2 1 0}.qms__key--space{flex:7 1 0%}.qms__key--tall{align-items:center;padding-top:0}.qms__key--pwr{flex:1.2 1 0;background:linear-gradient(180deg,#3a3b3d 0%,#2a2b2d 100%);position:relative}.qms__key--pwr::after{content:"";position:absolute;inset:3px;border-radius:3px;background:radial-gradient(circle at 50% 50%,#4a4b4d 0%,#2e2f31 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.qms__key--arrows{flex:1.6 1 0;display:flex;flex-direction:column;gap:1px;background:none;box-shadow:none;padding:0}.qms__arrow-row{display:flex;gap:1px;flex:1 1 0%}.qms__arrow{flex:1 1 0%;border-radius:3px;background:linear-gradient(180deg,var(--qms-key) 0%,var(--qms-key-lo) 100%);box-shadow:inset 0 -1px 0 rgba(0,0,0,.6)}.qms__arrow--blank{background:none;box-shadow:none}.qms__trackpad{width:46%;height:118px;margin:16px auto 0;border-radius:9px;background:linear-gradient(180deg,#c3c5c8 0%,#b4b6ba 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18),inset 0 2px 5px rgba(0,0,0,.14)}.qms__lip{position:absolute;bottom:0;left:50%;width:88px;height:9px;transform:translateX(-50%);border-radius:9px 9px 0 0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.1))}.qms__badge{position:absolute;left:28px;bottom:26px;width:44px;height:auto;opacity:.85;pointer-events:none;z-index:1}.qms--fade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30vh;background:linear-gradient(to top,var(--qms-fade) 12%,transparent 100%);pointer-events:none;z-index:5}@media (prefers-reduced-motion:reduce){.qms .qms__track{height:auto}.qms .qms__sticky{position:static;height:auto;padding:60px 0;overflow:visible}.qms .qms__screen{transform:scaleX(1) scaleY(1) rotateX(0deg)!important}.qms .qms__machine{transform:none!important}.qms .qms__lid-back{opacity:0}}