:root{color-scheme:dark;--bg:#101014;--panel:#16161c;--line:#2a2932;--white:#f2f1f5;--muted:#9a98a5;--purple:#a678ff;--mono:'IBM Plex Mono',monospace;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:48px 48px;color:var(--white);font-family:var(--display),sans-serif}.matrix-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.22}.page{position:relative;z-index:1;width:min(1200px,calc(100% - 40px));margin:0 auto}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:16px;letter-spacing:-.03em;white-space:nowrap}.brand img{width:34px;height:34px;object-fit:cover;border-radius:8px;border:0}.brand-muted{color:#aaa6b3;font-weight:500}.tabs{display:flex;align-items:center;gap:4px}.tab{font:500 11px var(--mono);color:#96929f;border:1px solid transparent;border-radius:4px;background:transparent;padding:9px 12px;cursor:pointer;transition:color .18s,background .18s,border-color .18s,transform .18s}.tab:active{transform:scale(.96)}.tab:hover{color:#fff;background:#1b1a21}.tab.active{color:#fff;border-color:#51416c;background:#211b2b}.version{display:flex;align-items:center;gap:8px;color:#b7b3c0;font:10px var(--mono);letter-spacing:.07em;border:1px solid #393640;background:#17161d;padding:9px 11px;border-radius:4px;white-space:nowrap}.version i{height:12px;border-left:1px solid #4a4652}.status-dot,.home-status i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#bd9aff;box-shadow:0 0 10px #a678ff80}.panel{min-height:470px}.panel:not([hidden]){animation:panel-enter .38s ease both}@keyframes panel-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-panel{position:relative;isolation:isolate;overflow:hidden;padding:85px 0 30px}.home-panel:after{content:'';position:absolute;z-index:-1;width:350px;height:350px;right:-70px;top:20px;background:radial-gradient(circle at center,#a678ff14 0 1px,transparent 2px),radial-gradient(circle at center,#a678ff1d,transparent 68%);background-size:18px 18px,100% 100%;mask-image:radial-gradient(circle,black,transparent 70%);pointer-events:none}.home-panel>:not(.cube-display){position:relative;z-index:1}.cube-display{position:absolute;z-index:0;right:12px;top:28px;width:250px;height:250px;perspective:700px;transform-style:preserve-3d;animation:cube-float 4.5s ease-in-out infinite;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);transition:transform .3s ease-out}.cube{--cube-size:104px;position:absolute;width:var(--cube-size);height:var(--cube-size);left:73px;top:73px;transform-style:preserve-3d;transform:rotateX(calc(-22deg + var(--tilt-y,0deg))) rotateY(var(--tilt-x,0deg));transition:transform .25s ease-out}.cube-spinner{position:absolute;inset:0;transform-style:preserve-3d;animation:cube-spin 16s linear infinite}@keyframes cube-spin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}.orbit-track{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.orbit-track span{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #a678ff55;border-radius:999px;background:#17131fdc;color:#e6d9ff;font:9px var(--mono);letter-spacing:.03em;white-space:nowrap;text-shadow:0 0 12px #a678ff99;box-shadow:0 0 18px #6c3eb222;will-change:transform,opacity}.orbit-track span:before{content:'';width:4px;height:4px;flex:none;border-radius:50%;background:#bd9aff;box-shadow:0 0 8px #a678ff}.cube-face{position:absolute;width:var(--cube-size);height:var(--cube-size);display:grid;place-items:center;background:linear-gradient(140deg,#a678ff30,#702de214);border:1px solid #bd9aff80;color:#e9ddff;font:600 27px var(--mono);letter-spacing:-.08em;text-shadow:0 0 14px #bd9affaa;backdrop-filter:blur(3px);box-shadow:inset 0 0 24px #a678ff12}.cube-face.front{transform:translateZ(52px)}.cube-face.back{transform:rotateY(180deg) translateZ(52px)}.cube-face.right{transform:rotateY(90deg) translateZ(52px)}.cube-face.left{transform:rotateY(-90deg) translateZ(52px)}.cube-face.top{transform:rotateX(90deg) translateZ(52px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(52px)}@keyframes cube-float{0%,100%{translate:0 0}50%{translate:0 -10px}}.eyebrow,.intro-bottom,.rank,.note,footer,.list-count,.group-title span{font-family:var(--mono)}.eyebrow{font-size:10px;letter-spacing:.1em;color:#b5b1bd;margin:0 0 17px}.prompt{color:var(--purple);font-weight:600;margin-right:5px}.home-panel h1,.section-heading h1{font-size:clamp(38px,7vw,62px);line-height:1.04;letter-spacing:-.065em;margin:0;font-weight:600}.cursor{color:var(--purple);animation:blink 1.15s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.summary{margin:13px 0 0;color:#aaa7b3;font-size:15px;max-width:430px;line-height:1.6}.browse-button{margin-top:27px;display:inline-flex;align-items:center;gap:27px;padding:12px 14px;background:#8b5cf6;border:1px solid #a57dfb;border-radius:4px;color:#fff;font:500 11px var(--mono);cursor:pointer;transition:.18s}.browse-button:hover{background:#9b70fb;box-shadow:0 0 18px #8b5cf655}.browse-button span{font-size:15px}.home-status{margin-top:75px;padding:13px 15px;border:1px solid #302d39;border-radius:5px;background:#15141a;display:flex;justify-content:space-between;color:#777481;font:9px var(--mono);letter-spacing:.08em;box-shadow:0 8px 30px #0002}.home-status span:first-child{display:flex;align-items:center;gap:8px;color:#aaa6b3}.home-status i{width:5px;height:5px}.clients-panel{padding:40px 0 20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:12px}.list-count{font-size:9px;line-height:1.8;letter-spacing:.08em;color:#777481;text-align:right}.group-title{font-size:15px;margin:0 0 13px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.group-title span{font-size:9px;color:#777481;font-weight:400}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.client-card{position:relative;overflow:hidden;min-height:218px;padding:19px;background:linear-gradient(145deg,#19181f,#15151a);border:1px solid #302e38;border-radius:6px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .18s,transform .18s,box-shadow .18s}.client-card:before{content:'';position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,#a678ff88,transparent);opacity:.55}.client-card:hover{border-color:#7356a1;transform:translateY(-3px);box-shadow:0 10px 34px #0005}.client-grid .client-card{animation:card-enter .42s ease both}.client-grid .client-card:nth-child(2){animation-delay:.05s}.client-grid .client-card:nth-child(3){animation-delay:.1s}.client-grid .client-card:nth-child(4){animation-delay:.15s}@keyframes card-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.card-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.client-logo{width:42px;height:42px;border-radius:5px;background:#fff;padding:5px;object-fit:contain;border:1px solid #44414c}.rank{font-size:9px;color:#777481;letter-spacing:.07em}.client-card h3{font-size:19px;margin:0 0 7px;letter-spacing:-.035em;font-weight:600}.client-card p{color:#aaa7b3;font-size:13px;line-height:1.55;margin:0 0 18px;max-width:290px}.download{margin-top:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-width:118px;background:#8b5cf6;color:#fff;text-decoration:none;font:500 11px var(--mono);padding:10px 12px;border:1px solid #a57dfb;border-radius:4px;transition:background .18s,box-shadow .18s}.download:hover{background:#9b70fb;box-shadow:0 0 18px #8b5cf655}.arrow{font-size:14px}.mods-title{margin-top:35px}.mod-grid{grid-template-columns:1fr}.mod-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:0 18px;min-height:136px;background:linear-gradient(105deg,#1b1821,#15151a 70%)}.mod-card .card-top{grid-column:1;grid-row:1 / span 2;width:56px;margin:0;flex-direction:column;gap:9px;align-items:center}.mod-card .client-logo{width:48px;height:48px}.mod-card h3{grid-column:2;grid-row:1;align-self:end;margin:0 0 4px}.mod-card p{grid-column:2;grid-row:2;align-self:start;margin:0;max-width:none}.mod-card .download{grid-column:3;grid-row:1 / span 2;margin:0}.note{display:flex;align-items:center;gap:10px;color:#c7c2d0;font-size:11px;line-height:1.65;margin:19px 0 34px;padding:12px 14px;background:#1b1722;border:1px solid #51416c;border-left:3px solid var(--purple);border-radius:4px}.note strong{color:#d5bfff;font-weight:600}.note-mark{display:grid;place-items:center;flex:none;width:17px;height:17px;border:1px solid #5f4c7d;color:#c6a8ff;border-radius:50%;font-size:10px}footer{display:flex;justify-content:space-between;padding:16px 0 24px;border-top:1px solid var(--line);color:#777481;font-size:9px;letter-spacing:.08em}.footer-slash{color:var(--purple)}[hidden]{display:none!important}@media(max-width:660px){.page{width:calc(100% - 32px)}.topbar{min-height:68px;gap:8px}.brand{font-size:13px;gap:7px}.brand img{width:29px;height:29px}.tabs{gap:0}.tab{padding:8px;font-size:10px}.version{font-size:9px;padding:8px;gap:6px}.home-panel{padding-top:65px}.home-status{margin-top:58px}.cube-display{right:-24px;top:73px;width:190px;height:190px;opacity:.62}.orbit-track{inset:0}.orbit-track span{font-size:7px;padding:3px 6px}.cube{--cube-size:72px;left:59px;top:59px}.cube-face.front{transform:translateZ(36px)}.cube-face.back{transform:rotateY(180deg) translateZ(36px)}.cube-face.right{transform:rotateY(90deg) translateZ(36px)}.cube-face.left{transform:rotateY(-90deg) translateZ(36px)}.cube-face.top{transform:rotateX(90deg) translateZ(36px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(36px)}.cube-face{font-size:20px}.clients-panel{padding-top:32px}.client-grid{gap:10px}.client-card{min-height:205px;padding:16px}}@media(max-width:480px){.topbar{flex-wrap:wrap;padding:11px 0}.brand{margin-right:auto}.version{order:2}.tabs{order:3;width:100%;border-top:1px solid var(--line);padding-top:7px}.tab{flex:1}.client-grid{grid-template-columns:1fr}.client-card{min-height:185px}.mod-card{min-height:124px;grid-template-columns:44px minmax(0,1fr);gap:0 13px;padding:15px}.mod-card .card-top{width:44px}.mod-card .client-logo{width:40px;height:40px}.mod-card .download{grid-column:2;grid-row:3;margin-top:12px}.section-heading h1{font-size:43px}.home-status{font-size:8px}.home-panel{min-height:410px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}
/* Small finishing details */
.home-panel h1{ text-shadow:0 0 42px #a678ff1d }
.topbar{backdrop-filter:blur(8px)}
.tab.active{box-shadow:inset 0 -2px 0 var(--purple)}
.home-status{position:relative;overflow:hidden}
.home-status:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--purple),transparent);opacity:.8}
.home-status i{animation:status-pulse 2.4s ease-in-out infinite}
@keyframes status-pulse{50%{opacity:.4;box-shadow:0 0 4px #a678ff55}}
.browse-button span{display:inline-block;transition:transform .2s ease}
.browse-button:hover span{transform:translateX(4px)}
.mod-card{box-shadow:0 14px 38px #0002}
.mod-card:after{content:'';position:absolute;right:14px;bottom:14px;width:11px;height:11px;border-right:1px solid #bd9aff88;border-bottom:1px solid #bd9aff88;pointer-events:none}
.mod-card:hover{background:linear-gradient(105deg,#211a2b,#17161d 72%)}
.download .arrow{transition:transform .2s ease}
.download:hover .arrow{transform:translate(2px,-2px)}