.driftwall{--columns:7;--tile-w:224px;--tile-h:220px;--gap:14px;--radius:20px;--tilt:16deg;--turn:-27deg;--roll:0deg;--perspective:1500px;--depth:270px;--lift:120px;--fade:.34;--overlay:#0b0b0b;perspective:var(--perspective);position:absolute;inset:0;overflow:hidden}.driftwall-wall{width:calc(var(--columns) * (var(--tile-w) + var(--gap)) + 60vmin);justify-content:center;gap:var(--gap);height:200vmax;transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--px,0px)), calc(-50% + var(--py,0px)), calc(var(--depth) * -1)) rotateX(var(--tilt)) rotateY(var(--roll)) rotateZ(var(--turn));will-change:transform;display:flex;position:absolute;top:50%;left:50%}.driftwall-column{width:var(--tile-w);transform-style:preserve-3d;overflow:hidden}.driftwall-track{gap:var(--gap);animation:driftwall-down var(--dur,25s) linear infinite;transform-style:preserve-3d;will-change:transform;flex-direction:column;display:flex}@keyframes driftwall-down{0%{transform:translateY(calc(-50% - var(--gap) / 2))}to{transform:translateY(0)}}.driftwall.is-active:hover .driftwall-track,.driftwall:not(.is-active) .driftwall-track{animation-play-state:paused}.driftwall-tile{width:var(--tile-w);height:var(--tile-h);flex-direction:column;flex:0 0 var(--tile-h);border-radius:var(--radius);transform-style:preserve-3d;background:#ffffff04;border:1px solid #ffffff0b;justify-content:center;align-items:center;gap:14px;transition:transform .45s cubic-bezier(.22,.61,.36,1),background .45s,border-color .45s;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.driftwall-icon{object-fit:contain;opacity:.3;filter:none;width:72px;height:72px;transition:transform .45s}.driftwall-tile .driftwall-title{z-index:2;color:#ffffff47;letter-spacing:.02em;text-shadow:0 2px 10px #0009;pointer-events:none;font-size:15px;font-weight:600}.driftwall.is-active .driftwall-tile:hover{transform:translateZ(var(--lift));z-index:5;background:#2cb5c914;border-color:#2cb5c933}.driftwall.is-active .driftwall-tile:hover .driftwall-icon{opacity:.7;transform:scale(1.06)}.driftwall.is-active .driftwall-tile:hover .driftwall-title{color:#ffffffb8}.driftwall-vignette{z-index:3;pointer-events:none;background:linear-gradient(to bottom, var(--overlay) 0%, transparent calc(var(--fade) * 60%), transparent calc(100% - var(--fade) * 60%), var(--overlay) 100%), linear-gradient(to right, var(--overlay) 0%, transparent calc(var(--fade) * 55%), transparent calc(100% - var(--fade) * 55%), var(--overlay) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.driftwall-track{animation:none}}.keywall{perspective:900px;background:#111113;position:absolute;inset:0;overflow:hidden}.keywall-wall{transform-style:preserve-3d;grid-template-columns:repeat(5,86px);gap:10px;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotateX(16deg)rotate(-26deg)}.keywall-tile{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:86px;height:82px;display:flex}.keywall-tile.is-key{background:#2cb5c91a;border-color:#2cb5c961;box-shadow:0 10px 28px #00000047}.keywall-tile.is-cmd{background:#2cb5c929;border-color:#2cb5c980;transform:scale(1.08)}.keywall-mac,.keywall-letter{color:#18181b;background:linear-gradient(#f7f7f8,#e4e4e7);flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #fff,0 2px #a1a1aa,0 8px 16px #00000047}.keywall-mac{border-radius:10px;width:58px;height:58px}.keywall-mac b{font-size:20px;font-weight:600;line-height:1}.keywall-mac small{letter-spacing:.04em;margin-top:3px;font-size:7px;font-weight:600}.keywall-letter{border-radius:9px;width:44px;height:44px;font-size:18px;font-weight:700}.keywall-cap{color:#18181b;text-align:center;background:#f4f4f5;border-radius:6px;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;line-height:22px}.keywall-vignette{pointer-events:none;background:linear-gradient(#111113 0%,#0000 22% 78%,#111113 100%),linear-gradient(90deg,#111113 0%,#0000 18% 82%,#111113 100%);position:absolute;inset:0}.langwall{perspective:900px;background:#111113;position:absolute;inset:0;overflow:hidden}.langwall-wall{transform-style:preserve-3d;grid-template-columns:repeat(5,86px);gap:10px;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotateX(16deg)rotate(-26deg)}.langwall-tile{color:#ffffff38;letter-spacing:.04em;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;justify-content:center;align-items:center;width:86px;height:82px;font-size:15px;font-weight:700;display:flex}.langwall-tile.is-on{color:#7fe3ef;background:#2cb5c929;border-color:#2cb5c980;transform:scale(1.08);box-shadow:0 10px 28px #00000047}.langwall-place{z-index:2;background:#17181c;border:1px solid #ffffff1a;border-radius:16px;width:min(78%,420px);padding:14px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 22px 50px #00000080}.langwall-vignette{pointer-events:none;background:linear-gradient(#111113 0%,#0000 18% 82%,#111113 100%),linear-gradient(90deg,#111113 0%,#0000 14% 86%,#111113 100%);position:absolute;inset:0}.device-stage{background:radial-gradient(55% 42% at 50% 58%,#2cb5c91a,#0000 70%),#111113;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:18px 20px 14px;display:flex;position:absolute;inset:0;overflow:hidden}.device-account{background:#17181c;border:1px solid #2cb5c961;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex;box-shadow:0 8px 22px #00000047}.device-account b{color:#06222b;background:#2cb5c9;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.device-account span{color:#e8f2f5;font-size:12px;font-weight:600}.device-account small{color:#7fe3ef;letter-spacing:.06em;text-transform:uppercase;background:#2cb5c929;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:700}.device-account.is-pulse{animation:.7s device-pulse}.device-lineup{justify-content:center;align-items:flex-end;gap:16px;width:100%;display:flex}.device-mac,.device-win,.device-phone{flex-direction:column;align-items:center;transition:transform .45s,opacity .45s;display:flex}.device-mac:not(.is-on),.device-win:not(.is-on),.device-phone:not(.is-on){opacity:.55}.device-mac.is-on,.device-win.is-on,.device-phone.is-on{transform:translateY(-6px)}.device-mac-lid,.device-win-lid,.device-phone-body{background:#0b0b0d;border:1.5px solid #32333a;box-shadow:0 16px 36px #0000006b}.is-on .device-mac-lid,.is-on .device-win-lid,.is-on .device-phone-body{border-color:#2cb5c99e;box-shadow:0 0 0 1px #2cb5c92e,0 18px 40px #0000007a}.device-mac-lid,.device-win-lid{padding:9px 9px 7px}.device-mac-lid{border-radius:11px 11px 3px 3px;width:214px;height:136px}.device-win-lid{border-radius:8px 8px 3px 3px;width:200px;height:128px}.device-shelf{background:linear-gradient(#3d3e44,#1c1d21);border-radius:0 0 9px 9px;height:8px;margin-top:-1px}.device-mac .device-shelf{width:228px}.device-win .device-shelf{width:214px}.device-nub{background:#101114;border-radius:999px;width:42px;height:3px;margin-top:-5px}.device-phone-body{border-radius:18px;width:76px;height:152px;padding:11px 6px 8px}.device-island{background:#050506;border-radius:999px;width:26px;height:6px;margin:0 auto 7px}.device-home{background:#fff3;border-radius:999px;width:22px;height:3px;margin:7px auto 0}.device-screen{color:#e8f2f5;background:#16171b;border-radius:6px;flex-direction:column;height:100%;padding:8px 8px 7px;display:flex}.device-phone-body .device-screen{border-radius:9px;padding:8px 7px 6px}.device-screen-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.device-screen-top p{letter-spacing:.03em;color:#e8f2f58c;font-size:9px;font-weight:650}.device-dots{gap:3px;display:flex}.device-dots i{border-radius:999px;width:5px;height:5px}.device-row{color:#e8f2f5b8;background:#ffffff0e;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-top:5px;padding:5px 7px;font-size:9px;font-weight:600;display:flex}.device-row em{color:#7fe3ef;font-variant-numeric:tabular-nums;font-style:normal}.device-phone-ui{text-align:center;flex-direction:column;align-items:center;height:100%;display:flex}.device-phone-ui strong{color:#e8f2f5;font-size:10px;font-weight:700}.device-phone-ui .mail{color:#e8f2f580;margin-top:2px;font-size:7.5px}.device-phone-ui .stat{background:#ffffff0e;border-radius:7px;width:100%;margin-top:7px;padding:6px 4px 5px}.device-phone-ui .stat b{color:#7fe3ef;font-size:11px;font-weight:700;display:block}.device-phone-ui .stat small{letter-spacing:.04em;text-transform:uppercase;color:#e8f2f57a;margin-top:2px;font-size:7px;font-weight:600;display:block}.device-caption{letter-spacing:.04em;color:#e8f2f56b;margin-top:8px;font-size:10px;font-weight:650}.is-on .device-caption{color:#7fe3ef}@keyframes device-pulse{0%{box-shadow:0 0 #2cb5c973}to{box-shadow:0 0 0 14px #2cb5c900}}