:root{--primary-color:#0f0;--secondary-color:#0ff;--accent-color:#f0f;--bg-color:#000;--text-color:#fff;--border-color:#0f0;--error-color:red;--lab-bg:#06070b;--lab-ink:#f4f0e8;--lab-muted:#9ea7b8;--lab-line:#f4f0e829;--lab-hot:#ff5c7a;--lab-cyan:#7de7ff;--lab-gold:#f4c76b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-color);color:var(--text-color);text-shadow:0 0 5px var(--primary-color);font-family:Courier New,monospace;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}body:before{content:"";pointer-events:none;z-index:-1;background-color:#0000;background-image:linear-gradient(90deg,#0000 49%,#00ff0014 50%,#0000 51%),linear-gradient(#0000 49%,#00ffff14 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:20s linear infinite bg-move;position:fixed;inset:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{border-bottom:2px solid var(--primary-color);text-align:center;background-color:#000;background-image:radial-gradient(circle at 10% 20%,#00ff0029 0%,#0000 22%),radial-gradient(circle at 90% 80%,#00ffff29 0%,#0000 22%);padding:48px 0;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg, transparent 49%, var(--secondary-color) 50%, transparent 51%), linear-gradient(0deg, transparent 49%, var(--accent-color) 50%, transparent 51%);opacity:.22;background-size:20px 20px;animation:30s linear infinite bg-move;position:absolute;inset:0}.hero h1{letter-spacing:.08em;text-transform:uppercase;z-index:1;text-shadow:0 0 10px var(--primary-color), 6px 6px 0 #ff00ff80;font-size:clamp(3rem,12vw,8rem);line-height:.88;animation:5s infinite glitch;position:relative}.hero p{z-index:1;text-shadow:0 0 5px var(--secondary-color);margin-top:24px;font-size:clamp(1rem,4vw,1.7rem);position:relative}.cursor{margin-left:.35rem;animation:1s infinite blink}.glitch{color:var(--secondary-color);text-shadow:2px 0 var(--accent-color), -2px -2px var(--primary-color);animation:3s infinite glitch}.main-nav{border-bottom:2px solid var(--primary-color);z-index:100;background-color:#000;padding:15px 0;position:sticky;top:0;box-shadow:0 2px 10px #00ff004d}.main-nav ul{flex-wrap:wrap;justify-content:center;gap:14px;list-style:none;display:flex}.main-nav a{color:var(--text-color);border:1px solid var(--primary-color);text-transform:uppercase;letter-spacing:1px;background-color:#000000b3;padding:10px 15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.main-nav a:hover{background-color:var(--primary-color);color:#000;box-shadow:0 0 15px var(--primary-color);transform:translateY(-2px)}section{border-top:1px solid var(--border-color);margin:30px 0;padding:50px 0;position:relative}section:before{content:"";background:linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--accent-color));width:100%;height:3px;animation:10s linear infinite gradient-shift;position:absolute;top:0;left:0}h2{text-align:center;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px var(--primary-color);margin-bottom:30px;font-size:clamp(2rem,7vw,3.5rem)}h2:after{content:"";background-color:var(--primary-color);width:100px;height:3px;margin:10px auto;animation:2s infinite pulse;display:block}.model-grid,.tool-grid,.hardware-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:30px;display:grid}.model-card,.tool-card,.hardware-card{text-align:center;background-color:#000000c7;flex-direction:column;min-height:300px;padding:25px;transition:all .3s;display:flex;position:relative;overflow:hidden}.model-card{border:2px solid var(--primary-color);box-shadow:0 5px 15px #0f03}.tool-card{border:2px solid var(--accent-color);box-shadow:0 5px 15px #f0f3}.hardware-card{border:2px solid var(--error-color);box-shadow:0 5px 15px #f003}.model-card:hover{box-shadow:0 15px 25px var(--primary-color);border-color:var(--secondary-color);transform:translateY(-10px)scale(1.02)}.tool-card:hover{box-shadow:0 0 25px var(--accent-color);border-color:var(--secondary-color);transform:scale(1.05)}.hardware-card:hover{box-shadow:0 0 25px var(--error-color);border-color:var(--secondary-color);transform:translateY(-5px)}.model-card h3,.tool-card h3,.hardware-card h3{text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:1.8rem}.model-card h3{color:var(--primary-color)}.tool-card h3{color:var(--accent-color)}.hardware-card h3{color:var(--error-color)}.model-score,.tool-score{color:var(--secondary-color);text-shadow:0 0 5px var(--secondary-color);margin:15px 0;font-size:1.5rem}.model-card p,.tool-card p{color:var(--secondary-color);margin-bottom:15px;font-size:1.08rem;font-weight:700}.model-card ul,.tool-card ul,.hardware-card ul,.hermes-description ul{text-align:left;flex-grow:1;margin-top:20px;list-style:none}.model-card li,.tool-card li,.hardware-card li,.hermes-description li{color:#fff;margin-bottom:10px;padding-left:22px;position:relative}.tool-card li,.hardware-card li,.hermes-description li{color:var(--secondary-color)}.model-card li:before,.tool-card li:before,.hardware-card li:before{content:"›";color:var(--primary-color);position:absolute;top:0;left:0}.model-switcher{border:1px solid var(--primary-color);text-align:center;background-color:#00000080;margin:20px 0 10px;padding:15px}.switcher-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.model-btn{color:#000;background:var(--primary-color);border:2px solid var(--secondary-color);text-transform:uppercase;padding:10px 14px;font-family:inherit;font-weight:800;box-shadow:0 0 10px #00ff0073}.hermes-section{border:2px solid var(--secondary-color);background-color:#0000008c;padding:30px;overflow:hidden;box-shadow:0 0 20px #00ffff4d}.hermes-content{flex-direction:column;align-items:center;display:flex}.hermes-diagram{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;min-height:180px;margin:30px 0;display:flex}.hermes-node{border:2px solid var(--primary-color);text-align:center;min-width:150px;box-shadow:0 0 10px var(--primary-color);background-color:#000000e6;padding:20px;transition:all .3s}.hermes-node:hover{box-shadow:0 0 20px var(--primary-color);transform:scale(1.1)}.hermes-node h3{color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:1.2rem}.hermes-connector{color:var(--secondary-color);font-size:2rem;animation:2s infinite pulse}.hermes-description{border:1px dashed var(--accent-color);background-color:#000000b3;width:100%;margin-top:30px;padding:20px;box-shadow:0 0 10px #ff00ff4d}.hermes-description li:before{content:"▸";color:var(--primary-color);position:absolute;top:0;left:0}.site-footer{border-top:2px solid var(--primary-color);text-align:center;color:var(--secondary-color);background:#000;padding:28px 0}.motion-page{min-height:100vh;color:var(--lab-ink);text-shadow:none;background:radial-gradient(circle at 20% 10%,#7de7ff33,#0000 28%),radial-gradient(circle at 80% 0,#ff5c7a2e,#0000 30%),linear-gradient(135deg,#06070b 0%,#10131d 48%,#050507 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.motion-surface{border-top:0;max-width:1180px;margin:0 auto;padding:clamp(72px,12vw,150px) 24px 72px}.motion-surface:before,.prototype-index:before{display:none}.hero-lab{align-content:center;min-height:82vh;display:grid}.motion-kicker{color:var(--lab-cyan);letter-spacing:.24em;text-transform:uppercase;font-size:.78rem;font-weight:800}.motion-title{letter-spacing:-.09em;text-transform:uppercase;max-width:980px;margin-top:18px;font-size:clamp(4rem,12vw,10rem);line-height:.82}.motion-copy{max-width:720px;color:var(--lab-muted);margin-top:28px;font-size:clamp(1.08rem,2vw,1.35rem)}.hero-card-stack,.prototype-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:42px;display:grid}.hero-card,.magnetic-card{border:1px solid var(--lab-line);min-height:220px;transform-style:preserve-3d;background:linear-gradient(140deg,#ffffff1c,#ffffff09);border-radius:28px;padding:24px;box-shadow:0 24px 80px #00000047,inset 0 1px #ffffff1f}.hero-card span,.magnetic-card span{color:var(--lab-gold);letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}.hero-card strong,.magnetic-card h3{letter-spacing:-.05em;margin-top:42px;font-size:clamp(1.5rem,3vw,2.4rem);line-height:.95;display:block}.magnetic-card p{color:var(--lab-muted);margin-top:18px}.prototype-index{border-top:0;max-width:1180px;margin:0 auto;padding:24px 24px 110px}.section-heading{max-width:760px}.section-heading h2{text-align:left;text-shadow:none;letter-spacing:-.06em;text-transform:none;margin:14px 0 0;font-size:clamp(2.5rem,7vw,6rem)}.section-heading h2:after{display:none}.section-heading p:not(.motion-kicker){color:var(--lab-muted);margin-top:12px;font-size:1.15rem}.motion-lab-section{padding-top:80px}@keyframes glitch{0%,to{transform:translate(0)}2%{transform:translate(2px,-2px)}4%{transform:translate(-2px,2px)}6%{transform:translate(0)}}@keyframes gradient-shift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes bg-move{0%{transform:translate(0)}to{transform:translate(30px,30px)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse{0%{opacity:1;box-shadow:0 0 #00ff008c}70%{box-shadow:0 0 0 10px #0f00}to{opacity:1;box-shadow:0 0 #0f00}}.mj-page{--mj-page-gutter:clamp(18px, 4vw, 64px);color:#171411;min-height:100vh;text-shadow:none;background:radial-gradient(circle at 8% 6%,#ffffffe6,#0000 18%),radial-gradient(circle at 86% 12%,#ffd8b4c7,#0000 22%),linear-gradient(#f8f4ec 0%,#ece3d3 48%,#d9c9b0 100%);font-family:Geist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mj-page:before{display:none}.mj-hero{min-height:auto;padding:20px var(--mj-page-gutter) 18px;background:#ffffff2e;border:0;margin:0}.mj-hero:before,.mj-workspace:before,.mj-gallery-section:before{display:none}.mj-nav{color:#171411b3;justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:14px 0;display:flex}.mj-brand{color:#171411;letter-spacing:-.04em;font-size:1.15rem;font-weight:800}.mj-nav div{gap:10px;display:flex}.mj-nav a:not(.mj-brand){-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff6b;border:1px solid #1714111a;border-radius:14px;padding:10px 14px}.mj-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(340px,.78fr);align-items:center;gap:clamp(36px,7vw,96px);max-width:1240px;margin:90px auto 0;display:grid}.mj-eyebrow{color:#a64b24;letter-spacing:.2em;text-transform:uppercase;font-size:.76rem;font-weight:800}.mj-hero h1{color:#15120f;letter-spacing:-.085em;text-transform:none;max-width:820px;text-shadow:none;margin:18px 0 0;font-size:clamp(4rem,10vw,9.8rem);line-height:.82;animation:none}.mj-lede{color:#171411a8;max-width:610px;margin-top:26px;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}.mj-actions,.mj-form-actions,.mj-card-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mj-actions{margin-top:32px}.mj-button,.mj-card-actions button,.mj-card-actions a,.mj-filter-pills button{color:#171411;font:inherit;cursor:pointer;background:#ffffff8c;border:1px solid #17141124;border-radius:8px;padding:8px 11px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s;box-shadow:0 14px 40px #5c47311a}.mj-button:hover,.mj-card-actions button:hover,.mj-card-actions a:hover,.mj-filter-pills button:hover{background:#fff;transform:translateY(-2px)}.mj-button.primary{color:#fff8ee;background:#171411;box-shadow:0 18px 50px #17141138}.mj-window{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff80;border:1px solid #1714111f;border-radius:16px;overflow:hidden;transform:rotate(1deg);box-shadow:0 38px 120px #503b2638,inset 0 1px #ffffffc7}.mj-window-bar{background:#ffffff94;border-bottom:1px solid #17141114;gap:8px;padding:18px 20px;display:flex}.mj-window-bar span{background:#f0652f;border-radius:999px;width:11px;height:11px}.mj-window-bar span:nth-child(2){background:#d7a84f}.mj-window-bar span:nth-child(3){background:#4f6f52}.mj-window-body{grid-template-columns:136px 1fr;gap:18px;min-height:430px;padding:20px;display:grid}.mj-mini-sidebar{background:#1714110d;border-radius:11px;flex-direction:column;gap:10px;padding:14px;display:flex}.mj-mini-sidebar span{color:#17141194;font-size:.78rem;font-weight:700}.mj-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mj-mini-card{background:#ffffff9e;border:1px solid #17141114;border-radius:12px;min-height:176px;padding:12px;box-shadow:0 18px 42px #503b261f}.mj-gradient{border-radius:9px;height:88px;margin-bottom:14px}.mj-mini-card strong{letter-spacing:-.04em;line-height:1.02;display:block}.mj-mini-card small{color:#17141180;margin-top:6px;display:block}.mj-workspace,.mj-gallery-section{width:100%;padding:28px var(--mj-page-gutter) 70px;border:0;margin:0 auto}.mj-gallery-section{padding-left:var(--mj-page-gutter);padding-right:var(--mj-page-gutter)}.mj-gallery-section>.mj-section-heading,.mj-gallery-section>.mj-filters{margin-left:0;margin-right:0}.mj-workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.mj-form,.mj-stats-card,.mj-card,.mj-filters,.mj-utility-summary{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffa3;border:1px solid #1714111c;border-radius:8px;box-shadow:0 14px 40px #503b2614,inset 0 1px #ffffffb8}.mj-form{gap:18px;padding:clamp(20px,4vw,36px);display:grid}.mj-section-heading{max-width:760px;margin-bottom:16px}.mj-section-heading.compact{margin-bottom:0}.mj-section-heading h2{text-align:left;color:#171411;text-shadow:none;letter-spacing:-.07em;text-transform:none;margin:10px 0 0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1}.mj-section-heading h2:after{display:none}.mj-section-heading p:not(.mj-eyebrow){color:#17141194;margin-top:8px;font-size:.88rem}.mj-form label{color:#1714119e;letter-spacing:.04em;text-transform:uppercase;gap:8px;font-size:.84rem;font-weight:800;display:grid}.mj-form input,.mj-form textarea,.mj-filters input{color:#171411;width:100%;font:inherit;background:#ffffffbf;border:1px solid #1714111f;border-radius:9px;outline:none;padding:14px 16px;font-size:1rem;line-height:1.4;box-shadow:inset 0 1px #ffffffb8}.mj-form textarea{resize:vertical;min-height:150px}.mj-form textarea.short{min-height:96px}.mj-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mj-form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mj-command-preview{color:#fff8ee;background:#171411;border-radius:11px;gap:8px;padding:18px;display:grid}.mj-command-preview span{color:#f0a36f;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:900}.mj-command-preview p{color:#fff8eec7;overflow-wrap:anywhere}.mj-stats-card{padding:26px;position:sticky;top:20px}.mj-stats-card strong{letter-spacing:-.08em;margin-top:16px;font-size:5rem;line-height:.8;display:block}.mj-stats-card>span{color:#1714118c;font-weight:800}.mj-stat-list{color:#171411a8;gap:10px;margin-top:26px;display:grid}.mj-stat-list p{border-top:1px solid #17141114;justify-content:space-between;gap:12px;padding-top:10px;display:flex}.mj-utility-summary{color:#17141199;flex-wrap:wrap;gap:18px;width:100%;margin:10px auto 0;padding:10px 12px;display:flex}.mj-utility-summary p{text-shadow:none;margin:0;font-size:.82rem}.mj-utility-summary b{color:#171411}.mj-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1714116b;place-items:start center;padding:clamp(18px,4vw,52px);display:grid;position:fixed;inset:0;overflow:auto}.mj-modal{width:min(920px,100%);position:relative}.mj-modal-close{color:#171411;width:36px;height:36px;font:inherit;cursor:pointer;background:#ffffffb8;border:1px solid #17141124;border-radius:10px;font-size:1.35rem;line-height:1;position:absolute;top:16px;right:16px}.mj-filters{grid-template-columns:1fr;gap:10px;margin-bottom:18px;padding:10px;display:grid}.mj-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.mj-filter-pills button{box-shadow:none;padding:7px 10px;font-size:.78rem}.mj-filter-pills button.active{color:#fff8ee;background:#171411}.mj-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;padding:0;display:grid}.mj-card{flex-direction:column;min-height:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.mj-card:hover{transform:translateY(-2px);box-shadow:0 20px 55px #503b2624}.mj-card-art{aspect-ratio:4/3;background:#1714110f;align-items:flex-end;min-height:0;padding:10px;display:flex;position:relative;overflow:hidden}.mj-card-art>img{object-fit:cover;width:100%;max-width:none;height:100%;transition:transform .28s;display:block;position:absolute;inset:0}.mj-card:hover .mj-card-art>img{transform:scale(1.045)}.mj-card-art span{z-index:2;color:#171411b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800;position:relative}.mj-card-placeholder{color:#17141159;background:linear-gradient(135deg,#1714110f,#ffffff80);place-items:center;display:grid;position:absolute;inset:0}.mj-card-toolbar{z-index:3;opacity:0;gap:6px;transition:opacity .18s;display:flex;position:absolute;top:10px;right:10px}.mj-card:hover .mj-card-toolbar{opacity:1}.mj-card-toolbar button{color:#171411b8;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #1714111f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.mj-card-toolbar button:hover{color:#171411;background:#fff}.mj-card-toolbar button:disabled{cursor:not-allowed;opacity:.42}.mj-card-toolbar button.danger:hover{color:#9d2d20}.mj-image-strip{gap:4px;padding:6px 8px 0;display:flex}.mj-image-strip button,.mj-image-strip span{cursor:pointer;background:#1714110d;border:1px solid #1714111f;border-radius:5px;width:42px;height:42px;padding:0;overflow:hidden}.mj-image-strip button.active{border-color:#171411a6;box-shadow:0 0 0 1px #1714112e}.mj-image-strip img{object-fit:cover;width:100%;height:100%;display:block}.mj-image-strip span{color:#17141185;place-items:center;font-size:.78rem;font-weight:800;display:grid}.mj-card-body{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.mj-card h3{color:#171411;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:650;line-height:1.08;overflow:hidden}.mj-card p{color:#17141194;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.72rem;line-height:1.35;display:-webkit-box;overflow:hidden}.mj-tags{flex-wrap:wrap;gap:7px;display:flex}.mj-tags span{color:#1714119e;border:1px solid #1714111a;border-radius:999px;padding:3px 7px;font-size:.65rem;font-weight:700}.mj-prompt-text{color:#171411bf;background:#1714110f;border-radius:6px;max-height:58px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.7rem;line-height:1.35;overflow:auto}.mj-prompt-text.muted{color:#1714116b;font-style:italic}.mj-card-actions{justify-content:space-between;margin-top:auto}.mj-card-actions button,.mj-card-actions a{min-height:32px;box-shadow:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 9px;font-size:.74rem;text-decoration:none;display:inline-flex}.mj-card-actions button:disabled{cursor:not-allowed;opacity:.45;transform:none}.mj-empty{color:#1714119e;text-align:center;background:#ffffff7a;border-radius:12px;padding:30px}@media (max-width:980px){.mj-hero-grid,.mj-workspace,.mj-filters{grid-template-columns:1fr}.mj-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mj-stats-card{position:static}}@media (min-width:2400px){.mj-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:768px){.main-nav ul{flex-direction:column;align-items:stretch}.main-nav a{text-align:center;width:100%}.hermes-diagram{flex-direction:column}.hermes-connector{transform:rotate(90deg)}section{padding:36px 0}.motion-title{font-size:clamp(3.3rem,18vw,6rem)}.mj-hero{padding-top:16px}.mj-hero-grid{margin-top:48px}.mj-window-body,.mj-form-row,.mj-form-row.three,.mj-gallery{grid-template-columns:1fr}.mj-nav{flex-direction:column;align-items:stretch;gap:16px}}
